:root{color-scheme:dark;--bg:#04151e;--panel:#092a39;--line:#25586b;--ink:#f2fcff;--muted:#96b2bd;--cyan:#5cebd5;--gold:#ffd16d;--red:#ff8390}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% -8%,#0d6877,transparent 34%),var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}main{max-width:1500px;margin:auto;padding:18px}nav{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:12px}a{padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:#10394b;color:var(--ink);font-weight:850;text-decoration:none}.brand{display:flex;gap:8px;align-items:center;margin-right:auto}.brand img{width:28px;height:28px;border-radius:7px}header{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:34px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#0b3b4b,#092333)}small{color:var(--cyan);font-weight:900;letter-spacing:.12em}h1{font-size:clamp(2.8rem,6vw,5.6rem);line-height:.9;margin:.2em 0}header p,.item span,footer{color:var(--muted)}.score{min-width:230px;padding:19px;background:#051d29;border-radius:16px}.score span,.score small,.score strong{display:block}.score strong{font-size:3.5rem;color:var(--cyan)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:10px 0}.metrics article,.panel{padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.metrics span,.metrics strong{display:block}.metrics span{color:var(--muted)}.metrics strong{font-size:2rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel{margin-top:10px}.head{display:flex;justify-content:space-between;align-items:center;gap:10px}.head input{padding:11px;background:#041a24;color:var(--ink);border:1px solid var(--line);border-radius:9px}.item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;margin-top:8px;background:#051d29;border-radius:10px}.item strong,.item span{display:block}.item b{color:var(--cyan)}.item.attention{border-left:4px solid var(--gold)}footer{display:flex;justify-content:space-between;padding:20px 3px}@media(max-width:760px){header,.grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.score{width:100%}}@media(max-width:450px){main{padding:8px}.metrics{grid-template-columns:1fr}.head{align-items:flex-start;flex-direction:column}footer{display:block}}