:root{--bg: #f4f6f8;--surface: rgba(255, 255, 255, .86);--surface-strong: #ffffff;--surface-muted: rgba(247, 249, 252, .92);--line: rgba(15, 23, 42, .1);--line-strong: rgba(15, 23, 42, .2);--ink: #0f172a;--muted: #4a5568;--font-sans: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "SFMono-Regular", Menlo, monospace;--heading-font: var(--font-sans);--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.03em;--tracking-normal: 0;--tracking-wide: .04em;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--accent: #0f766e;--accent-soft: rgba(15, 118, 110, .1);--accent-ink: #0b5f5f;--accent-hover: rgba(15, 118, 110, .16);--interactive: #0a84ff;--interactive-soft: rgba(10, 132, 255, .1);--interactive-ink: #0062d6;--success: #2f7d56;--success-soft: rgba(47, 125, 86, .1);--warning: #c06a1b;--warning-soft: rgba(192, 106, 27, .1);--danger: #b94d48;--danger-soft: rgba(185, 77, 72, .08);--error: #dc2626;--warning-ink: #8a4a12;--success-ink: #1f5a3c;--danger-ink: #8f2f2b;--subtle: #6b7280;--hk-ink: #c81e3c;--shadow-xs: 0 1px 3px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .05);--shadow: 0 8px 24px rgba(15, 23, 42, .07);--shadow-lg: 0 16px 48px rgba(15, 23, 42, .1);--shadow-xl: 0 24px 64px rgba(15, 23, 42, .14);--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-toast: 50;--z-tooltip: 60;--radius-2xs: 8px;--radius-xs: 12px;--radius-sm: 16px;--radius-md: 20px;--radius-lg: 24px;--radius-xl: 30px;--radius-pill: 999px;--gap-xs: 8px;--gap-sm: 12px;--gap-md: 16px;--gap: 20px;--gap-lg: 28px;--gap-xl: 36px;--gap-2xl: 48px;--duration-fast: .1s;--duration-base: .16s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease: var(--duration-base) var(--ease-default);--focus-ring: 0 0 0 3px var(--accent-soft);--focus-ring-offset: 0 0 0 1px var(--surface), 0 0 0 4px var(--accent-soft);--focus-outline: 2px solid var(--accent);--input-bg: var(--surface-strong);--input-border: var(--line-strong);--input-focus-border: var(--accent);--input-padding: 12px 14px;--input-radius: var(--radius-sm);--input-font-size: var(--text-base);--btn-padding-sm: 6px 12px;--btn-padding: 10px 16px;--btn-padding-lg: 14px 24px;--btn-radius: var(--radius-sm);--btn-font-size: var(--text-base);--btn-min-height: 44px;--card-bg: var(--surface);--card-border: var(--line);--card-radius: var(--radius-lg);--card-padding: var(--gap-lg);--card-shadow: var(--shadow-sm);--t-caption: var(--text-sm);--t-body: var(--text-base);--t-emph: var(--text-lg);--t-title: var(--text-xl);--t-display: var(--text-2xl);--w-regular: var(--weight-normal);--w-semibold: var(--weight-semibold);--leading-tight: var(--leading-tight);--leading-body: var(--leading-normal);--tracking-tight: var(--tracking-tight);--s-1: 4px;--s-2: var(--gap-xs);--s-3: var(--gap-sm);--s-4: var(--gap-md);--s-5: var(--gap);--s-6: var(--gap-xl);--s-7: 64px;--r-sm: var(--radius-xs);--r-md: var(--radius-md);--r-lg: var(--radius-lg);--r-pill: var(--radius-pill);--dur-fast: var(--duration-fast);--dur-slow: var(--duration-slow);--accent-wash: var(--accent-soft);--tap: 44px;--surface-0: var(--bg);--surface-1: var(--surface-strong);--surface-2: #e2e8f0;--text-primary: var(--ink);--text-secondary: var(--muted);--text-tertiary: #64748b;--border: var(--line-strong);--accent-secondary: var(--interactive);--stage-bg: #0e1524;--glow-accent: 0 0 0 3px rgba(15, 118, 110, .28), 0 0 12px rgba(15, 118, 110, .22);--dur-base: var(--duration-base)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f172a;--surface: rgba(30, 41, 59, .86);--surface-strong: #1e293b;--surface-muted: rgba(30, 41, 59, .92);--line: rgba(226, 232, 240, .12);--line-strong: rgba(226, 232, 240, .22);--ink: #e2e8f0;--muted: #a0aec0;--accent: #14b8a6;--accent-soft: rgba(20, 184, 166, .12);--accent-ink: #5eead4;--accent-hover: rgba(20, 184, 166, .2);--interactive: #38bdf8;--interactive-soft: rgba(56, 189, 248, .12);--interactive-ink: #7dd3fc;--success: #4ade80;--success-soft: rgba(74, 222, 128, .12);--warning: #fb923c;--warning-soft: rgba(251, 146, 60, .12);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .1);--error: #f87171;--warning-ink: var(--warning);--success-ink: var(--success);--danger-ink: var(--danger);--subtle: #9aa2ad;--hk-ink: #fb7185;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow: 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .35);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .4);--surface-0: var(--bg);--surface-1: var(--surface-strong);--surface-2: #334155;--text-primary: var(--ink);--text-secondary: var(--muted);--text-tertiary: #64748b;--border: var(--line-strong);--accent-secondary: var(--interactive);--stage-bg: #0b1120;--glow-accent: 0 0 0 3px rgba(20, 184, 166, .28), 0 0 12px rgba(20, 184, 166, .22);--dur-base: var(--duration-base)}}:root[data-theme=dark]{--bg: #0f172a;--surface: rgba(30, 41, 59, .86);--surface-strong: #1e293b;--surface-muted: rgba(30, 41, 59, .92);--line: rgba(226, 232, 240, .12);--line-strong: rgba(226, 232, 240, .22);--ink: #e2e8f0;--muted: #a0aec0;--accent: #14b8a6;--accent-soft: rgba(20, 184, 166, .12);--accent-ink: #5eead4;--accent-hover: rgba(20, 184, 166, .2);--interactive: #38bdf8;--interactive-soft: rgba(56, 189, 248, .12);--interactive-ink: #7dd3fc;--success: #4ade80;--success-soft: rgba(74, 222, 128, .12);--warning: #fb923c;--warning-soft: rgba(251, 146, 60, .12);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .1);--error: #f87171;--warning-ink: var(--warning);--success-ink: var(--success);--danger-ink: var(--danger);--subtle: #9aa2ad;--hk-ink: #fb7185;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow: 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .35);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .4);--surface-0: var(--bg);--surface-1: var(--surface-strong);--surface-2: #334155;--text-primary: var(--ink);--text-secondary: var(--muted);--text-tertiary: #64748b;--border: var(--line-strong);--accent-secondary: var(--interactive);--stage-bg: #0b1120;--glow-accent: 0 0 0 3px rgba(20, 184, 166, .28), 0 0 12px rgba(20, 184, 166, .22);--dur-base: var(--duration-base)}@media(prefers-reduced-motion:reduce){:root{--ease: 0ms ease;--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}@media(prefers-contrast:high){:root{--line: rgba(15, 23, 42, .24);--line-strong: rgba(15, 23, 42, .4);--muted: #3d4f63}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--surface-muted) 25%,var(--surface) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skip-link{position:absolute;left:-9999px;top:auto;z-index:var(--z-tooltip);padding:8px 16px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--weight-semibold);text-decoration:none}.skip-link:focus{left:16px;top:16px}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}[style*=animation],[class*=spin],[class*=pulse]{animation-duration:.001ms!important;animation-iteration-count:1!important}}