:root{--bg-dark:#050510;--bg-card:#ffffff08;--bg-input:#ffffff0f;--text-main:#fff;--text-dim:#88a;--text-muted:#666;--cyan:#22d3ee;--purple:#a855f7;--border:#ffffff14;--border-focus:#22d3ee80;--accent:var(--calc-color-math);--accent-glow:#22d3ee26;--bg-app:#050510;--bg-panel:#ffffff0a;--text-primary:#fff;--text-secondary:#88a;--border-subtle:#ffffff14;--primary:#22d3ee;--primary-hover:#22d3eecc;--success:#10b981;--danger:#ef4444}body{background-color:var(--calc-bg-page);color:var(--calc-text-primary);margin:0;padding:0;font-family:Inter,sans-serif;line-height:1.6}.main-container{max-width:1300px;margin:0 auto;padding:0 20px 20px}.card{background:var(--bg-panel);border:1px solid var(--border-subtle);box-sizing:border-box;border-radius:16px;padding:24px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.hidden{display:none}.temp-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.temp-chip{color:#88a;cursor:pointer;white-space:nowrap;background:#22d3ee0f;border:1px solid #22d3ee33;border-radius:20px;padding:5px 11px;font-family:inherit;font-size:.76rem;font-weight:600;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s}.temp-chip:hover{color:#22d3ee;background:#22d3ee1f;border-color:#22d3ee73}.zone-badge{letter-spacing:.05em;text-transform:uppercase;border:1px solid;border-radius:20px;align-items:center;gap:6px;margin:8px 0 4px;padding:4px 12px;font-size:.74rem;font-weight:700;transition:color .35s,background .35s,border-color .35s;display:inline-flex}.context-banner{color:#88a;text-align:center;background:#22d3ee0f;border:1px solid #22d3ee33;border-radius:8px;margin:4px 0 0;padding:6px 12px;font-size:.79rem;display:none}.context-banner.visible{display:block}.context-banner strong{color:#22d3ee}.thermometer-wrap{flex-direction:column;flex-shrink:0;align-items:center;padding:4px 0 0;display:flex}.therm-svg{overflow:visible}.therm-tube,.therm-shell{fill:#ffffff0f;stroke:#ffffff2e;stroke-width:1px}.formula-strip{background:#a855f70f;border:1px solid #a855f738;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;min-height:36px;margin:12px 0 0;padding:8px 12px;display:flex}.formula-strip-label{color:#a855f7;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:.7rem;font-weight:700}.formula-strip-eq{color:#fff;font-family:Courier New,monospace;font-size:.88rem}.alert-strip{flex-direction:column;gap:6px;margin-top:10px;display:flex}.alert-tip{color:#88a;background:#22d3ee0a;border-left:2px solid #22d3ee66;border-radius:0 6px 6px 0;padding:6px 10px;font-size:.78rem;line-height:1.55}.alert-tip strong{color:#22d3ee}.action-bar{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;display:flex}.act-btn{color:#88a;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s}.act-btn:hover{color:#22d3ee;background:#22d3ee14;border-color:#22d3ee4d}.ref-chart-wrap{height:220px;margin-top:10px;position:relative}.formula-cheat-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:.82rem}.formula-cheat-table th{color:#22d3ee;text-align:center;text-transform:uppercase;letter-spacing:.05em;background:#22d3ee14;border-bottom:1px solid #22d3ee33;padding:8px 10px;font-size:.72rem}.formula-cheat-table td{text-align:center;color:#ccc;border-bottom:1px solid #ffffff0a;padding:7px 10px;font-family:Courier New,monospace;font-size:.77rem}.formula-cheat-table td:first-child{color:#88a;text-align:left;font-family:inherit;font-size:.78rem;font-weight:700}.formula-cheat-table .same-scale{color:#444;font-family:inherit;font-style:italic}.formula-cheat-table tr:hover td{background:#22d3ee0a}.scale-history-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:14px;display:grid}.scale-history-card{background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;padding:14px 16px}.scale-history-card .sh-scale{color:#a855f7;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:.7rem;font-weight:700}.scale-history-card .sh-name{color:#fff;margin-bottom:6px;font-size:.9rem;font-weight:700}.scale-history-card .sh-desc{color:#88a;font-size:.78rem;line-height:1.55}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}[data-theme=light]{--bg-dark:#e8edf5;--bg-card:#fffffff2;--bg-input:#e8eef4;--text-main:#0f172a;--text-dim:#334155;--text-muted:#64748b;--cyan:#0891b2;--purple:#7c3aed;--border:#0000001f;--border-focus:#0891b280;--accent:var(--calc-color-math);--accent-glow:#0891b21f;--primary:#0891b2;--primary-hover:#0891b2cc;--success:#059669;--danger:#dc2626;--bg-app:#e8edf5;--bg-panel:#fff;--text-primary:#0f172a;--text-secondary:#334155;--border-subtle:#0000001f}[data-theme=light] body{color:#0f172a;background-color:#e8edf5}[data-theme=light] .card{background:#fff;border-color:#0000001f;box-shadow:0 2px 8px #00000014}[data-theme=light] .tab-btn{color:#334155}[data-theme=light] .tab-btn.active{color:#fff;background:#0891b2}[data-theme=light] .form-label{color:#334155}[data-theme=light] .section-label{color:#334155;border-bottom-color:#0000001a}[data-theme=light] .btn-secondary{color:#334155;background:#e8eef4;border-color:#00000026}[data-theme=light] .btn-secondary:hover{color:#0f172a;border-color:#0891b2}[data-theme=light] .hero-label,[data-theme=light] .hero-sub{color:#475569}[data-theme=light] .stat-card{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .stat-card .s-value{color:#0f172a}[data-theme=light] .stat-card .s-label{color:#475569}[data-theme=light] .temp-chip{color:#334155;background:#0891b214;border-color:#0891b240}[data-theme=light] .temp-chip:hover{color:#0891b2;background:#0891b226;border-color:#0891b273}[data-theme=light] .context-banner{color:#334155;background:#0891b214;border-color:#0891b240}[data-theme=light] .context-banner strong{color:#0891b2}[data-theme=light] .formula-strip{background:#7c3aed0f;border-color:#7c3aed33}[data-theme=light] .formula-strip-label{color:#7c3aed}[data-theme=light] .formula-strip-eq{color:#0f172a}[data-theme=light] .alert-tip{color:#334155;background:#0891b20f;border-left-color:#0891b2}[data-theme=light] .alert-tip strong{color:#0891b2}[data-theme=light] .action-bar{border-top-color:#0000001a}[data-theme=light] .act-btn{color:#334155;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .act-btn:hover{color:#0891b2;background:#0891b21a;border-color:#0891b259}[data-theme=light] .formula-box{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .formula-box .f-title{color:#475569}[data-theme=light] .formula-box .f-eq{color:#0891b2}[data-theme=light] .ref-table th{color:#334155;background:#f0f4f9;border-bottom-color:#0000001f}[data-theme=light] .ref-table td{color:#0f172a;border-bottom-color:#0000000f}[data-theme=light] .ref-table tr:hover td{background:#0891b20a}[data-theme=light] .therm-tube,[data-theme=light] .therm-shell{fill:#00000012;stroke:#0003}[data-theme=light] .formula-cheat-table th{color:#0891b2;background:#0891b21a;border-bottom-color:#0891b233}[data-theme=light] .formula-cheat-table td{color:#334155;border-bottom-color:#0000000f}[data-theme=light] .formula-cheat-table td:first-child{color:#475569}[data-theme=light] .formula-cheat-table .same-scale{color:#94a3b8}[data-theme=light] .formula-cheat-table tr:hover td{background:#0891b20a}[data-theme=light] .scale-history-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .scale-history-card .sh-scale{color:#7c3aed}[data-theme=light] .scale-history-card .sh-name{color:#0f172a}[data-theme=light] .scale-history-card .sh-desc{color:#475569}[data-theme=light] details{background:#fff;border-color:#0000001a}[data-theme=light] details p{color:#475569}[data-theme=light] summary{color:#0f172a}[data-theme=light] summary:after{color:#0891b2}[data-theme=light] .ref-card-v{background:#0891b214;border-color:#0891b240}[data-theme=light] .ref-card-v .ref-label{color:#475569}[data-theme=light] .ref-card-v .ref-val{color:#0891b2}[data-theme=light] .conv-table th{color:#0891b2;background:#0891b21a;border-bottom-color:#0891b233}[data-theme=light] .conv-table td{color:#334155;border-bottom-color:#0000000f}[data-theme=light] .conv-table tr:hover td{color:#0f172a;background:#0891b20f}[data-theme=light] .ob-card{background:#0891b20f;border-color:#0891b233}[data-theme=light] .ob-num{color:#0891b2}[data-theme=light] .ob-card h3{color:#0f172a}[data-theme=light] .ob-card p{color:#475569}[data-theme=light] .fp{background:#7c3aed0f;border-color:#7c3aed33}[data-theme=light] .fp-eq{color:#7c3aed}[data-theme=light] .fp-desc{color:#475569}[data-theme=light] .fp2{background:#7c3aed0f;border-color:#7c3aed33}[data-theme=light] .fp2-label{color:#7c3aed}[data-theme=light] .fp2-eq{color:#0f172a}[data-theme=light] .fp2-desc{color:#475569}[data-theme=light] .g-item{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .g-item dt{color:#0891b2}[data-theme=light] .g-item dd{color:#475569}[data-theme=light] .glossary-chip{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .glossary-chip dt{color:#0891b2}[data-theme=light] .glossary-chip dd{color:#475569}[data-theme=light] .ex-scenario{color:#0f172a}[data-theme=light] .ex-calc{color:#0891b2;background:#0891b214}[data-theme=light] .ex-result{color:#475569}[data-theme=light] .rel-card{background:#fff;border-color:#0000001a}[data-theme=light] .rc-title{color:#0f172a}[data-theme=light] .rc-desc{color:#475569}[data-theme=light] .rel-card:hover{background:#0891b20a;border-color:#0891b259}[data-theme=light] .rel-card2{color:#334155;background:#fff;border-color:#0000001a}[data-theme=light] .rel-card2:hover{color:#0891b2;background:#0891b20f;border-color:#0891b240}[data-theme=light] .act-btn2{color:#334155;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .act-btn2:hover{color:#0891b2;background:#0891b21a;border-color:#0891b259}[data-theme=light] .u-title{color:#0f172a;border-bottom-color:#0000001a}[data-theme=light] .faq-section-extra .faq-item-enhanced{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .faq-section-extra .faq-q{color:#0f172a}[data-theme=light] .faq-section-extra .faq-q:after{color:#0891b2}[data-theme=light] .faq-section-extra .faq-a{color:#475569}[data-theme=light] .chart-wrap{background:#fff;border-color:#0000001a}[data-theme=light] .chart-wrap h3{color:#475569}