:root{--g-bg: #f2f2f2;--g-bg-rgb: 242, 242, 242;--g-card: #ffffff;--g-inset: #e9e9e9;--g-line: rgba(0, 0, 0, .055);--g-line-strong: rgba(0, 0, 0, .09);--g-indicator: #d9d9d9;--g-inverse: #1a1a1a;--g-on-inverse: #f7f7f7;--g-scrim: rgba(0, 0, 0, .5);--accent: #4e7474;--accent-rgb: 78, 116, 116;--accent-ink: #4e7474;--accent-soft: rgba(78, 116, 116, .1);--on-accent: #ffffff;--accent-light: #9ebcbc;--g-text-1: #1a1a1a;--g-text-2: #5c5c5c;--g-text-3: #6b6b6b;--g-text-icon: #8a8a8a;--g-text-decor: #a8a8a8;--icon-success: #009e57;--icon-info: #0d92b8;--icon-warn: #a97a1c;--icon-danger: #c0393d;--icon-neutral: #6b6b6b;--hm-1: #d2d2d2;--hm-2: #bfd4d6;--hm-3: #8fb8bd;--hm-4: #4e8d96;--color-bg-base: #eceae7;--color-surface-1: #ffffff;--color-surface-2: #f4f5f2;--color-surface-glass: rgba(255, 255, 255, .55);--color-text-primary: #2a2a2a;--color-text-secondary: #5c5c5c;--color-text-tertiary: #8a8a8a;--color-border-subtle: rgba(0, 0, 0, .04);--color-border-strong: rgba(0, 0, 0, .07);--edge-hairline: rgba(0, 0, 0, .03);--focus-ring: 0 0 0 1px rgba(var(--color-accent-rgb), .55), 0 0 0 4px rgba(var(--color-accent-rgb), .1);--focus-ring-danger: 0 0 0 1px rgba(var(--color-danger-rgb), .55), 0 0 0 4px rgba(var(--color-danger-rgb), .1);--step-1: rgba(0, 0, 0, .012);--step-2: rgba(0, 0, 0, .024);--step-3: rgba(0, 0, 0, .036);--color-accent: var(--g-text-1);--color-accent-hover: var(--g-text-2);--color-accent-soft: var(--g-inset);--color-success: var(--g-text-2);--color-danger: var(--g-text-2);--color-warning: var(--g-text-3);--color-info: var(--g-text-2);--color-highlight: rgba(255, 255, 255, .22);--color-overlay: rgba(0, 0, 0, .5);--color-on-accent: #ffffff;--color-brand-brown: var(--color-accent);--tint-1: var(--g-inset);--tint-2: var(--g-inset);--tint-3: var(--g-indicator);--tint-4: var(--g-line);--tint-5: var(--g-line);--glass-1: rgba(255, 255, 255, .2);--glass-2: rgba(255, 255, 255, .25);--glass-3: rgba(255, 255, 255, .3);--glass-4: rgba(255, 255, 255, .4);--glass-5: rgba(255, 255, 255, .5);--glass-6: rgba(255, 255, 255, .6);--glass-7: rgba(255, 255, 255, .7);--glass-8: rgba(255, 255, 255, .78);--glass-top-edge: inset 0 .5px 0 rgba(255, 255, 255, .42);--glass-top-edge-dark: inset 0 .5px 0 rgba(255, 255, 255, .18);--scrim-1: rgba(0, 0, 0, .3);--scrim-2: rgba(0, 0, 0, .4);--scrim-3: rgba(0, 0, 0, .5);--scrim-4: rgba(0, 0, 0, .6);--scrim-5: rgba(0, 0, 0, .7);--scrim-6: rgba(0, 0, 0, .8);--color-bg-base-rgb: 236, 234, 231;--color-surface-1-rgb: 255, 255, 255;--color-accent-rgb: 26, 26, 26;--color-on-accent-rgb: 255, 255, 255;--color-danger-rgb: 193, 127, 129;--color-success-rgb: 139, 168, 145;--color-warning-rgb: 212, 165, 116;--elev-0: none;--elev-1: none;--elev-2: none;--elev-3: none;--elev-4: none;--card-surface: var(--g-card);--card-edge: var(--g-line);--card-sheen: none;--card-elev: none;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--fs-nav: 11px;--fs-micro: 12px;--fs-caption: 13px;--fs-body: 15px;--fs-title: 17px;--fs-display: 20px;--fs-h1: var(--fs-display);--fs-h2: var(--fs-title);--fs-h3: var(--fs-body);--fs-large-title: var(--fs-display);--fs-headline: var(--fs-body);--fs-subhead: var(--fs-caption);--lh-tight: 1.25;--lh-snug: 1.4;--lh-normal: 1.6;--lh-reading: 1.75;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-medium-plus: 550;--fw-semibold: 600;--fw-semibold-plus: 650;--fw-bold: 700;--fw-black: 800;--fw-current-shift: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--page-gutter: var(--space-4);--radius-sm: 10px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 16px;--radius-pill: 999px;--dur-tap: .1s;--dur-fast: .18s;--dur-base: .26s;--dur-page: .32s;--dur-slow: var(--dur-page);--dur-slower: .48s;--ease-standard: cubic-bezier(.32, .72, 0, 1);--ease-emphasis: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.28, .64, 1);--ease-in-out: cubic-bezier(.42, 0, .58, 1);--press-soft: .975;--press-mid: .95;--press-deep: .92;--motion-soft: var(--ease-out);--motion-spring: var(--ease-spring);--breath-duration: 6s;--hit-primary: 44px;--hit-secondary: 36px;--hit-inline: 32px;--ctrl-h: 44px;--ctrl-h-sm: 36px;--row-h: 52px;--fs-large-title: 30px;--fs-headline: 16px;--fs-subhead: 14px;--fs-reading: 16px;--r-control: 10px;--r-card: 16px;--r-sheet: 28px;--r-pill: 999px;--ease-motion: cubic-bezier(.4, .14, .3, 1);--motion-tap: var(--dur-tap) var(--ease-standard);--motion-chip-in: .26s var(--ease-motion);--motion-chip-out: .22s var(--ease-motion);--motion-flow-in: .32s var(--ease-motion);--motion-flow-out: .24s var(--ease-motion);--motion-panel-in: .36s var(--ease-motion);--motion-panel-out: .28s var(--ease-motion);--motion-page: var(--dur-page) var(--ease-standard);--motion-fade: .2s var(--ease-motion);--motion-list-in: .26s var(--ease-motion);--motion-stagger: 40ms;--motion-list-out: .22s var(--ease-motion);--motion-slide-track: .3s var(--ease-standard);--motion-pop: .42s var(--ease-spring);--motion-grow: .48s var(--ease-standard);--nav-bar-h: 44px;--content-max: 800px;--content-max-desktop: 1080px;--nav-height: 64px;--z-content: 10;--z-sticky: 100;--z-nav: 100;--z-menu: 1500;--z-sheet: 2000;--z-modal: 2100;--z-toast: 20000;--background-color: var(--color-bg-base);--card-background: var(--color-surface-glass);--text-light: var(--color-text-primary);--text-muted: rgba(0, 0, 0, .7);--text-dim: rgba(0, 0, 0, .4);--surface-light: var(--g-inset);--surface-hover: var(--g-inset);--modal-overlay: var(--color-overlay);--border-light: var(--g-line);--primary-color: var(--color-accent);--secondary-color: var(--color-success);--danger-color: var(--color-danger);--warning-color: var(--color-warning);--light-color: #f3f4f6;--dark-color: var(--g-card);--text-color: var(--color-text-primary);--border-color: var(--color-border-subtle)}.dark-theme{--g-bg: #171717;--g-bg-rgb: 23, 23, 23;--g-card: #1f1f1f;--g-inset: #262626;--g-line: #2c2c2c;--g-line-strong: #383838;--g-indicator: #313131;--g-inverse: #f3f3f3;--g-on-inverse: #0d0d0d;--g-scrim: rgba(0, 0, 0, .6);--g-text-1: #f3f3f3;--g-text-2: #bababa;--g-text-3: #8a8a8a;--g-text-icon: #707070;--g-text-decor: #5d5d5d;--accent: #9ebcbc;--accent-rgb: 158, 188, 188;--accent-ink: #9ebcbc;--accent-soft: rgba(158, 188, 188, .14);--on-accent: #0d0d0d;--accent-light: #9ebcbc;--icon-success: #00cc70;--icon-info: #22b9e3;--icon-warn: #d9a441;--icon-danger: #e0575b;--icon-neutral: #8a8a8a;--hm-1: #353535;--hm-2: #31565b;--hm-3: #3f7d85;--hm-4: #66c2cc;--color-bg-base: var(--g-bg);--color-surface-1: var(--g-card);--color-surface-2: var(--g-inset);--color-surface-glass: var(--g-card);--color-text-primary: var(--g-text-1);--color-text-secondary: var(--g-text-2);--color-text-tertiary: var(--g-text-3);--color-border-subtle: var(--g-line);--color-border-strong: var(--g-line-strong);--step-1: rgba(255, 255, 255, .014);--step-2: rgba(255, 255, 255, .028);--step-3: rgba(255, 255, 255, .042);--edge-hairline: rgba(255, 255, 255, .028);--fw-medium: 400;--fw-medium-plus: 500;--fw-semibold: 500;--fw-semibold-plus: 550;--fw-bold: 600;--fw-black: 700;--color-accent: var(--g-text-1);--color-accent-hover: var(--g-text-2);--color-accent-soft: var(--g-inset);--color-success: #9cbba2;--color-danger: #d09395;--color-warning: #dfb68a;--color-info: #8fb4b7;--color-highlight: rgba(255, 255, 255, .24);--color-overlay: rgba(0, 0, 0, .8);--color-on-accent: #111111;--color-brand-brown: var(--color-accent);--tint-1: var(--g-inset);--tint-2: var(--g-inset);--tint-3: var(--g-indicator);--tint-4: var(--g-line);--tint-5: var(--g-line);--glass-1: rgba(255, 255, 255, .2);--glass-2: rgba(255, 255, 255, .25);--glass-3: rgba(255, 255, 255, .3);--glass-4: rgba(255, 255, 255, .4);--glass-5: rgba(255, 255, 255, .5);--glass-6: rgba(255, 255, 255, .6);--glass-7: rgba(255, 255, 255, .7);--glass-8: rgba(255, 255, 255, .78);--scrim-1: rgba(0, 0, 0, .3);--scrim-2: rgba(0, 0, 0, .4);--scrim-3: rgba(0, 0, 0, .5);--scrim-4: rgba(0, 0, 0, .6);--scrim-5: rgba(0, 0, 0, .7);--scrim-6: rgba(0, 0, 0, .8);--color-bg-base-rgb: 17, 17, 17;--color-surface-1-rgb: 30, 33, 39;--color-accent-rgb: 243, 243, 243;--color-on-accent-rgb: 17, 17, 17;--color-danger-rgb: 208, 147, 149;--color-success-rgb: 156, 187, 162;--color-warning-rgb: 223, 182, 138;--elev-0: none;--elev-1: none;--elev-2: none;--elev-3: none;--elev-4: none;--card-surface: var(--g-card);--card-edge: var(--g-line);--card-sheen: none;--card-elev: none;--card-inset: var(--g-inset);--card-inset-sheen: none;--card-background: var(--g-card);--text-muted: var(--g-text-3);--text-dim: var(--g-text-3);--surface-light: var(--g-inset);--surface-hover: var(--g-inset)}.light-theme{--g-bg: #f2f2f2;--g-card: #ffffff;--g-inset: #e9e9e9;--g-line: rgba(0, 0, 0, .055);--g-line-strong: rgba(0, 0, 0, .09);--g-indicator: #d9d9d9;--g-inverse: #1a1a1a;--g-on-inverse: #f7f7f7;--g-scrim: rgba(0, 0, 0, .5);--g-text-1: #1a1a1a;--g-text-2: #5c5c5c;--g-text-3: #6b6b6b;--g-text-icon: #8a8a8a;--g-text-decor: #a8a8a8;--icon-success: #009e57;--icon-info: #0d92b8;--icon-warn: #a97a1c;--icon-danger: #c0393d;--icon-neutral: #6b6b6b;--hm-1: #d2d2d2;--hm-2: #bfd4d6;--hm-3: #8fb8bd;--hm-4: #4e8d96;--color-bg-base: var(--g-bg);--color-surface-1: var(--g-card);--color-surface-2: var(--g-inset);--color-surface-glass: var(--g-card);--color-text-primary: var(--g-text-1);--color-text-secondary: var(--g-text-2);--color-text-tertiary: var(--g-text-3);--color-border-subtle: var(--g-line);--color-border-strong: var(--g-line-strong);--color-accent: var(--g-text-1);--color-accent-hover: var(--g-text-2);--color-accent-soft: var(--g-inset);--color-success: var(--g-text-2);--color-danger: var(--g-text-2);--color-warning: var(--g-text-3);--color-info: var(--g-text-2);--color-highlight: rgba(255, 255, 255, .22);--color-overlay: rgba(0, 0, 0, .5);--color-on-accent: #ffffff;--color-brand-brown: var(--color-accent);--tint-1: var(--g-inset);--tint-2: var(--g-inset);--tint-3: var(--g-indicator);--tint-4: var(--g-line);--tint-5: var(--g-line);--glass-1: rgba(255, 255, 255, .2);--glass-2: rgba(255, 255, 255, .25);--glass-3: rgba(255, 255, 255, .3);--glass-4: rgba(255, 255, 255, .4);--glass-5: rgba(255, 255, 255, .5);--glass-6: rgba(255, 255, 255, .6);--glass-7: rgba(255, 255, 255, .7);--glass-8: rgba(255, 255, 255, .78);--scrim-1: rgba(0, 0, 0, .3);--scrim-2: rgba(0, 0, 0, .4);--scrim-3: rgba(0, 0, 0, .5);--scrim-4: rgba(0, 0, 0, .6);--scrim-5: rgba(0, 0, 0, .7);--scrim-6: rgba(0, 0, 0, .8);--color-bg-base-rgb: 236, 234, 231;--color-surface-1-rgb: 255, 255, 255;--color-accent-rgb: 26, 26, 26;--color-on-accent-rgb: 255, 255, 255;--color-danger-rgb: 193, 127, 129;--color-success-rgb: 139, 168, 145;--color-warning-rgb: 212, 165, 116;--card-background: var(--color-surface-glass);--text-muted: rgba(0, 0, 0, .7);--text-dim: rgba(0, 0, 0, .4);--surface-light: var(--g-inset);--surface-hover: var(--g-inset);--card-surface: var(--g-card);--card-edge: var(--g-line);--card-sheen: none;--card-elev: none;--card-inset: var(--g-inset);--card-inset-sheen: none;--elev-0: none;--elev-1: none;--elev-2: none;--elev-3: none;--elev-4: none}html,body{font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--color-text-primary)}:where(a,button,[role=button],input,select,textarea,[tabindex]):focus-visible{outline:1px solid var(--g-line-strong);outline-offset:2px;border-radius:var(--radius-sm)}@media (max-width: 768px){:root{--page-gutter: 16px}}