:root{font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#263638;background:#f7f8f6;font-synthesis:none;font-size:14px;--accent:#127b66;--muted:#82908c;--border:#e5e9e4}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #52c9a8;outline-offset:3px}button{transition:background .15s,color .15s}button:enabled:hover{filter:brightness(.96)}button[hidden],[hidden]{display:none!important}a{color:inherit}.shell{display:flex;min-height:100dvh}.sidebar{width:250px;flex-shrink:0;background:#101f24;color:#bac8c7;display:flex;flex-direction:column;padding:30px 12px 20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:22px;letter-spacing:-.5px;padding:0 14px 30px;color:#f3f7f4}.brand small{display:block;color:#8badaa;font-size:8px;letter-spacing:2.6px;margin-top:4px}.brand-icon{background:#92dfbf;color:#163831;border-radius:12px;font-size:22px;width:40px;height:42px;text-align:center;line-height:40px;letter-spacing:-3px;padding-right:4px}.server-label{border-top:1px solid #2a373a;border-bottom:1px solid #2a373a;padding:18px 12px;display:flex;align-items:center;gap:9px;font-size:12px}.dot{width:7px;height:7px;border-radius:50%;background:#8b9898;flex-shrink:0}.dot.connected{background:#73d5a7;box-shadow:0 0 0 4px #73d5a715}.tag{font-size:8px;color:#9cadaa;background:#293a3d;padding:3px 4px;border-radius:3px;margin-left:auto;letter-spacing:1px}.section-label{font-size:10px;letter-spacing:1.8px;color:#7a9798;padding:27px 16px 12px;display:flex;justify-content:space-between}.section-label span{letter-spacing:0}.channel-row,.conversation-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 16px;border-radius:6px;background:none;color:#bdcccb;font-size:13px;min-height:42px}.channel-row:hover,.conversation-row:hover{background:#1b3035}.channel-row.active{background:#26433f;color:#c4f2da}.channel-icon{font-size:18px;font-weight:400;color:#728f90;width:15px;flex-shrink:0}.active .channel-icon{color:#8ee2b8}.row-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-count{font-size:10px;color:#829d9c;margin-left:auto}.unread{font-size:10px;padding:2px 5px;border-radius:8px;background:#a8e4c3;color:#154736;margin-left:auto;white-space:nowrap}.conversation-row.selected{color:#dbf2e5;background:#1e3336}.empty-side{font-size:12px;color:#6f898a;padding:0 16px}.sidebar-bottom{margin-top:auto;padding:45px 14px 0;display:flex;gap:10px;align-items:center;font-size:10px;color:#a4b8b5}.sidebar-bottom small{display:block;font-size:9px;color:#6b8d8b;margin-top:5px}.small-icon{font-size:23px;color:#7cc9aa}main{display:flex;flex:1;min-width:0;flex-direction:column;height:100dvh}.topbar{height:107px;flex-shrink:0;padding:23px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:12px;background:#fcfdfb}.eyebrow{color:#86938a;font-size:10px;letter-spacing:1px}h1{font-size:21px;font-weight:650;letter-spacing:-.5px;margin:9px 0 0}.topbar-actions{display:flex;gap:10px;align-items:center}.status-label{color:#829088;font-size:10px;margin-right:8px}.quiet{background:transparent;border:1px solid var(--border);color:#617168;padding:8px 11px;border-radius:5px;font-size:11px;white-space:nowrap}#notice{background:#eef5e6;border-bottom:1px solid #d7e3c9;padding:10px 32px;color:#446047;font-size:12px;line-height:1.6}.content{display:flex;flex:1;overflow:hidden}.chat-panel{display:flex;flex:1;min-width:0;flex-direction:column;background:#fcfdfb}.chat-heading{display:flex;padding:23px 30px;align-items:center;gap:13px;border-bottom:1px solid var(--border);min-height:91px}.hash{font-size:28px;color:#a3b4a8}h2{font-size:14px;margin:0;font-weight:650}.chat-heading p{margin:6px 0 0;font-size:11px;color:#89968d}.live-badge{margin-left:auto;color:#559176;font-size:9px;padding:5px 8px;border:1px solid #dcebdc;border-radius:12px;white-space:nowrap}#messages{flex:1;overflow-y:auto;padding:20px 30px;scrollbar-width:thin}.welcome{min-height:300px;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#a0ada2}.welcome-symbol{font-size:65px;color:#bfd3c2;font-weight:200;line-height:1.2}.welcome h2{font-size:20px;font-weight:500;color:#6d8471;letter-spacing:1px;margin:16px 0 10px}.welcome p{font-size:12px;line-height:2;margin:0}.message{display:flex;gap:12px;margin-bottom:22px}.message>div{min-width:0;flex:1}.avatar{display:inline-flex;align-items:center;justify-content:center;background:#e8eee3;color:#788c67;width:34px;height:34px;border-radius:10px;font-size:13px;flex-shrink:0;font-weight:600}.avatar.mine{background:#d8ece2;color:#3b7b61}.message-meta{display:flex;align-items:center;gap:10px;color:#435247;font-size:11px;font-weight:600;margin:3px 0 6px}.message-time{font-size:9px;font-weight:400;color:#a3aca2}.message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;margin:0;color:#59675c}.composer{margin:0 28px 26px;position:relative;display:flex;align-items:flex-end;gap:10px;padding:13px 12px;background:#f1f4ee;border:1px solid #e2e8dd;border-radius:8px}.composer textarea{border:0;resize:vertical;max-height:140px;min-height:25px;flex:1;background:none;outline:none;line-height:1.8;font-size:12px;color:#405045}.composer textarea::placeholder{color:#a0ae9f}.composer>button{background:#2d7960;color:#fff;border-radius:5px;width:29px;height:29px;font-size:20px}.composer-hint{position:absolute;bottom:-18px;right:3px;font-size:9px;color:#a5afa2}.members-panel{width:230px;flex-shrink:0;border-left:1px solid var(--border);padding:28px 18px;background:#f7f8f4;overflow-y:auto}.members-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#6f8072;margin-bottom:24px}.members-heading span{background:#e9eee4;padding:2px 6px;border-radius:4px;font-size:9px}.member-row{display:flex;align-items:center;width:100%;gap:9px;padding:8px 0;background:none;color:#4d6051;text-align:left}.member-row:disabled{opacity:1}.member-row .avatar{width:29px;height:29px;border-radius:9px;font-size:11px}.member-row .row-name{font-size:11px}.member-state{font-size:8px;margin-left:auto;color:#97a18e;white-space:nowrap}.speaking .avatar{outline:2px solid #70b48b;outline-offset:2px}.speaking .member-state{color:#34845b}.member-help{margin-top:50px;border-top:1px solid #e1e6dc;padding-top:25px}.member-help>span{display:block;font-size:32px;color:#b2c5ac}.member-help strong{font-size:11px;color:#7d8e77;font-weight:500}.member-help p,.muted{font-size:10px;line-height:1.9;color:#9ba592}.voicebar{min-height:84px;border-top:1px solid var(--border);display:flex;align-items:center;padding:16px 25px;gap:18px;background:#f1f4ed;flex-shrink:0}.identity{display:flex;align-items:center;gap:10px;min-width:140px;max-width:200px}.identity>div{min-width:0}.identity strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity small{display:block;color:#8a9a83;font-size:9px;margin-top:5px}.voice-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.voice-actions .quiet{font-size:10px;padding:8px}.voicebar #ptt{background:#2c765c;color:#edf7eb;border-radius:6px;padding:10px 18px;font-size:11px;white-space:nowrap;touch-action:none;-webkit-user-select:none;user-select:none}.voicebar #ptt.talking{background:#13533c;box-shadow:0 0 0 4px #50aa6d24}.continuous{display:flex;align-items:center;gap:4px;font-size:10px;color:#71846a;white-space:nowrap}.continuous input{accent-color:#277858}.volume{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:10px;color:#889680}.volume input{width:80px;accent-color:#58926c}dialog{border:1px solid #dce5da;border-radius:14px;width:390px;max-width:calc(100vw - 30px);padding:34px;color:#344c3b;box-shadow:0 20px 100px #10271830;background:#fcfdf9}dialog::backdrop{background:#101f2485;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.login-mark{display:flex;align-items:center;gap:12px;color:#2c7559;font-size:35px;letter-spacing:-4px;font-weight:700;margin-bottom:24px}.login-mark span{font-size:10px;letter-spacing:2px;font-weight:500;color:#8c9b83}dialog h2{font-size:23px;font-weight:600;letter-spacing:-.5px}dialog form>p{font-size:11px;line-height:1.8;color:#899581;margin:11px 0 23px}dialog label{display:block;font-size:11px;margin:15px 0;color:#63785b}dialog input{display:block;width:100%;border:1px solid #dce4d6;background:#f6f8f2;border-radius:6px;padding:11px;margin-top:7px;outline:none;color:#34543c;font-size:12px}dialog button[type=submit]{width:100%;background:#2c765c;color:#fff;padding:12px;border-radius:6px;display:flex;justify-content:space-between;margin-top:20px;font-size:12px}dialog form>small{display:block;text-align:center;font-size:9px;color:#a3ad98;margin-top:18px}dialog form>.error{color:#a14939;margin:10px 0;min-height:18px}.dialog-actions{display:flex;gap:10px;align-items:flex-end}.dialog-actions button{flex:1}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(min-width:1500px){.sidebar{width:270px}.members-panel{width:260px}.topbar,.chat-heading,#messages{padding-left:42px}}@media(max-width:1100px){.members-panel{width:180px;padding:28px 12px}.sidebar{width:210px}.voicebar{flex-wrap:wrap;gap:12px}.voice-actions{flex:1}.volume{display:none}.topbar{padding:22px}.status-label{display:none}.voicebar .identity{min-width:100px}.voicebar #ptt{padding:10px}}@media(max-width:760px){.shell{flex-direction:column}.sidebar{width:100%;padding:10px 12px;display:block}.brand{font-size:18px;padding:0 0 10px;gap:10px}.brand small,.server-label,.section-label,.sidebar-bottom,.empty-side{display:none}.brand-icon{width:30px;height:30px;border-radius:8px;font-size:18px;line-height:28px}.sidebar nav{display:flex;overflow-x:auto;gap:4px;scrollbar-width:thin}.channel-row,.conversation-row{width:auto;flex-shrink:0;padding:8px 12px!important;max-width:180px;min-height:34px;font-size:11px}.channel-icon{font-size:14px}.row-count{margin-left:4px}#conversations:not(:empty){margin-top:5px}.sidebar nav:empty{display:none}main{height:calc(100dvh - 95px);min-height:470px}.topbar{height:74px;padding:14px 18px}.eyebrow{font-size:8px}h1{font-size:17px;margin-top:6px}.topbar-actions{gap:5px}.topbar-actions .quiet{font-size:10px;padding:7px}.members-panel{width:145px;padding:23px 10px}.member-help{display:none}.members-heading{font-size:9px;letter-spacing:0}.member-row{gap:6px;flex-wrap:wrap}.member-row .avatar{width:24px;height:24px;font-size:10px}.member-row .row-name{font-size:10px}.member-state{display:none}.chat-heading{padding:18px 15px;min-height:75px;gap:8px}.chat-heading h2{font-size:12px}.chat-heading p{font-size:9px}.hash{font-size:23px}.live-badge{display:none!important}#messages{padding:18px 15px}.welcome{min-height:180px}.welcome h2{font-size:15px}.welcome p{font-size:10px}.welcome-symbol{font-size:50px}.message{gap:8px}.message>.avatar{width:26px;height:26px;font-size:10px;border-radius:7px}.message p{font-size:12px}.composer{margin:0 12px 26px;padding:9px}.voicebar{padding:12px 15px;min-height:100px;gap:10px}.voicebar .identity{min-width:80px;max-width:none;flex:1}.voicebar .identity>.avatar{width:27px;height:27px;font-size:10px}.voicebar .voice-actions{flex:none;width:100%;justify-content:space-between;gap:6px}.voicebar #ptt{padding:11px 16px;flex:1}.voicebar .quiet{font-size:9px;padding:9px}.continuous{font-size:9px}#notice{padding:8px 16px;font-size:10px}.volume{display:flex;margin-left:0}.volume input{width:65px}}@media(max-width:400px){.members-panel{width:110px}.voicebar #mute{display:none}.chat-heading p{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}