:root{--color-brand-primary: #4A5578;--color-brand-hover: #3D4868;--color-brand-pressed: #323C58;--color-brand-selected: #ECEEF5;--color-brand-subtle: #DDE0ED;--color-primary-container: #DDE0ED;--color-on-primary-container: #262C40;--color-surface-container-low: #F6F6F4;--color-surface-container: #F0F0EE;--color-surface-container-high: #E8E8E6;--color-outline: #737888;--color-outline-variant: #C8CAD0;--color-bg-primary: #FAFAF8;--color-bg-secondary: #F4F4F2;--color-bg-tertiary: #EDEDEB;--color-bg-elevated: #FFFFFF;--color-bg-overlay: rgba(0, 0, 0, .4);--color-bg-wash: #F7F7F5;--color-fg-primary: #1A1D26;--color-fg-secondary: #555968;--color-fg-tertiary: #787D8C;--color-fg-disabled: #A8ABB4;--color-fg-on-brand: #FFFFFF;--color-fg-muted: #9498A4;--color-success: #3B7A52;--color-success-bg: #EEF6F0;--color-success-fg: #2E6140;--color-warning: #8A6D1B;--color-warning-bg: #FDF6E7;--color-warning-fg: #6E5614;--color-error: #A04040;--color-error-bg: #FDEEEE;--color-error-fg: #813232;--color-info: #3A6C9E;--color-info-bg: #EDF4FB;--color-border-default: #E2E3E6;--color-border-strong: #CDCED4;--color-border-subtle: #EDEDEB;--color-border-brand: #4A5578;--color-border-input: #D2D3D9;--color-border-input-hover: #B5B7C0;--color-surface-card: #F4F4F2;--color-surface-card-hover: #EDEDEB;--color-surface-dialog: #FFFFFF;--color-surface-nav: #F2F2F0;--color-surface-nav-hover: rgba(74, 85, 120, .06);--color-surface-nav-active: #DDE0ED;--color-surface-input: #F2F2F0;--color-surface-input-hover: #EAEAE8;--color-nav-fg: #6B7080;--color-nav-fg-active: #1A1D26;--color-nav-fg-hover: #3A3F50;--color-nav-border: #E2E3E6;--color-nav-brand-indicator: #4A5578;--color-bg-smoke: rgba(0, 0, 0, .32)}:root[data-scope=personal]{--color-brand-primary: #2D7A6F;--color-brand-hover: #24665D;--color-brand-pressed: #1C544C;--color-brand-selected: #E8F5F2;--color-brand-subtle: #CEEAE4;--color-primary-container: #CEEAE4;--color-on-primary-container: #1A3430;--color-outline: #6E8E88;--color-border-brand: #2D7A6F;--color-surface-nav-active: #CEEAE4;--color-nav-brand-indicator: #2D7A6F}:root[data-accent=green]{--color-brand-primary: #49662E;--color-brand-hover: #3D5726;--color-brand-pressed: #324A1E;--color-brand-selected: #EFF5EA;--color-brand-subtle: #DEE9D4;--color-primary-container: #DEE9D4;--color-on-primary-container: #2A3D1A;--color-border-brand: #49662E;--color-surface-nav-active: #DEE9D4;--color-nav-brand-indicator: #49662E}:root[data-accent=teal]{--color-brand-primary: #2E6B5E;--color-brand-hover: #265A50;--color-brand-pressed: #1E4B42;--color-brand-selected: #EAF5F2;--color-brand-subtle: #D0EAE3;--color-primary-container: #D0EAE3;--color-on-primary-container: #1A3B34;--color-border-brand: #2E6B5E;--color-surface-nav-active: #D0EAE3;--color-nav-brand-indicator: #2E6B5E}:root[data-accent=blue]{--color-brand-primary: #1A56DB;--color-brand-hover: #1548BF;--color-brand-pressed: #113CA3;--color-brand-selected: #EBF0FC;--color-brand-subtle: #D4E0F9;--color-primary-container: #D4E0F9;--color-on-primary-container: #0F2E6E;--color-border-brand: #1A56DB;--color-surface-nav-active: #D4E0F9;--color-nav-brand-indicator: #1A56DB}:root[data-accent=purple]{--color-brand-primary: #7C3AED;--color-brand-hover: #6B30D4;--color-brand-pressed: #5A26BA;--color-brand-selected: #F2ECFD;--color-brand-subtle: #E4D9FB;--color-primary-container: #E4D9FB;--color-on-primary-container: #3B1A78;--color-border-brand: #7C3AED;--color-surface-nav-active: #E4D9FB;--color-nav-brand-indicator: #7C3AED}:root[data-accent=rose]{--color-brand-primary: #E11D48;--color-brand-hover: #C8183F;--color-brand-pressed: #AF1436;--color-brand-selected: #FDE8ED;--color-brand-subtle: #FCCEDA;--color-primary-container: #FCCEDA;--color-on-primary-container: #6E0F25;--color-border-brand: #E11D48;--color-surface-nav-active: #FCCEDA;--color-nav-brand-indicator: #E11D48}:root[data-accent=amber]{--color-brand-primary: #D97706;--color-brand-hover: #C06A05;--color-brand-pressed: #A65D04;--color-brand-selected: #FDF3E3;--color-brand-subtle: #FAE5C3;--color-primary-container: #FAE5C3;--color-on-primary-container: #6D3C03;--color-border-brand: #D97706;--color-surface-nav-active: #FAE5C3;--color-nav-brand-indicator: #D97706}:root[data-theme=dark]{--color-brand-primary: #A3B1D4;--color-brand-hover: #B3BFE0;--color-brand-pressed: #8E9DC5;--color-brand-selected: #181B26;--color-brand-subtle: #242840;--color-primary-container: #242840;--color-on-primary-container: #D0D8EE;--color-surface-container-low: #121214;--color-surface-container: #1A1A1D;--color-surface-container-high: #232327;--color-outline: #7E8290;--color-outline-variant: #35373F;--color-bg-primary: #0D0D0F;--color-bg-secondary: #111113;--color-bg-tertiary: #18181B;--color-bg-elevated: #1E1E21;--color-bg-overlay: rgba(0, 0, 0, .68);--color-bg-wash: #0F0F11;--color-fg-primary: #ECEDEE;--color-fg-secondary: #A8AABA;--color-fg-tertiary: #7E808E;--color-fg-disabled: #464854;--color-fg-on-brand: #111113;--color-fg-muted: #606272;--color-success: #8AC4A0;--color-success-bg: #111D14;--color-success-fg: #B0DCC0;--color-warning: #D9B966;--color-warning-bg: #1E1A0E;--color-warning-fg: #E8CC80;--color-error: #E0908E;--color-error-bg: #221212;--color-error-fg: #F0B0AE;--color-info: #88B8E0;--color-info-bg: #101820;--color-border-default: #262830;--color-border-strong: #3A3C46;--color-border-subtle: #1C1C20;--color-border-brand: #A3B1D4;--color-border-input: #34363E;--color-border-input-hover: #505260;--color-surface-card: #131316;--color-surface-card-hover: #1A1A1E;--color-surface-dialog: #1E1E21;--color-surface-nav: #1E1E21;--color-surface-nav-hover: rgba(163, 177, 212, .07);--color-surface-nav-active: #181B26;--color-surface-input: #151517;--color-surface-input-hover: #1C1C1F;--color-nav-fg: #888A98;--color-nav-fg-active: #ECEDEE;--color-nav-fg-hover: #C0C1CC;--color-nav-border: #222228;--color-nav-brand-indicator: #A3B1D4;--color-bg-smoke: rgba(0, 0, 0, .56)}:root[data-theme=dark][data-scope=personal]{--color-brand-primary: #7CC8B8;--color-brand-hover: #90D4C6;--color-brand-pressed: #68BAA8;--color-brand-selected: #121F1C;--color-brand-subtle: #1C3430;--color-primary-container: #1C3430;--color-on-primary-container: #B8E8DC;--color-outline: #7E9E96;--color-border-brand: #7CC8B8;--color-surface-nav-active: #121F1C;--color-nav-brand-indicator: #7CC8B8}:root[data-theme=dark][data-accent=green]{--color-brand-primary: #A4C880;--color-brand-hover: #B4D496;--color-brand-pressed: #8EBA68;--color-brand-selected: #141E0E;--color-brand-subtle: #1E2E14;--color-primary-container: #1E2E14;--color-on-primary-container: #C8E4AA;--color-border-brand: #A4C880;--color-surface-nav-active: #141E0E;--color-nav-brand-indicator: #A4C880;--color-fg-on-brand: #111113}:root[data-theme=dark][data-accent=teal]{--color-brand-primary: #7CC8B8;--color-brand-hover: #90D4C6;--color-brand-pressed: #68BAA8;--color-brand-selected: #121F1C;--color-brand-subtle: #1C3430;--color-primary-container: #1C3430;--color-on-primary-container: #B8E8DC;--color-border-brand: #7CC8B8;--color-surface-nav-active: #121F1C;--color-nav-brand-indicator: #7CC8B8;--color-fg-on-brand: #111113}:root[data-theme=dark][data-accent=blue]{--color-brand-primary: #7EAAEF;--color-brand-hover: #96BCF4;--color-brand-pressed: #6698E8;--color-brand-selected: #0E1830;--color-brand-subtle: #162448;--color-primary-container: #162448;--color-on-primary-container: #B0D0F8;--color-border-brand: #7EAAEF;--color-surface-nav-active: #0E1830;--color-nav-brand-indicator: #7EAAEF;--color-fg-on-brand: #111113}:root[data-theme=dark][data-accent=purple]{--color-brand-primary: #B89CF5;--color-brand-hover: #C8B0F8;--color-brand-pressed: #A688F0;--color-brand-selected: #1A1028;--color-brand-subtle: #281A3E;--color-primary-container: #281A3E;--color-on-primary-container: #D8C8FB;--color-border-brand: #B89CF5;--color-surface-nav-active: #1A1028;--color-nav-brand-indicator: #B89CF5;--color-fg-on-brand: #111113}:root[data-theme=dark][data-accent=rose]{--color-brand-primary: #F08098;--color-brand-hover: #F498AC;--color-brand-pressed: #E86880;--color-brand-selected: #281014;--color-brand-subtle: #3E1820;--color-primary-container: #3E1820;--color-on-primary-container: #F8B8C4;--color-border-brand: #F08098;--color-surface-nav-active: #281014;--color-nav-brand-indicator: #F08098;--color-fg-on-brand: #111113}:root[data-theme=dark][data-accent=amber]{--color-brand-primary: #F0B860;--color-brand-hover: #F4C880;--color-brand-pressed: #E8A840;--color-brand-selected: #1E1408;--color-brand-subtle: #302010;--color-primary-container: #302010;--color-on-primary-container: #F8D898;--color-border-brand: #F0B860;--color-surface-nav-active: #1E1408;--color-nav-brand-indicator: #F0B860;--color-fg-on-brand: #111113}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-brand-primary: #A3B1D4;--color-brand-hover: #B3BFE0;--color-brand-pressed: #8E9DC5;--color-brand-selected: #181B26;--color-brand-subtle: #242840;--color-primary-container: #242840;--color-on-primary-container: #D0D8EE;--color-surface-container-low: #121214;--color-surface-container: #1A1A1D;--color-surface-container-high: #232327;--color-outline: #7E8290;--color-outline-variant: #35373F;--color-bg-primary: #0D0D0F;--color-bg-secondary: #111113;--color-bg-tertiary: #18181B;--color-bg-elevated: #1E1E21;--color-bg-overlay: rgba(0, 0, 0, .68);--color-bg-wash: #0F0F11;--color-fg-primary: #ECEDEE;--color-fg-secondary: #A8AABA;--color-fg-tertiary: #7E808E;--color-fg-disabled: #464854;--color-fg-on-brand: #111113;--color-fg-muted: #606272;--color-success: #8AC4A0;--color-success-bg: #111D14;--color-success-fg: #B0DCC0;--color-warning: #D9B966;--color-warning-bg: #1E1A0E;--color-warning-fg: #E8CC80;--color-error: #E0908E;--color-error-bg: #221212;--color-error-fg: #F0B0AE;--color-info: #88B8E0;--color-info-bg: #101820;--color-border-default: #262830;--color-border-strong: #3A3C46;--color-border-subtle: #1C1C20;--color-border-brand: #A3B1D4;--color-border-input: #34363E;--color-border-input-hover: #505260;--color-surface-card: #131316;--color-surface-card-hover: #1A1A1E;--color-surface-dialog: #1E1E21;--color-surface-nav: #1E1E21;--color-surface-nav-hover: rgba(163, 177, 212, .07);--color-surface-nav-active: #181B26;--color-surface-input: #151517;--color-surface-input-hover: #1C1C1F;--color-nav-fg: #888A98;--color-nav-fg-active: #ECEDEE;--color-nav-fg-hover: #C0C1CC;--color-nav-border: #222228;--color-nav-brand-indicator: #A3B1D4;--color-bg-smoke: rgba(0, 0, 0, .56)}:root:not([data-theme=light])[data-scope=personal]{--color-brand-primary: #7CC8B8;--color-brand-hover: #90D4C6;--color-brand-pressed: #68BAA8;--color-brand-selected: #121F1C;--color-brand-subtle: #1C3430;--color-primary-container: #1C3430;--color-on-primary-container: #B8E8DC;--color-outline: #7E9E96;--color-border-brand: #7CC8B8;--color-surface-nav-active: #121F1C;--color-nav-brand-indicator: #7CC8B8}:root:not([data-theme=light])[data-accent=green]{--color-brand-primary: #A4C880;--color-brand-hover: #B4D496;--color-brand-pressed: #8EBA68;--color-brand-selected: #141E0E;--color-brand-subtle: #1E2E14;--color-primary-container: #1E2E14;--color-on-primary-container: #C8E4AA;--color-border-brand: #A4C880;--color-surface-nav-active: #141E0E;--color-nav-brand-indicator: #A4C880;--color-fg-on-brand: #111113}:root:not([data-theme=light])[data-accent=teal]{--color-brand-primary: #7CC8B8;--color-brand-hover: #90D4C6;--color-brand-pressed: #68BAA8;--color-brand-selected: #121F1C;--color-brand-subtle: #1C3430;--color-primary-container: #1C3430;--color-on-primary-container: #B8E8DC;--color-border-brand: #7CC8B8;--color-surface-nav-active: #121F1C;--color-nav-brand-indicator: #7CC8B8;--color-fg-on-brand: #111113}:root:not([data-theme=light])[data-accent=blue]{--color-brand-primary: #7EAAEF;--color-brand-hover: #96BCF4;--color-brand-pressed: #6698E8;--color-brand-selected: #0E1830;--color-brand-subtle: #162448;--color-primary-container: #162448;--color-on-primary-container: #B0D0F8;--color-border-brand: #7EAAEF;--color-surface-nav-active: #0E1830;--color-nav-brand-indicator: #7EAAEF;--color-fg-on-brand: #111113}:root:not([data-theme=light])[data-accent=purple]{--color-brand-primary: #B89CF5;--color-brand-hover: #C8B0F8;--color-brand-pressed: #A688F0;--color-brand-selected: #1A1028;--color-brand-subtle: #281A3E;--color-primary-container: #281A3E;--color-on-primary-container: #D8C8FB;--color-border-brand: #B89CF5;--color-surface-nav-active: #1A1028;--color-nav-brand-indicator: #B89CF5;--color-fg-on-brand: #111113}:root:not([data-theme=light])[data-accent=rose]{--color-brand-primary: #F08098;--color-brand-hover: #F498AC;--color-brand-pressed: #E86880;--color-brand-selected: #281014;--color-brand-subtle: #3E1820;--color-primary-container: #3E1820;--color-on-primary-container: #F8B8C4;--color-border-brand: #F08098;--color-surface-nav-active: #281014;--color-nav-brand-indicator: #F08098;--color-fg-on-brand: #111113}:root:not([data-theme=light])[data-accent=amber]{--color-brand-primary: #F0B860;--color-brand-hover: #F4C880;--color-brand-pressed: #E8A840;--color-brand-selected: #1E1408;--color-brand-subtle: #302010;--color-primary-container: #302010;--color-on-primary-container: #F8D898;--color-border-brand: #F0B860;--color-surface-nav-active: #1E1408;--color-nav-brand-indicator: #F0B860;--color-fg-on-brand: #111113}}:root{--font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", "Fira Code", monospace;--text-display: 700 2rem/2.5rem var(--font-family);--text-title-1: 700 1.5rem/2rem var(--font-family);--text-title-2: 600 1.25rem/1.75rem var(--font-family);--text-title-3: 600 1rem/1.375rem var(--font-family);--text-subtitle-1: 600 .9375rem/1.25rem var(--font-family);--text-body-1: 400 .9375rem/1.375rem var(--font-family);--text-body-1-strong: 600 .9375rem/1.375rem var(--font-family);--text-body-2: 400 .875rem/1.25rem var(--font-family);--text-caption: 500 .78125rem/1.125rem var(--font-family);--text-label-lg: 600 .875rem/1.25rem var(--font-family);--text-label-md: 600 .78125rem/1.125rem var(--font-family);--text-label-sm: 600 .6875rem/1rem var(--font-family);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-caps: .06em}:root{--space-2xs: 2px;--space-xs: 4px;--space-s: 8px;--space-m: 12px;--space-l: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 44px;--space-4xl: 60px}:root{--radius-s: 6px;--radius-m: 10px;--radius-l: 14px;--radius-xl: 18px;--radius-2xl: 22px;--radius-circle: 999px}:root{--shadow-2: none;--shadow-4: none;--shadow-8: none;--shadow-16: none;--shadow-28: none;--shadow-inset: none;--shadow-brand: none;--shadow-card: none}:root[data-scope=personal]{--shadow-brand: none}:root[data-theme=dark]{--shadow-2: none;--shadow-4: none;--shadow-8: none;--shadow-16: none;--shadow-28: none;--shadow-inset: none;--shadow-brand: none;--shadow-card: none}:root[data-theme=dark][data-scope=personal]{--shadow-brand: none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-2: none;--shadow-4: none;--shadow-8: none;--shadow-16: none;--shadow-28: none;--shadow-inset: none;--shadow-brand: none;--shadow-card: none}:root:not([data-theme=light])[data-scope=personal]{--shadow-brand: none}}:root{--duration-ultra-fast: 60ms;--duration-fast: .1s;--duration-normal: .18s;--duration-slow: .28s;--duration-page: .22s;--easing-standard: cubic-bezier(.25, .1, .25, 1);--easing-decelerate: cubic-bezier(0, 0, .2, 1);--easing-accelerate: cubic-bezier(.4, 0, 1, 1);--easing-spring: cubic-bezier(.22, .68, .35, 1.1);--easing-smooth: cubic-bezier(.4, 0, 0, 1)}@media(prefers-reduced-motion:reduce){:root{--duration-ultra-fast: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-page: 0ms}}:root{--bp-mobile: 640px;--bp-tablet: 1024px;--bp-desktop: 1280px;--bp-wide: 1440px;--width-sidebar-expanded: 256px;--width-sidebar-collapsed: 64px;--width-nav-collapsed: 56px;--width-nav-expanded: 256px;--width-content-max: 1440px;--width-drawer: 420px;--height-header: 52px;--height-input: 40px;--height-control-sm: 28px;--height-control-md: 36px;--height-control-lg: 44px;--height-row-min: 48px;--height-nav-item: 40px;--height-mobile-nav: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100dvh;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:var(--font-weight-semibold)}p{overflow-wrap:break-word}table{border-collapse:collapse}:focus{outline:none}:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-radius:var(--radius-s)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent}html{scroll-behavior:smooth;background:var(--color-bg-primary)}body{min-height:100dvh;font:var(--text-body-1);color:var(--color-fg-primary);background-color:var(--color-bg-primary);font-family:var(--font-family)}#app{min-height:100dvh;display:flex;flex-direction:column}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}::selection{background-color:var(--color-brand-subtle);color:var(--color-fg-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-circle)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}:root{--font-scale: 1}html{font-size:calc(16px * var(--font-scale))}html.compact{--space-xs: 2px;--space-s: 4px;--space-m: 6px;--space-l: 10px;--space-xl: 14px;--space-2xl: 20px}html.high-contrast{--color-fg-secondary: var(--color-fg-primary);--color-fg-tertiary: var(--color-fg-secondary);--color-border-default: var(--color-border-strong);--color-border-subtle: var(--color-border-default)}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-enter var(--duration-page) var(--easing-decelerate) both;animation-delay:calc(var(--stagger, 0) * 40ms)}html.no-animations,html.no-animations *,html.no-animations *:before,html.no-animations *:after{animation-duration:0s!important;transition-duration:0s!important}.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}.text-display{font:var(--text-display)}.text-title-1{font:var(--text-title-1)}.text-title-2{font:var(--text-title-2)}.text-title-3{font:var(--text-title-3)}.text-subtitle-1{font:var(--text-subtitle-1)}.text-body-1{font:var(--text-body-1)}.text-body-1-strong{font:var(--text-body-1-strong)}.text-body-2{font:var(--text-body-2)}.text-caption{font:var(--text-caption)}.text-label-lg{font:var(--text-label-lg)}.text-label-md{font:var(--text-label-md)}.text-label-sm{font:var(--text-label-sm)}.text-secondary{color:var(--color-fg-secondary)}.text-tertiary{color:var(--color-fg-tertiary)}.text-muted{color:var(--color-fg-muted)}.text-brand{color:var(--color-brand-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-s{gap:var(--space-s)}.gap-m{gap:var(--space-m)}.gap-l{gap:var(--space-l)}.gap-xl{gap:var(--space-xl)}