@font-face{font-family:Golos;src:url(/static/golos.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}body{margin:0;background:#061625;color:#eaf6ff;font:15px Golos,Arial,sans-serif;min-height:100vh}button,input,textarea,select{font:inherit}.brand{font-size:27px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand i{width:25px;height:25px;border:1px solid #64bfff;border-radius:50%;box-shadow:inset 0 0 18px #168de6,0 0 22px #188edf80}.brand span{font:10px monospace;letter-spacing:.16em;color:#65b9f3}.login{display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#123a5c,#061625 55%)}.login-card{width:min(430px,calc(100% - 28px));padding:38px;border:1px solid #39729e;background:#0a2134e8;box-shadow:0 30px 100px #0008}.kicker{font:10px monospace;letter-spacing:.18em;color:#72c7ff;margin-top:48px}.login h1{font-size:43px;letter-spacing:-2px;margin:12px 0 32px}.login label{display:block;color:#9bb6ca;margin:18px 0}.login input{display:block;width:100%;margin-top:8px;padding:14px;background:#061625;border:1px solid #335f80;color:#fff}.login button,.composer button,#apply{border:0;background:#bfe7ff;color:#071724;padding:14px 24px;cursor:pointer}.login #error{color:#ff9fa8;min-height:20px}header{height:78px;border-bottom:1px solid #23455e;display:flex;align-items:center;justify-content:space-between;padding:0 3.5%;position:sticky;top:0;background:#061625eb;backdrop-filter:blur(18px);z-index:3}.top{display:flex;align-items:center;gap:13px}.top select,.quiet{background:#0a2134;color:#cfe9fa;border:1px solid #315b79;padding:10px 13px}.quiet{cursor:pointer}.shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 78px)}aside{border-right:1px solid #23455e;padding:36px 20px;display:flex;flex-direction:column;gap:8px}.tab{text-align:left;background:none;border:0;color:#8caabd;padding:13px 15px;cursor:pointer}.tab.active{background:#12344e;color:#fff}.status{margin-top:auto;border-top:1px solid #23455e;padding:20px 10px;display:grid;gap:9px;font-size:12px;color:#7797ab}.status b{color:#d6efff}.panel{display:none;padding:55px max(5%,calc((100vw - 1200px)/2));max-width:1200px;width:100%}.panel.active{display:block}.intro h1{font-size:clamp(42px,6vw,77px);letter-spacing:-.055em;margin:12px 0}.intro>p:last-child{color:#91aec1;font-size:17px}.intro .kicker{margin-top:0}#messages{display:flex;flex-direction:column;gap:12px;margin:45px 0 150px}.message{max-width:82%;padding:17px 19px;line-height:1.55;white-space:pre-wrap;border:1px solid #244b68;background:#091e30}.message.user{align-self:flex-end;background:#153d5b}.composer{position:fixed;bottom:20px;left:calc(220px + 5%);right:5%;max-width:960px;display:grid;grid-template-columns:1fr auto;background:#0b2438;border:1px solid #3c7297;padding:10px;box-shadow:0 20px 80px #000}.composer textarea{resize:none;min-height:62px;max-height:180px;background:transparent;border:0;color:#fff;padding:12px;outline:0}.composer.code{position:static;margin-top:40px;max-width:none}.composer.code textarea{min-height:120px}#plan{margin-top:25px}.plan-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.diff{overflow:auto;max-height:360px;padding:16px;background:#03101a;border:1px solid #224763;color:#b7d8ed;font:12px/1.5 monospace;white-space:pre}.file{margin:16px 0}.file h3{font:13px monospace;color:#72c7ff}@media(max-width:760px){header{height:auto;min-height:104px;align-items:flex-start;padding:18px 5%;gap:15px}.brand span,#balance{display:none}.top{flex-wrap:wrap;justify-content:flex-end}.top select{max-width:150px}.shell{display:block}.shell aside{border:0;border-bottom:1px solid #23455e;display:flex;flex-direction:row;padding:10px 5%}.status{display:none}.panel{padding:35px 5%}.intro h1{font-size:43px}.composer{left:12px;right:12px;bottom:12px}.message{max-width:94%}}
