:root{--brand-primary: #3B4A3F;--surface-canvas: #FAF8F5;--surface-primary: #FFFFFF;--surface-secondary: #FAF8F5;--surface-raised: #FFFFFF;--separator: #E3E0DA;--text-primary: #222B24;--text-secondary: #5D6B60;--text-tertiary: #8E9A91;--text-inverse: #222B24;--accent-fill: #C59B6D;--accent-text: #7A5A33;--accent-subtle: rgba(197, 155, 109, .14);--status-success-text: #2E7D32;--status-success-subtle: #E8F5E9;--status-warning-text: #C43E00;--status-warning-subtle: #FFF3E0;--status-critical-text: #C62828;--status-critical-subtle: #FFEBEE;--status-info-text: #0B4F9E;--status-info-subtle: rgba(11, 79, 158, .1);--status-neutral-text: #5D6B60;--masked-glyph: #5D6B60;--masked-surface-tint: rgba(34, 43, 36, .06);--overlay-scrim: rgba(34, 43, 36, .32);--overlay-shadow: rgba(34, 43, 36, .18);--surface-sunken: #F1EEE7;--glass-bg: rgba(255, 255, 255, .5);--glass-bg-strong: rgba(255, 255, 255, .84);--glass-border: rgba(255, 255, 255, .72);--glass-shadow-color: rgba(44, 55, 48, .16);--shadow-tint: rgba(44, 55, 48, .06);--shadow-tint-strong: rgba(44, 55, 48, .22);--bg-ambient-top: #FBF7F0;--bg-ambient-bottom: #F3ECE1;--bg-ambient-caramel: rgba(197, 155, 109, .46);--bg-ambient-sage: rgba(110, 139, 116, .34);--bg-ambient-deep: rgba(44, 55, 48, .1);--elevation-color-near: rgba(44, 55, 48, .06);--elevation-color-mid: rgba(44, 55, 48, .1);--elevation-color-far: rgba(44, 55, 48, .16);--elevation-color-edge: rgba(44, 55, 48, .06);--glass-highlight: rgba(255, 255, 255, .6);--glass-edge: rgba(44, 55, 48, .08);--nav-active-color: #FFFFFF;--segment-thumb-color: #FFFFFF;--control-track-color: rgba(44, 55, 48, .08);--switch-on-color: #4E7A58;--switch-knob-color: #FFFFFF;--field-border-color: rgba(44, 55, 48, .18);--focus-ring-color: rgba(197, 155, 109, .55);--button-tint-color: rgba(197, 155, 109, .26);--accent-glow: rgba(165, 122, 76, .38);--accent-deep: #B0855A;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--type-hero-size: 2.5rem;--type-hero-line-height: 1.2;--type-hero-weight: 700;--type-large-title-size: 2.125rem;--type-large-title-line-height: 1.2059;--type-large-title-weight: 700;--type-display-size: 2.125rem;--type-display-line-height: 1.2059;--type-display-weight: 700;--type-headline-size: 1.0625rem;--type-headline-line-height: 1.2941;--type-headline-weight: 600;--type-title1-size: 1.75rem;--type-title1-line-height: 1.2143;--type-title1-weight: 700;--type-title2-size: 1.375rem;--type-title2-line-height: 1.2727;--type-title2-weight: 600;--type-title3-size: 1.25rem;--type-title3-line-height: 1.25;--type-title3-weight: 600;--type-body-size: 1rem;--type-body-line-height: 1.5;--type-body-weight: 400;--type-body-strong-size: 1rem;--type-body-strong-line-height: 1.5;--type-body-strong-weight: 600;--type-callout-size: 1rem;--type-callout-line-height: 1.3125;--type-callout-weight: 400;--type-subhead-size: .9375rem;--type-subhead-line-height: 1.3333;--type-subhead-weight: 400;--type-footnote-size: .8125rem;--type-footnote-line-height: 1.3846;--type-footnote-weight: 400;--type-caption-size: .75rem;--type-caption-line-height: 1.3333;--type-caption-weight: 400;--space-tight: 4px;--space-inline: 8px;--space-stack: 12px;--space-block: 16px;--space-section: 24px;--space-screen-mobile: 20px;--space-screen-web: 24px;--space-page: 32px;--radius-control: 12px;--radius-card: 22px;--radius-panel: 24px;--radius-sheet: 20px;--min-touch-target: 44px;--control-height: 48px;--cta-height: 52px;--layout-content-max: 1200px;--layout-readable-max: 720px;--layout-sidebar-width: 264px;--layout-rail-width: 72px;--layout-tab-bar-height: 44px;--space-page-desktop: 40px;--space-page-mobile: 16px;--space-section-gap: 32px;--space-card-gap: 20px;--space-card-pad: 24px;--space-card-pad-compact: 20px;--row-min-height: 52px;--panel-inset: 12px;--button-height: 44px;--button-height-lg: 50px;--floating-tab-bar-height: 64px;--glass-blur: blur(28px) saturate(170%);--glass-shadow: inset 0 1px 0 var(--glass-highlight), inset 0 0 0 1px var(--glass-border), 0 0 0 1px var(--glass-edge), 0 1px 2px var(--shadow-tint), 0 16px 40px -16px var(--glass-shadow-color);--elevation-card: 0 0 0 1px var(--elevation-color-edge), 0 1px 2px var(--elevation-color-near), 0 8px 24px -8px var(--elevation-color-mid), 0 24px 48px -24px var(--elevation-color-far);--elevation-card-hover: 0 0 0 1px var(--elevation-color-edge), 0 2px 4px var(--elevation-color-near), 0 14px 32px -10px var(--elevation-color-mid), 0 32px 64px -28px var(--elevation-color-far);--shadow-cta: 0 1px 2px var(--elevation-color-near), 0 8px 20px -8px var(--accent-glow);--focus-ring: 0 0 0 3px var(--focus-ring-color);--bg-ambient-base: linear-gradient(180deg, var(--bg-ambient-top) 0%, var(--bg-ambient-bottom) 100%);--bg-ambient-spots: radial-gradient(56rem 40rem at 8% -6%, var(--bg-ambient-caramel), transparent 62%), radial-gradient(48rem 36rem at 96% 12%, var(--bg-ambient-sage), transparent 64%), radial-gradient(60rem 36rem at 50% 110%, var(--bg-ambient-deep), transparent 66%);--gradient-caramel: linear-gradient(135deg, var(--accent-fill) 0%, var(--accent-deep) 100%);--shadow-sm: 0 1px 2px var(--shadow-tint), 0 1px 3px var(--shadow-tint);--shadow-md: 0 1px 2px var(--shadow-tint), 0 12px 28px -14px var(--shadow-tint-strong);--motion-spring: cubic-bezier(.16, 1, .3, 1);--motion-state-change: 175ms;--motion-value-update: .3s;--motion-threshold-appear: .2s}@media(prefers-color-scheme:dark){:root{--brand-primary: #6E8B74;--surface-canvas: #121613;--surface-primary: #1A201C;--surface-secondary: #242B26;--surface-raised: #242B26;--separator: #333B35;--text-primary: #F4F6F4;--text-secondary: #A2B0A6;--text-tertiary: #6B776E;--text-inverse: #121613;--accent-fill: #D2B48C;--accent-text: #D2B48C;--accent-subtle: rgba(210, 180, 140, .2);--status-success-text: #81C784;--status-success-subtle: #1B3821;--status-warning-text: #FFB74D;--status-warning-subtle: #3E2723;--status-critical-text: #E57373;--status-critical-subtle: #3A1C1C;--status-info-text: #7FB8F5;--status-info-subtle: rgba(127, 184, 245, .16);--status-neutral-text: #A2B0A6;--masked-glyph: #A2B0A6;--masked-surface-tint: rgba(244, 246, 244, .08);--overlay-scrim: rgba(0, 0, 0, .56);--overlay-shadow: rgba(0, 0, 0, .48);--surface-sunken: #242B26;--glass-bg: rgba(30, 38, 33, .55);--glass-bg-strong: rgba(32, 40, 35, .86);--glass-border: rgba(255, 255, 255, .1);--glass-shadow-color: rgba(0, 0, 0, .55);--shadow-tint: rgba(0, 0, 0, .32);--shadow-tint-strong: rgba(0, 0, 0, .6);--bg-ambient-top: #121A15;--bg-ambient-bottom: #090C0A;--bg-ambient-caramel: rgba(197, 155, 109, .16);--bg-ambient-sage: rgba(74, 104, 82, .38);--bg-ambient-deep: rgba(197, 155, 109, .07);--elevation-color-near: rgba(0, 0, 0, .4);--elevation-color-mid: rgba(0, 0, 0, .42);--elevation-color-far: rgba(0, 0, 0, .55);--elevation-color-edge: rgba(255, 255, 255, .06);--glass-highlight: rgba(255, 255, 255, .12);--glass-edge: rgba(255, 255, 255, .08);--nav-active-color: rgba(255, 255, 255, .1);--segment-thumb-color: #3A443D;--control-track-color: rgba(255, 255, 255, .1);--switch-on-color: #6E9B77;--switch-knob-color: #F4F6F4;--field-border-color: rgba(255, 255, 255, .16);--focus-ring-color: rgba(210, 180, 140, .55);--button-tint-color: rgba(210, 180, 140, .24);--accent-glow: rgba(0, 0, 0, .45);--accent-deep: #B8925F}}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%;background:var(--bg-ambient-base);background-color:var(--surface-canvas);background-attachment:fixed}html,body,#root{font-family:var(--font-family);font-size:var(--type-body-size);line-height:var(--type-body-line-height);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,#root{min-height:100dvh;background:transparent}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--bg-ambient-spots)}#root{position:relative;isolation:isolate}body{font-variant-numeric:tabular-nums}a{color:var(--accent-text);text-decoration:none}button,input,select,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-contrast:more){body:before{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
