@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #0c0f14;--bg-elevated: #12161e;--sidebar-bg: #10141b;--card-bg: rgba(18, 22, 30, .85);--input-bg: rgba(255, 255, 255, .04);--hover-bg: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--text: #e8ecf4;--text-muted: #7b8498;--accent: #10b981;--accent-dark: #059669;--accent-glow: rgba(16, 185, 129, .15);--accent-gradient: linear-gradient(135deg, #10b981, #06b6d4);--header-bg: rgba(12, 15, 20, .85);--section-bg: rgba(255, 255, 255, .04);--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--header-h: 64px}:root[data-theme=light]{--bg: #f8fafc;--bg-elevated: #ffffff;--sidebar-bg: #ffffff;--card-bg: #ffffff;--input-bg: rgba(15, 23, 42, .04);--hover-bg: rgba(15, 23, 42, .08);--border: rgba(15, 23, 42, .12);--text: #0f172a;--text-muted: #475569;--accent: #047857;--accent-dark: #065f46;--accent-glow: rgba(16, 185, 129, .15);--accent-gradient: linear-gradient(135deg, #10b981, #06b6d4);--header-bg: rgba(255, 255, 255, .95);--section-bg: rgba(15, 23, 42, .04)}:root[data-palette=emerald][data-theme=dark]{--bg: #0b1313;--bg-elevated: rgba(4, 20, 15, .85);--sidebar-bg: #08110f;--card-bg: rgba(6, 19, 13, .75);--input-bg: rgba(16, 185, 129, .08);--hover-bg: rgba(16, 185, 129, .12);--border: rgba(16, 185, 129, .35);--text: #e9fcea;--text-muted: #9fdac4;--accent: #10b981;--accent-dark: #059669;--accent-glow: rgba(16, 185, 129, .25);--accent-gradient: linear-gradient(135deg, #10b981, #0ea5e9);--header-bg: rgba(12, 15, 20, .85)}:root[data-palette=emerald][data-theme=light]{--bg: #f6fbf9;--bg-elevated: #ffffff;--sidebar-bg: #ffffff;--card-bg: #ffffff;--input-bg: #ecf7f1;--hover-bg: #d5f0df;--border: rgba(4, 120, 87, .25);--text: #0b2c1f;--text-muted: #4a6b5c;--accent: #047857;--accent-dark: #065f46;--accent-glow: rgba(4, 120, 87, .2);--accent-gradient: linear-gradient(135deg, #047857, #0ea5e9);--header-bg: rgba(255, 255, 255, .95)}:root[data-palette=sunset][data-theme=dark]{--bg: #0f0505;--bg-elevated: rgba(15, 5, 5, .85);--sidebar-bg: #0c0404;--card-bg: rgba(19, 6, 6, .7);--input-bg: rgba(251, 113, 133, .08);--hover-bg: rgba(251, 113, 133, .14);--border: rgba(251, 113, 133, .35);--text: #ffe7e0;--text-muted: #f9a6aa;--accent: #fb7185;--accent-dark: #be123c;--accent-glow: rgba(251, 113, 133, .25);--accent-gradient: linear-gradient(135deg, #fb7185, #f97316);--header-bg: rgba(12, 8, 6, .85)}:root[data-palette=sunset][data-theme=light]{--bg: #fff8f2;--bg-elevated: #ffffff;--sidebar-bg: #ffffff;--card-bg: #fff4ef;--input-bg: #ffe3d8;--hover-bg: #ffd3bf;--border: rgba(249, 115, 22, .25);--text: #3d1b0b;--text-muted: #7a4a37;--accent: #f97316;--accent-dark: #c2410c;--accent-glow: rgba(249, 115, 22, .25);--accent-gradient: linear-gradient(135deg, #f97316, #ec4899);--header-bg: rgba(255, 255, 255, .96)}:root[data-palette=ocean][data-theme=dark]{--bg: #030b12;--bg-elevated: rgba(2, 9, 20, .85);--sidebar-bg: #050c16;--card-bg: rgba(3, 13, 26, .75);--input-bg: rgba(14, 165, 233, .08);--hover-bg: rgba(14, 165, 233, .15);--border: rgba(14, 165, 233, .4);--text: #e6f6ff;--text-muted: #a1c4e8;--accent: #38bdf8;--accent-dark: #0369a1;--accent-glow: rgba(14, 165, 233, .35);--accent-gradient: linear-gradient(135deg, #38bdf8, #0f172a);--header-bg: rgba(6, 15, 30, .85)}:root[data-palette=ocean][data-theme=light]{--bg: #f4fbff;--bg-elevated: #ffffff;--sidebar-bg: #ffffff;--card-bg: #f0f7ff;--input-bg: #dcefff;--hover-bg: #cae8ff;--border: rgba(14, 165, 233, .25);--text: #06274e;--text-muted: #4d6993;--accent: #0ea5e9;--accent-dark: #0369a1;--accent-glow: rgba(14, 165, 233, .25);--accent-gradient: linear-gradient(135deg, #0ea5e9, #4753ff);--header-bg: rgba(255, 255, 255, .95)}:root[data-palette=orchid][data-theme=dark]{--bg: #0c0215;--bg-elevated: rgba(10, 3, 30, .85);--sidebar-bg: #090118;--card-bg: rgba(12, 2, 25, .75);--input-bg: rgba(168, 85, 247, .08);--hover-bg: rgba(168, 85, 247, .16);--border: rgba(168, 85, 247, .35);--text: #f5e6ff;--text-muted: #c5a3e8;--accent: #d946ef;--accent-dark: #831843;--accent-glow: rgba(217, 70, 239, .25);--accent-gradient: linear-gradient(135deg, #d946ef, #fb7185);--header-bg: rgba(13, 6, 23, .95)}:root[data-palette=orchid][data-theme=light]{--bg: #fdf6ff;--bg-elevated: #ffffff;--sidebar-bg: #ffffff;--card-bg: #fdf2ff;--input-bg: #f5e4ff;--hover-bg: #e9d4ff;--border: rgba(168, 85, 247, .25);--text: #2c0a3a;--text-muted: #6a5277;--accent: #a855f7;--accent-dark: #6d28d9;--accent-glow: rgba(168, 85, 247, .25);--accent-gradient: linear-gradient(135deg, #c084fc, #a855f7);--header-bg: rgba(255, 255, 255, .97)}:root[data-palette=citrus][data-theme=dark]{--bg: #1a1203;--bg-elevated: rgba(26, 18, 3, .9);--sidebar-bg: #130e02;--card-bg: rgba(26, 18, 3, .75);--input-bg: rgba(250, 204, 21, .08);--hover-bg: rgba(250, 204, 21, .14);--border: rgba(250, 204, 21, .35);--text: #fff8e7;--text-muted: #f6dea1;--accent: #fbbf24;--accent-dark: #b45309;--accent-glow: rgba(250, 204, 21, .25);--accent-gradient: linear-gradient(135deg, #fbbf24, #f97316);--header-bg: rgba(15, 9, 2, .9)}:root[data-palette=citrus][data-theme=light]{--bg: #fffdf5;--bg-elevated: #ffffff;--sidebar-bg: #ffffff;--card-bg: #fffaf0;--input-bg: #fff4d8;--hover-bg: #ffeec1;--border: rgba(250, 204, 21, .25);--text: #2b2509;--text-muted: #6d5f2a;--accent: #facc15;--accent-dark: #b45309;--accent-glow: rgba(250, 204, 21, .2);--accent-gradient: linear-gradient(135deg, #facc15, #f97316);--header-bg: rgba(255, 255, 255, .98)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-dark)}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.site-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text);font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.site-logo .logo-accent{color:var(--accent)}.header-right{display:flex;align-items:center;gap:1rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font-weight:600;font-size:1rem;font-family:inherit;line-height:1;cursor:pointer;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.floating-palette-controls{position:fixed;bottom:clamp(.75rem,2vw,1.25rem);right:clamp(.75rem,2vw,1.25rem);display:flex;align-items:center;gap:.3rem;padding:.2rem .45rem;border-radius:999px;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 30px #00000059;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:200}.palette-dots{display:flex;gap:.25rem}.palette-dot{width:30px;height:30px;border-radius:50%;border:1px solid transparent;padding:0;background-size:160%;background-position:center;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #ffffff0d;overflow:hidden}.palette-dot:hover{transform:translateY(-1px)}.palette-dot.active,.palette-dot:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.palette-dot:focus-visible{outline:none}@media(max-width:520px){.floating-palette-controls{gap:.2rem;padding:.18rem .35rem;right:.65rem}.palette-dot{width:26px;height:26px}}.hamburger{display:none;background:none;border:none;color:var(--text);font-size:1.4rem;cursor:pointer;padding:.25rem}.site-body{display:flex;min-height:calc(100vh - var(--header-h));width:100%;max-width:none;margin:0;gap:clamp(1.25rem,2vw,2.5rem);padding:0 clamp(1rem,2vw,2rem) 0 0;align-items:stretch}.main-content{flex:1;padding:clamp(1.5rem,2vw,3rem);width:100%}.site-footer{padding:2rem;text-align:center;font-size:.82rem;color:var(--text-muted);border-top:1px solid var(--border)}.breadcrumbs{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-muted);margin-bottom:1.5rem}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs .sep{opacity:.4}.page-title{font-size:1.8rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--text-muted);font-size:1rem;margin-bottom:2rem;line-height:1.5}.section-heading{font-size:1.1rem;font-weight:700;margin:2.5rem 0 1rem;color:var(--text)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.calc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.calc-list-item{display:block;padding:1rem 1.25rem;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;color:var(--text);text-decoration:none;font-size:.9rem;font-weight:500;transition:border-color .2s,transform .15s,box-shadow .2s}.calc-list-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #00000026;color:var(--accent)}.related-grid{display:flex;flex-wrap:wrap;gap:.5rem}.related-chip{padding:.4rem .85rem;font-size:.8rem;background:var(--hover-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);text-decoration:none;transition:background .15s,color .15s,border-color .15s}.related-chip:hover{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}.seo-content{margin-top:2.5rem;padding:2rem;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;line-height:1.7;color:var(--text-muted);font-size:.92rem}.seo-content h3{color:var(--text);font-size:1rem;margin-bottom:.75rem}.seo-content p+p{margin-top:1rem}.hero{text-align:center;padding:3rem 1rem 2rem;margin-bottom:1rem}.hero h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:.75rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:var(--text-muted);font-size:1.1rem;max-width:500px;margin:0 auto 1.5rem}.hero .search-center{display:flex;justify-content:center}.stats-row{display:flex;justify-content:center;gap:2.5rem;margin-bottom:2.5rem;padding:1rem 0}.stat{text-align:center}.stat-num{font-size:1.8rem;font-weight:800;color:var(--accent)}.stat-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}@media(max-width:768px){.hamburger{display:block}.main-content{padding:1.25rem}.hero h1{font-size:1.8rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.stats-row{gap:1.5rem}.site-body{gap:1rem;padding-inline:1rem}}.sidebar.svelte-129hoe0{flex:0 0 280px;width:280px;min-width:280px;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;background:var(--sidebar-bg);border-right:1px solid var(--border);padding:0}.sidebar-header.svelte-129hoe0{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;border-bottom:1px solid var(--border)}.sidebar-header.svelte-129hoe0 h3:where(.svelte-129hoe0){margin:0;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.close-btn.svelte-129hoe0{display:none;background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:.25rem}nav.svelte-129hoe0{padding:.5rem 0}.cat-toggle.svelte-129hoe0{display:flex;align-items:center;width:100%;padding:.6rem 1rem;border:none;background:none;cursor:pointer;font-size:.88rem;color:var(--text);gap:.5rem;transition:background .15s;text-align:left}.cat-toggle.svelte-129hoe0:hover{background:var(--hover-bg)}.cat-toggle.active.svelte-129hoe0{color:var(--accent);font-weight:600}.cat-icon.svelte-129hoe0{font-size:1rem;flex-shrink:0;width:1.4rem;text-align:center}.cat-label.svelte-129hoe0{flex:1}.chevron.svelte-129hoe0{font-size:1.1rem;font-weight:700;color:var(--text-muted);transition:transform .2s}.chevron.expanded.svelte-129hoe0{transform:rotate(90deg)}.cat-list.svelte-129hoe0{list-style:none;margin:0;padding:0 0 .5rem}.cat-list.svelte-129hoe0 li:where(.svelte-129hoe0) a:where(.svelte-129hoe0){display:block;padding:.35rem 1rem .35rem 2.8rem;font-size:.82rem;color:var(--text-muted);text-decoration:none;transition:color .15s,background .15s;border-radius:0}.cat-list.svelte-129hoe0 li:where(.svelte-129hoe0) a:where(.svelte-129hoe0):hover{color:var(--accent);background:var(--hover-bg)}.cat-list.svelte-129hoe0 li:where(.svelte-129hoe0) a.current:where(.svelte-129hoe0){color:var(--accent);font-weight:600;background:var(--accent-glow)}.view-all.svelte-129hoe0{font-weight:600!important;color:var(--accent)!important}.unit-item.svelte-129hoe0{margin:0}.unit-toggle.svelte-129hoe0{display:flex;align-items:center;width:100%;padding:.4rem 1rem .4rem 2.5rem;border:none;background:none;cursor:pointer;font-size:.8rem;color:var(--text-muted);gap:.4rem;text-align:left;transition:color .15s,background .15s}.unit-toggle.svelte-129hoe0:hover{background:var(--hover-bg)}.unit-toggle.expanded.svelte-129hoe0{color:var(--accent);font-weight:600}.unit-label.svelte-129hoe0{flex:1}.unit-list.svelte-129hoe0{list-style:none;margin:0;padding:0}.unit-list.svelte-129hoe0 li:where(.svelte-129hoe0) a:where(.svelte-129hoe0){display:block;padding:.25rem 1rem .25rem 3.4rem;font-size:.78rem;color:var(--text-muted);text-decoration:none;transition:color .15s,background .15s;border-radius:0}.unit-list.svelte-129hoe0 li:where(.svelte-129hoe0) a:where(.svelte-129hoe0):hover{color:var(--accent);background:var(--hover-bg)}.overlay.svelte-129hoe0{display:none}@media(max-width:768px){.sidebar.svelte-129hoe0{position:fixed;top:0;left:-300px;z-index:100;height:100vh;transition:left .3s ease;box-shadow:4px 0 24px #0003}.sidebar.open.svelte-129hoe0{left:0}.close-btn.svelte-129hoe0{display:block}.overlay.svelte-129hoe0{display:block;position:fixed;inset:0;z-index:99;background:#00000080}}