:root{color-scheme:dark;--bg:#011017;--panel:#072733;--line:#245766;--ink:#f4fdff;--muted:#9ab5be;--cyan:#57efd4;--gold:#ffd36f;--red:#ff7887}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 88% -5%,#0c6b72,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;margin-bottom:12px;flex-wrap:wrap}a,button{padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#103846;color:var(--ink);font:inherit;font-weight:850;text-decoration:none;cursor:pointer}.brand{margin-right:auto;display:flex;gap:8px;align-items:center}.brand img{width:28px}.brand i,#network{padding:4px 8px;border-radius:99px;background:var(--cyan);color:#03272b;font-size:.72rem;font-weight:900}#network.offline{background:var(--red)}header{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:35px;border:1px solid var(--line);border-radius:27px;background:linear-gradient(135deg,#0a3a48,#08212c)}small{color:var(--cyan);font-weight:900;letter-spacing:.12em}h1{font-size:clamp(2.8rem,6vw,5.6rem);line-height:.88;margin:.2em 0}header p,footer,.item span{color:var(--muted)}.score{min-width:240px;padding:18px;background:#041b24;border-radius:16px}.score span,.score strong,.score small{display:block}.score strong{font-size:3rem;color:var(--cyan)}.builder{display:grid;grid-template-columns:2fr 1fr .6fr .6fr auto;gap:10px;padding:16px;margin-top:10px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}label{color:var(--muted)}select,input{display:block;width:100%;margin-top:5px;padding:12px;background:#031923;color:var(--ink);border:1px solid var(--line);border-radius:9px}.builder button{align-self:end;background:var(--cyan);color:#03272b}.builder p{grid-column:1/-1;margin:0;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:10px 0}.metrics article,.panel{padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.metrics span,.metrics strong{display:block}.metrics span{color:var(--muted)}.metrics strong{font-size:2rem}.layout{display:grid;grid-template-columns:370px 1fr;gap:10px}.item{padding:12px;margin-top:8px;background:#041b24;border-radius:10px;cursor:pointer}.item strong,.item span{display:block}.item.active{outline:2px solid var(--cyan)}.head{display:flex;justify-content:space-between;gap:15px}.countdown{padding:14px;background:#041b24;border-radius:12px;text-align:right}.countdown span,.countdown strong{display:block}.countdown strong{font-size:2.2rem;color:var(--gold)}.alert{padding:12px;margin:10px 0;background:#123c42;border-left:5px solid var(--cyan);border-radius:10px}.alert.danger{background:#4a2028;border-color:var(--red)}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.facts article{padding:12px;background:#041b24;border-radius:10px}.facts span,.facts strong{display:block}.facts span{color:var(--muted)}.checkpoint{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:10px;padding:12px;margin-top:7px;background:#041b24;border-radius:10px}.checkpoint.done{opacity:.58}.checkpoint button{padding:8px}.readiness,.result{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px;margin-top:10px;background:#041b24;border-radius:12px}.readiness button,.result button{align-self:end;background:var(--cyan);color:#03272b}.check{align-self:center}.check input{display:inline;width:auto}.result{grid-template-columns:1fr 1.5fr 1.5fr auto}#resultView{padding:18px;margin-top:12px;background:#103c43;border-left:5px solid var(--gold);border-radius:12px}footer{display:flex;justify-content:space-between;padding:20px 3px}@media(max-width:950px){.builder{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}.readiness,.result{grid-template-columns:1fr 1fr}}@media(max-width:600px){header,.builder{grid-template-columns:1fr}.metrics,.facts{grid-template-columns:1fr 1fr}.score{width:100%}.head{display:block}.countdown{text-align:left}.checkpoint{grid-template-columns:70px 1fr}.readiness,.result{grid-template-columns:1fr}}@media(max-width:430px){main{padding:8px}.metrics,.facts{grid-template-columns:1fr}footer{display:block}}