:root{--font:'Manrope','Segoe UI',sans-serif;--bg:#f7faf9;--surface:#ffffff;--line:#e2e8f0;--text:#0f172a;--muted:#64748b;--accent:#0f766e;--accent-soft:#ecfdf5}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--text);background:linear-gradient(180deg,#f8fbfa,#eef3f7)}.page-wrap{max-width:1140px;margin:0 auto;padding:20px}.header{margin-bottom:14px}.header-title{margin:0;font-size:clamp(1.3rem, 2.2vw, 1.9rem);letter-spacing:-.02em}.header-sub{margin:6px 0 0;color:var(--muted);font-size:.92rem}.formula{margin-top:10px;padding:10px 12px;border:1px solid #d6e4ee;border-radius:10px;background:#f8fcff;color:#334155;font-size:.86rem}.layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 28px rgba(15,23,42,.04)}.panel-body{padding:14px}.block-title{margin:0 0 10px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#475569;font-weight:700}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{margin-bottom:10px}.field label{display:block;margin-bottom:6px;color:#475569;font-size:.82rem}.field input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;font:inherit;font-size:.9rem}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.btn{border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;font-weight:700;background:#fff;cursor:pointer}.btn-primary{border-color:var(--accent);background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(.95)}.note{margin-top:8px;color:#64748b;font-size:.8rem}.result-wrap{display:grid;gap:9px}.result-row{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border-bottom:1px dashed #e2e8f0;padding-bottom:7px}.result-row:last-child{border-bottom:0}.result-label{color:#475569;font-size:.86rem}.result-value{font-weight:700;font-size:.98rem;text-align:right}.insight{margin-top:10px;border:1px solid #d1fae5;background:var(--accent-soft);color:#065f46;border-radius:10px;padding:10px;font-size:.84rem;line-height:1.45}.error{margin-top:10px;border:1px solid #fecaca;background:#fff1f2;color:#9f1239;border-radius:10px;padding:10px;font-size:.84rem}@media (max-width:900px){.grid,.layout{grid-template-columns:1fr}}