*{box-sizing:border-box}:root{--bg:#06080c;--panel:#0d1219;--line:#26313d;--green:#b9ff3d;--muted:#8492a2}body{margin:0;background:var(--bg);color:#eef4fa;font:15px Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.mark{display:grid;place-items:center;width:46px;height:46px;background:var(--green);color:#101508;border-radius:12px;font-size:23px;font-weight:900}.over{font:11px monospace;letter-spacing:2px;color:var(--green)}#auth{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:9vw;padding:7vw;background:radial-gradient(circle at 15% 30%,#b9ff3d0c,transparent 28%)}h1{font-size:clamp(55px,8vw,105px);line-height:.9;letter-spacing:-6px;margin:25px 0}em{font-style:normal;color:var(--green)}.intro>p:last-child{font-size:19px;line-height:1.6;color:var(--muted);max-width:650px}.authcard,.doc{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px}.tabs{display:flex;gap:5px;margin-bottom:25px}.tabs button{font-size:12px}.tabs .active{border-color:var(--green);color:var(--green)}button{background:#131a23;color:#e7eef5;border:1px solid #303c49;padding:10px 14px;border-radius:9px}.accent{background:var(--green);border-color:var(--green);color:#111;font-weight:800}form{display:grid;gap:15px}label{display:grid;gap:7px;color:#abb6c3;font-size:13px}input,select,textarea{width:100%;background:#080c11;color:#fff;border:1px solid #303b48;padding:12px;border-radius:8px}#app{display:grid;grid-template-columns:82px 1fr;min-height:100vh}aside{padding:16px 8px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}aside .mark{margin:0 auto 30px}aside button{display:grid;place-items:center;gap:4px;background:none;border:0;color:#788696}aside button.selected{color:var(--green)}aside span{font-size:10px}#logout{margin-top:auto}main{min-width:0}header{height:83px;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between}header small{font:10px monospace;color:var(--green)}header i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}header h2{margin:5px 0}.page{display:none;padding:28px}.page.active{display:block}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:13px}.card small{color:var(--green)}.card p{color:var(--muted);min-height:45px}.messenger{display:grid;grid-template-columns:290px 1fr;gap:13px;height:calc(100vh - 140px)}.space-list,#room{background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:auto}.space-list button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #222c37;border-radius:0;padding:15px}.space-list small{display:block;color:var(--muted)}.empty{height:100%;display:grid;place-items:center;color:var(--muted)}.roomhead{padding:17px;border-bottom:1px solid var(--line)}.messages{height:calc(100% - 180px);overflow:auto;padding:16px;display:flex;flex-direction:column;gap:9px}.message{background:#151d27;padding:11px;border-radius:10px;max-width:82%}.message.mine{align-self:flex-end;border-right:2px solid var(--green)}.message b{color:var(--green)}.message p{white-space:pre-wrap;margin:5px 0}.message small{color:var(--muted)}.send{padding:12px;border-top:1px solid var(--line);grid-template-columns:1fr auto}.doc{max-width:900px}.doc pre{background:#070a0e;border:1px solid #212b36;padding:18px;overflow:auto;color:var(--green);border-radius:10px}.notice,.error{padding:12px;margin-top:12px;background:#10180c;border-left:3px solid var(--green)}.error{border-color:#ff6175}dialog{background:var(--panel);color:#fff;border:1px solid var(--line);border-radius:14px;min-width:min(440px,92vw)}#toast{position:fixed;bottom:20px;right:20px;background:var(--green);color:#111;padding:13px;border-radius:8px;transform:translateY(100px);transition:.2s}#toast.show{transform:none}@media(max-width:750px){#auth{grid-template-columns:1fr}h1{letter-spacing:-3px}#app{grid-template-columns:56px 1fr}.messenger{grid-template-columns:1fr;height:auto}.space-list{max-height:220px}#room{height:600px}.page{padding:12px}}