:root{font-family:Arial Narrow,PingFang SC,sans-serif;color:#eef4ff;background:#07101f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#17294b,#07101f 50%);min-height:100vh}button{font:inherit}main{max-width:1120px;margin:auto;padding:42px 26px 80px}header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #385072;padding-bottom:25px}header>div>span{letter-spacing:.25em;color:#67f5c5;font-size:11px}h1{font-size:clamp(68px,11vw,120px);line-height:.8;margin:22px 0 0;font-weight:900;letter-spacing:-.08em}h1 span{-webkit-text-stroke:1px #67f5c5;color:transparent}header p{text-align:right;color:#9aabc3;line-height:1.7}header b{color:#fff}nav{display:flex;margin:26px 0;gap:12px}nav button{flex:1;text-align:left;background:#0e1a2e;color:#8294ad;border:1px solid #263b5c;padding:13px;cursor:pointer}nav button small{display:block;color:#526783;margin-bottom:4px}nav button.now{border-color:#67f5c5;color:#67f5c5;background:#11273b}.workspace{display:grid;grid-template-columns:280px 1fr;gap:35px}.brief{position:sticky;top:25px;align-self:start}.brief>span{font-family:monospace;color:#ffb85c}.brief h2{font-size:38px;margin:8px 0}.brief p{color:#91a2ba;line-height:1.7}.legend{border-top:1px solid #34465f;padding-top:16px;font-size:12px;color:#768aa6;line-height:2}.legend i{display:inline-block;width:8px;height:8px;background:#67f5c5;margin:0 4px 0 10px}.legend i:nth-child(2){background:#ff5f68}.deck{display:flex;flex-direction:column;gap:10px}.deck article{display:grid;grid-template-columns:55px 1fr 92px;align-items:center;gap:12px;background:#101e33;border:1px solid #2e4362;border-left:4px solid #67f5c5;padding:16px;transition:.2s}.deck article:hover{transform:translate(-4px);background:#14253f}.deck article.bad{border-color:#ff5f68;border-left-color:#ff5f68;background:#2b1826}.deck article>b{font:22px monospace;color:#536a87}.deck h3{margin:0;font-size:18px}.deck p{margin:5px 0 0;color:#8092aa;font-size:13px}.deck aside{color:#ff8990;font-size:13px;margin-top:10px}.controls{display:flex;align-items:center;gap:5px}.controls button{background:#1c2e49;color:#a9b9ce;border:1px solid #3a5171;width:28px;height:28px;cursor:pointer}.controls button:disabled{opacity:.2}.controls span{font-size:22px;color:#506783;cursor:grab}.submit{display:flex;justify-content:flex-end;gap:10px;margin-top:13px}.submit button,.success button{border:1px solid #425976;background:transparent;color:#b5c2d4;padding:12px 18px;cursor:pointer}.submit .primary,.success button{background:#67f5c5;color:#06111d;border-color:#67f5c5;font-weight:700}.success{border:1px solid #67f5c5;background:#0d2928;padding:22px;margin-top:12px}.success strong{font-size:25px;color:#67f5c5}.success p{color:#a3c6be}.success button{float:right}@media(max-width:720px){main{padding:28px 14px 60px}header{align-items:start}header p{font-size:12px}nav{overflow-x:auto}nav button{min-width:120px}.workspace{grid-template-columns:1fr}.brief{position:static}.deck article{grid-template-columns:38px 1fr}.controls{grid-column:2;justify-content:flex-end}.submit{flex-direction:column}.submit button{width:100%}}