:root{--bg:#0a0e16;--card:#111827;--card2:#0d1420;--line:#1f2a3c;--text:#e6edf6;--muted:#8b98ab;--accent:#38bdf8;--accent2:#a78bfa;--ok:#34d399;--bad:#f87171;--amber:#fbbf24}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);min-height:100%;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45}.bg{z-index:-1;background:radial-gradient(900px 500px at 15% -10%, #38bdf821, transparent 60%), radial-gradient(800px 500px at 95% 0%, #a78bfa1a, transparent 60%), var(--bg);position:fixed;inset:0}.top{justify-content:space-between;align-items:center;gap:12px;max-width:1060px;margin:0 auto;padding:18px 20px 6px;display:flex}.brand{color:var(--accent);align-items:center;gap:11px;display:flex}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-text strong{color:var(--text);letter-spacing:.2px;font-size:17px}.brand-text span{color:var(--muted);font-size:12.5px}.btn{color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#38bdf829,#a78bfa29);border:1px solid #38bdf859;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:13.5px;transition:border-color .15s,background .15s;display:inline-flex}.btn:hover{border-color:var(--accent);background:linear-gradient(135deg,#38bdf842,#a78bfa42)}.btn.copied{border-color:var(--ok);color:var(--ok)}.wrap{grid-template-columns:400px 1fr;align-items:start;gap:18px;max-width:1060px;margin:14px auto 0;padding:0 20px 10px;display:grid}.col{flex-direction:column;gap:18px;min-width:0;display:flex}.card{background:linear-gradient(180deg, var(--card), var(--card2));border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 30px #00000059}h2{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);align-items:center;gap:7px;margin:0 0 12px;font-size:13px;font-weight:600;display:flex}h2 svg{color:var(--accent);flex:none}.chips{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.chip{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#16202f;border-radius:999px;padding:5px 11px;font-size:12.5px;transition:border-color .15s,background .15s}.chip:hover{border-color:var(--accent)}.chip.active{border-color:var(--accent);color:var(--accent);background:#38bdf824}.chips.small{margin:8px 0 0}.chips.small .chip{color:var(--muted);padding:3px 9px;font-size:11.5px}.lbl{margin-bottom:15px;display:block}.lbl:last-child{margin-bottom:2px}.lbl-head{flex-direction:column;gap:1px;margin-bottom:6px;font-size:13.5px;font-weight:600;display:flex}.lbl-head em{color:var(--muted);font-size:12px;font-style:normal;font-weight:400}.field{border:1px solid var(--line);background:#0b1220;border-radius:10px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf826}.field input,select{width:100%;min-width:0;color:var(--text);font:inherit;-moz-appearance:textfield;background:0 0;border:0;outline:0;flex:1;padding:10px 12px;font-size:16px}.field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit{color:var(--muted);border-left:1px solid var(--line);white-space:nowrap;flex:none;align-self:stretch;align-items:center;padding:0 12px;font-size:12.5px;display:flex}select{border:1px solid var(--line);cursor:pointer;background:#0b1220;border-radius:10px;width:100%;padding:10px 12px;font-size:15px;transition:border-color .15s}select:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px #38bdf826}select option{color:var(--text);background:#0b1220}.quant-note,.hint{color:var(--muted);margin-top:6px;font-size:12px;display:block}.total-card{text-align:left}.total-row{align-items:baseline;gap:10px;display:flex}.total-num{letter-spacing:-1px;background:linear-gradient(90deg, var(--accent), var(--accent2));color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:58px;font-weight:700;line-height:1}.total-unit{color:var(--muted);font-size:22px;font-weight:600}.total-sub{color:var(--muted);margin-top:6px;font-size:13px}.breakdown{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;margin-top:10px;font-size:12.5px;display:flex}.breakdown span{align-items:center;gap:6px;display:inline-flex}.verdict{border:1px solid;border-radius:12px;margin:14px 0 0;padding:12px 14px;font-size:15.5px;font-weight:600}.verdict.ok{color:var(--ok);background:#34d39914;border-color:#34d39959}.verdict.mid{color:var(--amber);background:#fbbf2414;border-color:#fbbf2459}.verdict.no{color:var(--bad);background:#f8717114;border-color:#f8717159}.tip{color:var(--muted);margin:10px 0 0;font-size:13px}.tip b{color:var(--text);font-weight:600}.total-card{background:linear-gradient(180deg, var(--card), var(--card2)) padding-box, linear-gradient(135deg, #38bdf88c, #a78bfa73) border-box;border:1px solid #0000}.verdict.ok:before{content:"✓  ";font-weight:800}.verdict.mid:before{content:"!  ";font-weight:800}.verdict.no:before{content:"✗  ";font-weight:800}@keyframes bump{0%{transform:scale(1.035)}to{transform:scale(1)}}.total-num.bump{animation:.22s bump}.legend{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-bottom:14px;font-size:11.5px;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.sw{border-radius:3px;width:10px;height:10px;display:inline-block}.sw-w{background:var(--accent)}.sw-k{background:var(--accent2)}.sw-o{background:var(--amber)}.sw-f{background:#34d39940}.sw-r{border:1px solid var(--line);background:#1a2333}.dev{border-radius:10px;margin-bottom:16px;margin-left:-6px;margin-right:-6px;padding:2px 6px 6px;transition:background .2s}.dev:last-child{margin-bottom:2px}.dev.best{background:#34d3990f;box-shadow:inset 0 0 0 1px #34d39938}.dev-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;padding:3px 2px 0;display:flex}.dev-name{font-size:14.5px;font-weight:700}.dev.best .dev-name{color:var(--ok)}.dev-name small{color:var(--muted);margin-left:6px;font-size:11.5px;font-weight:400}.dev.best .dev-name small{color:#34d399bf}.dev-verdict{white-space:nowrap;font-size:12.5px;font-weight:600}.dev-verdict.ok{color:var(--ok)}.dev-verdict.no{color:var(--bad)}.bar{border:1px solid var(--line);background:#0b1220;border-radius:6px;height:20px;display:flex;position:relative;overflow:hidden}.seg{min-width:0;transition:flex-grow .25s;position:relative}.seg-label{color:#0a0e16d9;opacity:0;pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:10.5px;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0;overflow:hidden}.seg-label.show{opacity:1}.seg-f .seg-label{color:var(--ok)}.seg-w{background:var(--accent)}.seg-k{background:var(--accent2)}.seg-o{background:var(--amber)}.seg-f{background:#34d39938}.seg-r{background:#1a2333}.overflow{background:repeating-linear-gradient(45deg,#f87171d9 0 6px,#f8717173 6px 12px);position:absolute;top:0;bottom:0}.limit{background:#ffffff73;border-radius:2px;width:2px;position:absolute;top:-3px;bottom:-3px}.expert summary{cursor:pointer;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;list-style:none;display:flex}.expert summary:before{content:"+";color:var(--accent);font-size:15px}.expert[open] summary:before{content:"–"}.expert summary::-webkit-details-marker{display:none}.xt{border-collapse:collapse;width:100%;margin-top:14px;font-size:13.5px}.xt td{border-bottom:1px solid var(--line);padding:7px 4px}.xt td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.xt tr:last-child td{border-bottom:0}.xt .dim td{color:var(--muted);font-weight:400}.xt .ok{color:var(--ok)}.xt .no{color:var(--bad)}.formula{color:var(--muted);margin:12px 0 0;font-size:11.5px;line-height:1.7}.foot{max-width:1060px;color:var(--muted);margin:6px auto 26px;padding:0 20px;font-size:12px}@media (width<=900px){.wrap{grid-template-columns:1fr}.total-num{font-size:48px}}@media (width<=480px){.top{flex-direction:column;align-items:stretch;padding-top:14px}.btn{justify-content:center}.card{border-radius:14px;padding:15px}.total-num{font-size:44px}.dev-head{flex-wrap:wrap}}