:root{--page-bg: #f2f4f7;--page-gradient: radial-gradient(at 10% 0%, rgba( 99,158,255,.18) 0%, transparent 55%), radial-gradient(at 90% 10%, rgba(234,107,168,.14) 0%, transparent 50%), radial-gradient(at 50% 100%, rgba(121,237,189,.12) 0%, transparent 55%);--card: rgba(255, 255, 255, .62);--card-hover: rgba(255, 255, 255, .85);--surface-2: rgba(255, 255, 255, .55);--surface-sunk: rgba(255, 255, 255, .35);--border: rgba(255, 255, 255, .6);--divider: rgba(0, 0, 0, .08);--stroke: rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .55);--glass-blur: blur(28px) saturate(1.8);--glass-border: rgba(255, 255, 255, .6);--glass-highlight: rgba(255, 255, 255, .9);--glass-shadow: 0 12px 36px rgba(24, 38, 60, .12);--text: #1d1d1f;--muted: #3a3a3c;--subtle: #6b6b70;--accent: #007aff;--accent-strong: #0062d1;--accent-hover: #0062d1;--accent-bg: rgba(0, 122, 255, .12);--on-accent: #ffffff;--success: #1a7f4b;--success-bg: rgba(48,164,108,.12);--warn: #a45a00;--warn-bg: rgba(240,166,25,.15);--info: #8e2f9a;--info-bg: rgba(172,57,185,.12);--danger: #c8312f;--danger-bg: rgba(229,72,77,.12);--shadow-1: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(24,38,60,.08);--shadow-2: 0 2px 4px rgba(0,0,0,.04), 0 20px 48px rgba(24,38,60,.12);--ring: 0 0 0 1px rgba(255,255,255,.9) inset, 0 1px 0 0 rgba(255,255,255,.6) inset}[data-theme=dark],.dark{--page-bg: #0b0d12;--page-gradient: radial-gradient(at 10% 0%, rgba( 56,122,223,.28) 0%, transparent 55%), radial-gradient(at 90% 10%, rgba(181, 74,155,.24) 0%, transparent 50%), radial-gradient(at 50% 100%, rgba( 72,186,138,.18) 0%, transparent 55%);--card: rgba(30, 32, 40, .45);--card-hover: rgba(44, 47, 56, .6);--surface-2: rgba(255, 255, 255, .06);--surface-sunk: rgba(0, 0, 0, .25);--border: rgba(255, 255, 255, .1);--divider: rgba(255, 255, 255, .08);--stroke: rgba(255, 255, 255, .08);--glass-bg: rgba(20, 25, 42, .55);--glass-border: rgba(255, 255, 255, .12);--glass-highlight: rgba(255, 255, 255, .06);--glass-shadow: 0 12px 36px rgba(0, 0, 0, .32);--text: #f2f3f5;--muted: #a0a3a8;--subtle: #8b8e94;--accent: #0a84ff;--accent-strong: #5ca8ff;--accent-hover: #5ca8ff;--accent-bg: rgba(10, 132, 255, .22);--on-accent: #ffffff;--success: #30d158;--success-bg: rgba(48,209,88,.18);--warn: #ffd60a;--warn-bg: rgba(255,214,10,.18);--info: #bf5af2;--info-bg: rgba(191,90,242,.18);--danger: #ff453a;--danger-bg: rgba(255,69,58,.18);--shadow-1: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.32);--shadow-2: 0 2px 4px rgba(0,0,0,.4), 0 20px 48px rgba(0,0,0,.45);--ring: 0 0 0 1px rgba(255,255,255,.08) inset, 0 1px 0 0 rgba(255,255,255,.06) inset}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--fs-display: clamp(2rem, 1.4rem + 2.6vw, 3rem);--fs-h1: clamp(1.6rem, 1.3rem + 1.4vw, 2.25rem);--fs-h2: clamp(1.3rem, 1.15rem + .7vw, 1.6rem);--fs-h3: 1.15rem;--fs-body: 1rem;--fs-sm: .875rem;--fs-label: .8125rem;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.65;--ls-tight: -.022em;--ls-body: -.01em;--ls-wide: .02em;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-heavy: 800;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-2xl: 32px;--r-pill: 999px;--dur-fast: .15s;--dur: .2s;--dur-slow: .3s;--ease-soft: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-snap: cubic-bezier(.2, 0, .2, 1);--transition: all var(--dur) var(--ease-soft);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--accent) 55%, transparent);--tap-min: 44px;--container-max: 1200px;--z-base: 0;--z-sticky: 100;--z-nav: 200;--z-overlay: 1000;--z-toast: 1100}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: more){:root{--stroke: rgba(0,0,0,.18);--divider: rgba(0,0,0,.2)}[data-theme=dark],.dark{--stroke: rgba(255,255,255,.22);--divider: rgba(255,255,255,.24)}}@media (hover: none){a:hover,button:hover,.card:hover{transform:none!important}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);letter-spacing:var(--ls-body);color:var(--text);background-color:var(--page-bg);background-image:var(--page-gradient);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:var(--lh-snug);letter-spacing:var(--ls-tight)}a{color:var(--accent-strong);text-decoration:none}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-xl);box-shadow:var(--glass-shadow),var(--ring)}