#calc *{box-sizing:border-box}
#calc{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1419;color:#e6e9ef;font-size:17px}
#calc .ch{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#161c24;border-bottom:1px solid #2a3340}
#calc h1{font-size:1.1rem;margin:0}
#calc button.lang{background:#2a3340;color:#e6e9ef;border:0;border-radius:8px;padding:8px 12px;font-size:.95rem;cursor:pointer}
#calc .cn{display:flex;gap:6px;overflow-x:auto;padding:10px 12px;background:#121820}
#calc .cn button{flex:0 0 auto;background:#1c2430;color:#b8c1cf;border:1px solid #2a3340;border-radius:20px;padding:10px 14px;font-size:.95rem;cursor:pointer}
#calc .cn button[aria-selected=true]{background:#2f7cf6;color:#fff;border-color:#2f7cf6}
#calc .cm{max-width:760px;margin:0 auto;padding:14px}
#calc section{display:none}
#calc section.on{display:block}
#calc .how{color:#9aa6b6;font-size:.92rem;margin:0 0 14px}
#calc .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){
#calc .grid{grid-template-columns:1fr}
}
#calc label{display:block;font-size:.88rem;color:#b8c1cf;margin-bottom:4px}
#calc input,#calc select{width:100%;font-size:1.2rem;padding:12px;border-radius:10px;border:1px solid #2a3340;background:#0b1015;color:#fff}
#calc input.bad{border-color:#e5484d}
#calc .res{margin-top:16px;background:#161c24;border:1px solid #2a3340;border-radius:12px;padding:12px 14px}
#calc .row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #222b36}
#calc .row:last-child{border:0}
#calc .row b{font-size:1.15rem;text-align:right}
#calc .err{color:#ff8a8d;font-size:.92rem;margin-top:8px;min-height:1em}
#calc .note{font-size:.85rem;color:#c9a227;margin-top:10px}
#calc .cf{font-size:.8rem;color:#7d8898;text-align:center;padding:16px}
#calc{border-radius:12px;overflow:hidden}#calc h2{font-size:1.1rem;margin:0;color:#e6e9ef}
html[data-theme=light] #calc{background:#fff;color:#1E2A44;border:1px solid #D6DCE3}html[data-theme=light] #calc .ch,html[data-theme=light] #calc .res{background:#F3F5F7;border-color:#D6DCE3}html[data-theme=light] #calc .cn{background:#EEF1F5}html[data-theme=light] #calc h2,html[data-theme=light] #calc button.lang{color:#1E2A44}html[data-theme=light] #calc button.lang{background:#D6DCE3}html[data-theme=light] #calc .cn button{background:#fff;color:#3B475E;border-color:#B8C0CC}html[data-theme=light] #calc .cn button[aria-selected=true]{background:#1565C0;color:#fff;border-color:#1565C0}html[data-theme=light] #calc .how,html[data-theme=light] #calc label{color:#3B475E}html[data-theme=light] #calc input,html[data-theme=light] #calc select{background:#fff;color:#1E2A44;border-color:#9AA6B6}html[data-theme=light] #calc input.bad{border-color:#C0392B}html[data-theme=light] #calc .row{border-color:#E3E7EC}html[data-theme=light] #calc .err{color:#B3261E}html[data-theme=light] #calc .note{color:#7A5A00}html[data-theme=light] #calc .cf{color:#4A5568}@media(prefers-color-scheme:light){html:not([data-theme]) #calc{background:#fff;color:#1E2A44;border:1px solid #D6DCE3}html:not([data-theme]) #calc .ch,html:not([data-theme]) #calc .res{background:#F3F5F7;border-color:#D6DCE3}html:not([data-theme]) #calc .cn{background:#EEF1F5}html:not([data-theme]) #calc h2,html:not([data-theme]) #calc button.lang{color:#1E2A44}html:not([data-theme]) #calc button.lang{background:#D6DCE3}html:not([data-theme]) #calc .cn button{background:#fff;color:#3B475E;border-color:#B8C0CC}html:not([data-theme]) #calc .cn button[aria-selected=true]{background:#1565C0;color:#fff;border-color:#1565C0}html:not([data-theme]) #calc .how,html:not([data-theme]) #calc label{color:#3B475E}html:not([data-theme]) #calc input,html:not([data-theme]) #calc select{background:#fff;color:#1E2A44;border-color:#9AA6B6}html:not([data-theme]) #calc input.bad{border-color:#C0392B}html:not([data-theme]) #calc .row{border-color:#E3E7EC}html:not([data-theme]) #calc .err{color:#B3261E}html:not([data-theme]) #calc .note{color:#7A5A00}html:not([data-theme]) #calc .cf{color:#4A5568}}