:root{color:#f1f3f5;font-synthesis:none;text-rendering:optimizelegibility;--background:#0e1114;--panel:#171b20;--raised:#20262d;--border:#303842;--text:#f1f3f5;--muted:#929da8;--accent:#d99a3d;--accent-hover:#e4a84d;--danger:#c95b5b;background:#0e1114;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--background);min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.gate-shell{background:radial-gradient(circle at 50% 40%, #d99a3d0b, transparent 34%), var(--background);place-items:center;min-height:100vh;padding:24px;display:grid}.gate{width:min(100%,420px)}.brand{align-items:center;gap:13px;margin-bottom:48px;display:flex}.mark{border:1px solid var(--accent);width:34px;height:34px;color:var(--accent);letter-spacing:-.04em;place-items:center;font-size:14px;font-weight:800;display:grid}.brand h1{letter-spacing:.22em;margin:0;font-size:18px;font-weight:720}.invite-form label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:650;display:block}.input-row{grid-template-columns:1fr auto;gap:10px;display:grid}.input-row input{border:1px solid var(--border);background:var(--panel);min-width:0;height:46px;color:var(--text);border-radius:3px;outline:none;padding:0 14px;transition:border-color .12s,background .12s}.input-row input:focus{border-color:var(--accent);background:var(--raised)}.input-row button,.primary-action{border:1px solid var(--accent);background:var(--accent);color:#18120a;border-radius:3px;padding:0 20px;font-weight:750}.input-row button:not(:disabled):hover,.primary-action:not(:disabled):hover{background:var(--accent-hover)}.form-message{min-height:20px;color:var(--muted);margin:10px 0 0;font-size:13px}.service-state{color:var(--muted);align-items:center;gap:8px;margin-top:42px;font-size:12px;display:flex}.service-state span{background:var(--muted);border-radius:50%;width:7px;height:7px}.service-ready span{background:#55a879}.service-unavailable span{background:var(--danger)}.dashboard-shell{background:var(--background);grid-template-columns:280px 1fr;min-height:100vh;display:grid}.rail{border-right:1px solid var(--border);background:#111519;flex-direction:column;min-height:100vh;padding:18px 14px;display:flex}.rail-header{letter-spacing:.15em;align-items:center;gap:11px;padding:0 4px 20px;font-size:13px;display:flex}.rail-header .mark{width:28px;height:28px;font-size:12px}.primary-action{width:100%;height:40px}.section-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:28px 8px 10px;font-size:11px;font-weight:700}.empty-rail{color:#68737e;padding:12px 8px;font-size:13px}.rail-footer{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:14px 6px 0;display:flex}.avatar{background:var(--raised);width:34px;height:34px;color:var(--accent);border-radius:3px;place-items:center;font-weight:750;display:grid}.rail-footer div:last-child{flex-direction:column;min-width:0;display:flex}.rail-footer strong{font-size:13px}.rail-footer span{color:var(--muted);font-size:11px}.conversation{flex-direction:column;min-width:0;display:flex}.conversation-header{border-bottom:1px solid var(--border);background:#171b20a6;align-items:center;height:64px;padding:0 24px;display:flex}.conversation-header div{flex-direction:column;gap:2px;display:flex}.conversation-header strong{font-size:14px}.conversation-header span{color:var(--muted);font-size:11px}.conversation-empty{text-align:center;flex:1;place-content:center;justify-items:center;padding:24px;display:grid}.empty-symbol{border:1px solid var(--border);width:48px;height:48px;color:var(--accent);place-items:center;font-size:24px;display:grid}.conversation-empty h2{margin:18px 0 6px;font-size:17px}.conversation-empty p{color:var(--muted);margin:0;font-size:13px}@media (max-width:700px){.dashboard-shell{grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;height:72px;min-height:auto;padding:12px 16px}.rail-header{padding:0}.rail .primary-action,.section-label,.empty-rail{display:none}.rail-footer{border:0;margin:0 0 0 auto;padding:0}.rail-footer div:last-child{display:none}.conversation{min-height:calc(100vh - 72px)}.conversation-header{height:58px;padding:0 18px}}