:root{--bg-dark:#050510;--card:#ffffff08;--input-bg:#ffffff0d;--cyan:#00f3ff;--purple:#bc13fe;--text-main:#fff;--text-dim:#88a;--text-muted:#666;--border:#ffffff14;--accent:#00f3ff;--font-main:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=light]{--bg-dark:#e8edf5;--card:#fffffff2;--input-bg:#e8eef4;--text-main:#0f172a;--text-dim:#334155;--text-muted:#64748b;--border:#0000001a;--accent:#0e7490;--cyan:#0e7490;--purple:#7c3aed}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-main);font-family:var(--font-main);min-height:100vh}.dashboard-container{max-width:1400px;margin:0 auto;padding:1.5rem 1.5rem 2rem}.calc-header{margin-bottom:1.5rem}.breadcrumb{color:var(--text-muted);margin-bottom:.5rem;font-size:.78rem}.breadcrumb a{color:var(--text-dim);text-decoration:none}.breadcrumb a:hover{color:var(--cyan)}.breadcrumb span{margin:0 .3rem}.calc-title{color:var(--text-main);margin-bottom:.3rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.calc-subtitle{color:var(--text-dim);font-size:.9rem}.outer-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.outer-tab{border:1px solid var(--border);background:var(--card);color:var(--text-dim);cursor:pointer;font-size:.875rem;font-family:var(--font-main);border-radius:8px;padding:.5rem 1.2rem;transition:all .2s}.outer-tab.active,.outer-tab:hover{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=light] .outer-tab.active,[data-theme=light] .outer-tab:hover{color:#fff}.tab-content{display:none}.tab-content.active{display:block}.calc-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=900px){.calc-grid{grid-template-columns:minmax(0,1fr);overflow:hidden}}.input-card,.result-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.input-card{border-left:3px solid var(--cyan)}.result-card{border-left:3px solid var(--purple)}.card-label-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.card-label{letter-spacing:.1em;color:var(--text-muted);font-size:.7rem;font-weight:700;font-family:var(--font-mono)}.mode-chips{flex-wrap:wrap;gap:.4rem;display:flex}.mode-chip{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-size:.8rem;font-family:var(--font-main);background:0 0;border-radius:20px;padding:.3rem .8rem;transition:all .2s}.mode-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=light] .mode-chip.active{color:#fff}.input-group{margin-bottom:1rem}.input-group label{color:var(--text-dim);margin-bottom:.3rem;font-size:.82rem;display:block}.glass-input{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text-main);font-size:.9rem;font-family:var(--font-main);border-radius:8px;outline:none;padding:.55rem .75rem;transition:border-color .2s}.glass-input:focus{border-color:var(--accent)}.glass-select{appearance:none;cursor:pointer}[data-theme=light] .glass-input{color:#0f172a;background:#e8eef4;border-color:#0000001f}.input-with-adornment{position:relative}.adornment-left{color:var(--text-dim);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.input-with-left{padding-left:1.8rem}.hero-result{text-align:center;background:#00f3ff0f;border-radius:10px;margin-bottom:1rem;padding:1rem}[data-theme=light] .hero-result{background:#eff9fb}.hero-label{letter-spacing:.12em;color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono);margin-bottom:.3rem;display:block}.hero-value{color:var(--cyan);font-size:clamp(2rem,5vw,3rem);font-weight:800;font-family:var(--font-mono);display:block}[data-theme=light] .hero-value{color:var(--accent)}.benchmark-badge{text-align:center;border:1px solid var(--border);background:#ffffff0a;border-radius:8px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600}[data-theme=light] .benchmark-badge{color:#0f172a;background:#f0f4f9;border-color:#0000001a}.stat-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.stat-cell{border:1px solid var(--border);background:#ffffff08;border-radius:8px;padding:.75rem}[data-theme=light] .stat-cell{background:#edf2f9;border-color:#00000014}.stat-label{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono);margin-bottom:.2rem;display:block}.stat-value{color:var(--text-main);font-size:1.1rem;font-weight:700;font-family:var(--font-mono);display:block}.formula-strip{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.formula-pill{font-size:.75rem;font-family:var(--font-mono);border-radius:20px;padding:.3rem .7rem}.formula-pill.cyan{color:var(--cyan);background:#00f3ff1a;border:1px solid #00f3ff33}.formula-pill.purple{color:var(--purple);background:#bc13fe1a;border:1px solid #bc13fe33}[data-theme=light] .formula-pill.cyan{color:#0e7490;background:#0e74901a;border-color:#0e749033}[data-theme=light] .formula-pill.purple{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed33}.action-bar{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.action-btn{border:1px solid var(--border);background:var(--card);color:var(--text-main);cursor:pointer;font-size:.82rem;font-family:var(--font-main);border-radius:8px;padding:.45rem 1rem;transition:all .2s}.action-btn:hover{border-color:var(--accent);color:var(--accent)}.alert-stack{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.alert{border-left:3px solid;border-radius:8px;padding:.5rem .75rem;font-size:.8rem}.alert-good{color:#10b981;background:#10b9811a;border-color:#10b981}.alert-warn{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b}.alert-info{border-color:var(--cyan);color:var(--cyan);background:#0e74901a}[data-theme=light] .alert-info{color:#0e7490;background:#eff9fb;border-color:#0e7490}[data-theme=light] .alert-good{color:#065f46;background:#f0fdf4;border-color:#10b981}[data-theme=light] .alert-warn{color:#a16207;background:#fffbeb;border-color:#f59e0b}.section-title{color:var(--text-main);margin-bottom:.75rem;font-size:1rem;font-weight:700}.section-desc{color:var(--text-dim);margin-bottom:1rem;font-size:.82rem}.significance-note{color:var(--text-dim);border:1px solid var(--border);background:#ffffff08;border-radius:8px;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.82rem;display:flex}[data-theme=light] .significance-note{color:#334155;background:#f0f4f9;border-color:#0000001a}.chart-section{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:1.5rem;padding:1.5rem}.your-cvr-badge{color:var(--cyan);font-size:.82rem;font-weight:600;font-family:var(--font-mono);background:#00f3ff1a;border-radius:20px;margin-bottom:1rem;padding:.3rem .8rem;display:inline-block}[data-theme=light] .your-cvr-badge{color:#0e7490;background:#0e74901a}.funnel-display{flex-direction:column;gap:.4rem;display:flex}.funnel-stage{align-items:center;gap:.75rem;display:flex}.funnel-bar-wrap{background:#ffffff0d;border-radius:4px;flex:1;height:28px;overflow:hidden}[data-theme=light] .funnel-bar-wrap{background:#edf2f9}.funnel-bar{background:linear-gradient(90deg, var(--cyan), var(--purple));border-radius:4px;height:100%;transition:width .5s}.funnel-label{color:var(--text-dim);min-width:100px;font-size:.75rem}.funnel-value{color:var(--text-muted);text-align:right;min-width:60px;font-size:.78rem;font-family:var(--font-mono)}.funnel-cvr{color:var(--cyan);text-align:right;min-width:44px;font-size:.72rem;font-family:var(--font-mono)}[data-theme=light] .funnel-cvr{color:#0e7490}.page-sections-outer{max-width:1600px;margin:0 auto;padding:0 1.5rem 3rem}.how-section,.formula-pills2,.gloss-section2,.ex-section2,.calc-article,.faq-section,.calc-related{margin-bottom:2.5rem}.how-section h2,.formula-pills2 h2,.gloss-section2 h2,.ex-section2 h2,.calc-article h2,.faq-section h2,.calc-related h2{color:var(--text-main);margin-bottom:1rem;font-size:1.3rem;font-weight:700}.how-steps{flex-direction:column;gap:1rem;display:flex}.how-step{align-items:flex-start;gap:1rem;display:flex}.step-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.9rem;font-weight:700;display:flex}.how-step strong{margin-bottom:.2rem;font-size:.95rem;display:block}.how-step p{color:var(--text-dim);font-size:.85rem;line-height:1.6}.pills-wrap{flex-wrap:wrap;gap:.5rem;display:flex}.formula-pill2{font-size:.8rem;font-family:var(--font-mono);border-radius:20px;padding:.4rem .9rem}.formula-pill2.cyan{color:var(--cyan);background:#00f3ff1a;border:1px solid #00f3ff33}.formula-pill2.purple{color:var(--purple);background:#bc13fe1a;border:1px solid #bc13fe33}[data-theme=light] .formula-pill2.cyan{color:#0e7490;background:#0e74901a;border-color:#0e749033}[data-theme=light] .formula-pill2.purple{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed33}.gloss-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;display:grid}.gloss-item{background:var(--card);border:1px solid var(--border);color:var(--text-dim);border-radius:10px;padding:.75rem;font-size:.84rem;line-height:1.5}.gloss-item strong{color:var(--text-main)}[data-theme=light] .gloss-item{color:#334155;background:#fff;border-color:#0000001a}[data-theme=light] .gloss-item strong{color:#0f172a}.ex-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.ex-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem}.ex-card h4{color:var(--cyan);margin-bottom:.4rem;font-size:.9rem}.ex-card p{color:var(--text-dim);font-size:.84rem;line-height:1.6}[data-theme=light] .ex-card{background:#fff;border-color:#0000001a}[data-theme=light] .ex-card h4{color:#0e7490}[data-theme=light] .ex-card p{color:#334155}.calc-article{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.calc-article h3{color:var(--text-main);margin:1rem 0 .5rem;font-size:1rem}.calc-article p{color:var(--text-dim);margin-bottom:.75rem;font-size:.88rem;line-height:1.75}[data-theme=light] .calc-article{background:#fff;border-color:#0000001a}[data-theme=light] .calc-article p{color:#334155}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid #ffffff0f}.faq-item__question{cursor:pointer;color:var(--text-main);user-select:none;justify-content:space-between;align-items:center;padding:14px 4px;font-size:.9rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";color:var(--text-dim);flex-shrink:0;margin-left:16px;font-size:1.1rem;transition:color .2s}.faq-item[open] .faq-item__question:after{content:"−";color:var(--accent)}.faq-item__question:hover{color:var(--cyan)}.faq-item__answer{color:var(--text-dim);padding:0 4px 14px;font-size:.85rem;line-height:1.75}[data-theme=light] .faq-list{gap:8px}[data-theme=light] .faq-item{background:#fff;border:1px solid #0000001a;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000000f}[data-theme=light] .faq-item[open]{border-color:#0e749066 #0e749066 #0e749066 #0e7490;border-left-style:solid;border-left-width:3px}[data-theme=light] .faq-item__question{color:#0f172a;padding:14px 16px}[data-theme=light] .faq-item__answer{color:#475569;border-top:1px solid #0000000f;padding:12px 16px 16px}.related-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.related-card{background:var(--card);border:1px solid var(--border);color:var(--text-main);border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;text-decoration:none;transition:all .2s;display:flex}.related-card:hover{border-color:var(--accent);color:var(--accent)}[data-theme=light] .related-card{color:#0f172a;background:#fff;border-color:#0000001a}[data-theme=light] .related-card:hover{color:#0e7490;border-color:#0e7490}.calc-page-footer{border-top:1px solid var(--border);background:#050510f2;margin-top:2rem;padding:2rem 1.5rem 1rem}[data-theme=light] .calc-page-footer{background:#0a0e1a}.calc-page-footer .footer-grid{grid-template-columns:2fr 1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto 1.5rem;display:grid}.calc-page-footer .footer-brand-name{color:#fff;font-size:.9rem;font-weight:700}.calc-page-footer .footer-tagline{color:#88a;font-size:.8rem}.calc-page-footer .footer-col-title{color:#88a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.75rem}.calc-page-footer .footer-link{color:#88a;margin-bottom:.3rem;font-size:.83rem;text-decoration:none;display:block}.calc-page-footer .footer-link:hover{color:var(--cyan)}.calc-page-footer .footer-bottom{text-align:center;color:#666;border-top:1px solid #ffffff0f;padding-top:1rem;font-size:.78rem}.footer-logo-row{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.footer-logo{width:24px;height:24px}.calc-back-to-top{background:var(--accent);color:#fff;cursor:pointer;z-index:99;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:none;position:fixed;bottom:1.5rem;right:1.5rem}.calc-back-to-top.visible{display:flex}.toast{z-index:200;border-radius:8px;padding:.6rem 1.2rem;font-size:.85rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.toast-success{color:#fff;background:#065f46}.toast-warn{color:#fff;background:#a16207}@media (width<=600px){.calc-grid{gap:1rem}.stat-grid{grid-template-columns:1fr 1fr}.calc-page-footer .footer-grid{grid-template-columns:minmax(0,1fr);overflow:hidden}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a;border-radius:3px}::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#475569}[data-theme=light] ::-webkit-scrollbar-track{background:#e2e8f0}[data-theme=light] ::-webkit-scrollbar-thumb{background:#94a3b8}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#64748b}