@import "../../../assets/css/style.css";:root{--bg-dark:#050510;--bg-card:#120a28e6;--bg-elevated:#110830;--input-bg:#0e0828;--input-border:#ffffff17;--glass-border:#ffffff12;--accent:#bc13fe;--accent-dim:#bc13fe26;--cyan:#00f3ff;--cyan-dim:#00f3ff1f;--gold:#f5a623;--gold-dim:#f5a6231f;--text-main:#fff;--text-dim:#88a;--text-muted:#555575;--border:#ffffff12;--card:#120a28e6;--font-mono:"JetBrains Mono", monospace;--strength-strong:#10b981;--strength-moderate:#f59e0b;--strength-weak:#f97316;--strength-poor:#6b7280}[data-theme=light]{--bg-dark:#e8edf5;--bg-card:#fffffff7;--bg-elevated:#fff;--input-bg:#f0f4f9;--input-border:#0000001f;--glass-border:#0000001a;--accent:#7c3aed;--accent-dim:#7c3aed1a;--cyan:#0e7490;--cyan-dim:#0e74901a;--gold:#a16207;--gold-dim:#a162071a;--text-main:#0f172a;--text-dim:#334155;--text-muted:#64748b;--border:#0000001f;--card:#fffffff7;--strength-strong:#065f46;--strength-moderate:#92400e;--strength-weak:#9a3412;--strength-poor:#374151}body{background:var(--bg-dark);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}.app-container{flex-direction:column;flex:none;max-width:1400px;margin:0 auto;padding:8px 16px 4px;display:flex}.glass-navbar{z-index:100;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#050510eb;align-items:center;gap:24px;height:56px;padding:0 20px;display:flex;position:sticky;top:0}[data-theme=light] .glass-navbar{backdrop-filter:blur(12px);background:#f8fafceb;border-bottom:1px solid #0000001a}.calc-header{text-align:center;padding:16px 0 8px}.page-title{color:var(--text-main);margin:0 0 4px;font-size:1.35rem;font-weight:800;line-height:1.3}.page-subtitle{color:var(--text-dim);margin:0;font-size:.8rem}.outer-tabs{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;gap:4px;margin:8px 0 12px;padding:4px;display:flex;overflow-x:auto}[data-theme=light] .outer-tabs{background:#edf2f9;border-color:#0000001f}.outer-tab-btn{min-width:120px;color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;flex:1;padding:8px 16px;font-size:.82rem;font-weight:600;transition:background .2s,color .2s}.outer-tab-btn:hover{color:var(--text-main);background:#bc13fe14}.outer-tab-btn.active{background:var(--accent);color:#fff}[data-theme=light] .outer-tab-btn{color:var(--text-dim)}[data-theme=light] .outer-tab-btn:hover{color:var(--text-main);background:#7c3aed14}[data-theme=light] .outer-tab-btn.active{background:var(--accent);color:#fff}.outer-tab-content{display:none}.outer-tab-content.active{display:block}.calc-grid{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}@media (width<=900px){.calc-grid{grid-template-columns:1fr}}.input-card,.result-card{background:var(--bg-card);border:1px solid var(--border);backdrop-filter:blur(10px);border-radius:14px;padding:16px;box-shadow:0 4px 24px #00000059}.input-card{border-left:3px solid var(--cyan)}.result-card{border-left:3px solid var(--accent)}[data-theme=light] .input-card,[data-theme=light] .result-card{background:#fff;box-shadow:0 2px 12px #00000017}[data-theme=light] .input-card{border-left-color:#0e7490}[data-theme=light] .result-card{border-left-color:var(--accent)}.card-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 10px;font-size:.78rem;font-weight:700}[data-theme=light] .card-section-title{color:#64748b}.section-divider-thin{border:none;border-top:1px solid var(--border);margin:14px 0}[data-theme=light] .section-divider-thin{border-top-color:#0000001a}.input-group{margin-bottom:12px}.input-label{color:var(--text-dim);margin-bottom:5px;font-size:.78rem;font-weight:600;display:block}[data-theme=light] .input-label{color:#475569}.input-wrap{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #bc13fe26}[data-theme=light] .input-wrap{background:#f0f4f9;border-color:#0000001f}[data-theme=light] .input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #7c3aed1f}.glass-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:9px 10px;font-family:JetBrains Mono,monospace;font-size:.9rem}.glass-input::placeholder{color:var(--text-muted)}[data-theme=light] .glass-input{color:#0f172a}[data-theme=light] .glass-input::placeholder{color:#94a3b8}.input-prefix,.input-suffix{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);white-space:nowrap;border-right:1px solid var(--input-border);background:#ffffff08;padding:0 8px}.input-suffix{border-right:none;border-left:1px solid var(--input-border)}[data-theme=light] .input-prefix,[data-theme=light] .input-suffix{color:#64748b;background:#edf2f9;border-color:#0000001f}.input-hint{color:var(--text-muted);margin-top:4px;font-size:.72rem}[data-theme=light] .input-hint{color:#94a3b8}.comps-quick-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}@media (width<=600px){.comps-quick-grid{grid-template-columns:1fr}}.strength-display{text-align:center;border:1px solid var(--border);background:#ffffff08;border-radius:10px;margin-bottom:14px;padding:14px}[data-theme=light] .strength-display{background:#edf2f9;border-color:#0000001a}.strength-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-size:.72rem;font-weight:600}[data-theme=light] .strength-label{color:#94a3b8}.strength-badge{letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px;font-size:1.25rem;font-weight:800}.strength-badge.strength-strong{color:var(--strength-strong)}.strength-badge.strength-moderate{color:var(--strength-moderate)}.strength-badge.strength-weak{color:var(--strength-weak)}.strength-badge.strength-poor{color:var(--strength-poor)}.strength-desc{color:var(--text-dim);font-size:.77rem}[data-theme=light] .strength-desc{color:#475569}.metrics-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.metric-box{border:1px solid var(--border);text-align:center;background:#ffffff08;border-radius:8px;padding:10px 12px}[data-theme=light] .metric-box{background:#edf2f9;border-color:#0000001a}.metric-box.metric-accent{background:var(--accent-dim);border-color:#bc13fe40}[data-theme=light] .metric-box.metric-accent{background:#7c3aed14;border-color:#7c3aed33}.metric-val{color:var(--text-main);font-size:1.05rem;font-weight:800;font-family:var(--font-mono);margin-bottom:3px}[data-theme=light] .metric-val{color:#0f172a}.metric-box.metric-accent .metric-val{color:var(--accent)}.metric-lbl{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}[data-theme=light] .metric-lbl{color:#64748b}.savings-timeline{border:1px solid var(--border);background:#ffffff05;border-radius:8px;margin-bottom:14px;overflow:hidden}[data-theme=light] .savings-timeline{background:#f8fafc;border-color:#0000001a}.timeline-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.timeline-row:last-child{border-bottom:none}[data-theme=light] .timeline-row{border-bottom-color:#00000012}.timeline-label{color:var(--text-dim);font-size:.8rem}[data-theme=light] .timeline-label{color:#475569}.timeline-val{color:var(--text-main);font-size:.88rem;font-weight:700;font-family:var(--font-mono)}.timeline-val.highlight-val{color:var(--strength-strong)}[data-theme=light] .timeline-val{color:#0f172a}[data-theme=light] .timeline-val.highlight-val{color:#065f46}.chart-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:4px;font-size:.72rem;font-weight:600}[data-theme=light] .chart-label{color:#94a3b8}.action-row{gap:8px;margin-top:14px;display:flex}.act-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:#ffffff0d;border-radius:7px;flex:1;padding:8px 12px;font-size:.78rem;font-weight:600;transition:background .2s,color .2s}.act-btn:hover{background:var(--accent-dim);color:var(--accent);border-color:#bc13fe4d}[data-theme=light] .act-btn{color:#475569;background:#edf2f9;border-color:#0000001f}[data-theme=light] .act-btn:hover{color:var(--accent);background:#7c3aed14;border-color:#7c3aed40}.comps-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 4px 24px #0000004d}[data-theme=light] .comps-panel{background:#fff;box-shadow:0 2px 12px #00000017}.comps-header-row{margin-bottom:16px}.comps-intro{color:var(--text-dim);margin:4px 0 0;font-size:.82rem}[data-theme=light] .comps-intro{color:#475569}.subject-property-row{grid-template-columns:1fr 1fr;align-items:start;gap:14px;margin-bottom:18px;display:grid}@media (width<=700px){.subject-property-row{grid-template-columns:1fr}}.subject-result-box{background:var(--accent-dim);text-align:center;border:1px solid #bc13fe40;border-radius:10px;padding:14px 16px}[data-theme=light] .subject-result-box{background:#7c3aed12;border-color:#7c3aed33}.sr-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:6px;font-size:.72rem;font-weight:600}[data-theme=light] .sr-label{color:#64748b}.sr-val{color:var(--accent);font-size:1.4rem;font-weight:800;font-family:var(--font-mono);margin-bottom:4px}.sr-sub{color:var(--text-dim);font-size:.74rem}[data-theme=light] .sr-sub{color:#475569}.comps-table-wrap{border:1px solid var(--border);border-radius:10px;margin-bottom:14px;overflow-x:auto}[data-theme=light] .comps-table-wrap{border-color:#0000001f}.comps-table{border-collapse:collapse;width:100%;font-size:.82rem}.comps-table th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;background:#bc13fe14;padding:10px 12px;font-size:.72rem;font-weight:700}[data-theme=light] .comps-table th{color:#334155;background:#7c3aed12;border-bottom-color:#0000001a}.comps-table td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #ffffff08;padding:8px 12px}[data-theme=light] .comps-table td{color:#0f172a;border-bottom-color:#0000000f}.comps-table tbody tr:last-child td{border-bottom:none}.comps-table tbody tr:hover td{background:#bc13fe0d}[data-theme=light] .comps-table tbody tr:hover td{background:#f0f4f9}.comps-table input.comp-input{color:var(--text-main);font-size:.82rem;font-family:var(--font-mono);background:0 0;border:1px solid #0000;border-radius:5px;outline:none;width:100%;min-width:80px;padding:4px 6px;transition:border-color .2s,background .2s}.comps-table input.comp-input:focus{border-color:var(--accent);background:#bc13fe14}[data-theme=light] .comps-table input.comp-input{color:#0f172a}[data-theme=light] .comps-table input.comp-input:focus{border-color:var(--accent);background:#7c3aed12}.comps-table input.comp-input::placeholder{color:var(--text-muted)}[data-theme=light] .comps-table input.comp-input::placeholder{color:#94a3b8}.comps-table .computed-cell{font-family:var(--font-mono);color:var(--cyan);font-weight:600}[data-theme=light] .comps-table .computed-cell{color:#0e7490}.comps-avg-row td{color:var(--text-dim);border-top:1px solid var(--border);background:#00f3ff0d;padding:10px 12px;font-weight:700}.avg-label{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}[data-theme=light] .comps-avg-row td{color:#334155;background:#0e749012;border-top-color:#0000001a}.comps-conclusion{color:var(--text-dim);background:#00f3ff0f;border:1px solid #00f3ff26;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.82rem;display:flex}[data-theme=light] .comps-conclusion{color:#334155;background:#eff9fb;border-color:#0e749040}.conclusion-icon{color:var(--cyan);flex-shrink:0;margin-top:1px;font-size:1.1rem}[data-theme=light] .conclusion-icon{color:#0e7490}.guide-panel{flex-direction:column;gap:20px;display:flex}.guide-note{color:var(--text-dim);background:#f5a62314;border:1px solid #f5a62340;border-radius:8px;padding:12px 14px;font-size:.82rem}[data-theme=light] .guide-note{color:#78350f;background:#fffbeb;border-color:#f5a62366}.guide-steps{flex-direction:column;gap:12px;display:flex}.guide-step{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}[data-theme=light] .guide-step{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}.step-num{background:var(--accent);color:#fff;width:32px;height:32px;font-size:.85rem;font-weight:800;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-body{flex:1}.step-title{color:var(--text-main);margin:0 0 6px;font-size:.9rem;font-weight:700}[data-theme=light] .step-title{color:#0f172a}.step-body p{color:var(--text-dim);margin:0;font-size:.82rem;line-height:1.65}[data-theme=light] .step-body p{color:#475569}.guide-tips{background:#10b9810d;border:1px solid #10b98133;border-radius:10px;padding:16px 18px}[data-theme=light] .guide-tips{background:#f0fdf4;border-color:#10b9814d}.tips-title{color:var(--text-main);margin:0 0 10px;font-size:.85rem;font-weight:700}[data-theme=light] .tips-title{color:#0f172a}.tips-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.tips-list li{color:var(--text-dim);font-size:.82rem;line-height:1.6}[data-theme=light] .tips-list li{color:#475569}.state-note-box{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px 18px}[data-theme=light] .state-note-box{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}.state-note-box h3{color:var(--text-main);margin:0 0 8px;font-size:.88rem;font-weight:700}[data-theme=light] .state-note-box h3{color:#0f172a}.state-note-box>p{color:var(--text-dim);margin:0 0 10px;font-size:.8rem}[data-theme=light] .state-note-box>p{color:#475569}.state-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=700px){.state-grid{grid-template-columns:1fr}}.state-item{color:var(--text-dim);border:1px solid var(--border);background:#ffffff08;border-radius:6px;padding:8px 10px;font-size:.78rem;line-height:1.5}[data-theme=light] .state-item{color:#475569;background:#f8fafc;border-color:#00000014}.page-sections-outer{flex-direction:column;gap:32px;max-width:1400px;margin:0 auto;padding:0 16px 3rem;display:flex}.how-section{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px}[data-theme=light] .how-section{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #0000000f}.how-title{color:var(--text-main);margin:0 0 18px;font-size:1.05rem;font-weight:800}[data-theme=light] .how-title{color:#0f172a}.how-steps{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=700px){.how-steps{grid-template-columns:1fr}}.how-step{align-items:flex-start;gap:12px;display:flex}.how-step-num{background:var(--accent);color:#fff;width:28px;height:28px;font-size:.8rem;font-weight:800;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.how-step-body strong{color:var(--text-main);margin-bottom:4px;font-size:.85rem;display:block}[data-theme=light] .how-step-body strong{color:#0f172a}.how-step-body p{color:var(--text-dim);margin:0;font-size:.79rem;line-height:1.6}[data-theme=light] .how-step-body p{color:#475569}.formula-pills2{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px}[data-theme=light] .formula-pills2{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #0000000f}.fp-title{color:var(--text-main);margin:0 0 14px;font-size:1.05rem;font-weight:800}[data-theme=light] .fp-title{color:#0f172a}.fp-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.formula-pill{border:1px solid;border-radius:8px;padding:10px 14px}.fp-purple{background:#bc13fe14;border-color:#bc13fe33}.fp-teal{background:#00f3ff12;border-color:#00f3ff26}.fp-gold{background:#f5a62312;border-color:#f5a6232e}[data-theme=light] .fp-purple{background:#7c3aed12;border-color:#7c3aed2e}[data-theme=light] .fp-teal{background:#0e749012;border-color:#0e74902e}[data-theme=light] .fp-gold{background:#a1620712;border-color:#a162072e}.fp-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:5px;font-size:.7rem;font-weight:700}[data-theme=light] .fp-label{color:#64748b}.fp-formula{color:var(--text-main);font-size:.82rem;font-weight:600;font-family:var(--font-mono)}[data-theme=light] .fp-formula{color:#0f172a}.faq-section-extra{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px}[data-theme=light] .faq-section-extra{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #0000000f}.faq-title{color:var(--text-main);margin:0 0 14px;font-size:1.05rem;font-weight:800}[data-theme=light] .faq-title{color:#0f172a}.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:"+";font-family:var(--font-mono);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(--accent)}.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;transition:box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 1px 4px #0000000f}[data-theme=light] .faq-item:hover{border-color:#7c3aed59;box-shadow:0 2px 10px #7c3aed14}[data-theme=light] .faq-item[open]{border-color:#7c3aed66 #7c3aed66 #7c3aed66 #7c3aed;border-left-style:solid;border-left-width:3px;box-shadow:0 2px 12px #7c3aed1a}[data-theme=light] .faq-item__question{color:#0f172a;padding:14px 16px}[data-theme=light] .faq-item__question:after{color:#64748b}[data-theme=light] .faq-item[open] .faq-item__question:after,[data-theme=light] .faq-item__question:hover{color:#7c3aed}[data-theme=light] .faq-item__answer{color:#475569;border-top:1px solid #0000000f;padding:12px 16px 16px}.calc-related{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px}[data-theme=light] .calc-related{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #0000000f}.related-title{color:var(--text-main);margin:0 0 14px;font-size:1.05rem;font-weight:800}[data-theme=light] .related-title{color:#0f172a}.related-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.related-card{border:1px solid var(--border);background:#ffffff08;border-radius:10px;padding:14px;text-decoration:none;transition:background .2s,border-color .2s;display:block}.related-card:hover{background:var(--accent-dim);border-color:#bc13fe4d}[data-theme=light] .related-card{background:#f8fafc;border-color:#0000001a}[data-theme=light] .related-card:hover{background:#7c3aed12;border-color:#7c3aed40}.related-icon{margin-bottom:6px;font-size:1.4rem}.related-name{color:var(--text-main);margin-bottom:4px;font-size:.82rem;font-weight:700}[data-theme=light] .related-name{color:#0f172a}.related-desc{color:var(--text-dim);font-size:.73rem;line-height:1.5}[data-theme=light] .related-desc{color:#64748b}.toast{z-index:9999;border-radius:8px;max-width:280px;padding:10px 16px;font-size:.82rem;font-weight:600;animation:.25s toastIn;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 20px #0006}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-success{color:#a7f3d0;background:#065f46;border:1px solid #10b981}.toast-warn{color:#fde68a;background:#78350f;border:1px solid #f59e0b}.toast-error{color:#fecaca;background:#7f1d1d;border:1px solid #ef4444}.toast-info{color:#bfdbfe;background:#1e3a5f;border:1px solid #3b82f6}.skip-link{background:var(--accent);color:#fff;z-index:9999;border-radius:4px;padding:6px 12px;font-size:.8rem;text-decoration:none;position:absolute;top:4px;left:-9999px}.skip-link:focus{left:8px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#bc13fe4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}[data-theme=light]::-webkit-scrollbar-track{background:#e8edf5}[data-theme=light]::-webkit-scrollbar-thumb{background:#7c3aed4d}