:root{font:16px system-ui,sans-serif;color:#eaf1f8;background:#0d131b;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #344454;border-radius:9px;padding:11px 16px;background:#172536;color:#eaf1f8}button:disabled{opacity:.55;cursor:wait}input,select{width:100%;padding:13px;margin:8px 0 18px;border-radius:9px;border:1px solid #354458;background:#111c28;color:#fff}label{font-size:.9rem;font-weight:600}#auth{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;max-width:1200px;padding:7vw;margin:auto}.eyebrow{color:#8dc5ef;font-size:.8rem;font-weight:750;letter-spacing:.17em}.brand h1{font-size:clamp(2.4rem,4.8vw,4rem);line-height:1.05;letter-spacing:-.04em}.brand p,.card p{color:#b2c1d0;line-height:1.6}.pill{display:inline-block;border:1px solid #3b586e;border-radius:24px;padding:8px 14px;color:#9dd4fc;margin-top:25px}.card{border:1px solid #293a4d;border-radius:20px;padding:32px;background:#141f2b;box-shadow:0 24px 70px #0003}.card h2{font-size:1.65rem}form>button{width:100%;background:#87bfe9;color:#0c2031;font-weight:750}.links{display:flex;gap:15px;justify-content:space-between;margin-top:15px}.links button{border:0;background:none;padding:5px 0;color:#a8d6fa;font-size:.85rem}small{color:#91a2b4;font-size:.8rem;line-height:1.5}#notice{min-height:26px;color:#b7dfff}header{min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 20px;border-bottom:1px solid #344454}header>div{display:flex;align-items:center;gap:12px;font-size:.85rem}header strong span{color:#8dc5ef;font-size:.8rem;margin-left:10px}header button{font-size:.8rem;padding:8px 10px}#board{border:0;width:100%;height:calc(100svh - 65px);background:#101720}#pending{max-width:500px;margin:80px auto;padding:25px;text-align:center}dialog{max-width:650px;width:92%;border:1px solid #344454;border-radius:18px;padding:25px;background:#141f2b;color:#eaf1f8}dialog::backdrop{background:#000a}.member{display:flex;gap:10px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #344454;overflow-wrap:anywhere}.member span{font-size:.85rem;color:#a8d6fa}[hidden]{display:none!important}@media(max-width:750px){#auth{grid-template-columns:1fr;padding:30px 20px;gap:25px}.brand h1{font-size:2.2rem;margin:15px 0}.pill,.brand p{display:none}.card{padding:24px}header{align-items:flex-start;flex-direction:column}header>div{width:100%;flex-wrap:wrap}#board{height:calc(100svh - 110px)}}
