:root{color:#202723;background:#f5f6f4;--accent:#7cff2b}*{letter-spacing:0}body{min-height:100dvh}a{color:#32651b}button,a,input,summary{outline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #68a946}
body:not(.guest){color-scheme:dark;background:#14191d;color:#edf1ef}body:not(.guest) header{background:#0d1318;border-color:#30383e}body:not(.guest) input{background:#1d252b;border-color:#3b464d;color:#e5ece9}body:not(.guest) .secondary{background:#1d252b;border-color:#3b464d;color:#d3dfd2}body:not(.guest) details,body:not(.guest) .user{border-color:#30383e}body:not(.guest) #workspace,body:not(.guest) .user p{color:#b3c2be}body:not(.guest) #notice{color:#efc195}body:not(.guest) dialog{background:#1d252b;color:#edf1ef;border-color:#3b464d}
header{position:relative;z-index:1;gap:24px;padding:20px 32px;min-height:80px;background:#121816;border-color:#334037}
header a{color:#d7e0da;font-size:13px}header a.wordmark{color:#10170c;background:var(--accent);font-size:21px;font-weight:800;line-height:1;padding:11px 15px;border-radius:22px;margin-right:auto;white-space:nowrap}
.network-art{display:none}.official-link{white-space:nowrap}main{position:relative;z-index:1;max-width:1040px;margin:44px auto;padding:0 32px}h1{font-size:28px;line-height:1.3}form{gap:20px}label{gap:8px;font-weight:500}
input{padding:12px 14px;border-color:#cad2c8;border-radius:6px;color:#202723}input:focus{outline:2px solid #a1d586;border-color:#528b35}input::placeholder{color:#7d897c;font-weight:400}
button{padding:11px 16px;min-height:44px;background:var(--accent);border-color:var(--accent);color:#10170c;border-radius:6px;font-weight:600}button:hover{background:#a0ff66;border-color:#a0ff66}button:disabled{cursor:default}.secondary{color:#465340;border-color:#d1dacd}.secondary:hover{background:#edf2e9;border-color:#bdcbb5}
.user{padding:20px 0}.user p{margin:4px 0 0;color:#667361}.user strong{overflow-wrap:anywhere}#notice:empty{display:none}#workspace{color:#64705f}dialog::backdrop{background:#12181699}
.guest{background:#07121d;color:#f5f8f5}.guest .network-art{display:block;position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:.5;pointer-events:none}.guest header{background:#09131de6;border-color:#ffffff24}.guest main{max-width:1180px;margin:0 auto;min-height:calc(100dvh - 80px);display:flex;flex-direction:column;justify-content:center;padding:52px 48px 72px}
#login{width:100%;max-width:390px;margin:0}.login-kicker{color:#a6e887;font-size:12px;font-weight:600;margin:0 0 20px}.guest h1{font-size:44px;margin:0 0 12px;font-weight:750}.login-subtitle{font-size:18px;color:#c8d3cd;margin:0 0 32px}.guest form{margin:0;gap:22px}.guest input{background:#0a1822e8;border-color:#53615f;color:#fff;min-height:50px}.guest input::placeholder{color:#99aaa5}.guest label{color:#e0e7e1}.guest button{margin-top:8px;min-height:50px;display:flex;align-items:center;justify-content:space-between;font-size:15px}.guest #notice{max-width:390px;color:#ffd2bc;background:#46231cd9;padding:10px 14px;border-left:3px solid #eeab89}
@media(min-width:1600px){.guest main{max-width:1320px}}
@media(max-width:650px){header{padding:16px;gap:14px;min-height:72px;flex-wrap:wrap}header a.wordmark{font-size:19px;padding:10px 12px}header a{font-size:12px}body:not(.guest) .official-link{display:none}main{padding:0 20px;margin:28px auto}.guest main{min-height:calc(100dvh - 72px);padding:42px 24px}.guest h1{font-size:36px}.guest .network-art{object-position:60% center;opacity:.25}#login{max-width:400px;margin:0 auto}.guest #notice{width:100%;max-width:400px;margin:0 auto 20px}.login-subtitle{font-size:17px}.guest input{background:#08151eea}}