:root{--nav-bg: #f8fafd;--nav-surface: #ffffff;--nav-surface-solid: #ffffff;--nav-surface-muted: #f1f3f4;--nav-border: #dadce0;--nav-border-strong: #c4c7c5;--nav-text: #202124;--nav-muted: #5f6368;--nav-subtle: #747775;--nav-accent: #1a73e8;--nav-accent-strong: #1967d2;--nav-accent-soft: #e8f0fe;--nav-shadow: 0 2px 8px rgba(60, 64, 67, .08);color-scheme:light}:root[data-theme=dark]{--nav-bg: #111318;--nav-surface: #1f1f1f;--nav-surface-solid: #202124;--nav-surface-muted: #2b2c30;--nav-border: #3c4043;--nav-border-strong: #747775;--nav-text: #e3e3e3;--nav-muted: #c4c7c5;--nav-subtle: #9aa0a6;--nav-accent: #7baaf7;--nav-accent-strong: #9bbcf6;--nav-accent-soft: rgba(123, 170, 247, .16);--nav-shadow: 0 2px 8px rgba(0, 0, 0, .24);color-scheme:dark}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:var(--nav-bg);color:var(--nav-text);transition:background-color .2s ease,color .2s ease}body,button,input{font-family:Segoe UI,Google Sans Text,IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}button{color:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--nav-accent) 35%,transparent);border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--nav-accent) 58%,transparent)}.nav-app{background:var(--nav-bg);color:var(--nav-text)}:root[data-theme=dark] .nav-app{background:var(--nav-bg)}.nav-header{border-bottom:1px solid var(--nav-border);background:var(--nav-surface-solid)}.nav-brand-mark{border:1px solid var(--nav-border);background:var(--nav-accent-soft);color:var(--nav-accent-strong);box-shadow:none}.nav-brand-title,.nav-text,.nav-section-heading h2,.nav-link-title{color:var(--nav-text)}.nav-search-icon,.nav-muted,.nav-link-description{color:var(--nav-muted)}.nav-subtle,.nav-external-icon{color:var(--nav-subtle)}.nav-search-input{border:1px solid var(--nav-border);background:var(--nav-surface-muted);color:var(--nav-text);outline:none}.nav-search-input::placeholder{color:var(--nav-subtle)}.nav-search-input:hover,.nav-search-input:focus{border-color:var(--nav-accent);background:var(--nav-surface-solid)}.nav-search-input:focus{box-shadow:0 0 0 3px var(--nav-accent-soft)}.nav-action-button{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--nav-border);background:var(--nav-surface);color:var(--nav-text)}.nav-action-button:hover{border-color:var(--nav-accent);background:var(--nav-accent-soft);color:var(--nav-accent-strong)}.nav-main{color:var(--nav-text)}.nav-empty-icon{background:var(--nav-surface-muted);color:var(--nav-subtle)}.nav-section-heading{border-color:var(--nav-accent)}.nav-section-heading.is-favorite{border-color:#f2b84b}.nav-count-badge{background:var(--nav-surface-muted);color:var(--nav-subtle)}.nav-link-card{border:1px solid var(--nav-border);background:var(--nav-surface);box-shadow:var(--nav-shadow)}.nav-link-card:hover{border-color:color-mix(in srgb,var(--nav-accent) 56%,var(--nav-border));background:color-mix(in srgb,var(--nav-surface-solid) 90%,var(--nav-accent-soft))}.nav-link-card:hover .nav-link-title{color:var(--nav-accent-strong)}.nav-link-card:hover .nav-external-icon{color:var(--nav-accent)}.nav-link-icon{background:var(--nav-surface-muted);color:var(--nav-accent)}.nav-link-card:hover .nav-link-icon{background:var(--nav-accent-soft);color:var(--nav-accent-strong)}.nav-favorite-button{color:var(--nav-subtle)}.nav-favorite-button:hover,.nav-favorite-button.is-active{background:#f2b84b1f;color:#d99a2b}.nav-expand-button{background:var(--nav-accent-soft);color:var(--nav-accent-strong)}.nav-expand-button:hover{background:color-mix(in srgb,var(--nav-accent-soft) 70%,var(--nav-surface-muted))}.nav-quick-jump{border:1px solid var(--nav-border);background:var(--nav-surface);box-shadow:var(--nav-shadow)}.nav-quick-link{color:var(--nav-muted)}.nav-quick-link:hover{background:var(--nav-accent-soft);color:var(--nav-accent-strong)}.nav-quick-link.is-favorite{color:#d99a2b}.nav-footer{border-top:1px solid var(--nav-border);background:var(--nav-surface-solid)}@media(hover:none),(pointer:coarse){.nav-link-card:hover{transform:none}}