:root{--color-brand:#1a1a1a;--color-accent:#3b82f6;--color-text:#111827;--color-text-muted:#6b7280;--color-surface:#ffffff;--color-surface-alt:#f9fafb;--color-border:#e5e7eb;--color-error:#ef4444;--color-success:#22c55e;--color-warning:#f59e0b;--color-info:#3b82f6;--color-overlay:rgba(0,0,0,0.5);--font-heading:Inter;--font-body:Inter;--type-scale-base:16px;--type-scale-sm:14px;--type-scale-lg:20px;--type-scale-xl:28px;--type-line-height-tight:1.2;--type-line-height-relaxed:1.6;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--duration-fast:100ms;--duration-normal:200ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--brand-color:var(--color-brand);--accent-color:var(--color-accent);--text-color:var(--color-text);--text-muted:var(--color-text-muted);--bg-color:var(--color-surface);--bg-alt:var(--color-surface-alt);--border-color:var(--color-border);--error-color:var(--color-error);--success-color:var(--color-success);--font-size-base:var(--type-scale-base);--line-height-body:var(--type-line-height-relaxed);--line-height-heading:var(--type-line-height-tight)}.material-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.material-glass{background:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg)}.material-elevated{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.material-inset{background:var(--color-surface-alt);border-radius:var(--radius-md);box-shadow:inset 0 1px 2px rgba(0,0,0,.06)}.material-overlay{background:var(--color-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;line-height:1.5;color:var(--color-text);background:var(--color-surface-alt);-webkit-font-smoothing:antialiased}body{min-height:100dvh}a{color:inherit;text-decoration:none}.page-content{padding:32px;max-width:1400px;margin:0 auto}