:root{--accent:var(--calc-color-environment);--accent-dim:#a3e6351a;--accent-glow:#a3e63538;--accent-dark:#3f6212;--bg-dark:#050510;--card:#0d1420f7;--input-bg:#ffffff0d;--input-border:#ffffff1a;--text-main:#f8fafc;--text-dim:#88a;--text-muted:#64748b;--border:#ffffff12;--radius:12px}[data-theme=light]{--accent:var(--calc-color-environment);--accent-dim:#3f62121a;--accent-glow:#3f62122e;--accent-dark:#365314;--bg-dark:#e8edf5;--card:#fff;--input-bg:#f0f4f9;--input-border:#0000001f;--text-main:#0f172a;--text-dim:#334155;--text-muted:#64748b;--border:#0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--calc-bg-page);color:var(--calc-text-primary);min-height:100vh;font-family:Inter,sans-serif;font-size:16px;line-height:1.5}.outer-tabs{border:1px solid var(--border);background:#ffffff08;border-radius:14px;gap:4px;margin-bottom:1.5rem;padding:5px;display:flex;overflow-x:auto}.outer-tab-btn{min-width:110px;color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 16px;font-family:inherit;font-size:.88rem;font-weight:600;transition:background .2s,color .2s}.outer-tab-btn.active{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-glow)}.outer-tab-btn:hover:not(.active){color:var(--text-main);background:#ffffff0d}.outer-tab-panel{display:none}.outer-tab-panel.active{display:block}[data-theme=light] .outer-tabs{background:#f0f4f9}[data-theme=light] .outer-tab-btn:hover:not(.active){color:#0f172a;background:#e2e8f0}.calc-layout{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.calc-layout{grid-template-columns:1fr}}.input-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}[data-theme=light] .input-card{box-shadow:0 2px 12px #00000014}.section-title{color:var(--accent);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.section-title.mt{margin-top:1.25rem}.form-group{margin-bottom:.9rem}.form-label{color:var(--text-dim);margin-bottom:.3rem;font-size:.82rem;font-weight:600;display:block}.glass-input,.glass-select{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-main);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.glass-input:focus,.glass-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.glass-input::placeholder{color:var(--text-muted)}[data-theme=light] .glass-input::placeholder{color:#00000059}.tou-toggle{gap:6px;margin-bottom:.75rem;display:flex}.tou-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:#ffffff0a;border-radius:8px;flex:1;padding:8px 0;font-family:inherit;font-size:.86rem;font-weight:600;transition:all .2s}.tou-btn.active{background:var(--accent-dim);border-color:var(--accent-glow);color:var(--accent)}.tou-btn:hover:not(.active){color:var(--text-main);background:#ffffff12}[data-theme=light] .tou-btn:hover:not(.active){color:#0f172a;background:#e2e8f0}.preset-row{flex-wrap:wrap;gap:6px;margin-bottom:1.25rem;display:flex}.preset-chip{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:20px;padding:5px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.preset-chip.active,.preset-chip:hover{background:var(--accent-dim);border-color:var(--accent-glow);color:var(--accent)}[data-theme=light] .preset-chip:not(.active):hover{background:#f0f4f9}.hero-result{background:var(--accent-dim);border:1px solid var(--accent-glow);border-radius:var(--radius);text-align:center;margin-bottom:1rem;padding:1.5rem}.hero-label{color:var(--accent);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.3rem;font-size:.78rem;font-weight:700}.hero-val{color:var(--text-main);font-size:2.8rem;font-weight:800;font-family:var(--calc-font-mono,"JetBrains Mono", monospace);margin-bottom:.3rem;line-height:1}.hero-sub{color:var(--text-dim);font-size:.84rem}.stat-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.stat-card{border:1px solid var(--border);text-align:center;background:#ffffff08;border-radius:10px;padding:.9rem 1rem}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.74rem;font-weight:600}.stat-value{color:var(--text-main);font-size:1.25rem;font-weight:700;font-family:var(--calc-font-mono,"JetBrains Mono", monospace)}[data-theme=light] .stat-card{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .stat-value,[data-theme=light] .hero-val{color:#0f172a}.formula-strip{flex-wrap:wrap;gap:6px;margin:.75rem 0 1rem;display:flex}.formula-pill{font-size:.78rem;font-family:var(--calc-font-mono,monospace);color:var(--accent);white-space:nowrap;background:#a3e63512;border:1px solid #a3e63533;border-radius:6px;padding:4px 10px}[data-theme=light] .formula-pill{color:#3f6212;background:#3f621214;border-color:#3f621238}.action-bar{flex-wrap:wrap;gap:8px;margin-top:1rem;display:flex}.act-btn{border:1px solid var(--border);min-width:80px;color:var(--text-dim);cursor:pointer;background:#ffffff0a;border-radius:8px;flex:1;padding:9px 12px;font-family:inherit;font-size:.83rem;font-weight:600;transition:all .2s}.act-btn:hover{background:var(--accent-dim);border-color:var(--accent-glow);color:var(--accent)}[data-theme=light] .act-btn:hover{color:#3f6212;background:#f0f4f9}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.chart-card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;font-size:.78rem;font-weight:700}[data-theme=light] .chart-card{border-color:#0000001a;box-shadow:0 1px 6px #0000000f}.backup-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.backup-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:1.2rem}.backup-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.78rem;font-weight:700}.backup-sub{color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem}.backup-val{color:var(--accent);font-size:1.6rem;font-weight:800;font-family:var(--calc-font-mono,monospace)}[data-theme=light] .backup-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 6px #0000000f}@media (width<=600px){.backup-grid{grid-template-columns:1fr}}.appliance-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.appliance-wrap table{border-collapse:collapse;width:100%;font-size:.88rem}.appliance-wrap th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border);background:#ffffff0a;padding:10px 14px;font-size:.76rem;font-weight:700}.appliance-wrap td{color:var(--text-dim);border-bottom:1px solid #ffffff08;padding:9px 14px}.appliance-wrap tr:last-child td{border-bottom:none}.appliance-wrap tr:hover td{background:#ffffff05}[data-theme=light] .appliance-wrap{border-color:#0000001a;box-shadow:0 1px 6px #0000000f}[data-theme=light] .appliance-wrap th{color:#334155;background:#f0f4f9;border-color:#0000001a}[data-theme=light] .appliance-wrap td{color:#334155;border-color:#0000000f}[data-theme=light] .appliance-wrap tr:hover td{background:#f8fafc}.run-badge{border-radius:20px;padding:2px 10px;font-size:.76rem;font-weight:700;display:inline-block}.run-badge.good{color:#34d399;background:#34d3991f;border:1px solid #34d39940}.run-badge.warn{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2440}.run-badge.bad{color:#fb7185;background:#fb71851f;border:1px solid #fb718540}[data-theme=light] .run-badge.good{color:#15803d;background:#f0fdf4;border-color:#16a34a4d}[data-theme=light] .run-badge.warn{color:#b45309;background:#fffbeb;border-color:#d977064d}[data-theme=light] .run-badge.bad{color:#be123c;background:#fff1f2;border-color:#ef44444d}.tou-summary{background:var(--accent-dim);border:1px solid var(--accent-glow);color:var(--text-dim);border-radius:10px;margin-bottom:1.25rem;padding:1rem 1.25rem;font-size:.9rem;line-height:1.6}[data-theme=light] .tou-summary{color:#334155}.tou-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-top:1.25rem;overflow:hidden}.tou-table-wrap table{border-collapse:collapse;width:100%;font-size:.88rem}.tou-table-wrap th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border);background:#ffffff0a;padding:10px 14px;font-size:.76rem;font-weight:700}.tou-table-wrap td{color:var(--text-dim);border-bottom:1px solid #ffffff08;padding:9px 14px}.tou-table-wrap tr:last-child td{border-bottom:none}.tou-table-wrap tr:hover td{background:#ffffff05}[data-theme=light] .tou-table-wrap{border-color:#0000001a;box-shadow:0 1px 6px #0000000f}[data-theme=light] .tou-table-wrap th{color:#334155;background:#f0f4f9;border-color:#0000001a}[data-theme=light] .tou-table-wrap td{color:#334155;border-color:#0000000f}[data-theme=light] .tou-table-wrap tr:hover td{background:#f8fafc}.page-sections-outer{max-width:1600px;margin:0 auto;padding:0 1.5rem 3rem}.how-section,.article-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.75rem}.section-heading{color:var(--accent);margin-bottom:1rem;font-size:1.15rem;font-weight:700}.how-steps{counter-reset:step;list-style:none}.how-step{counter-increment:step;gap:1rem;margin-bottom:1rem;display:flex}.how-step:before{content:counter(step);background:var(--accent-dim);border:1px solid var(--accent-glow);width:28px;height:28px;color:var(--accent);text-align:center;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;line-height:28px;display:flex}.how-step-body strong{color:var(--text-main);margin-bottom:.2rem;font-size:.9rem;display:block}.how-step-body p{color:var(--text-dim);margin:0;font-size:.85rem}[data-theme=light] .how-section,[data-theme=light] .article-section{background:#fff;border-color:#0000001a;box-shadow:0 2px 10px #0000000f}[data-theme=light] .how-step-body p{color:#475569}[data-theme=light] .how-step-body strong{color:#0f172a}.article-body{color:var(--text-dim);font-size:.9rem;line-height:1.75}.article-body h3{color:var(--text-main);margin:1.2rem 0 .5rem;font-size:1rem;font-weight:700}.article-body p{margin-bottom:.9rem}[data-theme=light] .article-body{color:#475569}[data-theme=light] .article-body h3{color:#0f172a}.faq-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.75rem}[data-theme=light] .faq-section{background:#fff;border-color:#0000001a;box-shadow:0 2px 10px #0000000f}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid #ffffff0f}.faq-item:last-child{border-bottom:none}.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(--calc-font-mono,monospace);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:#3f62124d;box-shadow:0 2px 10px #3f621214}[data-theme=light] .faq-item[open]{border-color:#3f621266 #3f621266 #3f621266 #3f6212;border-left-style:solid;border-left-width:3px;box-shadow:0 2px 12px #3f62121a}[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:#3f6212}[data-theme=light] .faq-item__answer{color:#475569;border-top:1px solid #0000000f;padding:12px 16px 16px}