:root{color-scheme:dark;--bg:#06141d;--panel:#0e2b36;--line:#315c6c;--ink:#f4fdff;--muted:#aac0c9;--cyan:#59ead2;--gold:#ffd16b;--red:#ff7b87}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#176076,transparent 34%),var(--bg);color:var(--ink);font-family:Inter,system-ui}main{max-width:1480px;margin:auto;padding:15px}nav,.head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}a,button,input,select{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#153b48;color:var(--ink);font:inherit;font-weight:800;text-decoration:none}.brand{margin-right:auto}.brand i,small{color:var(--cyan)}header{display:grid;grid-template-columns:1fr auto;gap:22px;margin:12px 0;padding:38px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(135deg,#144958,#0a2630)}h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:.92;margin:.2em 0}p,span,label{color:var(--muted)}.score{min-width:220px;padding:18px;border-radius:15px;background:#061c25}.score span,.score strong,.score small{display:block}.score strong{font-size:2rem;color:var(--cyan);margin:7px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metrics article,.panel{padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.metrics strong{display:block;font-size:1.8rem}.head{justify-content:space-between}.form{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.form label{display:grid;gap:5px}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:9px 0}.record{padding:11px;border-left:4px solid var(--cyan);border-radius:9px;background:#071d26;margin:7px 0}.record.block{border-color:var(--red)}.record b,.record span,.record small{display:block}.binding{padding:16px;border:1px solid var(--cyan);border-radius:12px;background:#09272e}.binding h3{font-size:1.7rem;margin:.2em 0}.identity-code{padding:11px;overflow-wrap:anywhere;border-radius:8px;background:#021013;font-family:ui-monospace,monospace}.rules div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.rules span{padding:10px;border-radius:8px;background:#071d26}footer{padding:24px;color:var(--muted)}@media(max-width:800px){header,.metrics,.form,.two,.rules div{grid-template-columns:1fr 1fr}}@media(max-width:550px){main{padding:7px}header,.metrics,.form,.two,.rules div{grid-template-columns:1fr}}