:root{--navy:#06182b;--blue:#0b6dd8;--cyan:#21b7e8;--red:#e31b23;--ink:#10263b;--muted:#64788b;--line:#dce6ee;--paper:#f3f7fa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.shell{min-height:100vh}.hero{padding:54px max(20px,calc((100vw - 1160px)/2)) 112px;background:linear-gradient(118deg,#06182b,#062a50 58%,#075ba5);color:#fff}.hero h1{margin:8px 0 12px;font-size:clamp(38px,6vw,68px);letter-spacing:-.05em}.hero>p:last-child{max-width:650px;color:#c7d8e7}.eyebrow{margin:0;color:#61d0f5;font-size:11px;font-weight:900;letter-spacing:.16em}.back-link{display:inline-block;margin:0 0 18px;color:#9eb2c4;font-size:12px;font-weight:700;text-decoration:none}.back-link:hover{color:#fff}.grid{position:relative;z-index:2;max-width:1160px;margin:-72px auto 0;padding:0 20px 60px;display:grid;grid-template-columns:1.08fr .92fr;gap:22px}.card{border-radius:20px;padding:32px;background:#fff;box-shadow:0 18px 50px rgba(13,42,67,.12)}h2{margin:0 0 22px;font-size:24px}.controls label{display:block;margin:0 0 16px;font-size:12px;font-weight:800}.controls select,.controls input[type=number]{width:100%;margin-top:7px;border:1px solid #cedbe5;border-radius:10px;padding:12px;background:#fff;color:var(--ink);font:700 14px Arial}.status{min-height:18px;margin:-7px 0 12px;font-size:11px;color:#16805e}.segmented{display:grid;grid-template-columns:1fr 1fr;margin:5px 0 18px;padding:4px;border-radius:11px;background:#edf3f7}.segmented button{border:0;border-radius:8px;padding:11px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.segmented .active{background:#fff;color:var(--blue);box-shadow:0 3px 12px rgba(18,48,74,.09)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.unit{display:flex;align-items:stretch}.unit input{min-width:0;border-radius:10px 0 0 10px!important}.unit span{display:flex;align-items:center;margin-top:7px;padding:0 10px;border:1px solid #cedbe5;border-left:0;border-radius:0 10px 10px 0;background:#f5f8fa;color:var(--muted);font-size:10px}.controls input[type=range]{width:100%;margin-top:12px;accent-color:var(--blue)}output{float:right;color:var(--blue);font-size:18px}.power-range{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:-6px 0 16px}.power-range span{padding:8px;border-radius:8px;background:#eff6fb;text-align:center;color:var(--muted);font-size:9px}.power-range b{display:block;margin-top:3px;color:var(--ink);font-size:11px}.results{display:flex;flex-direction:column;background:var(--navy);color:#fff}.results h2{margin-top:8px;margin-bottom:5px}.muted{margin:0;color:#91a9bd;font-size:12px}.total{margin:30px 0 24px}.total strong{display:block;font-size:48px;letter-spacing:-.05em}.total span{color:#9eb2c4}dl{margin:0;border-top:1px solid #264159}dl div{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid #203b52}dt{color:#9eb2c4;font-size:13px}dd{margin:0;text-align:right;font-size:13px;font-weight:800}aside{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;margin-top:18px;padding:14px;border:1px solid #17604e;border-radius:10px;background:#0e392f;color:#a9efd6;font-size:11px}aside b{grid-row:1/3;padding:3px 6px;border-radius:4px;background:#19a174;color:#fff;align-self:start}aside small{grid-column:2;color:#8bcdb9;line-height:1.4}.formula{margin-top:22px;color:#7f9aaf;font-size:10px;line-height:1.55}.notice{margin-top:auto;padding:13px;border:1px solid #745a26;border-radius:10px;background:#3d2c13;color:#ffd695;font-size:10px;line-height:1.5}@media(max-width:800px){.grid{grid-template-columns:1fr}.results{min-height:540px}}@media(max-width:520px){.hero{padding-top:40px}.grid{padding:0 12px 40px}.card{padding:23px}.fields{grid-template-columns:1fr}.total strong{font-size:42px}}