:root{--bg:#030812;--p:#091625;--l:#173550;--c:#43f2d1;--b:#418cff;--t:#eefaff;--m:#7594aa;--r:#ff647c;--g:#60e69b;--a:#ffbd59}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 0,#112f55,transparent 32%),var(--bg);color:var(--t);font:13px/1.5 system-ui,sans-serif}#field{position:fixed;inset:0;opacity:.2;pointer-events:none}aside{position:fixed;z-index:2;width:230px;inset:0 auto 0 0;padding:25px 17px;background:#06101bea;border-right:1px solid var(--l)}.logo{width:44px;height:44px;border:1px solid var(--c);display:grid;place-items:center;color:var(--c);font:28px Georgia;box-shadow:0 0 25px #43f2d133}aside h2{font-size:14px;letter-spacing:2px}aside h2 i{font-style:normal;color:var(--c);font-size:9px}aside nav{display:flex;flex-direction:column;margin-top:25px}aside button{border:0;background:none;color:var(--m);padding:9px;text-align:left;cursor:pointer;border-radius:5px}aside button.active{color:white;background:#113046;box-shadow:inset 3px 0 var(--c)}aside a{position:absolute;bottom:25px;color:var(--c);text-decoration:none}main{margin-left:230px;padding:0 32px 50px;position:relative}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--l)}header small{color:var(--c);letter-spacing:2px;font-size:8px}header h1{margin:2px 0}.live{color:var(--g);font-size:9px}.page{display:none;padding-top:25px}.page.active{display:block}.hero{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid var(--l);background:linear-gradient(110deg,#091a2b,#102844);border-radius:10px;margin-bottom:14px}.hero>b{font-size:36px;color:#43f2d126}.hero h2{margin:0;font-size:23px}.hero p{margin:2px 0;color:var(--m)}button,.hero button,.form button{margin-left:auto;padding:9px 13px;border:1px solid #28708a;background:#0d293c;color:var(--c);border-radius:5px;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:14px 0}.card,.panel{padding:17px;border:1px solid var(--l);background:#081522dd;border-radius:8px}.card b,.card span,.card small{display:block}.card b{font-size:14px}.card span{color:var(--c)}.card small{color:var(--m)}.pipeline{display:flex;gap:12px;align-items:center}.pipeline span{flex:1;padding:14px;text-align:center;background:#0b2032;border:1px solid #1d455e}.pipeline i{color:var(--c)}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.terminal textarea,.form textarea{width:100%;min-height:150px;background:#020811;color:#9df6de;border:1px solid #245067;padding:14px}.center{display:grid;place-items:center;color:var(--m);min-height:300px}.verdict-block{color:var(--r);font-size:38px}.gpu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.gpu{padding:14px;border:1px solid var(--l);background:#081725}.bar{height:5px;background:#183149;margin:8px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--c),var(--b))}.warn{color:var(--a);margin-left:auto}.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.compare .card{min-height:230px}.metric{display:flex;justify-content:space-between;border-top:1px solid var(--l);padding:8px 0}.form label{display:block;color:var(--m);margin-bottom:10px}.form textarea{min-height:70px}.form select{width:100%;padding:8px;background:#06121d;color:white;border:1px solid var(--l)}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid var(--l);text-align:left}th{color:var(--m);font-size:8px}.ok{color:var(--g)}.bad{color:var(--r)}.score{font-size:70px;color:var(--c);text-align:center;padding:25px}#toast{position:fixed;right:20px;bottom:20px;padding:12px 18px;background:#113548;border:1px solid var(--c);transform:translateY(100px);transition:.3s}#toast.show{transform:none}@media(max-width:800px){aside{width:65px}aside h2,aside button{font-size:0}aside button:before{content:'◇';font-size:16px}main{margin-left:65px;padding:0 14px}.split,.compare{grid-template-columns:1fr}.gpu-grid{grid-template-columns:1fr 1fr}}