:root{--bg:#0d1117;--bg2:#131a23;--card:#171f2a;--card2:#1c2634;--line:#263246;--text:#e8eef6;--muted:#8fa0b5;--accent:#4da2ff;--good:#3dd691;--bad:#ff6b6b;--warn:#ffb454;--w:#4da2ff;--k:#b980ff;--o:#ffb454;--f:#2a3a52}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 80% -10%, #1b2a44 0%, transparent 60%), radial-gradient(900px 500px at -10% 110%, #14283a 0%, transparent 55%), var(--bg);color:var(--text);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,sans-serif;line-height:1.45;overflow-x:hidden}.badges{color:var(--muted);flex-wrap:wrap;gap:14px;margin:6px 0 22px;font-size:12px;display:flex}.badges span{align-items:center;gap:6px;display:inline-flex}.badges span:before{color:var(--good)}.wrap{max-width:1080px;margin:0 auto;padding:28px 20px 60px}header.hero{align-items:center;gap:14px;margin-bottom:6px;display:flex}.logo{background:linear-gradient(135deg,#2f6fd8,#7b4dd8);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 6px 18px #2d64dc59}h1{letter-spacing:.2px;margin:0;font-size:22px}.sub{color:var(--muted);margin:2px 0 22px;font-size:14px}.grid{grid-template-columns:380px 1fr;align-items:start;gap:20px;display:grid}@media (width<=860px){.grid{grid-template-columns:1fr}}.card{background:linear-gradient(180deg, var(--card) 0%, var(--bg2) 100%);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 10px 30px #00000059}.card h2{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin:0 0 14px;font-size:13px;font-weight:600}label{color:var(--muted);margin:14px 0 6px;font-size:13px;display:block}label:first-of-type{margin-top:0}.field{position:relative}input,select{width:100%;color:var(--text);border:1px solid var(--line);appearance:none;background:#0f151d;border-radius:10px;outline:none;padding:11px 12px;font-family:inherit;font-size:15px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4da2ff2e}.field .unit{color:var(--muted);pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}select{background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% + 2px),calc(100% - 12px) calc(50% + 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px}.presets{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.chip{cursor:pointer;background:var(--card2);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:7px 11px;font-size:12.5px;transition:border-color .15s,background .15s}.chip:hover{border-color:var(--accent)}.chip.on{border-color:var(--accent);background:#4da2ff29}.total-row{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.total-num{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:44px;font-weight:700}.total-unit{color:var(--muted);font-size:16px}.verdict{border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13.5px;font-weight:600;display:inline-flex}.verdict.good{color:var(--good);background:#3dd69124;border:1px solid #3dd69166}.fit-count{color:var(--muted);font-size:12.5px;font-weight:600}.verdict.bad{color:var(--bad);background:#ff6b6b1f;border:1px solid #ff6b6b66}.plain{color:var(--muted);max-width:60ch;margin:10px 0 18px;font-size:14px}.devices{gap:14px;display:grid}.dev{border:1px solid var(--line);background:#0f151d;border-radius:12px;padding:14px}.dev-top{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.dev-name{font-size:15px;font-weight:700}.dev-name small{color:var(--muted);margin-left:6px;font-weight:400}.dev-state{font-size:12.5px;font-weight:700}.dev-state.good{color:var(--good)}.dev-state.bad{color:var(--bad)}.bar-wrap{padding-bottom:14px;position:relative}.bar{background:#1a2434;border-radius:7px;height:26px;display:flex;position:relative;overflow:hidden}.seg{color:#fffffff2;white-space:nowrap;text-shadow:0 1px 2px #00000073;justify-content:center;align-items:center;height:100%;font-size:10.5px;font-weight:700;transition:width .35s;display:flex;overflow:hidden}.seg.w{background:linear-gradient(#5fb0ff,#3d8de0)}.seg.k{background:linear-gradient(#c79bff,#9a63e8)}.seg.o{background:linear-gradient(#ffc97a,#e89a3d)}.seg.f{background:#18233a repeating-linear-gradient(45deg,#223049 25%,#0000 25% 50%,#223049 50% 75%,#0000 75%) 0 0/12px 12px}.limit{background:var(--bad);width:2px;position:absolute;top:-3px;bottom:11px;box-shadow:0 0 6px #ff6b6bcc}.limit-label{color:var(--bad);white-space:nowrap;font-size:9.5px;position:absolute;top:calc(100% - 12px);transform:translate(4px)}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin:14px 0 0;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}details.expert{border:1px solid var(--line);background:#0f151d;border-radius:12px;margin-top:16px}details.expert summary{cursor:pointer;color:var(--muted);padding:11px 14px;font-size:13px;font-weight:600;list-style:none}details.expert summary::-webkit-details-marker{display:none}details.expert summary:before{content:"▸ ";color:var(--accent)}details[open].expert summary:before{content:"▾ "}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;border-top:1px solid var(--line);padding:7px 14px}th{color:var(--muted);font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.ok{color:var(--good)}.no{color:var(--bad)}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.btn{cursor:pointer;border:1px solid var(--line);background:var(--card2);color:var(--text);border-radius:10px;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--accent)}.btn.primary{background:linear-gradient(135deg,#2f6fd8,#5a4dd8);border-color:#0000}.toast{border:1px solid var(--accent);color:var(--text);opacity:0;pointer-events:none;background:#1e2a3d;border-radius:10px;padding:10px 18px;font-size:13.5px;transition:opacity .25s;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.toast.show{opacity:1}footer{color:var(--muted);margin-top:26px;font-size:12px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card{animation:.45s both rise}.card:nth-child(2){animation-delay:80ms}.dev{transition:border-color .15s}.dev:hover{border-color:#35507a}.chip:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.total-num{text-shadow:0 0 24px #4da2ff59}