:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef5ec;background:#0b0e0b;font-synthesis:none}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:#4f7838 #101510}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#101510;border-radius:999px}*::-webkit-scrollbar-thumb{background:#4f7838;border:2px solid #101510;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#78b653}*::-webkit-scrollbar-corner{background:#101510}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,#263423 0,#101510 38%,#090b09 78%)}button,input,select{font:inherit}.shell{width:min(1050px,calc(100% - 32px));margin:0 auto;min-height:100vh;display:grid;place-items:center;padding:32px 0}.card{background:#161b15e6;border:1px solid #303a2e;border-radius:24px;box-shadow:0 30px 80px #00000059}.hidden{display:none!important}.login-card{width:min(420px,100%);padding:38px}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#a7ef62;color:#13200b;font-weight:900;font-size:25px}.eyebrow{margin:22px 0 6px;color:#91a38c;font-size:12px;letter-spacing:.16em;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:6px}.muted{color:#96a092}form,.controls{display:grid;gap:16px;margin-top:26px}label{display:grid;gap:8px;color:#b8c2b5;font-size:13px;font-weight:650}input,select{width:100%;color:#edf4eb;background:#0d110d;border:1px solid #364034;border-radius:11px;padding:12px;outline:none}input:focus,select:focus{border-color:#9ee85c;box-shadow:0 0 0 3px #9ee85c1f}button{border:0;cursor:pointer}.primary{padding:13px;border-radius:12px;color:#112009;background:#a7ef62;font-weight:850}.secondary{padding:9px 13px;border-radius:11px;color:#cbd5c8;background:#182018;border:1px solid #384336;font-weight:750}.secondary:hover{border-color:#66805b;color:#fff}.error{min-height:20px;margin:0;color:#ff8d8d;font-size:13px}.radio{width:100%}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}header .eyebrow{margin-top:0}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.notification-enabled{color:#a7ef62;border-color:#4f7838}.current-user{color:#9eaa9a;font-size:13px}.room-select{width:auto;min-width:140px;padding:8px 34px 8px 10px}.pill{border-radius:999px;padding:9px 13px;font-size:11px;font-weight:900;letter-spacing:.1em;border:1px solid}.pill.connected{color:#a7ef62;border-color:#48752d;background:#192414}.pill.disconnected{color:#ff9a96;border-color:#733b38;background:#281817}.layout{display:grid;grid-template-columns:280px 1fr;gap:20px}.participants-card{padding:20px}.section-title{display:flex;justify-content:space-between;font-size:13px;color:#99a695;font-weight:800;text-transform:uppercase;letter-spacing:.08em}#participants{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}#participants li{display:flex;gap:10px;align-items:flex-start;padding:11px;background:#101510;border-radius:12px}#participants li:has(.participant-meta small[data-speaking=true]){background:#1a2715;box-shadow:inset 0 0 0 1px #4f7838}.avatar{width:32px;height:32px;border-radius:10px;background:#293526;display:grid;place-items:center;color:#a7ef62;font-weight:850}.participant-meta{display:grid;gap:2px;min-width:0;flex:1}.participant-meta small{color:#82907e}.participant-meta .custom-status{color:#aeb9aa;white-space:normal;overflow-wrap:anywhere;line-height:1.35}.participant-meta small[data-speaking=true]{color:#a7ef62;font-weight:800}.presence-dot{width:9px;height:9px;margin:6px 0 0 auto;border-radius:50%;background:#60685e;flex:0 0 auto}.presence-dot.online{background:#77df55}.presence-dot.away{background:#ffbd59}.presence-dot.dnd{background:#ff6d65}.radio-card{padding:30px;text-align:center}.speaker-zone{min-height:145px;display:grid;align-content:center}.speaker-zone .eyebrow{margin:0 0 8px}.speaker-zone h2{margin-bottom:4px}.timer{font-variant-numeric:tabular-nums;color:#8d9b89;font-size:24px}.timer.warning{color:#ffbd59}.ptt{width:min(280px,75vw);aspect-ratio:1;border-radius:50%;margin:8px auto;color:#14200d;background:linear-gradient(145deg,#b8f775,#7fcf3f);box-shadow:0 0 0 10px #182018,0 22px 55px #62be2a40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .12s,filter .12s}.ptt:disabled{cursor:not-allowed;filter:grayscale(.8) brightness(.55)}.ptt.active{transform:scale(.96);background:linear-gradient(145deg,#ff8f7d,#e94f42);box-shadow:0 0 0 10px #2b1715,0 22px 60px #e2413240}.ptt.requesting{filter:saturate(.5)}.ptt .mic{font-size:38px}.ptt strong{font-size:18px;letter-spacing:.05em}.ptt small{opacity:.7}.busy-message{min-height:24px;color:#ffbd59;margin:20px 0 0}.controls{text-align:left;grid-template-columns:1fr 1fr;border-top:1px solid #303a2e;padding-top:24px}.meter{grid-column:1 / -1;height:7px;overflow:hidden;border-radius:99px;background:#0b0f0b}.meter span{display:block;width:0;height:100%;background:#a7ef62;transition:width 60ms linear}.mic-permission{display:none;grid-column:1 / -1}.toggle{grid-column:1 / -1;display:flex;align-items:center;gap:10px}.toggle input{width:auto}.admin-panel,.status-panel{margin-top:20px;padding:26px;text-align:left}.status-form{grid-template-columns:1fr 1fr}.status-text-field,.status-auto-away{grid-column:1 / -1}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-heading .eyebrow{margin-top:0}.admin-heading h2{margin-bottom:0}.admin-message{min-height:22px;color:#a7ef62}.admin-message.error{color:#ff8d8d}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.admin-grid h3{margin:0 0 14px}.compact-form{margin:0 0 18px;gap:9px}.inline-form{display:grid;grid-template-columns:1fr auto;gap:9px;margin:0 0 18px}.admin-list{display:grid;gap:9px}.admin-item{padding:13px;border-radius:13px;background:#101510;border:1px solid #293127}.admin-item-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.admin-item small{color:#869382}.admin-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.admin-actions button{padding:7px 9px;border-radius:8px;background:#242d22;color:#cbd5c8}.admin-actions button.danger{color:#ffaaa5}.member-list{display:grid;gap:7px;margin-top:12px}.member-row{display:flex;align-items:center;gap:8px;font-weight:500}.member-row input{width:auto}.chat-card{margin-top:20px;padding:24px;text-align:left}.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.chat-heading .eyebrow{margin-top:0}.chat-heading h2{margin-bottom:0}.chat-heading input{width:min(280px,45%)}.chat-navigation{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.chat-navigation select{width:auto;min-width:120px}.chat-navigation input{width:min(260px,100%)}.chat-body{display:grid;grid-template-columns:minmax(210px,28%) minmax(0,1fr);gap:16px;margin-top:18px}.chat-messages{margin-top:0}.dm-sidebar{min-width:0;padding-right:14px;border-right:1px solid #303a2e}.dm-sidebar .eyebrow{margin:2px 0 12px}.dm-list{display:grid;gap:6px;max-height:388px;overflow-y:auto}.dm-user{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:9px;border:1px solid transparent;border-radius:11px;background:#101510;color:#dce5d9;text-align:left}.dm-user:hover{background:#182016}.dm-user.active{background:#203019;border-color:#4f7838}.dm-avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:#263523;color:#9bea59;font-weight:800}.dm-user-info{display:grid;gap:2px;min-width:0;flex:1}.dm-user-info strong,.dm-user-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-user-info small{color:#82907e;font-size:11px}.dm-user .presence-dot{margin:0}.dm-unread{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#91df4f;color:#10150d;font-size:11px;font-weight:900}.dm-user.room-chat{border-color:#273225}.room-avatar{border-radius:10px;background:#2a3c22;font-size:20px}.dm-divider{padding:10px 9px 4px;color:#788574;font-size:10px;font-weight:800;letter-spacing:.12em}.chat-pane{min-width:0}.chat-messages{height:330px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:16px 4px;border-top:1px solid #303a2e;border-bottom:1px solid #303a2e;margin-top:18px}.chat-empty{margin:auto;color:#82907e}.message{max-width:82%;padding:10px 12px;border-radius:13px;background:#101510}.message.own{align-self:flex-end;background:#1b2916;border:1px solid #36532a}.message-head{display:flex;gap:9px;align-items:baseline;margin-bottom:4px}.message-head time{color:#748170;font-size:11px}.message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.mention{padding:1px 3px;border-radius:4px;color:#9bdc68;background:#1c2a18;font-weight:700}.mention.mention-me{color:#10150d;background:#9bea59}.mention-suggestions{display:grid;gap:3px;margin:4px 0;padding:6px;border:1px solid #34422f;border-radius:10px;background:#111710;box-shadow:0 8px 24px #0008}.mention-suggestions button{padding:7px 9px;border-radius:7px;background:transparent;color:#cbd5c8;text-align:left}.mention-suggestions button:hover{background:#24351d;color:#a7ef62}.message-reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.message-reactions button{padding:3px 7px;border:1px solid #303a2e;border-radius:999px;background:#171d16;color:#b9c3b6;font-size:12px;opacity:.62}.message-reactions button:hover,.message-reactions button.selected{border-color:#6d9f4d;background:#24351d;color:#d8f1c1;opacity:1}.typing-indicator{min-height:20px;margin:8px 0 0;color:#879483;font-size:12px}.message-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:4px}@media(max-width:760px){.shell{width:min(100% - 20px,560px);padding:18px 0}.layout{grid-template-columns:1fr}.participants-card{order:2}.chat-body{grid-template-columns:1fr}.dm-sidebar{padding:0 0 12px;border-right:0;border-bottom:1px solid #303a2e}.dm-list{display:flex;max-height:none;overflow-x:auto}.dm-user{min-width:190px}.radio-card{padding:22px 14px}.controls{grid-template-columns:1fr}.meter,.toggle{grid-column:1}.mic-permission.needs-permission{display:block;grid-column:1}header{align-items:flex-start}.header-actions{max-width:210px}.current-user{width:100%;text-align:right}.room-select{min-width:0;max-width:150px}.admin-grid,.status-form{grid-template-columns:1fr}.status-text-field,.status-auto-away{grid-column:1}.chat-heading{align-items:stretch;flex-direction:column}.chat-heading input{width:100%}.chat-messages{height:280px}.message{max-width:94%}}