body[data-theme]{--skill-group-bg: var(--section-bg);--skill-group-border: var(--section-border);--skill-group-hover: var(--section-bg);--route-h1-color: var(--theme-text);--route-h2-color: var(--theme-muted);--form-error-text: var(--route-h2-color);--section-header-color: #c05a3a;--nav-bg: #ffffff;--nav-shadow: 0 8px 16px rgba(0, 0, 0, .2);--nav-link-text-shadow: none;--nav-divider: rgba(0, 0, 0, .28);--nav-divider-hover: rgba(0, 0, 0, .5);--nav-menu-bg: #ffffff;--nav-menu-shadow: 0 8px 16px rgba(0, 0, 0, .2);--nav-hover-indicator: rgba(0, 0, 0, .45);--nav-active-indicator: #ffd60a;--nav-logo-ring-start: #f3f4f6;--nav-logo-ring-end: #9ca3af;--nav-logo-shadow: 0 8px 16px rgba(0, 0, 0, .2);--nav-item-bg: transparent;--button-bg: var(--theme-text);--button-text: var(--nav-bg)}body[data-theme=LIGHT-THEME]{--theme-bg: linear-gradient(180deg, #fbf9f4 0%, #f1eee8 75%);--theme-text: #3e342e;--theme-muted: #8f837a;--route-h1-color: #352c26;--route-h2-color: #c58a3a;--nav-bg: #f6f3ee;--nav-divider: rgba(110, 95, 80, .22);--nav-divider-hover: rgba(110, 95, 80, .4);--nav-menu-bg: #faf7f2;--nav-hover-indicator: #c58a3a;--nav-active-indicator: rgba(150, 120, 90, .878);--nav-logo-ring-start: #ffffff;--nav-logo-ring-end: #eddecb;--form-error-text: var(--route-h1-color);--section-header-color: #c58a3a;--section-bg: rgba(255, 252, 246, .96);--section-border: rgba(120, 105, 90, .16);--section-shadow: 0 10px 22px rgba(120, 105, 90, .1), inset 0 1px 0 rgba(255, 255, 255, .85);--input-bg: #fbfaf7;--input-border: rgba(120, 105, 90, .2);--input-text: #3e342e;--input-focus: #d9a458;--button-bg: #4b3426;--button-hover: #5c3f2f;--button-active: #3c281e;--button-text: #f6f1ea;--skill-group-bg: #efe7dd;--skill-group-border: rgba(120, 105, 90, .2);--skill-group-hover: rgba(160, 130, 100, .1);--collapse-bg: #faf6ef;--collapse-border: rgba(120, 105, 90, .18);--networth-color: #c58a3a;--chart-grid: rgba(110, 95, 80, .18);--chart-axis: #7d6f64;--theme-select-bg: #f6f3ee;--theme-select-text: #3e342e;--export-bg: #f0e9df;--export-border: rgba(120, 105, 90, .18)}body[data-theme=DARK-THEME]{--theme-bg: linear-gradient(180deg, #1f2933 0%, #111827 60%);--theme-text: #e5e7eb;--theme-muted: #9ca3af;--route-h1-color: #e5e7eb;--route-h2-color: #9ca3af;--nav-bg: var(--theme-select-bg);--nav-divider: var(--theme-select-text);--nav-divider-hover: var(--theme-select-text);--nav-menu-bg: var(--theme-select-bg);--nav-hover-indicator: rgba(255, 255, 255, .92);--nav-active-indicator: #ffffff;--nav-logo-ring-start: #1f2937;--nav-logo-ring-end:#9ca3af;--form-error-text: var(--route-h1-color);--section-header-color: #eedfb4;--section-bg: linear-gradient(180deg, #374151, #2d3748);--section-border: rgba(255, 255, 255, .06);--section-shadow: 0 10px 28px rgba(0, 0, 0, .45);--section-backdrop: blur(14px) saturate(140%);--skill-group-bg: #2d3748;--skill-group-border: #4b5563;--skill-group-hover: #1f2933;--networth-color: #f9fafb;--theme-select-bg: #1f2933;--theme-select-text: #f9fafb;--button-bg: var(--section-header-color);--button-text: var(--nav-bg)}:root{--page-bg: var(--theme-bg, oklch(97% .004 90));--ink: var(--theme-text, oklch(24% .02 280));--muted: var(--theme-muted, oklch(52% .02 280));--accent: var(--networth-color, oklch(58% .16 41))}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--page-bg);color:var(--ink);font-family:Poppins,Segoe UI,sans-serif}.route-page{min-height:100vh;min-height:100dvh;background:var(--theme-bg);padding:19vh .75rem 1rem;display:grid;gap:.9rem;align-content:start}@media (min-width: 1201px){.route-page{box-shadow:0 14px 36px -18px #0b0c1666}}.route-section[intersectionWatcher]{border-radius:10px;background:var(--section-bg);color:var(--theme-text);border:1px solid var(--section-border);box-shadow:var(--section-shadow);backdrop-filter:var(--section-backdrop, none);-webkit-backdrop-filter:var(--section-backdrop, none);padding:1rem;opacity:0;transform:translateY(8px);transition:opacity .7s ease-out,transform .7s ease-out}.route-section[intersectionWatcher].visible{opacity:1;transform:translateY(0)}.route-muted{color:var(--theme-muted)}.route-list{margin:.5rem 0 0;padding-left:1rem;line-height:1.5}.route-page h1{color:var(--route-h1-color, var(--theme-text))}.route-page h2{color:var(--route-h2-color, var(--theme-muted))}.route-section-title{margin:0 0 .8rem;color:var(--section-header-color, var(--accent));font-size:1rem;text-transform:uppercase;letter-spacing:.06em}