@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#e8edf4;background:#0b1018;font-synthesis:none;--line:#273142;--muted:#7f8a9c;--accent:#ffbf47}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}.shell{display:grid;grid-template-columns:240px minmax(420px,1fr) 0;height:100vh;overflow:hidden;transition:grid-template-columns .25s ease}.shell.panel-open{grid-template-columns:240px minmax(420px,1fr) 310px}.sidebar{background:#101722;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;overflow:hidden}.brand{display:flex;gap:11px;align-items:center;margin:0 5px 38px}.brand strong{display:block;font-size:13px;letter-spacing:.1em}.brand small,.profile small,.presence-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.brand-mark{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;color:#101722;background:var(--accent);font-weight:800;font-size:20px;transform:rotate(-3deg);box-shadow:4px 4px #6b4d18}.brand-mark.large{width:58px;height:58px;font-size:32px;margin-bottom:26px}.section-label,.eyebrow{color:#697487;font:500 10px DM Mono,monospace;letter-spacing:.14em}.sidebar .section-label{margin:0 10px 8px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{border:0;background:none;text-align:left;padding:9px 11px;border-radius:7px;color:#9da7b6;cursor:pointer;font-weight:600}.sidebar nav button span{color:#5d6878;margin-right:11px}.sidebar nav button:hover,.sidebar nav button.active{background:#1c2634;color:#fff}.sidebar nav button.active span{color:var(--accent)}.presence-card{margin-top:auto;background:#151e2a;border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;gap:10px;align-items:center}.presence-card strong{font-size:12px}.pulse{width:9px;height:9px;background:#64d98b;border-radius:50%;box-shadow:0 0 0 4px #64d98b1c}.profile{margin-top:12px;border-top:1px solid var(--line);padding:16px 5px 0;display:flex;gap:10px;align-items:center}.profile strong{font-size:12px}.avatar{flex:0 0 auto;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#17202c;font-weight:800}.chat{background:#111822;display:flex;flex-direction:column;min-width:0}.chat header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.chat h1,.engineering h2{margin:2px 0 0;font-size:18px}.engineering-toggle{background:#182230;border:1px solid #303c4e;border-radius:8px;padding:8px 12px;font-size:11px;cursor:pointer}.engineering-toggle span{color:var(--accent);margin-left:7px}.messages{flex:1;overflow-y:auto;padding:28px max(24px,6vw)}.empty{padding:50px 0 38px;border-bottom:1px solid var(--line);margin-bottom:22px}.empty>span{width:50px;height:50px;border:1px solid #3a4658;border-radius:14px;display:grid;place-items:center;font-size:24px;color:var(--accent)}.empty h2{margin:16px 0 5px;font-size:20px}.empty p{margin:0;color:var(--muted);font-size:13px}.messages article{display:grid;grid-template-columns:42px 1fr;gap:11px;margin:18px 0}.messages article.grouped{margin:5px 0}.messages article.grouped>div{grid-column:2}.message-meta{display:flex;align-items:baseline;gap:9px}.message-meta strong{font-size:13px}.message-meta time{color:#687487;font:10px DM Mono,monospace}.messages article p{margin:4px 0 0;color:#c9d0da;font-size:13px;line-height:1.55;word-break:break-word}.composer{margin:0 max(24px,6vw) 24px;display:flex;border:1px solid #354155;border-radius:11px;background:#18212e;padding:6px;box-shadow:0 10px 30px #0003}.composer input{flex:1;background:none;border:0;outline:0;color:#fff;padding:8px 12px;font-size:13px}.composer input::placeholder{color:#687487}.composer button{width:36px;height:36px;border:0;border-radius:8px;background:var(--accent);color:#151a22;font-weight:800;cursor:pointer}.composer button:disabled{background:#303a49;color:#6e7887}.engineering{background:#0e151f;border-left:1px solid var(--line);padding:23px;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.panel-title button{border:0;background:none;font-size:25px;color:#657083;cursor:pointer}.health{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px;margin-bottom:20px}.health>span{width:8px;height:8px;border-radius:50%}.health.healthy>span{background:#64d98b;box-shadow:0 0 10px #64d98b}.health.unhealthy>span{background:#eb6f92}.health strong,.health small{display:block;font-size:10px}.health small{color:var(--muted);margin-top:3px}.metric{border-top:1px solid var(--line);padding:17px 0}.metric strong{display:block;font:500 32px DM Mono,monospace;color:#fff;margin:6px 0 2px}.metric small{color:var(--muted);font-size:10px}.instance,.room-debug{border-top:1px solid var(--line);padding:18px 0}.instance code{display:block;background:#171f2b;border:1px solid var(--line);border-radius:6px;padding:9px;margin:10px 0;color:var(--accent);font:11px DM Mono,monospace}.instance p,.version-note p{color:var(--muted);font-size:10px;line-height:1.5;margin:0}.room-debug strong,.room-debug small{display:block;margin-top:8px;font-size:13px}.room-debug small{color:var(--muted);font-size:10px;margin-top:3px}.version-note{background:#171f2b;border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;gap:10px;margin-top:8px}.version-note span{color:var(--accent);font:500 11px DM Mono,monospace}.name-gate{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#1c2a3b 0,#0b1018 55%);padding:24px}.gate-card{width:min(410px,100%);border:1px solid #2c3849;background:#111924;padding:42px;border-radius:18px;box-shadow:0 30px 80px #0007}.gate-card h1{font-size:28px;margin:8px 0}.gate-card>p{color:var(--muted);font-size:13px;margin:0 0 30px}.gate-card label{display:block;color:#7b8799;font:10px DM Mono,monospace;letter-spacing:.1em;margin-bottom:8px}.gate-card input{width:100%;background:#0c131c;border:1px solid #344053;border-radius:8px;padding:12px;color:#fff;outline:none}.gate-card input:focus{border-color:var(--accent)}.gate-card form button{width:100%;border:0;background:var(--accent);color:#111722;font-weight:800;border-radius:8px;padding:12px;margin-top:12px;cursor:pointer;display:flex;justify-content:space-between}.gate-card>small{display:block;text-align:center;color:#5f6b7d;font:10px DM Mono,monospace;margin-top:24px}@media(max-width:900px){.shell,.shell.panel-open{grid-template-columns:72px 1fr 0}.sidebar{padding:18px 10px}.brand div,.sidebar .section-label,.sidebar nav button:not(.active){display:none}.brand{margin:0 auto 30px}.sidebar nav button{font-size:0;text-align:center}.sidebar nav button span{font-size:20px;margin:0}.presence-card div,.profile div{display:none}.presence-card,.profile{justify-content:center;padding:12px 0}.engineering{position:fixed;right:0;top:0;bottom:0;width:310px;transform:translate(100%);transition:.25s;z-index:5}.panel-open .engineering{transform:none}}@media(max-width:600px){.shell,.shell.panel-open{grid-template-columns:1fr}.sidebar{display:none}.chat header{padding:0 16px}.messages{padding:20px 16px}.composer{margin:0 12px 12px}.engineering-toggle{font-size:0}.engineering-toggle span{font-size:13px;margin:0}.gate-card{padding:30px 24px}}.brand strong{font-size:12px;letter-spacing:.08em}.presence-card strong{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;font-size:11px}.presence-card.offline .pulse{background:#eb6f92;box-shadow:none}.chat header{min-height:76px;height:auto;padding-top:10px;padding-bottom:10px}.chat header small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.connection-strip{height:25px;padding:6px 28px;background:#0d141d;border-bottom:1px solid var(--line);color:#7f8a9c;font:9px DM Mono,monospace;letter-spacing:.08em}.connection-strip span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#eb6f92;margin-right:7px}.connection-strip span.connected{background:#64d98b}.messages article.system{background:#ffbf470d;border:1px solid #ffbf4733;border-radius:10px;padding:12px}.messages article.system .message-meta strong{color:var(--accent);font:500 10px DM Mono,monospace;letter-spacing:.12em}.messages article.system p{color:#e3d1ac}.gate-error{margin-top:12px;border:1px solid #eb6f9255;background:#eb6f9212;color:#f3a7b9;border-radius:8px;padding:10px;font-size:12px}