@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600&family=Syne:wght@700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0e12;--s1:#141619;--s2:#1b1d23;--s3:#22242c;--bd:#2c2e38;--bd2:#383a48;--ac:#8b5cf6;--ac2:#60a5fa;--tx:#e2e4f0;--mu:#5a5c70;--mu2:#3d3f52;--ok:#34d399;--er:#f87171;--r:10px;--r2:6px;--sh:0 4px 24px rgba(0,0,0,.45);--topbar-bg:rgba(13,14,18,.88);--cl-male:#4ade80;--cl-female:#f87171;--cl-other:#fb923c;--cl-blue:#93c5fd}[data-theme=light]{--bg:#ece8f8;--s1:#faf8ff;--s2:#f2effd;--s3:#e6e0f6;--bd:#cfc8ee;--bd2:#bcb4e4;--ac:#7c3aed;--ac2:#3b82f6;--tx:#1a1530;--mu:#5e5878;--mu2:#8c88a6;--ok:#059669;--er:#dc2626;--sh:0 4px 24px rgba(80,50,180,.13);--topbar-bg:#300d72;--cl-male:#16a34a;--cl-female:#dc2626;--cl-other:#c2410c;--cl-blue:#2563eb}[data-theme=dim]{--bg:#1e2030;--s1:#222436;--s2:#2a2d44;--s3:#333652;--bd:#3a3d56;--bd2:#4a4e6e;--ac:#8b5cf6;--ac2:#60a5fa;--tx:#cad3f5;--mu:#8087a2;--mu2:#5b6080;--ok:#34d399;--er:#f87171;--sh:0 4px 24px rgba(0,0,0,.35);--topbar-bg:rgba(30,32,48,.92);--cl-male:#4ade80;--cl-female:#f87171;--cl-other:#fb923c;--cl-blue:#93c5fd}html,body{height:100%;margin:0;padding:0;background:var(--bg);color:var(--tx);font-family:DM Sans,sans-serif;line-height:1.5}button{font-family:inherit;cursor:pointer}a{text-decoration:none}.topbar{position:fixed;top:0;left:0;right:0;height:52px;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:var(--topbar-bg);border-bottom:1px solid var(--bd);backdrop-filter:blur(12px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:.6rem}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-text{font-family:Syne,sans-serif;font-size:1.05rem;font-weight:700;background:linear-gradient(90deg,var(--ac),var(--ac2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-pill{font-size:.75rem;color:var(--mu);background:var(--s2);border:1px solid var(--bd);padding:.2rem .7rem;border-radius:20px}.tb-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;padding:.3rem .75rem;border-radius:var(--r2);border:1px solid rgba(99,102,129,.45);background:none;color:#c0c5dc;transition:all .15s}.tb-btn:hover{border-color:var(--ac);color:var(--ac)}[data-theme=light] .topbar{border-bottom-color:#ffffff2e}[data-theme=light] .tb-btn{color:#ffffffe6;border-color:#ffffff40}[data-theme=light] .tb-btn:hover{color:#fff;border-color:#fff9;background:#ffffff26}[data-theme=light] .logo-text{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tb-btn.danger:hover{border-color:var(--er);color:var(--er)}.rooms-layout{display:flex;height:calc(100vh - 52px);margin-top:52px;overflow:hidden}.room-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--bd);background:var(--s1)}.rs-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--bd);flex-shrink:0}.rs-title{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#9ba3c4}.conn-dot{width:7px;height:7px;border-radius:50%;background:var(--mu2);transition:background .4s}.conn-dot.on{background:var(--ok)}.create-btn{margin:.6rem .8rem .4rem;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .75rem;border-radius:var(--r2);border:1px dashed rgba(99,102,129,.55);background:none;color:#9ba3c4;font-size:.75rem;font-weight:500;transition:all .15s}.create-btn:hover{border-color:var(--ac);color:var(--ac);background:#8b5cf60f}.rs-list{flex:1;overflow-y:auto;padding:.4rem 0;overscroll-behavior:contain}.rs-list::-webkit-scrollbar{width:3px}.rs-list::-webkit-scrollbar-thumb{background:var(--bd);border-radius:2px}.rs-empty{padding:1.5rem 1rem;text-align:center;color:#9ba3c4;font-size:.78rem}.room-item{display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;cursor:pointer;transition:background .12s;border-left:2px solid transparent}.room-item:hover{background:var(--s2)}.room-item.active{background:#8b5cf61a;border-left-color:var(--ac)}.room-item.disabled-room{opacity:.5}.room-item.kicked-room{opacity:.7}.ri-kicked-badge{font-size:.85rem;flex-shrink:0}.ri-plan-badge{display:inline-flex;align-items:center;font-size:.58rem;font-weight:700;border-radius:3px;padding:1px 4px;margin-left:4px;vertical-align:middle;letter-spacing:.03em}.ri-plan-badge.premium{background:linear-gradient(135deg,#9b6dff,#5c8fff);color:#fff}.ri-plan-badge.vip{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.room-item.plan-locked{opacity:.55}.room-item.full-room{opacity:.65}.ri-capacity-badge{flex-shrink:0;font-size:.64rem;font-weight:700;padding:2px 5px;border-radius:5px;background:#3ecf8e1f;border:1px solid rgba(62,207,142,.3);color:var(--green)}.ri-capacity-badge.full{background:#ef44441f;border-color:#ef444459;color:#f87171}.ri-icon{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.ri-icon.public{background:linear-gradient(135deg,#34d399,#059669)}.ri-icon.private{background:linear-gradient(135deg,#f87171,#dc2626)}.ri-icon.off{background:var(--mu2)!important}.ri-info{flex:1;min-width:0}.ri-name{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ri-type{font-size:.68rem;color:#9ba3c4}.chat-box{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);min-width:0}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.cp-topbar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid var(--bd);flex-shrink:0;background:var(--s1);gap:.75rem}.cp-topbar-left{display:flex;align-items:center;gap:.6rem}.cp-topbar-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;flex-shrink:0}.cp-topbar-name{font-size:.88rem;font-weight:600;color:var(--tx)}.cp-topbar-sub{font-size:.68rem;color:#9ba3c4}.cp-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem}.cp-icon-wrap{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.cp-icon-ring{position:absolute;inset:0;border-radius:28px;background:linear-gradient(135deg,#8b5cf62e,#60a5fa1f);border:1px solid rgba(139,92,246,.25)}.cp-main-icon{position:relative;color:var(--ac);filter:drop-shadow(0 0 12px rgba(139,92,246,.35))}.cp-dot{position:absolute;width:26px;height:26px;border-radius:50%;background:var(--s3);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:.75rem;animation:cpFloat 3s ease-in-out infinite}.cp-dot-a{top:-6px;right:-6px;animation-delay:0s}.cp-dot-b{bottom:-4px;right:4px;animation-delay:1.1s}.cp-dot-c{top:8px;left:-10px;animation-delay:2.1s}@keyframes cpFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.cp-title{font-size:1.15rem;font-weight:700;color:var(--tx);letter-spacing:-.01em}.cp-desc{color:var(--mu);font-size:.8rem;line-height:1.65;max-width:290px}.cp-create-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1.1rem;border-radius:var(--r2);font-size:.78rem;font-weight:600;border:none;cursor:pointer;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;transition:opacity .15s,transform .15s;flex-shrink:0}.cp-create-btn:hover{opacity:.88;transform:translateY(-1px)}.cp-cards{display:flex;gap:.6rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.cp-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .9rem;border-radius:var(--r);background:var(--s2);border:1px solid var(--bd);min-width:88px;transition:border-color .15s,transform .15s}.cp-card:hover{border-color:var(--bd2);transform:translateY(-2px)}.cp-card-ic{font-size:1.15rem}.cp-card-name{font-size:.72rem;font-weight:600;color:var(--tx)}.cp-card-sub{font-size:.63rem;color:var(--mu);text-align:center;line-height:1.4}.cp-card-vip{border-color:#fbbf244d}.cp-card-vip:hover{border-color:#fbbf2499}.cp-card-vip .cp-card-name{background:linear-gradient(90deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.room-window{flex:1;display:flex;flex-direction:column;overflow:hidden}.rc-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid var(--bd);flex-shrink:0;background:var(--s1)}.rc-header-left{display:flex;align-items:center;gap:.6rem}.rc-header-right{display:flex;gap:.3rem}.rc-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;flex-shrink:0;position:relative;overflow:hidden}.rc-icon img{width:100%;height:100%;object-fit:cover}.rc-icon-cam{position:absolute;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s}.rc-icon:hover .rc-icon-cam{opacity:1!important}.rc-name-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.rc-name{font-size:.88rem;font-weight:600}.rc-sub{font-size:.68rem;color:#9ba3c4}.badge-disabled{font-size:.62rem;font-weight:600;padding:.15rem .45rem;border-radius:20px;background:#f871712e;color:var(--er);border:1px solid rgba(248,113,113,.35)}.badge-mode{font-size:.62rem;font-weight:600;padding:.15rem .45rem;border-radius:20px}.badge-mode.mode-all{background:#34d3991f;color:var(--ok);border:1px solid rgba(52,211,153,.3)}.badge-mode.mode-wl{background:#fbbf241f;color:var(--warn);border:1px solid rgba(251,191,36,.3)}.badge-mode.mode-oo{background:#8b5cf61f;color:var(--ac);border:1px solid rgba(139,92,246,.3)}.rc-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.rc-messages{flex:1;overflow-y:auto;padding:.5rem .85rem;display:flex;flex-direction:column;gap:0;min-height:0;overscroll-behavior:contain}.rc-messages::-webkit-scrollbar{width:3px}.rc-messages::-webkit-scrollbar-thumb{background:var(--bd);border-radius:2px}.rc-messages .msg-wrap{position:relative}.rc-messages .msg{display:flex;align-items:baseline;gap:.3rem;font-size:.82rem;line-height:1.6;word-break:break-word;padding:.08rem 0;position:relative;margin-top:5px;margin-bottom:-5px}.rc-messages .msg-wrap:hover .msg-del-btn{opacity:1;pointer-events:auto}.msg-del-btn{opacity:0;pointer-events:none;background:none;border:none;color:var(--er);cursor:pointer;padding:2px 4px;border-radius:4px;flex-shrink:0;transition:opacity .15s,background .12s;align-self:center}.msg-del-btn:hover{background:#f8717126}#rcRxnBar{position:fixed;display:none;align-items:center;gap:1px;background:var(--s2);border:1px solid var(--bd);border-radius:20px;padding:3px 6px;box-shadow:0 2px 12px #0000004d;z-index:500;user-select:none}.rxn-btn{background:none;border:none;cursor:pointer;font-size:1.15rem;padding:2px 4px;border-radius:50%;transition:transform .1s,background .1s;line-height:1}.rxn-btn:hover{transform:scale(1.3);background:var(--s3)}.rxn-divider{width:1px;height:18px;background:var(--bd);margin:0 2px}.rxn-reply-btn{background:none;border:none;cursor:pointer;color:var(--mu);padding:2px 5px;border-radius:50%;transition:color .1s,background .1s;display:flex;align-items:center;justify-content:center}.rxn-reply-btn:hover{color:var(--tx);background:var(--s3)}.msg-reactions{display:flex;flex-wrap:wrap;gap:3px;padding:.05rem 0 .2rem}.msg-rxn-pill{display:inline-flex;align-items:center;gap:3px;background:var(--s2);border:1px solid var(--bd);border-radius:20px;padding:1px 7px;font-size:.75rem;cursor:pointer;transition:background .1s,border-color .1s;user-select:none;line-height:1.6}.msg-rxn-pill:hover{background:var(--s3)}.msg-rxn-pill.mine{background:#7c3aed26;border-color:var(--ac)}.rxn-tooltip{position:fixed;z-index:9999;pointer-events:none;background:var(--s2);border:1px solid var(--bd);border-radius:8px;padding:.35rem .7rem;font-size:.75rem;box-shadow:0 4px 14px #00000059;display:flex;align-items:center;gap:.45rem;white-space:nowrap;max-width:260px}.rxn-tt-emoji{font-size:1rem;flex-shrink:0}.rxn-tt-names{color:var(--tx);overflow:hidden;text-overflow:ellipsis}.msg-name{font-weight:700;flex-shrink:0;white-space:nowrap}.msg-name[data-userid]{cursor:pointer}.msg-name[data-userid]:hover{text-decoration:underline}.msg-sep{color:var(--mu);flex-shrink:0}.msg-text{min-width:0;color:var(--tx)}.msg-time{flex-shrink:0;font-size:.62rem;color:var(--mu);margin-left:.35rem;white-space:nowrap;align-self:flex-end;padding-bottom:.05rem}.msg-text img{max-width:220px;border-radius:6px;display:block;margin-top:.2rem;cursor:pointer;transition:opacity .15s}.msg-text img:hover{opacity:.85}.rc-lightbox{position:fixed;inset:0;z-index:9999;background:#000000e0;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rc-lb-img{max-width:90vw;max-height:86vh;border-radius:8px;object-fit:contain;box-shadow:0 8px 48px #0009}.rc-lb-close{position:absolute;top:1.2rem;right:1.2rem;background:#ffffff1f;border:none;border-radius:50%;width:38px;height:38px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0}.rc-lb-close:hover{background:#ffffff47}.rc-lb-dl{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.4rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:.4rem 1.1rem;color:#fff;font-size:.8rem;text-decoration:none;transition:background .15s;white-space:nowrap}.rc-lb-dl:hover{background:#ffffff38}.rc-messages .sys-msg{align-self:center;font-size:.68rem;color:var(--mu);padding:.2rem .65rem;background:var(--s3);border-radius:20px;border:1px solid var(--bd);margin:.3rem 0}.right-panel{width:300px;min-width:220px;flex-shrink:0;border-right:1px solid var(--bd);border-left:1px solid var(--bd);background:var(--s1);display:flex;flex-direction:column;overflow:hidden;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1)}.right-panel.collapsed{width:0;min-width:0;border-right-color:transparent;border-left-color:transparent}.rp-collapse-strip{width:14px;flex-shrink:0;background:var(--s3);border:none;border-right:1px solid var(--bd);color:var(--ok);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,color .15s}.rp-collapse-strip:hover{background:var(--s2);color:var(--ok)}.rp-tabs{display:flex;border-bottom:1px solid var(--bd);flex-shrink:0}.rp-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.5rem .25rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--mu);font-family:inherit;font-size:.68rem;font-weight:600;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.05em}.rp-tab:hover{color:var(--tx)}.rp-tab.active{color:var(--ac);border-bottom-color:var(--ac)}.rp-view{flex:1;overflow-y:auto;display:flex;flex-direction:column}.rp-view::-webkit-scrollbar{width:3px}.rp-view::-webkit-scrollbar-thumb{background:var(--bd);border-radius:2px}.rp-member-list{display:flex;flex-direction:column;padding:.4rem 0}.rp-member{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;transition:background .12s}.rp-member:hover{background:var(--s2)}.rp-m-av{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--ac2));display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff;flex-shrink:0}.rp-m-info{flex:1;min-width:0}.rp-m-clickable{cursor:pointer}.rp-m-clickable:hover .rp-m-name{color:var(--ac)}.rp-m-name{font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-m-role{font-size:.63rem;color:var(--mu)}.rp-fr-btn{width:22px;height:22px;border-radius:4px;border:1px solid var(--bd);background:none;color:var(--mu);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .15s;padding:0}.rp-fr-btn.add:hover{border-color:var(--ac);color:var(--ac)}.rp-fr-btn.unfriend{border-color:var(--ok);color:var(--ok)}.rp-fr-btn.unfriend:hover{border-color:var(--er);color:var(--er)}.rp-fr-btn.sent{opacity:.45;cursor:default}.rp-fr-btn.accept{border-color:var(--ok);color:var(--ok)}.rp-kick-btn{width:22px;height:22px;border-radius:4px;border:1px solid rgba(245,158,11,.35);background:none;color:#f59e0b;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .15s;padding:0;margin-left:2px}.rp-kick-btn:hover{background:#f59e0b26;border-color:#f59e0b}.rp-empty{padding:1.25rem .75rem;text-align:center;color:var(--mu);font-size:.75rem}.rp-premium-gate{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem .75rem;text-align:center}.rp-gate-icon{font-size:2rem;line-height:1}.rp-gate-title{font-size:.85rem;font-weight:700;color:var(--tx)}.rp-gate-desc{font-size:.75rem;color:var(--mu);line-height:1.5}.rp-gate-desc strong{color:#9b6dff}.rp-gate-btn{margin-top:.25rem;padding:.45rem 1rem;border-radius:8px;font-size:.78rem;font-weight:600;background:linear-gradient(135deg,#9b6dff33,#5c8fff33);color:#9b6dff;border:1px solid rgba(155,109,255,.4);text-decoration:none;transition:background .15s}.rp-gate-btn:hover{background:linear-gradient(135deg,#9b6dff59,#5c8fff59)}.disabled-banner{display:flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:#f871711a;border-bottom:1px solid rgba(248,113,113,.25);color:var(--er);font-size:.78rem;flex-shrink:0}.no-chat-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fbbf2414;border-top:1px solid rgba(251,191,36,.2);color:var(--warn);font-size:.75rem;flex-shrink:0}.input-bar{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border-top:1px solid var(--bd);flex-shrink:0;background:var(--s1)}.bar-input{flex:1;background:var(--s2);border:1px solid var(--bd);border-radius:var(--r2);padding:.45rem .75rem;color:var(--tx);font-family:inherit;font-size:.82rem;outline:none;transition:border-color .15s}.bar-input:focus{border-color:var(--ac)}.bar-input:disabled{opacity:.4;cursor:not-allowed}.bar-send-btn{width:34px;height:34px;border-radius:var(--r2);border:none;background:var(--ac);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s}.bar-send-btn:hover{opacity:.85}.bar-send-btn:disabled{opacity:.35;cursor:not-allowed}.bar-img-btn{width:30px;height:30px;border-radius:var(--r2);border:1px solid rgba(99,102,129,.45);background:var(--s2);color:#c0c5dc;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .15s}.bar-img-btn:hover{border-color:var(--ac);color:var(--ac)}.bar-img-btn:disabled{opacity:.35;cursor:not-allowed}.rc-prev-overlay{position:fixed;inset:0;z-index:600;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:1rem}.rc-prev-card{background:var(--s2);border:1px solid var(--bd);border-radius:12px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.rc-prev-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;border-bottom:1px solid var(--bd)}.rc-prev-title{font-size:.88rem;font-weight:700;color:var(--tx)}.rc-prev-close{background:none;border:none;color:var(--mu);cursor:pointer;display:flex;padding:.2rem;border-radius:4px;transition:color .15s}.rc-prev-close:hover{color:var(--er)}.rc-prev-grid{display:flex;flex-wrap:wrap;gap:.6rem;padding:1rem;overflow-y:auto;min-height:120px;align-content:flex-start}.rc-prev-thumb{position:relative;width:110px;height:110px;border-radius:8px;overflow:hidden;border:1px solid var(--bd);flex-shrink:0}.rc-prev-thumb img{width:100%;height:100%;object-fit:cover;display:block}.rc-prev-thumb-rm{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#000000a6;color:#fff;border:none;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s}.rc-prev-thumb-rm:hover{background:var(--er)}.rc-prev-thumb-name{position:absolute;bottom:0;left:0;right:0;background:#0000008c;color:#fff;font-size:.6rem;padding:.15rem .3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-prev-progress{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.6rem 1rem;font-size:.82rem;color:var(--mu2)}@keyframes rcSpin{to{transform:rotate(360deg)}}.rc-prev-spin{animation:rcSpin .9s linear infinite;flex-shrink:0}.rc-prev-footer{display:flex;justify-content:flex-end;gap:.6rem;padding:.85rem 1.1rem;border-top:1px solid var(--bd)}.rc-prev-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem 1.1rem;border-radius:7px;font-size:.83rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.rc-prev-btn.cancel{background:none;border:1px solid var(--bd);color:var(--mu)}.rc-prev-btn.cancel:hover{border-color:var(--er);color:var(--er)}.rc-prev-btn.send{background:var(--ac);border:1px solid var(--ac);color:#fff}.rc-prev-btn.send:hover{opacity:.85}.rc-prev-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--bd);border-radius:var(--r2);color:var(--mu);transition:all .15s}.icon-btn:hover{border-color:var(--ac);color:var(--ac)}.icon-btn.danger-btn:hover{border-color:var(--er);color:var(--er)}.icon-btn.active-settings{border-color:var(--ac);color:var(--ac);background:#8b5cf61a}.sd-section{padding:.75rem .85rem;border-bottom:1px solid var(--bd)}.sd-section-title{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--mu);margin-bottom:.65rem}.toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle-label-text{font-size:.82rem}.toggle-switch{position:relative;width:36px;height:20px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background:var(--mu2);border-radius:20px;transition:.25s;cursor:pointer}.toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.25s}.toggle-switch input:checked+.toggle-slider{background:var(--ok)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.mode-options{display:flex;flex-direction:column;gap:.4rem}.mode-opt{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;padding:.5rem .6rem;border-radius:var(--r2);border:1px solid var(--bd);transition:border-color .15s}.mode-opt:has(input:checked){border-color:var(--ac);background:#8b5cf612}.mode-opt input{margin-top:.2rem;accent-color:var(--ac);flex-shrink:0}.mode-opt-inner{display:flex;flex-direction:column;gap:.1rem}.mode-opt-inner strong{font-size:.8rem;font-weight:600}.mode-opt-inner small{font-size:.68rem;color:var(--mu)}.sd-member-list{display:flex;flex-direction:column;gap:.35rem}.sd-member{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:var(--r2);background:var(--s3)}.sd-m-av{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--ac2));display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;color:#fff;flex-shrink:0}.sd-m-info{flex:1;min-width:0}.sd-m-name{font-size:.78rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-m-role{font-size:.65rem;color:var(--mu)}.sd-m-actions{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.can-chat-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--bd);background:none;color:var(--mu);font-size:.65rem;transition:all .15s;cursor:pointer}.can-chat-toggle.allowed{border-color:var(--ok);color:var(--ok);background:#34d3991a}.can-chat-toggle.denied{border-color:var(--er);color:var(--er);background:#f871711a}.kick-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--bd);background:none;color:var(--mu);transition:all .15s;cursor:pointer}.kick-btn:hover{border-color:var(--er);color:var(--er)}.img-quota-wrap{display:flex;align-items:center;gap:.2rem;background:var(--s2);border:1px solid var(--bd);border-radius:4px;padding:0 .3rem;height:24px}.img-quota-label{color:var(--mu);display:flex;align-items:center;flex-shrink:0}.img-quota-sel{background:var(--s3);border:none;color:var(--tx);font-size:.72rem;font-family:inherit;cursor:pointer;outline:none;padding:0 2px;width:40px;border-radius:3px}.img-quota-sel option{background:var(--s3);color:var(--tx)}.img-quota-reset{background:none;border:none;color:var(--mu);cursor:pointer;display:flex;align-items:center;padding:0;flex-shrink:0;transition:color .15s}.img-quota-reset:hover{color:var(--ac)}.sd-danger-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .75rem;border-radius:var(--r2);border:1px solid rgba(248,113,113,.4);background:#f8717112;color:var(--er);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.sd-danger-btn:hover{background:#f871712e;border-color:var(--er)}.sd-capacity-row{display:flex;gap:.4rem;align-items:center}.sd-capacity-input{flex:1;padding:.35rem .55rem;border-radius:var(--r2);border:1px solid var(--bd);background:var(--surface2);color:var(--tx);font-size:.82rem;outline:none;-moz-appearance:textfield}.sd-capacity-input::-webkit-inner-spin-button,.sd-capacity-input::-webkit-outer-spin-button{-webkit-appearance:none}.sd-capacity-input:focus{border-color:var(--ac)}.sd-capacity-btn{padding:.35rem .7rem;border-radius:var(--r2);border:none;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.sd-capacity-btn:hover{opacity:.85}.sd-capacity-btn:disabled{opacity:.5;cursor:default}.sd-capacity-hint{font-size:.68rem;color:var(--mu2);display:block;margin-top:.4rem}.sd-m-pending{color:var(--warn)!important}.modal-overlay{position:fixed;inset:0;background:#000000a6;z-index:500;align-items:center;justify-content:center;backdrop-filter:blur(6px)}.modal-overlay.open{display:flex!important}.modal-card{background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);padding:1.75rem;width:320px;position:relative;box-shadow:var(--sh);animation:su .2s}.modal-x{position:absolute;top:.65rem;right:.65rem;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--bd);border-radius:var(--r2);color:var(--mu);transition:all .15s}.modal-x:hover{border-color:var(--er);color:var(--er)}.modal-title{font-family:Syne,sans-serif;font-size:1rem;margin-bottom:1.2rem}.modal-desc{font-size:.8rem;color:var(--mu);margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.form-group label{font-size:.75rem;font-weight:600;color:var(--mu)}.modal-input{background:var(--s3);border:1px solid var(--bd);border-radius:var(--r2);padding:.5rem .75rem;color:var(--tx);font-family:inherit;font-size:.82rem;outline:none;transition:border-color .15s}.modal-input:focus{border-color:var(--ac)}.cr-av-group label{font-size:.78rem;color:var(--mu);margin-bottom:.45rem;display:block}.cr-av-picker{display:flex;align-items:center;gap:.65rem}.cr-av-preview{width:54px;height:54px;border-radius:10px;background:var(--s3);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--mu2);flex-shrink:0}.cr-av-preview img{width:100%;height:100%;object-fit:cover}.cr-av-btn{padding:.35rem .75rem;border-radius:6px;border:1px solid var(--bd);background:var(--s3);color:var(--mu);font-size:.78rem;cursor:pointer;transition:border-color .15s}.cr-av-btn:hover{border-color:var(--ac);color:var(--ac)}.cr-av-clear{background:none;border:none;color:var(--mu2);cursor:pointer;font-size:.9rem;padding:2px 6px;border-radius:4px}.cr-av-clear:hover{color:var(--er)}.toggle-label-check{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.82rem;color:var(--tx);font-weight:400}.toggle-label-check input{accent-color:var(--ac)}.modal-btn{width:100%;padding:.55rem;border:none;border-radius:var(--r2);background:var(--ac);color:#fff;font-family:inherit;font-size:.82rem;font-weight:600;transition:opacity .15s;margin-top:.4rem}.modal-btn:hover{opacity:.85}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.wl-group{margin-bottom:.75rem}.wl-group-title{font-size:.68rem;font-weight:600;color:var(--mu);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;display:flex;align-items:center;gap:.4rem}.wl-count{background:var(--s3);border:1px solid var(--bd);border-radius:10px;padding:.05rem .4rem;font-size:.62rem;color:var(--mu)}.toast-box{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:600;display:flex;flex-direction:column;align-items:center;gap:.4rem}.toast{background:var(--s2);border:1px solid var(--bd);border-radius:var(--r2);padding:.5rem 1rem;font-size:.78rem;box-shadow:var(--sh);animation:su .2s;white-space:nowrap}.toast.ok{border-left:3px solid var(--ok)}.toast.info{border-left:3px solid var(--ac2)}.toast.err{border-left:3px solid var(--er)}.al-mode-hint{display:block;font-size:.68rem;color:var(--mu);margin-top:.5rem;line-height:1.5}.al-search-wrap{position:relative}.al-search-input{width:100%;background:var(--s3);border:1px solid var(--bd);border-radius:var(--r2);padding:.42rem .65rem;color:var(--tx);font-family:inherit;font-size:.8rem;outline:none;transition:border-color .15s}.al-search-input:focus{border-color:var(--ac)}.al-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--s2);border:1px solid var(--bd);border-radius:var(--r2);box-shadow:var(--sh);z-index:400;max-height:220px;overflow-y:auto}.al-dropdown::-webkit-scrollbar{width:3px}.al-dropdown::-webkit-scrollbar-thumb{background:var(--bd);border-radius:2px}.al-dropdown-item{display:flex;align-items:center;gap:.55rem;padding:.5rem .75rem;cursor:pointer;transition:background .12s}.al-dropdown-item:hover{background:var(--s3)}.al-dd-av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--s3)}.al-dd-name{font-size:.78rem;font-weight:500}.al-dd-idc{font-size:.65rem;color:var(--mu)}.al-dd-added{font-size:.65rem;color:var(--ok);margin-left:auto;flex-shrink:0}.sd-empty{padding:.6rem .5rem;color:var(--mu);font-size:.75rem}.al-remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--bd);background:none;color:var(--mu);transition:all .15s;cursor:pointer;flex-shrink:0}.al-remove-btn:hover{border-color:var(--er);color:var(--er)}@keyframes su{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fmt-wrap{position:relative;flex-shrink:0}.fmt-panel{position:absolute;bottom:calc(100% + 6px);left:0;width:270px;background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);display:flex;flex-direction:column;animation:su .15s;z-index:300}.fmt-section{padding:.55rem .7rem;border-bottom:1px solid var(--bd)}.fmt-section:last-child{border-bottom:none}.fmt-label{font-size:.63rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#9ba3c4;margin-bottom:.4rem}.fmt-colors{display:flex;gap:.4rem;flex-wrap:wrap}.fmt-color{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fmt-color:hover{transform:scale(1.15)}.fmt-color.active{border-color:#fff;box-shadow:0 0 0 2px var(--ac)}.fmt-styles{display:flex;flex-wrap:wrap;gap:.3rem}.fmt-style{padding:.25rem .5rem;border:1px solid var(--bd);border-radius:4px;background:none;color:var(--tx);font-family:inherit;font-size:.75rem;cursor:pointer;transition:all .12s}.fmt-style:hover{border-color:var(--ac2);color:var(--ac2)}.fmt-style.active{border-color:var(--ac);background:#8b5cf626;color:var(--ac)}.fmt-sizes{display:flex;gap:.3rem}.fmt-size{padding:.25rem .55rem;border:1px solid var(--bd);border-radius:4px;background:none;color:var(--mu);font-family:inherit;font-size:.72rem;cursor:pointer;transition:all .12s}.fmt-size:hover{border-color:var(--ac2);color:var(--ac2)}.fmt-size.active{border-color:var(--ac);background:#8b5cf626;color:var(--ac)}.emoji-trigger.fmt-active{border-color:var(--ac);color:var(--ac)}.emoji-wrap{position:relative;flex-shrink:0}.emoji-trigger{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid rgba(99,102,129,.45);border-radius:var(--r2);font-size:1rem;line-height:1;cursor:pointer;color:#c0c5dc;transition:border-color .15s,color .15s}.emoji-trigger:hover{border-color:var(--ac)}.emoji-trigger.open{border-color:var(--ac);background:#8b5cf61a}.emoji-picker{position:absolute;bottom:calc(100% + 6px);left:0;width:300px;background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);display:flex;flex-direction:column;overflow:hidden;animation:su .15s;z-index:300}.ep-cats{display:flex;border-bottom:1px solid var(--bd);overflow-x:auto;flex-shrink:0}.ep-cats::-webkit-scrollbar{height:0}.ep-cat{flex-shrink:0;padding:.4rem .55rem;background:none;border:none;border-bottom:2px solid transparent;font-size:1.05rem;cursor:pointer;transition:border-color .15s;opacity:.6}.ep-cat:hover{opacity:1}.ep-cat.active{border-bottom-color:var(--ac);opacity:1}.ep-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;padding:.4rem;max-height:200px;overflow-y:auto}.ep-grid::-webkit-scrollbar{width:3px}.ep-grid::-webkit-scrollbar-thumb{background:var(--bd);border-radius:2px}.ep-emoji{background:none;border:none;font-size:1.2rem;line-height:1;padding:.3rem;border-radius:6px;cursor:pointer;transition:background .1s;text-align:center}.ep-emoji:hover{background:var(--s3)}.rc-reply-bar{display:flex;align-items:center;gap:.5rem;padding:.35rem .85rem;background:#8b5cf60f;border-top:1px solid rgba(139,92,246,.2);font-size:.75rem;flex-shrink:0}.rc-reply-bar-body{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.rc-reply-bar-sender{font-weight:700;color:var(--ac);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-reply-bar-text{color:var(--mu);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-reply-cancel{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--mu);cursor:pointer;font-size:.9rem;line-height:1;border-radius:50%;transition:color .12s,background .12s;flex-shrink:0;padding:0}.rc-reply-cancel:hover{color:var(--tx);background:var(--s3)}.msg-quote{display:flex;flex-direction:column;gap:.05rem;background:#8b5cf614;border-left:3px solid var(--ac);border-radius:0 4px 4px 0;padding:.2rem .55rem .18rem;margin-bottom:.12rem;font-size:.75rem;overflow:hidden;max-width:380px;margin-top:10px}.msg-quote-sender{font-weight:700;color:var(--ac);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-quote-text{color:var(--mu);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-pin-banner{display:flex;align-items:center;gap:.55rem;padding:.3rem .85rem;background:#8b5cf612;border-bottom:1px solid rgba(139,92,246,.18);cursor:pointer;flex-shrink:0}.rc-pin-banner:hover{background:#8b5cf61f}.rc-pin-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.05rem}.rc-pin-sender{font-size:.68rem;font-weight:700;color:var(--ac);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-pin-content{display:flex;align-items:center;gap:.4rem;min-width:0;overflow:hidden}.rc-pin-thumb{width:32px;height:32px;border-radius:4px;object-fit:cover;flex-shrink:0;border:1px solid var(--bd)}.rc-pin-text{font-size:.73rem;font-weight:500;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-unpin-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--mu);cursor:pointer;font-size:.85rem;border-radius:50%;transition:color .12s,background .12s;flex-shrink:0;padding:0}.rc-unpin-btn:hover{color:var(--er);background:#f871711a}.rxn-pin-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--mu);cursor:pointer;padding:.15rem .35rem;border-radius:4px;font-size:.8rem;transition:color .12s,background .12s}.rxn-pin-btn:hover{color:var(--ac);background:#8b5cf61f}.rc-blog-panel{width:220px!important;position:static!important;align-self:auto!important;border-radius:0!important;border:none!important;border-left:1px solid var(--bd)!important;display:flex!important;flex-direction:column!important}.rc-blog-panel .rbp-list{max-height:none!important;flex:1;overscroll-behavior:contain}.rc-blog-panel .rbp-header{background:linear-gradient(90deg,rgba(139,92,246,.07) 0%,transparent 65%);flex-shrink:0}.rc-blog-panel .rbp-label{background:linear-gradient(90deg,#a78bfa,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:1280px){.rc-blog-panel{display:none!important}}@media(max-width:768px){.right-panel{display:none!important}.room-sidebar{width:200px}}@media(max-width:640px){.rooms-layout{flex-direction:column;height:calc(100vh - 52px);overflow:hidden}.room-sidebar{width:100%;height:88px;border-right:none;border-bottom:1px solid var(--bd);flex-direction:column;overflow:hidden;flex-shrink:0;position:relative}.room-sidebar:after{content:"";position:absolute;right:0;top:0;bottom:0;width:28px;background:linear-gradient(to right,transparent,var(--s1));pointer-events:none;z-index:2}.rs-header{display:none}.create-btn{display:none!important}.rs-list{flex:1;overflow-x:auto;overflow-y:hidden;display:flex;flex-direction:row;align-items:center;padding:.3rem .5rem .3rem .6rem;gap:.3rem;scrollbar-width:none}.rs-list::-webkit-scrollbar{display:none}.room-item{flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;min-width:62px;max-width:74px;height:76px;padding:.42rem .25rem .3rem;border-left:none;border-bottom:none;flex-shrink:0;border-radius:12px;gap:.22rem;position:relative;transition:background .12s}.room-item:hover{background:var(--s2)}.room-item.active{background:#8b5cf624;border-left-color:transparent}.room-item.active:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:18px;height:2.5px;border-radius:2px;background:var(--ac)}.ri-icon{width:36px;height:36px;font-size:.76rem;border-radius:10px;transition:box-shadow .15s}.room-item.active .ri-icon{box-shadow:0 0 0 2.5px var(--ac),0 2px 10px #8b5cf661}.ri-name{font-size:.67rem;font-weight:600;white-space:normal;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--mu)}.room-item.active .ri-name{color:var(--ac)}.ri-type{display:none}.ri-info{min-width:0;width:100%}.ri-kicked-badge,.ri-plan-badge,.ri-lock-badge{display:none}.chat-box{flex:1;min-height:0}}@media(max-width:400px){.room-item{min-width:56px;max-width:66px}.input-bar{padding:.45rem .55rem;gap:.3rem}}