:root{color-scheme:dark;--bg-0: #1e1f22;--bg-1: #2b2d31;--bg-2: #313338;--bg-3: #383a40;--bg-hover: #35373c;--text: #f2f3f5;--text-muted: #b5bac1;--text-faint: #80848e;--accent: #5865f2;--accent-hover: #4752c4;--danger: #f23f43;--online: #23a55a;--link: #00a8fc;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;font-size:16px;line-height:1.375;background:var(--bg-0);color:var(--text);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}a{color:var(--link)}.splash{height:100dvh;display:grid;place-content:center;gap:12px;text-align:center;color:var(--text-muted)}.btn-primary,.btn-secondary{border:0;border-radius:4px;padding:10px 16px;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-secondary{background:var(--bg-3)}.btn-secondary:hover{background:#4e5058}.link{background:none;border:0;padding:0;color:var(--link)}.link:hover{text-decoration:underline}.icon-btn{background:none;border:0;border-radius:4px;padding:6px 8px;color:var(--text-muted);font-size:18px;line-height:1}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.auth{min-height:100dvh;overflow-y:auto;display:grid;place-items:center;padding:16px;background:linear-gradient(135deg,#404eed,#1e1f22 70%)}.auth-card{width:100%;max-width:420px;background:var(--bg-2);border-radius:8px;padding:28px 24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 24px #00000059}.auth-card h1{margin:0;font-size:24px;text-align:center}.auth-hint{margin:0;color:var(--text-muted);text-align:center;font-size:14px}.auth-card label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted)}.auth-card .optional{text-transform:none;font-weight:400}.auth-card input,.invite-row input{background:var(--bg-0);border:0;border-radius:4px;padding:10px;font-size:16px;text-transform:none;letter-spacing:normal;font-weight:400;color:var(--text);outline:none}.auth-card input:focus{box-shadow:0 0 0 2px var(--accent)}.auth-error{margin:0;color:var(--danger);font-size:14px}.auth-switch{margin:0;font-size:14px;color:var(--text-muted)}.layout{height:100dvh;display:grid;grid-template-columns:1fr;position:relative}.sidebar{background:var(--bg-1);display:flex;flex-direction:column;min-height:0;width:280px;max-width:85vw;position:fixed;inset:0 auto 0 0;z-index:20;transform:translate(-100%);transition:transform .2s ease;padding-top:env(safe-area-inset-top)}.drawer-open .sidebar{transform:translate(0)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s}.drawer-open .drawer-backdrop{opacity:1;pointer-events:auto}@media(min-width:768px){.layout{grid-template-columns:240px 1fr}.sidebar{position:static;transform:none;width:auto;max-width:none;transition:none}.drawer-backdrop,.menu-btn{display:none}}.server-name{height:48px;flex-shrink:0;display:flex;align-items:center;gap:4px;padding:0 8px 0 16px;font-weight:700;border-bottom:1px solid var(--bg-0)}.server-name-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-scroll{flex:1;overflow-y:auto;padding:8px}.section-title{padding:16px 8px 4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-faint)}.channel{width:100%;display:flex;align-items:center;gap:6px;padding:8px;margin:1px 0;border:0;border-radius:4px;background:none;color:var(--text-faint);text-align:left;font-size:16px}.channel .hash{font-size:18px;width:20px;text-align:center;color:var(--text-faint)}button.channel:hover{background:var(--bg-hover);color:var(--text-muted)}.channel.active{background:var(--bg-3);color:var(--text)}.channel.unread{color:var(--text);font-weight:600}.channel.disabled{cursor:default;opacity:.6}.soon{margin-left:auto;font-size:11px;padding:1px 6px;border-radius:8px;background:var(--bg-3)}.member{display:flex;align-items:center;gap:10px;padding:5px 8px;color:var(--text-faint);opacity:.5}.member.online{color:var(--text-muted);opacity:1}.member-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;background:var(--accent);color:#fff}.avatar{position:relative;flex-shrink:0;display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:600;-webkit-user-select:none;user-select:none}.status-dot{position:absolute;right:-2px;bottom:-2px;width:38%;height:38%;border-radius:50%;background:var(--text-faint);border:3px solid var(--bg-1)}.status-dot.on{background:var(--online)}.user-bar{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));background:#232428}.user-names{flex:1;min-width:0}.user-display{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-handle{font-size:12px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat{background:var(--bg-2);display:flex;flex-direction:column;min-width:0;min-height:0;height:100dvh}.chat-header{flex-shrink:0;height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--bg-0);box-shadow:0 1px 2px #00000026}.chat-header .hash{font-size:22px;color:var(--text-faint);margin-left:4px}.chat-header h2{margin:0;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conn-badge{margin-left:auto;font-size:12px;padding:2px 8px;border-radius:10px;background:#faa61a;color:#000;font-weight:600}.messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 0 8px;overscroll-behavior:contain}.channel-start{padding:16px}.channel-start-icon{width:64px;height:64px;border-radius:50%;background:var(--bg-3);display:grid;place-items:center;font-size:40px}.channel-start h3{margin:8px 0 4px;font-size:26px}.channel-start p{margin:0;color:var(--text-muted)}.loading-more{text-align:center;color:var(--text-faint);font-size:14px;padding:8px}.loading-more.error{color:var(--danger)}.day-divider{display:flex;align-items:center;margin:16px 16px 8px;color:var(--text-faint);font-size:12px;font-weight:600}.day-divider:before,.day-divider:after{content:"";flex:1;height:1px;background:var(--bg-3)}.day-divider span{padding:0 8px}.message{display:grid;grid-template-columns:40px 1fr;column-gap:12px;padding:4px 12px 2px;margin-top:12px;position:relative}.message.grouped{margin-top:0;padding-top:1px;padding-bottom:1px}.message:hover{background:#2e3035}.msg-time-hover{font-size:11px;color:var(--text-faint);text-align:right;line-height:22px;visibility:hidden}.message:hover .msg-time-hover{visibility:visible}.msg-body{min-width:0}.msg-head{display:flex;align-items:baseline;gap:8px}.msg-time{font-size:12px;color:var(--text-faint)}.msg-content{white-space:pre-wrap;overflow-wrap:anywhere;color:#dbdee1}.typing-line{height:20px;padding:0 16px;font-size:13px;color:var(--text-muted);flex-shrink:0}.composer{flex-shrink:0;padding:0 12px calc(12px + env(safe-area-inset-bottom))}.composer-error{color:var(--danger);font-size:13px;padding:0 4px 4px}.composer-box{display:flex;align-items:flex-end;gap:4px;background:var(--bg-3);border-radius:8px;padding:4px 4px 4px 14px}.composer textarea{flex:1;resize:none;border:0;outline:none;background:none;padding:8px 0;max-height:40vh;font-size:16px;line-height:1.375}.composer textarea::placeholder{color:var(--text-faint)}.send-btn{flex-shrink:0;width:38px;height:38px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-size:16px}.send-btn:disabled{background:none;color:var(--text-faint);cursor:default}.empty{flex:1;display:grid;place-items:center;color:var(--text-faint)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000b3;display:grid;place-items:center;padding:16px}.modal{width:100%;max-width:440px;background:var(--bg-2);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:12px}.modal h2{margin:0;font-size:20px}.modal p{margin:0;color:var(--text-muted);font-size:14px}.invite-row{display:flex;gap:8px}.invite-row input{flex:1;min-width:0;font-size:14px}.invite-code strong{color:var(--text);letter-spacing:.1em}.modal .btn-secondary{align-self:flex-end}.custom-emoji{width:22px;height:22px;object-fit:contain;vertical-align:-5px;margin:0 1px}.msg-content.jumbo{font-size:44px;line-height:1.2}.msg-content.jumbo .custom-emoji{width:48px;height:48px;vertical-align:-8px}.emoji-btn{flex-shrink:0;width:38px;height:38px;border:0;border-radius:6px;background:none;font-size:22px;filter:grayscale(1);opacity:.7;transition:filter .1s,opacity .1s,transform .1s}.emoji-btn:hover,.emoji-btn.open{filter:none;opacity:1;transform:scale(1.1)}.emoji-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.emoji-popover{position:fixed;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #00000080}.emoji-popover.mobile{left:0;right:0;bottom:0;border-radius:12px 12px 0 0;padding-bottom:env(safe-area-inset-bottom);background:#151617}.emoji-layer:has(.emoji-popover.mobile){background:#00000080}.emoji-popover em-emoji-picker{--rgb-background: 43, 45, 49;--rgb-accent: 88, 101, 242;height:420px}.emoji-popover.mobile em-emoji-picker{width:100%;height:min(420px,60dvh)}.composer{position:relative}.suggest{position:absolute;left:12px;right:12px;bottom:calc(100% + 4px);background:var(--bg-1);border-radius:8px;padding:6px;box-shadow:0 4px 16px #0006;z-index:5}.suggest-title{padding:4px 8px 6px;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-faint)}.suggest-item{width:100%;display:flex;align-items:center;gap:10px;padding:6px 8px;border:0;border-radius:4px;background:none;text-align:left;color:var(--text-muted)}.suggest-item.active{background:var(--bg-3);color:var(--text)}.suggest-emoji{width:24px;font-size:20px;text-align:center}.suggest-emoji img{width:22px;height:22px;object-fit:contain;vertical-align:middle}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px;border-radius:8px;border:1px solid transparent;background:var(--bg-1);font-size:14px;color:var(--text-muted)}.reaction:hover{border-color:#4e5058}.reaction.reacted{background:#5865f240;border-color:var(--accent);color:#dee0fc}.reaction-native{font-size:16px;line-height:1}.reaction-custom{width:18px;height:18px;object-fit:contain}.reaction-count{font-weight:600;min-width:8px}.reaction.add{opacity:0;color:var(--text-faint);font-weight:700}.reaction.add .reaction-native{filter:grayscale(1)}.message:hover .reaction.add,.message.selected .reaction.add{opacity:1}.msg-actions{position:absolute;top:-14px;right:16px;display:none;background:var(--bg-2);border:1px solid var(--bg-0);border-radius:6px;padding:2px;box-shadow:0 2px 6px #00000040}.msg-actions .icon-btn{font-size:18px;padding:4px 6px}@media(hover:hover){.message:hover .msg-actions{display:flex}}.message.selected{background:#2e3035}.message.selected .msg-actions{display:flex}.message.grouped .msg-actions{top:-18px}.toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:calc(100vw - 32px);background:var(--danger);color:#fff;padding:8px 14px;border-radius:6px;font-size:14px;z-index:70;box-shadow:0 4px 12px #0006}.emoji-manager{max-width:520px;max-height:calc(100dvh - 32px);overflow-y:auto}.emoji-upload{display:flex;gap:12px;align-items:stretch}.emoji-file{width:72px;height:72px;flex-shrink:0;border:2px dashed #4e5058;border-radius:8px;display:grid;place-items:center;text-align:center;font-size:12px;color:var(--text-faint);cursor:pointer;overflow:hidden}.emoji-file:hover{border-color:var(--accent)}.emoji-file img{width:56px;height:56px;object-fit:contain}.emoji-file input{display:none}.emoji-upload-fields{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.emoji-upload-fields input{background:var(--bg-0);border:0;border-radius:4px;padding:10px;font-size:16px;outline:none}.emoji-upload-fields input:focus{box-shadow:0 0 0 2px var(--accent)}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.emoji-tile{display:flex;align-items:center;gap:8px;padding:6px 4px 6px 8px;border-radius:6px;background:var(--bg-1);min-width:0}.emoji-tile img{width:28px;height:28px;object-fit:contain;flex-shrink:0}.emoji-tile-name{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emoji-tile .icon-btn{font-size:14px;padding:4px 6px}.attach-btn{flex-shrink:0;width:38px;height:38px;margin-left:-8px;border:0;border-radius:50%;background:none;color:var(--text-muted);font-size:22px;font-weight:700}.attach-btn:hover{color:var(--text)}.pending-list{display:flex;gap:8px;overflow-x:auto;padding:8px 4px;margin-bottom:4px}.pending{position:relative;flex-shrink:0;width:120px;background:var(--bg-1);border-radius:8px;padding:6px}.pending-thumb{position:relative;height:84px;border-radius:4px;overflow:hidden;background:var(--bg-0);display:grid;place-items:center}.pending-thumb img{width:100%;height:100%;object-fit:cover}.pending-icon{font-size:32px}.pending-progress{position:absolute;left:6px;right:6px;bottom:6px;height:6px;border-radius:3px;background:#00000080}.pending-progress div{height:100%;border-radius:3px;background:var(--accent);transition:width .15s}.pending-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:4px;text-align:center;font-size:12px;font-weight:600;background:#0000008c}.pending-overlay.error{background:#f23f43d9;color:#fff}.pending-name{margin-top:4px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-size{font-size:11px;color:var(--text-faint)}.pending-remove{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;border:0;background:var(--bg-3);color:var(--danger);font-size:12px;box-shadow:0 1px 4px #0006}.pending-remove:hover{background:var(--danger);color:#fff}.attachments{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;margin-top:4px}.att{position:relative;max-width:100%;border-radius:8px;overflow:hidden;background:var(--bg-1)}.att-image{border:0;padding:0;cursor:zoom-in;display:block}.att-image img{display:block;width:100%;height:100%;object-fit:cover}.att-video video{display:block;width:100%;height:100%;background:#000}.att-badge{position:absolute;top:6px;left:6px;padding:1px 6px;border-radius:4px;background:#000000a6;font-size:12px;pointer-events:none}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000000e0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 16px calc(64px + env(safe-area-inset-bottom))}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.lightbox-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));font-size:14px}.lightbox-name{flex:1;min-width:0;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat{position:relative}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#5865f2d9;pointer-events:none}.drop-overlay div{padding:32px 24px;border:3px dashed rgb(255 255 255 / .7);border-radius:12px;font-size:20px;font-weight:700;text-align:center}.channel.connected,.channel.connected .hash{color:var(--online)}.voice-members{padding:0 0 4px 30px}.voice-member{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:4px;font-size:14px;color:var(--text-muted)}.voice-member .avatar{box-shadow:0 0 0 2px transparent;transition:box-shadow .1s}.voice-member.speaking .avatar{box-shadow:0 0 0 2px var(--online)}.voice-member svg{width:16px;height:16px;margin-left:auto;color:var(--text-faint)}.voice-panel{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:8px;background:#232428;border-bottom:1px solid var(--bg-1)}.voice-panel-info{flex:1;min-width:0}.voice-status{border:0;background:none;padding:0;font-size:13px;font-weight:700;color:var(--online);text-align:left}.voice-status:hover{text-decoration:underline}.voice-status.connecting,.voice-status.reconnecting{color:#faa61a}.voice-channel-name{font-size:12px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-hangup{color:var(--danger)}.voice-hangup:hover{background:#f23f4326;color:var(--danger)}.icon-btn.danger{color:var(--danger)}.user-bar .icon-btn{padding:6px 5px}.voice-room{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px 16px calc(24px + env(safe-area-inset-bottom));background:#000}.voice-empty{color:var(--text-faint);margin:0}.voice-grid{width:100%;max-width:900px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,300px));justify-content:center;gap:12px}.voice-tile{aspect-ratio:16 / 10;border-radius:10px;background:var(--bg-1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;outline:3px solid transparent;outline-offset:-3px;transition:outline-color .1s}.voice-tile.speaking{outline-color:var(--online)}.voice-tile-name{display:flex;align-items:center;gap:6px;font-weight:600}.voice-tile-muted{display:inline-flex;color:var(--text-faint)}.voice-actions{display:flex;gap:16px}.round-btn{width:56px;height:56px;border-radius:50%;border:0;background:var(--bg-3);color:var(--text);display:grid;place-items:center}.round-btn:hover{background:#4e5058}.round-btn svg{width:24px;height:24px}.round-btn.danger{background:#fff;color:#000}.round-btn.hangup{background:var(--danger);color:#fff}.round-btn.hangup:hover{background:#c03537}.voice-join{padding:12px 32px;font-size:16px}.settings{max-width:480px;max-height:calc(100dvh - 32px);overflow-y:auto}.settings-section{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--bg-3)}.settings-section h3{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-faint)}.settings-row{display:flex;gap:8px;flex-wrap:wrap}.settings-hint{color:#faa61a!important}.settings-ok{margin:0;color:var(--online)!important;font-size:14px}.btn-danger{border:0;border-radius:4px;padding:10px 16px;font-weight:600;background:var(--danger);color:#fff}.btn-danger:hover{background:#c03537}.avatar{overflow:visible}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar-btn,.msg-author,button.member,button.voice-member,.user-bar-me{border:0;background:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.avatar-btn{align-self:start;border-radius:50%}.avatar-btn:hover{opacity:.85}.msg-author{font-weight:600}.msg-author:hover{text-decoration:underline}.msg-author.mine{color:#c9cdfb}button.member{width:100%;border-radius:4px;padding:5px 8px}button.member:hover{background:var(--bg-hover);opacity:1}.member-text{flex:1;min-width:0;display:flex;flex-direction:column}.member-name{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-status{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-faint);overflow:hidden;white-space:nowrap}.member-status span{overflow:hidden;text-overflow:ellipsis}button.voice-member{width:100%}button.voice-member:hover{background:var(--bg-hover)}.user-bar-me{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border-radius:4px;padding:2px 4px 2px 2px}.user-bar-me:hover{background:var(--bg-hover)}.user-names{display:flex;flex-direction:column;min-width:0}.user-display,.user-handle{display:block}.user-handle img{vertical-align:-2px}.status-emoji{display:inline-block;line-height:1;object-fit:contain;vertical-align:middle}.profile-card{width:320px;max-width:100%;background:#232428;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #00000073}.profile-banner{height:120px;background-size:cover;background-position:center}.profile-avatar-wrap{position:relative;height:0}.profile-avatar-wrap .avatar{position:absolute;left:16px;top:-48px;border:6px solid #232428;box-sizing:content-box;background-clip:padding-box}.profile-avatar-wrap .status-dot{width:24px;height:24px;border-width:5px;border-color:#232428;right:0;bottom:0}.profile-body{padding:52px 16px 16px;display:flex;flex-direction:column;gap:12px}.profile-names{background:var(--bg-0);border-radius:8px;padding:12px}.profile-display{font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.profile-handle{font-size:14px;color:var(--text-muted)}.profile-pronouns{color:var(--text-faint)}.profile-status{display:flex;align-items:center;gap:8px;background:var(--bg-0);border-radius:8px;padding:8px 12px;font-size:14px;overflow-wrap:anywhere}.profile-section{background:var(--bg-0);border-radius:8px;padding:10px 12px}.profile-section-title{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.profile-since{font-size:14px;color:var(--text-muted)}.profile-edit{width:100%}.popover-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65}.popover-layer.mobile{background:#00000080}.profile-popover{position:fixed;max-height:calc(100dvh - 16px);overflow-y:auto;border-radius:8px}.profile-popover.mobile{left:0;right:0;bottom:0;top:auto;padding-bottom:env(safe-area-inset-bottom)}.profile-popover.mobile .profile-card{width:100%;border-radius:12px 12px 0 0}.settings{max-width:860px;width:100%;padding:0;gap:0;max-height:calc(100dvh - 32px);overflow:hidden;display:flex;flex-direction:column}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px 20px}.settings-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--bg-3);overflow-x:auto;flex-shrink:0}.settings-tab{border:0;background:none;padding:10px 12px;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;white-space:nowrap}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--text);border-bottom-color:var(--accent)}.settings-content{padding:16px 20px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.settings-section:last-child{border-bottom:0}.profile-editor{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:760px){.profile-editor{grid-template-columns:1fr 320px;align-items:start}.profile-editor-preview{position:sticky;top:0}}.profile-editor-form{display:flex;flex-direction:column;gap:16px;min-width:0}.profile-editor-preview{display:flex;flex-direction:column;gap:8px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);display:flex;justify-content:space-between}.field-count{font-weight:400;color:var(--text-faint)}.field-hint{font-size:12px;color:var(--text-faint)}.field input,.field textarea,.password-form input,.status-input input{background:var(--bg-0);border:0;border-radius:4px;padding:10px;font-size:16px;color:var(--text);outline:none;width:100%;font-family:inherit}.field textarea{resize:vertical;min-height:80px}.field input:focus,.field textarea:focus,.password-form input:focus,.status-input input:focus{box-shadow:0 0 0 2px var(--accent)}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:32px;height:32px;border-radius:6px;border:2px solid transparent;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff1a}.swatch.active{border-color:#fff}.swatch.custom{position:relative;overflow:hidden;background:conic-gradient(#ed4245,#faa61a,#3ba55d,#00a8fc,#5865f2,#eb459e,#ed4245)}.swatch.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.status-input{display:flex;align-items:center;gap:8px;background:var(--bg-0);border-radius:4px;padding-right:4px}.status-input input{flex:1;min-width:0}.status-emoji-btn{border:0;background:none;font-size:20px;padding:6px 4px 6px 10px;line-height:1}.save-row{padding-top:4px}.password-form{display:flex;flex-direction:column;gap:8px;max-width:360px}.emoji-pack{background:var(--bg-1);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px}.emoji-pack-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.emoji-pack-strip{display:flex;flex-wrap:wrap;gap:6px}.emoji-pack-strip img{width:32px;height:32px;object-fit:contain}.emoji-pack-strip img.added{opacity:.45}.text-input{background:var(--bg-0);border:0;border-radius:4px;padding:10px;font-size:16px;color:var(--text);outline:none;width:100%;font-family:inherit}.text-input:focus{box-shadow:0 0 0 2px var(--accent)}.text-input.grow{flex:1;min-width:0;width:auto}.recovery-code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:20px;letter-spacing:.06em;text-align:center;padding:14px;border-radius:8px;background:var(--bg-0);border:2px dashed var(--accent);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.check-row{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.check-row input{width:18px;height:18px}.info-list{margin:0;padding-left:20px;color:var(--text-muted);font-size:14px;display:flex;flex-direction:column;gap:4px}.admin-actions,.admin-form{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.settings .btn-secondary,.settings .btn-primary{align-self:auto}.admin-form{align-items:stretch}.field-hint.warn,.warn-text{color:#faa61a}.locked-composer{flex-shrink:0;margin:0 12px calc(12px + env(safe-area-inset-bottom));padding:12px 14px;border-radius:8px;background:var(--bg-3);display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--text-muted);font-size:14px}.locked-composer span{flex:1;min-width:200px}.msg-lock{font-size:11px;opacity:.55}.msg-locked{color:var(--text-faint);font-style:italic}.att-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:28px;color:var(--text-faint)}.att-video-start{position:relative;width:100%;height:100%;border:0;padding:0;background:#000;cursor:pointer;display:grid;place-items:center}.att-video-start img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.att-play{position:relative;width:56px;height:56px;border-radius:50%;background:#0009;color:#fff;display:grid;place-items:center;font-size:22px}.att-download{position:absolute;top:6px;right:6px;width:30px;height:30px;border:0;border-radius:6px;background:#0009;color:#fff;font-size:15px}.att-note{position:absolute;left:6px;right:6px;bottom:6px;padding:4px 8px;border-radius:4px;background:#000000bf;font-size:12px}.reset-box{display:flex;flex-direction:column;gap:8px}.reset-hint{margin:0;font-size:13px;color:var(--text-muted)}.reset-box .text-input{font-size:13px;padding:8px}select.text-input{cursor:pointer}.mic-test{display:flex;flex-direction:column;gap:8px}.level-meter{height:10px;border-radius:5px;background:var(--bg-0);overflow:hidden}.level-fill{height:100%;background:linear-gradient(90deg,var(--online) 0%,var(--online) 70%,#faa61a 85%,var(--danger) 100%);background-size:300px 100%;transition:width .05s linear}input[type=range]{accent-color:var(--accent);width:100%}.ptt-key{align-self:flex-start}.ptt-key.listening{outline:2px solid var(--accent)}.ptt-hint{font-size:11px;color:var(--text-faint)}.ptt-hint.talking{color:var(--online);font-weight:700}.user-volume{display:flex;align-items:center;gap:6px;width:80%;font-size:12px;color:var(--text-faint);opacity:0;transition:opacity .15s}.voice-tile:hover .user-volume,.user-volume:focus-within{opacity:1}@media(hover:none){.user-volume{opacity:1}}.user-volume input{flex:1;min-width:0}.user-volume-value{width:36px;text-align:right}.section-title{display:flex;align-items:center;justify-content:space-between}.section-add{border:0;background:none;color:var(--text-faint);font-size:18px;line-height:1;padding:0 4px}.section-add:hover{color:var(--text)}.channel-row{position:relative}.channel-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-edit{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:13px;opacity:0;padding:4px;filter:grayscale(1)}.channel-row:hover .channel-edit,.channel-edit:focus-visible{opacity:.8}@media(hover:none){.channel-edit{opacity:.6}}.channel-edit:hover{opacity:1;filter:none}.thread-link{padding:4px 8px 4px 28px;font-size:14px}.thread-branch{color:var(--text-faint);width:14px}.channel-dialog,.thread-dialog{max-width:460px}.type-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;background:var(--bg-1);cursor:pointer}.type-option.active{background:var(--bg-3)}.type-option input{width:18px;height:18px;accent-color:var(--accent)}.type-option strong{display:block;color:var(--text)}.type-hint{display:block;font-size:12px;color:var(--text-faint);font-weight:400;text-transform:none}.type-icon{width:22px;text-align:center;font-size:18px;color:var(--text-muted)}.name-input{display:flex;align-items:center;gap:8px;background:var(--bg-0);border-radius:4px;padding-left:10px}.name-input .text-input{background:none}.dialog-actions{align-items:center}.dialog-actions .grow{flex:1}.thread-starter{font-size:13px;color:var(--text-muted);background:var(--bg-1);border-left:3px solid var(--accent);border-radius:4px;padding:8px 10px;max-height:80px;overflow:hidden}textarea.text-input{resize:vertical;min-height:90px}.header-back{display:flex;align-items:center;gap:4px;border:0;background:none;color:var(--text-faint);font-size:14px;padding:4px 6px;border-radius:4px;max-width:40%}.header-back:hover{background:var(--bg-hover);color:var(--text)}.header-back .hash{font-size:16px;margin:0}.header-parent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-action{margin-left:auto;font-size:16px}.forum{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.forum-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.forum-top h3{margin:0;font-size:20px}.forum-top .field-hint{margin:2px 0 0}.forum-list{display:flex;flex-direction:column;gap:8px}.forum-post{border:0;text-align:left;background:var(--bg-1);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;color:var(--text)}.forum-post:hover{background:var(--bg-hover)}.forum-post-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.forum-post.unread .forum-post-title{color:#fff}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.forum-post-preview{font-size:14px;color:var(--text-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.forum-post-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-faint);flex-wrap:wrap}.forum-empty{text-align:center;color:var(--text-faint);padding:40px 0}.forum-empty-icon{font-size:48px}.forum-more{align-self:center}.thread-chip{margin-top:6px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:6px;background:var(--bg-1);color:var(--text-muted);padding:6px 10px;font-size:13px;max-width:100%}.thread-chip strong{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-chip:hover{background:var(--bg-3)}.msg-actions{gap:2px}.md-code{background:var(--bg-0);border-radius:4px;padding:1px 4px;font-family:ui-monospace,Consolas,monospace;font-size:.88em}.md-pre{background:var(--bg-0);border:1px solid #1a1b1e;border-radius:6px;padding:8px 10px;margin:4px 0;overflow-x:auto;white-space:pre;font-family:ui-monospace,Consolas,monospace;font-size:.88em}.md-quote{margin:2px 0;padding:0 0 0 10px;border-left:4px solid #4e5058}.spoiler{background:#1e1f22;color:transparent;border-radius:3px;cursor:pointer;transition:background .1s}.spoiler *{visibility:hidden}.spoiler:hover{background:#18191c}.spoiler.shown{background:#ffffff14;color:inherit;cursor:auto}.spoiler.shown *{visibility:visible}.mention{background:#5865f24d;color:#dee0fc;border-radius:3px;padding:0 2px;font-weight:500}.mention[role=button]{cursor:pointer}.mention[role=button]:hover{background:var(--accent);color:#fff}.message.mentioned{background:#f0b13214}.message.mentioned:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#f0b132}.message.mentioned:hover{background:#f0b1321f}.message.flash{animation:msg-flash 2.2s ease-out}@keyframes msg-flash{0%,30%{background:#5865f247}to{background:transparent}}.msg-edited{font-size:11px;color:var(--text-faint)}.msg-pin{font-size:11px;opacity:.8}.msg-actions .icon-btn.danger:hover{background:#f23f4333}.reply-preview{grid-column:1 / -1;display:flex;align-items:center;gap:5px;min-width:0;margin:0 0 2px 18px;font-size:13px;color:var(--text-muted);text-align:left}button.reply-preview:hover .reply-text{color:var(--text)}.reply-preview.deleted{font-style:italic;color:var(--text-faint)}.reply-curve{color:var(--text-faint);font-size:15px}.reply-preview strong{color:#c9cdfb;font-weight:600;flex-shrink:0}.reply-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.reply-bar{display:flex;align-items:center;gap:8px;background:var(--bg-1);border-radius:8px 8px 0 0;padding:6px 8px 6px 14px;font-size:13px;color:var(--text-muted);margin-bottom:-4px}.reply-bar>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-bar strong{color:var(--text)}.reply-bar-text{margin-left:8px;color:var(--text-faint)}.suggest-sub{margin-left:auto;padding-left:12px;font-size:12px;color:var(--text-faint)}.suggest-emoji .avatar,.suggest-emoji>*{vertical-align:middle}.edit-box{margin:4px 0}.edit-box textarea{width:100%;resize:none;max-height:50vh;font:inherit}.edit-hint{font-size:12px;color:var(--text-faint);margin-top:4px}.edit-hint button{color:var(--link)}.edit-hint button:hover{text-decoration:underline}.mention-badge{flex-shrink:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.header-tools{margin-left:auto;display:flex;gap:2px}.header-action+.header-tools,.header-tools:has(+.header-action){margin-left:0}.header-tools .icon-btn{font-size:16px;padding:6px;border-radius:6px}.header-tools .icon-btn.active{background:var(--bg-3)}.side-panel{position:absolute;z-index:30;top:calc(52px + env(safe-area-inset-top));right:12px;width:min(420px,calc(100% - 24px));max-height:calc(100% - 140px);display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--bg-0);border-radius:10px;box-shadow:0 8px 24px #0006}.side-panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--bg-0)}.side-panel-head h3{margin:0;font-size:15px}.side-panel-body{overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.panel-empty{color:var(--text-faint);font-size:13px;margin:4px 2px}.panel-card{background:var(--bg-2);border-radius:8px;padding:8px 10px}.panel-card-head{display:flex;align-items:center;gap:6px;font-size:13px;min-width:0}.panel-card-head time{margin-left:auto;color:var(--text-faint);font-size:11px;flex-shrink:0}.panel-card-where{color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-card-text{margin:4px 0 6px;white-space:pre-wrap;overflow-wrap:anywhere;color:#dbdee1;font-size:14px;max-height:160px;overflow:hidden}.panel-card-actions{display:flex;gap:6px;justify-content:flex-end}.panel-card-actions .btn-secondary{padding:4px 10px;font-size:12px}.search-form{display:flex;gap:6px;flex-wrap:wrap}.search-form input{flex:1 1 180px;min-width:0}.search-form select{flex:0 0 auto;width:auto}@media(max-width:767px){.side-panel{left:8px;right:8px;width:auto;max-height:calc(100% - 120px)}}.reply-preview{background:none;border:0;padding:0;font:inherit;font-size:13px;cursor:pointer}.reply-preview.deleted{cursor:default}.plus-wrap{position:relative;flex-shrink:0}.attach-btn{transition:transform .15s}.attach-btn.open{color:var(--text);transform:rotate(45deg)}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.plus-menu{position:absolute;bottom:calc(100% + 10px);left:-10px;z-index:41;min-width:190px;background:var(--bg-0);border-radius:8px;padding:6px;box-shadow:0 8px 24px #00000073;display:flex;flex-direction:column}.plus-menu button{text-align:left;padding:8px 10px;border-radius:4px;color:var(--text-muted)}.plus-menu button:hover{background:var(--accent);color:#fff}.gif-btn{flex-shrink:0;height:26px;margin:0 2px 6px;padding:0 6px;border:2px solid var(--text-muted);border-radius:5px;background:none;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.5px}.gif-btn:hover,.gif-btn.open{color:var(--text);border-color:var(--text)}.mic-btn{background:none;font-size:20px}.mic-btn:hover:not(:disabled){background:var(--bg-hover)}.composer-note{font-size:13px;color:var(--text-muted);padding:2px 4px 6px}.recorder{display:flex;align-items:center;gap:10px;background:var(--bg-3);border-radius:8px;padding:4px 4px 4px 8px;min-height:46px}.recorder-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);flex-shrink:0;transition:transform .08s}.recorder-time{font-variant-numeric:tabular-nums;min-width:38px}.recorder-level{flex:1;height:6px;background:var(--bg-0);border-radius:3px;overflow:hidden}.recorder-level div{height:100%;background:var(--online);transition:width .08s}.recorder-hint{font-size:12px;color:var(--text-faint)}.voice-msg{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:min(360px,100%);background:var(--bg-1);border-radius:22px;padding:6px 12px 6px 6px;margin-top:4px}.voice-play{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;flex-shrink:0}.voice-play:disabled{background:var(--bg-3);color:var(--text-faint)}.voice-wave{flex:1;display:flex;align-items:center;gap:2px;height:30px;cursor:pointer;min-width:120px}.voice-wave span{flex:1;min-height:3px;border-radius:2px;background:#6d717a}.voice-wave span.played{background:#c9cdfb}.voice-time{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.voice-speed{font-size:11px;font-weight:700;color:var(--text-muted);background:var(--bg-3);border-radius:10px;padding:2px 6px}.voice-error{flex-basis:100%;font-size:12px;color:var(--text-faint);padding-left:44px}.poll{max-width:440px;background:var(--bg-1);border:1px solid var(--bg-0);border-radius:10px;padding:12px;margin-top:4px}.poll-q{font-weight:700;font-size:15px;overflow-wrap:anywhere}.poll-hint{font-size:12px;color:var(--text-faint);margin:2px 0 8px}.poll-option{position:relative;display:flex;align-items:center;gap:8px;width:100%;margin-top:6px;padding:8px 10px;border:1px solid var(--bg-3);border-radius:8px;background:var(--bg-2);text-align:left;overflow:hidden}.poll-option:hover:not(:disabled){border-color:var(--accent)}.poll-option.mine{border-color:var(--accent)}.poll-option.leading{border-color:var(--online)}.poll-option:disabled{cursor:default}.poll-fill{position:absolute;inset:0 auto 0 0;background:#5865f238;transition:width .3s}.poll-option.leading .poll-fill{background:#23a55a40}.poll-option>:not(.poll-fill){position:relative}.poll-check{color:var(--text-muted);width:16px}.poll-option.mine .poll-check{color:#c9cdfb}.poll-text{flex:1;min-width:0;overflow-wrap:anywhere}.poll-voters{display:flex}.poll-voters>*{margin-left:-4px;box-shadow:0 0 0 2px var(--bg-2);border-radius:50%}.poll-count{font-size:12px;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.poll-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;color:var(--text-faint)}.poll-close{color:var(--link);font-size:12px}.poll-close:hover{text-decoration:underline}.poll-dialog{width:min(460px,calc(100vw - 32px))}.poll-edit-row{display:flex;gap:6px;margin-bottom:6px}.poll-edit-row input{flex:1}.poll-add{align-self:flex-start}.check-row{display:flex;align-items:center;gap:8px;margin:6px 0;color:var(--text-muted)}.sticker{display:block;margin-top:4px;object-fit:contain}.gif-embed{position:relative;max-width:100%;margin-top:4px;border-radius:8px;overflow:hidden;background:var(--bg-0)}.gif-embed video{display:block;width:100%;height:100%;object-fit:cover}.gif-badge{position:absolute;left:6px;bottom:6px;font-size:10px;font-weight:800;padding:1px 4px;border-radius:3px;background:#0000008c;color:#fff}.gif-fav{position:absolute;top:6px;right:6px;width:30px;height:30px;border-radius:50%;background:#0000008c;color:#fff;font-size:17px;opacity:0;transition:opacity .1s}.gif-fav.on{color:#f0b132}.gif-embed:hover .gif-fav,.gif-tile:hover .gif-fav,.gif-fav.on,.message.selected .gif-fav{opacity:1}@media(hover:none){.gif-fav{opacity:1}}.gif-popover{width:420px;height:470px;display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--bg-0)}.gif-popover.mobile{width:auto;height:min(470px,70dvh)}.gif-tabs{display:flex;gap:4px;padding:8px 8px 0;align-items:center}.gif-tabs>button[role=tab]{padding:6px 12px;border-radius:6px;color:var(--text-muted);font-weight:600}.gif-tabs>button.active{background:var(--bg-3);color:var(--text)}.gif-close{margin-left:auto}.gif-search{margin:8px 8px 0;width:auto}.gif-scroll{flex:1;overflow-y:auto;padding:8px}.gif-section{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin:4px 2px 6px}.gif-grid{display:flex;gap:6px;margin-bottom:8px}.gif-col{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.gif-tile{position:relative;border-radius:6px;overflow:hidden;background:var(--bg-0)}.gif-tile-pick{display:block;width:100%;height:100%;padding:0}.gif-tile-pick img,.gif-tile-pick video{width:100%;height:100%;object-fit:cover;display:block}.gif-tile-pick:hover{outline:2px solid var(--accent);outline-offset:-2px}.gif-more{display:block;margin:4px auto 8px}.gif-attrib{font-size:10px;color:var(--text-faint);text-align:right;padding:4px 10px 6px;letter-spacing:.5px}.sticker-bar{display:flex;gap:6px;padding:8px 8px 0}.sticker-bar .btn-secondary{padding:5px 10px;font-size:13px}.sticker-bar .btn-secondary.active{background:var(--accent);color:#fff}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;margin-bottom:10px}.sticker-tile{position:relative;aspect-ratio:1;border-radius:8px;background:var(--bg-2)}.sticker-tile>button:first-child{width:100%;height:100%;padding:6px;border-radius:8px}.sticker-tile>button:first-child:hover:not(:disabled){background:var(--bg-3)}.sticker-tile img{width:100%;height:100%;object-fit:contain}.sticker-del{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--danger);color:#fff;font-size:11px}.sticker-upload{padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.sticker-drop{display:grid;place-items:center;height:150px;border:2px dashed var(--bg-3);border-radius:10px;color:var(--text-faint);font-size:13px;cursor:pointer;text-align:center;padding:8px}.sticker-drop:hover{border-color:var(--accent)}.sticker-drop img{max-height:130px;max-width:100%;object-fit:contain}.gif-tabs>button[role=tab],.poll-close,.sticker-tile>button:first-child,.gif-tile-pick,.plus-menu button{background:none;border:0}.gif-tabs>button.active{background:var(--bg-3)}.plus-menu button:hover{background:var(--accent)}.voice-room.has-stage{justify-content:flex-start}.stage{width:100%;display:flex;flex-direction:column;gap:8px;min-height:0;flex:1}.stage-main{position:relative;flex:1;min-height:200px;background:#000;border-radius:10px;overflow:hidden;display:grid;place-items:center}.stage-video{width:100%;height:100%;object-fit:contain;background:#000}.stage-main:fullscreen{border-radius:0}.stage-label{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:6px;background:#0009;color:#fff;font-size:13px;padding:3px 8px;border-radius:6px}.stage-fullscreen{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:8px;background:#0009;color:#fff;font-size:18px;opacity:0;transition:opacity .15s}.stage-main:hover .stage-fullscreen{opacity:1}@media(hover:none){.stage-fullscreen{opacity:1}}.stage-strip{display:flex;gap:8px;overflow-x:auto;flex-shrink:0}.stage-thumb{position:relative;flex-shrink:0;width:180px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#000;padding:0;border:2px solid transparent}.stage-thumb:hover{border-color:var(--accent)}.stage-thumb video{width:100%;height:100%;object-fit:cover}.stage-thumb span{position:absolute;left:4px;bottom:4px;font-size:11px;background:#0009;color:#fff;padding:1px 5px;border-radius:4px}video.mirror{transform:scaleX(-1)}.voice-room.has-stage .voice-grid{flex:0 0 auto}.voice-room.has-stage .voice-tile{padding:8px 12px;min-width:0}.voice-tile.with-video{padding:0;overflow:hidden;width:260px}.tile-video{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:#000}.voice-tile.with-video .voice-tile-name{padding:6px 8px}.live-badge{display:inline-block;margin-left:6px;background:var(--danger);color:#fff;font-size:9px;font-weight:800;letter-spacing:.5px;padding:1px 4px;border-radius:3px;vertical-align:middle}.round-btn.active{background:var(--online);color:#fff}.share-menu{bottom:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:230px}.share-menu small{display:block;font-size:11px;color:var(--text-faint)}.share-menu button:hover small{color:#e0e3ff}.sound-note{font-size:13px;color:var(--text-muted);background:var(--bg-1);padding:4px 10px;border-radius:12px;animation:msg-flash 2.5s ease-out}.soundboard-title{padding:6px 4px}.sound-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.sound-tile{position:relative}.sound-tile>button:first-child{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:8px;background:var(--bg-2);border:1px solid var(--bg-3)}.sound-tile>button:first-child:hover:not(:disabled){border-color:var(--accent);background:var(--bg-3)}.sound-tile>button:first-child:disabled{opacity:.55;cursor:default}.sound-tile>button.played{border-color:var(--online);background:#23a55a33}.sound-emoji{font-size:24px}.sound-name{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soundboard-volume{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--bg-0);font-size:12px;color:var(--text-muted)}.soundboard-volume input{flex:1}.sound-upload{padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.sound-drop{height:90px}.sound-upload-row{display:flex;gap:6px}.sound-emoji-input{width:56px;text-align:center;font-size:18px}.voice-panel .icon-btn.active{background:var(--bg-3)}.events-link .events-count{flex-shrink:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.events-link.live{color:var(--online);font-weight:600}.events-link{margin-bottom:6px}.events-modal{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 40px);display:flex;flex-direction:column}.events-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.events-head h2{margin:0;flex:1}.events-list{overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:2px}.event-card{display:flex;gap:12px;background:var(--bg-2);border:1px solid var(--bg-3);border-radius:10px;padding:12px}.event-card.live{border-color:var(--online);box-shadow:0 0 0 1px var(--online) inset}.event-card.past{opacity:.6}.event-date{flex-shrink:0;width:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-1);border-radius:8px;padding:6px 2px;height:fit-content}.event-day{font-size:12px;text-transform:uppercase;color:var(--danger);font-weight:700}.event-date-num{font-size:13px;font-weight:700;text-align:center}.event-main{flex:1;min-width:0}.event-when{font-size:12px;color:var(--text-muted)}.event-when.live{color:var(--online);font-weight:700}.event-title{font-size:16px;font-weight:700;margin:2px 0;overflow-wrap:anywhere}.event-desc{font-size:14px;color:#dbdee1;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:4px}.event-where{font-size:13px;color:var(--link);margin:2px 0 6px}.event-where:hover{text-decoration:underline}.event-rsvp{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.event-rsvp-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:16px;background:var(--bg-1);border:1px solid var(--bg-3);font-size:13px}.event-rsvp-btn:hover:not(:disabled){border-color:var(--accent)}.event-rsvp-btn.mine{border-color:var(--accent);background:#5865f240}.event-avatars{display:flex}.event-avatars>*{margin-left:-4px;box-shadow:0 0 0 2px var(--bg-1);border-radius:50%}.event-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px}.event-tools button{color:var(--text-muted);background:none;border:0;padding:0}.event-tools button:hover{color:var(--text);text-decoration:underline}.event-by{margin-left:auto;color:var(--text-faint)}.event-form{overflow-y:auto}.event-form-row{display:flex;gap:8px;flex-wrap:wrap}.event-form-row .field{flex:1 1 120px}@media(max-width:600px){.stage-thumb{width:130px}.voice-tile.with-video{width:46%}.event-card{padding:10px;gap:8px}.event-date{width:46px}}.voice-room.has-stage{gap:10px;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.voice-room.has-stage .stage{flex:1 1 auto;min-height:45vh}.stage-main{display:block}.stage-video{position:absolute;top:0;right:0;bottom:0;left:0}.voice-room.has-stage .voice-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:none}.voice-room.has-stage .voice-tile{aspect-ratio:auto;flex-direction:row;gap:8px;padding:6px 12px 6px 6px;border-radius:24px}.voice-room.has-stage .voice-tile .user-volume{display:none}