:root{--bg:#0f1115;--panel:#161a21;--panel2:#1c2129;--line:#262c36;--text:#e8eaed;--muted:#9aa0a6;--accent:#e74c3c}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 Segoe UI,system-ui,sans-serif}button,input,select{font:inherit;color:inherit}button{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 14px;cursor:pointer;transition:.15s}button:hover{border-color:#3a4252}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover{filter:brightness(1.1)}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}button.icon{padding:6px 9px;border-radius:8px}input,select{background:#0c0e12;border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%;outline:none}input:focus{border-color:var(--accent)}label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}label.check{flex-direction:row;align-items:center;gap:8px}label.check input{width:auto}.muted{color:var(--muted)}.small{font-size:12px}.error{color:#ff6b6b;font-size:13px}.notice{background:#1d3a26;border:1px solid #2e6b42;border-radius:10px;padding:10px;margin-bottom:12px;font-size:13px}.center{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 20%,#2a1215,var(--bg) 60%)}.auth-card{width:360px;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:32px;text-align:center;box-shadow:0 20px 60px #0008}.auth-card h1{margin:14px 0 2px;letter-spacing:3px;font-size:20px}.auth-card p{margin:0 0 20px}.auth-card label{text-align:left}.logo{width:84px;height:84px;margin:0 auto;border-radius:22px;background:linear-gradient(135deg,#e74c3c,#8e1b1b);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:30px;letter-spacing:2px}.stack{display:flex;flex-direction:column;gap:12px}.hub{height:100%;display:flex;flex-direction:column}.announcement{background:linear-gradient(90deg,#7a1f1f,#3a1214);padding:10px 18px;font-weight:600;border-bottom:1px solid #a33}.cols{flex:1;display:flex;min-height:0}.left{width:240px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:12px;gap:2px;overflow:auto}.right{width:230px;background:var(--panel);border-left:1px solid var(--line);padding:12px;overflow:auto}.brand{font-weight:800;letter-spacing:4px;padding:6px 8px 12px}.section{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:14px 8px 6px}.chan{text-align:left;background:transparent;border-color:transparent;padding:7px 10px}.chan:hover{background:var(--panel2)}.chan.on{background:#2a1d20;color:#fff;border-color:#4a2a2e}.chan.disabled{opacity:.5;cursor:not-allowed}.spacer{flex:1}.me{display:flex;align-items:center;gap:6px;background:var(--panel2);border-radius:12px;padding:8px 10px}.me>div{flex:1;min-width:0}.chat{flex:1;display:flex;flex-direction:column;min-width:0}.chat header{padding:14px 18px;border-bottom:1px solid var(--line);font-weight:700}.messages{flex:1;overflow:auto;padding:14px 18px}.msg{padding:4px 0}.author{font-weight:600}.time{color:var(--muted);font-size:11px;margin-left:8px}.body{white-space:pre-wrap;word-break:break-word}.composer{padding:14px 18px}.member{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px}.member.off{opacity:.45}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:10}.modal{width:760px;max-height:85vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}.modal header{display:flex;justify-content:space-between;align-items:center}.modal h2,.modal h3{margin:0}.modal section{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.modal h3{font-size:14px;margin-bottom:10px}.row{display:flex;align-items:center;gap:10px;margin:6px 0}.row>span{flex:1}.row.wrap{flex-wrap:wrap}.row input[type=color]{width:46px;padding:2px}.code{font:700 20px Consolas,monospace;letter-spacing:3px;margin-left:14px;color:#ffd166}.logo-img{width:120px;filter:invert(1) drop-shadow(0 0 14px #e74c3c88)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:28px;filter:invert(1)}.vuser{padding:2px 10px 2px 34px;color:var(--muted);font-size:13px}.voice{background:#10281a;border:1px solid #1f5a36;border-radius:12px;padding:8px 10px;margin-bottom:8px}.voice-head{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:13px}.voice-btns{display:flex;gap:4px}.voice-btns .off{background:#5a1f1f}.voice-btns .on{background:#1f5a36}.voice-btns .leave{background:#7a1f1f}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.tile{position:relative;border-radius:8px;overflow:hidden;background:#000}.vid{width:100%;display:block}.tag{position:absolute;left:4px;bottom:4px;background:#000a;border-radius:4px;padding:0 5px;font-size:11px}.avatar{border-radius:50%;object-fit:cover;flex:none}.avatar.ph{display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.member{cursor:pointer}.member:hover{background:var(--panel2)}.msg .author{cursor:pointer}.me-info{display:flex;align-items:center;gap:8px;cursor:pointer}.tabs{display:flex;gap:6px;margin:12px 0}.tabs .on{background:#2a1d20;border-color:#4a2a2e}.filebtn{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 14px;cursor:pointer;color:var(--text);font-size:14px}.small-modal{width:440px}.profile-top{text-align:center}.profile-top h2{margin:10px 0 2px}.role-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:12px 0}.chip{border:1px solid;border-radius:20px;padding:2px 10px;font-size:12px}.box{border:1px solid var(--line);border-radius:12px;padding:8px 10px;margin:8px 0}.ovt{width:100%;border-collapse:collapse;margin-top:8px}.ovt td,.ovt th{padding:4px;text-align:left}input[type=range]{padding:0}.vuser{display:flex;align-items:center;gap:8px;padding:3px 10px 3px 26px;cursor:pointer;font-size:13px;border-radius:8px}.vuser:hover{background:var(--panel2)}.ring{display:inline-flex;border-radius:50%;padding:2px;border:2px solid transparent;transition:.12s}.ring.talk{border-color:#3ba55d;box-shadow:0 0 8px #3ba55daa}#stage:empty{display:none}#stage{max-height:55%;overflow:auto;border-bottom:1px solid var(--line);background:#0a0c10;padding:8px}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.tile.screen{grid-column:1/-1}.tile .vid{width:100%;max-height:48vh;object-fit:contain;display:block}.voice-status{margin:4px 0 0}.toast{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#2a1d20;border:1px solid #a33;border-radius:12px;padding:10px 18px;z-index:30;cursor:pointer}.src-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:12px}.src{display:flex;flex-direction:column;gap:6px;padding:8px;text-align:left}.src img{width:100%;border-radius:6px}.src span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.small-code{font:600 14px Consolas,monospace;color:#ffd166;flex:1}.voice-head{flex-direction:column;align-items:stretch;gap:8px}.voice-head>span:first-child{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.voice-btns button{padding:8px 0;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.voice-status{overflow-wrap:anywhere}.voice-btns{grid-template-columns:repeat(5,1fr)}.voice-btns{grid-template-columns:repeat(6,1fr)}.voice-btns button{font-size:14px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.now{display:flex;gap:12px;align-items:center;margin-bottom:10px}.now .bar{width:100%;margin-top:6px}.vol{flex:1;min-width:140px}.eq{display:flex;gap:3px;align-items:flex-end;height:28px}.eq i{width:5px;background:#3ba55d;border-radius:2px;animation:eq .9s ease-in-out infinite}.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}.eq i:nth-child(4){animation-delay:.1s}@keyframes eq{0%,to{height:20%}50%{height:100%}}.nav{display:flex;gap:6px;margin:4px 0 8px}.nav button{flex:1;padding:8px 4px;font-size:13px}.nav .on{background:#2a1d20;border-color:#4a2a2e}textarea{background:#0c0e12;border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%;outline:none;font:inherit;color:inherit;resize:vertical}.events{flex:1;display:flex;flex-direction:column;min-height:0}.ev-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}.ev-head h2{margin:0;min-width:200px;text-align:center;font-size:18px}.ev-body{flex:1;display:flex;min-height:0}.cal{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(0,auto);overflow:auto;padding:12px 18px;gap:4px;align-content:start}.cal-h{text-align:center;color:var(--muted);font-size:12px;padding:4px}.cal-d{min-height:92px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:4px;display:flex;flex-direction:column;gap:3px;min-width:0}.cal-d.other{opacity:.4}.cal-d.today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.cal-d .num{font-size:12px;color:var(--muted);padding:0 4px}.chip-ev{padding:2px 6px;border-radius:6px;font-size:11px;text-align:left;background:#2a2230;border-color:#3d3150;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-ev.mine{background:#173323;border-color:#2e6b42}.chip-ev.cancelled{text-decoration:line-through;opacity:.5}.ev-side{width:260px;border-left:1px solid var(--line);padding:14px;overflow:auto}.ev-card{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;margin-bottom:8px}.slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}.slot{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:8px}.slot-h{display:flex;justify-content:space-between;margin-bottom:6px}.person{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:13px}.small-chip{font-size:10px;padding:0 6px;border-color:#555;color:#aaa}.cal-d{cursor:pointer}.cal-d:hover{border-color:#3a4252}.ev-card2{display:flex;gap:12px;align-items:center;width:100%;text-align:left;margin-bottom:10px;padding:10px;border-left:4px solid #5b6cff;background:var(--panel2)}.ev-card2:hover{transform:translateY(-1px);filter:brightness(1.1)}.ev-card2.soon{border-left-color:#ff8a3d;background:linear-gradient(90deg,#3a2414,var(--panel2) 60%)}.ev-card2.live{border-left-color:#ff4d4d;background:linear-gradient(90deg,#3d1616,var(--panel2) 60%);animation:livepulse 2s ease-in-out infinite}.ev-card2.near{border-left-color:#f1c40f;background:linear-gradient(90deg,#34300f,var(--panel2) 60%)}.ev-card2.far{border-left-color:#5b6cff;background:linear-gradient(90deg,#1a1f3d,var(--panel2) 60%)}.ev-card2.cancelled{border-left-color:#666;opacity:.55}@keyframes livepulse{50%{box-shadow:0 0 14px #ff4d4d66}}.date-badge{flex:none;width:52px;border-radius:12px;background:#0c0e12;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:4px 0;line-height:1.1}.date-badge .mon{font-size:10px;text-transform:uppercase;color:var(--accent)}.date-badge b{font-size:22px}.date-badge .wd{font-size:10px;color:var(--muted)}.ev-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.pill{font-size:11px;padding:1px 7px;border-radius:20px;background:#ffffff14;border:1px solid #ffffff1f}.pill.full{background:#5a1f1f;border-color:#a33}.pill.mine{background:#173323;border-color:#2e6b42;color:#7be39b}.pill.mine.wait{background:#3a3010;border-color:#8a7a2a;color:#ffd166}.ev-side{width:300px}.nav{flex-wrap:wrap}.modal.wide{width:900px;max-width:95vw}.exams{flex:1;display:flex;flex-direction:column;min-height:0}.exams-body{flex:1;overflow:auto;padding:18px;max-width:900px}.code-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:18px}.code-input{font:700 22px Consolas,monospace;letter-spacing:5px;text-align:center;max-width:260px}.notice.resume{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.result-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;margin-bottom:8px;border-left:4px solid #555;background:var(--panel2)}.result-row.pass{border-left-color:#3ba55d}.result-row.fail{border-left-color:#e74c3c}.result-row.wait{border-left-color:#f1c40f}.result-row.btnrow{width:100%;text-align:left}.exam-row{display:flex;align-items:center;gap:8px}.exam-row.inactive{opacity:.6}.badge{background:#e74c3c;border-radius:10px;padding:0 7px;margin-left:6px;font-size:11px}.exam-full{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:40;display:flex;flex-direction:column}.exam-top{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--panel)}.exam-top b{flex:1;font-size:16px}.timer{font:700 20px Consolas,monospace;padding:4px 14px;border-radius:10px;background:#0c0e12;border:1px solid var(--line)}.timer.warn{color:#f1c40f;border-color:#f1c40f}.timer.danger{color:#ff4d4d;border-color:#ff4d4d;animation:blink .8s ease-in-out infinite}.exam-body{flex:1;display:flex;min-height:0}.q-nav{width:84px;padding:12px;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;border-right:1px solid var(--line);overflow:auto}.q-nav button{width:32px;height:32px;padding:0;border-radius:8px}.q-nav .done{background:#173323;border-color:#2e6b42}.q-nav .cur{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.q-main{flex:1;overflow:auto;padding:24px 40px;max-width:900px;display:flex;flex-direction:column;gap:14px}.q-img{max-width:100%;max-height:340px;border-radius:12px;cursor:zoom-in;align-self:flex-start;border:1px solid var(--line)}.opts{display:flex;flex-direction:column;gap:8px}.opt{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;font-size:15px}.opt .letter{width:28px;height:28px;border-radius:50%;background:#0c0e12;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}.opt.sel{border-color:var(--accent);background:#2a1d20}.opt.sel .letter{background:var(--accent)}.exam-result{margin:auto;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;max-width:460px}.big-mark{font-size:80px}.gq.ok{border-color:#2e6b42}.gq.bad{border-color:#7a1f1f}.gopt{padding:3px 10px;border-radius:8px;margin:2px 0}.gopt.correct{background:#173323}.gopt.chosen{outline:1px solid #ffd166}.open-ans{white-space:pre-wrap;background:#0c0e12;border:1px solid var(--line);border-radius:10px;padding:10px;margin:6px 0}.q-nav.prog span{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--panel2);border:1px solid var(--line);font-size:13px;color:var(--muted)}.q-nav.prog .done{background:#173323;border-color:#2e6b42;color:#7be39b}.q-nav.prog .cur{border-color:var(--accent);color:#fff;box-shadow:0 0 0 1px var(--accent)}.nav button{min-width:45%}.guides{flex:1;display:flex;min-height:0}.g-cats{width:230px;border-right:1px solid var(--line);padding:14px;overflow:auto;display:flex;flex-direction:column;gap:4px}.gc{text-align:left;background:transparent;border-color:transparent;padding:8px 10px;display:flex;justify-content:space-between;gap:6px}.gc:hover{background:var(--panel2)}.gc.on{background:#2a1d20;border-color:#4a2a2e}.cnt{color:var(--muted);font-size:11px}.g-main{flex:1;display:flex;flex-direction:column;min-width:0}.g-bar{display:flex;gap:10px;padding:14px 18px 8px}.g-search{flex:1;font-size:15px}.g-tags{display:flex;flex-wrap:wrap;gap:6px;padding:4px 18px 8px}.tag{padding:3px 10px;border-radius:20px;font-size:12px;background:#1d2230;border-color:#2c3550}.tag.on{background:#2a1d20;border-color:var(--accent)}.g-list{flex:1;overflow:auto;padding:8px 18px 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;align-content:start}.g-card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:14px;border-radius:14px;background:var(--panel);align-items:stretch}.g-card:hover{transform:translateY(-2px);border-color:#4a2a2e}.g-card.pinned{border-color:#7a5a1f;background:linear-gradient(160deg,#2a2210,var(--panel) 50%)}.g-card-top{display:flex;gap:8px;align-items:center}.g-cat{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--accent)}.g-title{font-size:16px}.g-sum{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.g-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11px;color:var(--muted);margin-top:auto}.tagmini{background:#1d2230;border-radius:10px;padding:0 7px}.modal.reader{width:1100px;max-width:96vw;height:90vh;max-height:90vh;display:flex;flex-direction:column;padding:0}.modal.reader>header{padding:14px 20px;border-bottom:1px solid var(--line);gap:8px}.reader-body{flex:1;display:flex;min-height:0;overflow:auto}.reader-body article{flex:1;padding:20px 32px;min-width:0}.reader-body h1{margin:0 0 4px}.toc{width:210px;flex:none;padding:20px 14px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:4px;position:sticky;top:0;align-self:flex-start;max-height:100%;overflow:auto}.toc a{font-size:13px;color:var(--muted);cursor:pointer}.toc a:hover{color:#fff}.md{line-height:1.65;font-size:15px;overflow-wrap:anywhere}.md h1,.md h2,.md h3{margin:1.4em 0 .5em;scroll-margin-top:12px}.md h2{border-bottom:1px solid var(--line);padding-bottom:4px}.md img{max-width:100%;border-radius:10px;border:1px solid var(--line);margin:8px 0}.md code{background:#0c0e12;border-radius:6px;padding:1px 6px;font-size:13px}.md pre{background:#0c0e12;border-radius:10px;padding:12px;overflow:auto}.md pre code{padding:0}.md blockquote{border-left:4px solid var(--accent);margin:10px 0;padding:4px 14px;background:#ffffff08;border-radius:0 8px 8px 0}.md table{border-collapse:collapse;margin:10px 0}.md th,.md td{border:1px solid var(--line);padding:6px 10px}.md th{background:var(--panel2)}.md a{color:#6db3ff}.md ul,.md ol{padding-left:24px}.modal.editor{width:1150px;max-width:96vw}.md-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0 6px}.md-toolbar button{padding:6px 10px}.md-toolbar .on{background:#2a1d20;border-color:var(--accent)}.md-panes{display:grid;gap:10px;grid-template-columns:1fr 1fr;min-height:340px}.md-panes.edit,.md-panes.preview{grid-template-columns:1fr}.md-panes textarea{min-height:340px;font:13px/1.5 Consolas,monospace}.md-panes .preview{border:1px solid var(--line);border-radius:10px;padding:10px 16px;background:#0c0e12;overflow:auto;max-height:520px}.me2{background:var(--panel2);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.me2 .me-info{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}.me2 .me-name{min-width:0;flex:1}.me2 .me-name b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.me-actions{display:flex;gap:6px}.me-actions button{flex:1;padding:6px 4px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.me-actions button span{font-size:11px;color:var(--muted)}.msg2{display:flex;gap:12px;padding:6px 8px;border-radius:10px;position:relative}.msg2:hover{background:#ffffff08}.msg-main{flex:1;min-width:0}.msg2 .body{white-space:pre-wrap;word-break:break-word}.msg2 .body a{color:#6db3ff}.msg-tools{position:absolute;right:10px;top:-10px;display:none;gap:2px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:2px}.msg2:hover .msg-tools{display:flex}.msg-tools button{padding:3px 8px;background:transparent;border-color:transparent}.edit-box textarea{width:100%;margin-top:4px}.atts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.att-img{max-width:min(420px,100%);max-height:320px;border-radius:10px;cursor:zoom-in;border:1px solid var(--line);object-fit:contain;background:#0c0e12}.file-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);color:var(--text);text-decoration:none;max-width:360px}.embed{display:flex;gap:12px;margin-top:6px;border-left:4px solid var(--accent);background:var(--panel2);border-radius:0 10px 10px 0;padding:8px 12px;max-width:520px;color:var(--text);text-decoration:none}.embed.img-only{border:0;background:transparent;padding:0}.embed-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.embed-title{color:#6db3ff}.embed-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.embed>img:not(.att-img){width:96px;height:96px;object-fit:cover;border-radius:8px;flex:none;align-self:center}.composer2{position:relative;padding:10px 18px 16px}.composer2.drag{outline:2px dashed var(--accent);outline-offset:-6px;border-radius:12px}.comp-row{display:flex;gap:8px;align-items:flex-end;background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:6px 8px}.comp-row textarea{flex:1;border:0;background:transparent;resize:none;max-height:160px;padding:8px 6px;font:inherit;color:inherit;outline:none}.icon-btn{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:1px solid transparent;font-size:18px;flex:none;padding:0}.icon-btn:hover{background:#ffffff14}.send-btn{width:40px;height:38px;padding:0}.pending{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.pend{display:flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:4px 6px;max-width:220px}.pend img{width:40px;height:40px;object-fit:cover;border-radius:6px}.fi{font-size:22px}.popover{position:absolute;bottom:72px;right:18px;width:360px;max-height:380px;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #000a;z-index:20;display:flex;flex-direction:column}.pop-tabs{display:flex;gap:4px;padding:6px;border-bottom:1px solid var(--line);align-items:center}.pop-tabs button{padding:4px 8px;background:transparent;border-color:transparent}.pop-tabs .on{background:#2a1d20}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:6px;overflow:auto}.emoji-grid button{font-size:22px;padding:4px;background:transparent;border-color:transparent}.emoji-grid button:hover{background:#ffffff18}.gif-pop{width:420px}.gif-grid{columns:3;column-gap:6px;padding:6px;overflow:auto}.gif-grid img{width:100%;border-radius:8px;margin-bottom:6px;cursor:pointer;display:block}.emoji-grid,.popover{overflow-x:hidden}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.react{display:flex;align-items:center;gap:5px;padding:2px 8px;border-radius:20px;background:#ffffff10;border:1px solid #ffffff1a;font-size:14px}.react b{font-size:12px;color:var(--muted)}.react.on{background:#2a1d20;border-color:var(--accent)}.react.on b{color:#fff}.react.add{opacity:.5;padding:2px 9px}.react.add:hover{opacity:1}.react-pop{bottom:auto;top:32px;right:10px;width:340px;max-height:320px}html,body,#root{height:100dvh}.mbar,.scrim{display:none}.web-overlay{position:fixed;left:50%;top:50%;width:520px;height:380px;max-width:100vw;transform:translate(-50%,-50%);border:0;background:transparent;z-index:80;color-scheme:normal}@media (max-width:900px){.hub{height:100dvh}.mbar{display:flex;align-items:center;gap:8px;padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--line)}.left,.right{position:fixed;top:0;bottom:0;z-index:30;width:min(86vw,320px);transition:transform .22s ease;padding-top:max(12px,env(safe-area-inset-top))}.left{left:0;transform:translate(-105%)}.right{right:0;transform:translate(105%)}.hub.d-left .left,.hub.d-right .right{transform:none;box-shadow:0 0 40px #000a}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:25}.cols{min-height:0}.chat header{display:none}.messages{padding:10px}.composer2{padding:8px 8px max(10px,env(safe-area-inset-bottom))}.msg-tools{display:flex;top:-12px;opacity:.9}.modal,.modal.wide,.modal.small-modal,.modal.reader,.modal.editor{width:100vw!important;max-width:100vw!important;height:100dvh;max-height:100dvh!important;border-radius:0;padding-top:max(16px,env(safe-area-inset-top))}.modal-bg{align-items:stretch}.popover,.gif-pop,.react-pop{left:8px;right:8px;width:auto;bottom:70px}.react-pop{bottom:auto}.auth-card{width:min(360px,92vw);padding:22px}.ev-body{flex-direction:column;overflow:auto}.ev-side{width:auto;border-left:0;border-top:1px solid var(--line)}.cal{padding:8px;gap:2px}.cal-d{min-height:54px;padding:2px}.chip-ev{font-size:9px;padding:1px 3px}.ev-head{flex-wrap:wrap}.ev-head h2{min-width:0;font-size:16px}.guides{flex-direction:column}.g-cats{width:auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px}.gc{white-space:nowrap}.g-list{grid-template-columns:1fr}.reader-body{flex-direction:column}.toc{display:none}.md-panes{grid-template-columns:1fr!important}.md-panes.split .preview{max-height:260px}.exam-body{flex-direction:column}.q-nav{width:auto;flex-direction:row;border-right:0;border-bottom:1px solid var(--line)}.q-main{padding:14px}.exams-body{padding:12px}.exam-top{flex-wrap:wrap}.voice-btns{grid-template-columns:repeat(6,1fr)}.web-overlay{width:100vw;height:100dvh}}.day-sep{display:flex;align-items:center;gap:12px;margin:14px 0 6px;color:var(--muted);font-size:12px}.day-sep:before,.day-sep:after{content:"";flex:1;height:1px;background:var(--line)}.reply-ref{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);cursor:pointer;margin-bottom:2px;padding-left:8px;border-left:2px solid var(--line)}.reply-ref:hover,.reply-ref b{color:var(--text)}.rr-arrow{opacity:.6}.reply-bar{display:flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;padding:6px 12px;font-size:13px;margin-bottom:-6px}.msg2.mentioned{background:#2b2410;box-shadow:inset 3px 0 #f1c40f}.msg2.mentioned:hover{background:#322a12}.msg2.flash{animation:flashbg 1.6s ease-out}@keyframes flashbg{0%,30%{background:#3b2f10}to{background:transparent}}.mention{background:#5865f222;color:#8da0ff;border-radius:5px;padding:0 3px;font-weight:600}.mention.self{background:#f1c40f33;color:#ffd166}.mention-pop{position:absolute;bottom:68px;left:54px;width:300px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #000a;z-index:25;overflow:hidden}.mention-pop button{display:flex;justify-content:space-between;gap:8px;width:100%;border:0;border-radius:0;background:transparent;padding:8px 12px;text-align:left}.mention-pop button.on{background:#2a1d20}.av-wrap{position:relative;display:inline-flex;flex:none}.pdot{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;border:2px solid var(--panel);background:#555}.pdot.inline{position:static;display:inline-block;width:10px;height:10px;border:0;vertical-align:middle}.pdot.online{background:#3ba55d}.pdot.away{background:#f1c40f}.pdot.dnd{background:#e74c3c}.pdot.offline{background:#555}.status-wrap{position:relative}.status-pill{width:100%;text-align:left;padding:5px 10px;font-size:12px;border-radius:8px}.status-menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #000a;z-index:30;padding:4px}.status-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;font-size:13px}.status-menu button:hover,.status-menu .on{background:#2a1d20}.chan-row{display:flex;align-items:center;gap:2px}.chan-row .chan{flex:1;display:flex;justify-content:space-between;align-items:center;min-width:0}.chan-row .bell{background:transparent;border-color:transparent;padding:4px 6px;font-size:12px;opacity:0;transition:.15s}.chan-row:hover .bell,.chan-row.muted .bell{opacity:.7}.chan-row.muted .chan{opacity:.5}.chan .badge{background:#e74c3c;color:#fff;border-radius:10px;padding:0 7px;font-size:11px;margin-left:6px}.chan.unread{font-weight:700;color:#fff}.chan .badge.plain{background:#3a4252;color:#e8eaed}.new-sep{display:flex;align-items:center;gap:10px;margin:10px 0 4px;color:#ff6b6b;font-size:12px;font-weight:600}.new-sep:before,.new-sep:after{content:"";flex:1;height:1px;background:#ff6b6b66}html,body{overflow:hidden}.center{overflow:auto}.net{font-size:11px;color:var(--muted)}.net.warn{color:#f1c40f}