:root{--bg-base: #0a0e16;--bg-surface: #11161f;--bg-surface-raised: #161c27;--bg-input: #0d1219;--bg-nav-translucent: rgba(10, 14, 22, .85);--bg-soft-overlay: rgba(255, 255, 255, .04);--border-subtle: #1d2530;--border-default: #2a3441;--border-strong: #3a4656;--text-primary: #eef2f7;--text-secondary: #8d98a8;--text-tertiary: #5c6677;--accent-long: #20d3a0;--accent-long-dim: #16a37c;--accent-long-bg: rgba(32, 211, 160, .1);--accent-short: #ff5f70;--accent-short-dim: #d6485a;--accent-short-bg: rgba(255, 95, 112, .1);--accent-info: #4f8cff;--accent-info-bg: rgba(79, 140, 255, .1);--accent-amber: #f5a623;--font-display: "Sora", sans-serif;--font-body: "Manrope", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;color-scheme:dark}:root[data-theme=light]{--bg-base: #ffffff;--bg-surface: #f6f7f9;--bg-surface-raised: #eef0f3;--bg-input: #ffffff;--bg-nav-translucent: rgba(255, 255, 255, .88);--bg-soft-overlay: rgba(10, 14, 22, .035);--border-subtle: #e6e8ec;--border-default: #d3d7dd;--border-strong: #b3b9c2;--text-primary: #12151c;--text-secondary: #555f6e;--text-tertiary: #828a98;--accent-long: #0f9270;--accent-long-dim: #0c7459;--accent-long-bg: rgba(15, 146, 112, .08);--accent-short: #d6334a;--accent-short-dim: #b8253a;--accent-short-bg: rgba(214, 51, 74, .08);--accent-info: #1f6fe0;--accent-info-bg: rgba(31, 111, 224, .08);--accent-amber: #ad6c08;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg-base);color:var(--text-primary)}body{font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-info);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.mono{font-family:var(--font-mono)}.grid-bg{background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:40px 40px;background-position:center}.page-shell{flex:1;display:flex;flex-direction:column}.container{max-width:1080px;margin:0 auto;padding:0 24px;width:100%}.navbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-nav-translucent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}.navbar-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1080px;margin:0 auto}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--text-primary)}.brand-mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--accent-long) 0%,var(--accent-info) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:14px;color:var(--bg-base)}.nav-links{display:flex;gap:28px}.navbar-right{display:flex;align-items:center;gap:20px}.nav-links a{color:var(--text-secondary);font-size:14px;font-weight:500}.nav-links a:hover{color:var(--text-primary);text-decoration:none}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s}.theme-toggle:hover{border-color:var(--border-strong);color:var(--text-primary)}.theme-toggle svg{width:16px;height:16px}.site-footer{border-top:1px solid var(--border-subtle);padding:32px 24px 40px;margin-top:64px}.footer-inner{max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a,.footer-note{font-size:13px;color:var(--text-tertiary)}.footer-disclaimer{max-width:1080px;margin:24px auto 0;font-size:12px;color:var(--text-tertiary);line-height:1.7;border-top:1px solid var(--border-subtle);padding-top:20px}.hero{padding:72px 24px 48px;text-align:left}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-long);background:var(--accent-long-bg);border:1px solid var(--accent-long-dim);padding:5px 12px;border-radius:999px;margin-bottom:20px}.hero h1{font-size:clamp(32px,5vw,48px);line-height:1.12;max-width:720px;margin-bottom:18px}.hero p{font-size:17px;color:var(--text-secondary);max-width:560px}.section-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin:48px 0 16px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding-bottom:24px}.tool-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s,transform .15s}.tool-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.tool-card-top{display:flex;align-items:center;justify-content:space-between}.tool-card h3{font-size:16px}.tool-card p{font-size:14px;color:var(--text-secondary);flex:1}.badge{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;padding:3px 9px;border-radius:999px;white-space:nowrap}.badge-live{background:var(--accent-long-bg);color:var(--accent-long);border:1px solid var(--accent-long-dim)}.badge-soon{background:var(--bg-soft-overlay);color:var(--text-tertiary);border:1px solid var(--border-default)}.category-tag{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);letter-spacing:.04em}.tool-card-link{font-size:13px;font-weight:600;color:var(--accent-info);margin-top:4px}.calc-header{padding:48px 24px 0}.breadcrumb{font-size:13px;color:var(--text-tertiary);margin-bottom:20px}.breadcrumb a{color:var(--text-tertiary)}.calc-header h1{font-size:clamp(26px,4vw,34px);margin-bottom:10px}.calc-header .calc-desc{color:var(--text-secondary);max-width:640px;font-size:15px}.calc-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:32px 24px 24px;align-items:start}@media (max-width: 760px){.calc-layout{grid-template-columns:1fr}}.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px}.panel-title{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:20px}.field{margin-bottom:18px}.field label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:7px;font-weight:500}.field-hint{font-size:12px;color:var(--text-tertiary);margin-top:5px}.input-wrap{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:14px;color:var(--text-tertiary);font-family:var(--font-mono);font-size:14px;pointer-events:none}input[type=number],input[type=text]{width:100%;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 14px;font-family:var(--font-mono);font-size:15px;color:var(--text-primary);outline:none;transition:border-color .15s}input.has-prefix{padding-left:30px}input:focus{border-color:var(--accent-info)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.toggle-group{display:flex;gap:8px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:4px}.toggle-btn{flex:1;padding:9px;text-align:center;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-body);transition:background .15s,color .15s}.toggle-btn.active.long{background:var(--accent-long-bg);color:var(--accent-long)}.toggle-btn.active.short{background:var(--accent-short-bg);color:var(--accent-short)}.result-hero{text-align:center;padding:8px 0 20px;border-bottom:1px solid var(--border-subtle);margin-bottom:20px}.result-hero .label{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.result-hero .value{font-family:var(--font-mono);font-size:38px;font-weight:600;color:var(--accent-long);line-height:1.1}.result-rows{display:flex;flex-direction:column;gap:12px}.result-row{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;padding:4px 0}.result-row .k{color:var(--text-secondary)}.result-row .v{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.v.pos{color:var(--accent-long)}.v.neg{color:var(--accent-short)}.warning-box{margin-top:18px;background:#f5a62314;border:1px solid rgba(245,166,35,.3);border-radius:var(--radius-md);padding:12px 14px;font-size:13px;color:var(--accent-amber)}.explainer{padding:16px 24px 64px;max-width:720px}.explainer h2{font-size:22px;margin:36px 0 12px}.explainer h2:first-child{margin-top:0}.explainer p{color:var(--text-secondary);font-size:15px;margin-bottom:14px}.explainer code{font-family:var(--font-mono);background:var(--bg-surface);padding:2px 7px;border-radius:5px;font-size:13px;color:var(--accent-long)}.explainer ul{color:var(--text-secondary);font-size:15px;padding-left:22px;margin-bottom:14px}.explainer li{margin-bottom:6px}.coming-soon{padding:100px 24px;text-align:center}.coming-soon h1{font-size:28px;margin-bottom:12px}.coming-soon p{color:var(--text-secondary);margin-bottom:24px}.intro-block{padding:8px 24px;max-width:760px}.intro-block p{color:var(--text-secondary);font-size:15px;line-height:1.75;margin-bottom:14px}.intro-block p:first-child{font-size:16px;color:var(--text-primary)}.category-intro{font-size:14px;color:var(--text-secondary);max-width:620px;margin-bottom:16px;line-height:1.6}.faq-section{padding:16px 24px 56px;max-width:760px}.faq-section h2{font-size:22px;margin-bottom:18px}.faq-item{border-bottom:1px solid var(--border-subtle)}.faq-item summary{padding:16px 0;cursor:pointer;font-weight:500;font-size:15px;color:var(--text-primary);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--font-mono);color:var(--text-tertiary);font-size:18px;flex-shrink:0;transition:transform .15s}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--text-secondary);font-size:14px;line-height:1.7;padding:0 0 16px}.trust-strip{display:flex;gap:24px;flex-wrap:wrap;padding:24px 24px 8px;font-size:13px;color:var(--text-tertiary)}.trust-strip span{display:flex;align-items:center;gap:6px}.trust-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-long);display:inline-block}.related-calcs{padding:8px 24px 48px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.related-card{display:block;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;text-decoration:none;transition:border-color .15s}.related-card:hover{border-color:var(--border-strong)}.related-card h4{font-size:14px;color:var(--text-primary);margin-top:6px;font-weight:600}.static-page{padding:56px 24px 80px;max-width:720px;margin:0 auto}.static-page h1{font-size:28px;margin-bottom:6px}.static-page .updated{font-size:13px;color:var(--text-tertiary);margin-bottom:32px}.static-page h2{font-size:18px;margin:28px 0 10px}.static-page p{color:var(--text-secondary);font-size:15px;margin-bottom:12px}.static-page ul{color:var(--text-secondary);font-size:15px;padding-left:20px;margin-bottom:12px}.static-page li{margin-bottom:6px}