:root{color-scheme:dark;--bg: #1e1f22;--panel: #2b2d31;--panel-raised: #313338;--text: #dbdee1;--text-muted: #949ba4;--accent: #5865f2;--accent-hover: #4752c4;--danger: #f23f43;--ok: #23a55a;--ok-strong: #1e8e4e;--warn: #f0b232;--info: #00a8fc;--info-soft: #cfe2ff;--accent-soft: #cdd2fb;--edge: #1a1b1e;--band-a: #454a8f;--band-b: #33366b}body[data-theme=wine]{--bg: #241019;--panel: #2f1620;--panel-raised: #3a1c29;--text: #f4ebef;--text-muted: #b89dab;--accent: #b07bf0;--accent-hover: #9a63d8;--danger: #e04c4c;--ok: #35c66f;--ok-strong: #23a355;--warn: #e0a13c;--accent-soft: #e6d5fb;--edge: #47222f;--band-a: #4b2361;--band-b: #35184a}.shell-content{flex:1;display:flex;min-height:0}.status-inline{max-width:300px;border-radius:999px;padding:7px 14px;font-size:13px}.presence-summary{margin-left:auto;display:flex;gap:14px;font-size:12.5px;color:var(--text-muted);white-space:nowrap}.presence-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.presence-dot.on{background:var(--ok)}.presence-dot.off{background:var(--text-muted)}.rail-strip{width:60px;flex:none;background:var(--panel);border-right:1px solid var(--edge);display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0;overflow-y:auto}.rail-home{width:38px;height:38px;border-radius:10px;background:var(--panel-raised);color:var(--text);font-size:17px;padding:0;border:1px solid var(--edge)}.rail-home:hover{background:var(--accent)}.rail-settings{margin-top:auto;width:38px;height:38px;border-radius:10px;background:var(--panel-raised);color:var(--text-muted);border:1px solid var(--edge);font-size:16px;padding:0}.rail-settings:hover{background:var(--accent);color:#fff}.rail-ava{position:relative;cursor:pointer;border-radius:50%}.rail-ava.online{box-shadow:0 0 0 2.5px var(--ok)}.rail-ava.active{box-shadow:0 0 0 2.5px var(--accent)}.rail-ava.online.active{box-shadow:0 0 0 2.5px var(--accent),0 0 0 5px var(--ok)}.rail-unread{position:absolute;top:-4px;right:-6px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:1;border-radius:8px;padding:2px 5px;box-shadow:0 0 0 2px var(--panel)}.rail-tab{align-self:flex-start;margin-top:14px;margin-left:-1px;width:18px;padding:9px 2px;border-radius:0 9px 9px 0;background:var(--panel-raised);border:1px solid var(--edge);border-left:none;color:var(--text-muted);font-size:12px;line-height:1.15;display:flex;flex-direction:column;align-items:center;cursor:pointer;flex:none}.rail-tab:hover{background:var(--accent);color:#fff}body[data-shell=rail][data-rail=closed] .sidebar{display:none}.sidebar-home{margin:8px 8px 0;text-align:left;font-weight:600;border:1px solid var(--edge);background:var(--panel-raised)}.home-body{flex:1;display:flex;min-height:0}.games-tab{align-self:flex-start;margin-top:14px;margin-left:auto;width:22px;padding:8px 2px;border-radius:9px 0 0 9px;background:var(--panel-raised);border:1px solid var(--edge);border-right:none;color:var(--text-muted);font-size:12px;line-height:1.15;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;flex:none}.games-tab:hover{background:var(--accent);color:#fff}.games-tab-icon{font-size:13px}.games-panel{width:250px;flex:none;background:var(--panel);border-left:1px solid var(--edge);padding:12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.game-item{text-align:left;border:1px solid var(--edge);font-weight:600}.game-item small{display:block;font-weight:400;color:var(--text-muted)}.home-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.home-band{flex:none;background:linear-gradient(100deg,var(--band-a),var(--band-b));clip-path:polygon(0 0,100% 0,97.5% 100%,2.5% 100%);display:flex;align-items:center;gap:16px;padding:11px 5%}.home-band-me{display:flex;align-items:center;gap:10px;font-size:15px;white-space:nowrap}.home-band-me .avatar{box-shadow:0 0 0 2.5px var(--ok)}.home-band .status-inline{max-width:300px;background:var(--panel)}.home-band .presence-summary{margin-left:auto}.home-card-hide{padding:1px 5px;font-size:13px;opacity:.35}.home-card:hover .home-card-hide{opacity:1}.home-hidden-note{flex:none;padding:8px 5% 12px;display:flex;align-items:center;gap:8px}.home-hidden-note .ghost{padding:2px 10px;font-size:12px;border:1px solid var(--edge)}.home-grid{flex:1;overflow-y:auto;padding:18px 22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;align-content:start}.home-card{background:var(--panel);border:1px solid var(--edge);border-radius:10px;display:flex;flex-direction:column;min-height:170px;cursor:pointer;overflow:hidden}.home-card:hover{border-color:var(--accent)}.home-card-head{display:flex;align-items:center;gap:8px;padding:9px 11px 7px;border-bottom:1px solid var(--edge)}.home-card-who{font-weight:700;font-size:13.5px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-card-when{font-size:11px}.home-card-msgs{flex:1;padding:8px 11px;display:flex;flex-direction:column;gap:5px;font-size:13px}.home-card-msg{display:flex;gap:6px;min-width:0}.home-card-msg b{color:var(--text-muted);font-weight:600;flex:none}.home-card-msg span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-card-call{display:flex;align-items:center;justify-content:space-between;margin:0 9px 8px;padding:6px 10px;background:color-mix(in srgb,var(--ok) 15%,transparent);border:1px solid var(--ok);border-radius:8px;font-size:12.5px}.home-card-join{color:var(--ok);font-weight:700}.home-card-reply{margin:0 9px 9px;border-radius:999px;padding:7px 13px;font-size:12.5px;width:auto}.msg-head{display:flex;align-items:baseline;gap:5px}.msg-time:before{content:"· "}.peer-status{display:none}body[data-shell=rail] .chat header{background:linear-gradient(100deg,var(--band-a),var(--band-b));clip-path:polygon(0 0,100% 0,97.5% 100%,2.5% 100%);border-bottom:none;padding:12px 5%}body[data-shell=rail] .chat-title .avatar{box-shadow:0 0 0 2.5px var(--ok)}body[data-shell=rail] .peer-status{display:block;font-size:12px;font-weight:400;color:var(--text-muted)}body[data-shell=rail] .chat-actions button{background:var(--panel);color:var(--text);border-radius:999px;padding:6px 14px}body[data-shell=rail] .chat-actions button:hover{background:var(--accent)}body[data-shell=rail] .messages{gap:14px;padding:18px 5%}body[data-shell=rail] .msg-row{align-items:flex-start;max-width:92%;gap:10px}body[data-shell=rail] .msg{background:transparent;padding:0;max-width:100%}body[data-shell=rail] .msg.mine{background:transparent}body[data-shell=rail] .mine-row .msg-head{flex-direction:row-reverse;justify-content:flex-start}body[data-shell=rail] .mine-row .msg-author{border-radius:9px 0 0 9px;padding:2px 18px 2px 10px;margin-left:0;margin-right:-14px}body[data-shell=rail] .msg.mine .meta{color:var(--text-muted)}body[data-shell=rail] .msg.mine .msg-link{color:var(--info)}body[data-shell=rail] .msg-row .avatar{position:relative;z-index:1}body[data-shell=rail] .msg-ava.ring-on{box-shadow:0 0 0 2px var(--ok)}body[data-shell=rail] .msg-ava.ring-off{box-shadow:0 0 0 2px var(--edge)}body[data-shell=rail] .msg-head{align-items:center;gap:8px;margin-bottom:3px}body[data-shell=rail] .msg-author{background:var(--panel);border:1px solid var(--edge);border-radius:0 9px 9px 0;padding:2px 10px 2px 18px;margin-left:-16px;font-weight:700;font-size:12px;color:var(--text)}body[data-shell=rail] .msg-time:before{content:""}body[data-shell=rail] .composer{padding:12px 5% 16px;align-items:center}body[data-shell=rail] .composer input:not([type=file]){border-radius:999px;padding:10px 18px;background:var(--panel)}body[data-shell=rail] .composer button{border-radius:999px}@media(max-width:720px){.rail-strip,.rail-tab{display:none!important}body[data-shell=rail][data-rail=closed] .sidebar{display:flex}.shell-content{width:100%}}*{box-sizing:border-box}body{margin:0;font-family:gg sans,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);height:100vh;height:100dvh}#app{height:100vh;height:100dvh;display:flex}button{background:var(--accent);border:none;border-radius:4px;color:#fff;padding:8px 14px;font-size:14px;cursor:pointer}button:hover{background:var(--accent-hover)}button.ghost{background:transparent;color:var(--text-muted)}button.ghost:hover{color:var(--text);background:var(--panel-raised)}input{background:var(--bg);border:1px solid var(--edge);border-radius:4px;color:var(--text);padding:9px 10px;font-size:14px;width:100%}input:focus{outline:2px solid var(--accent);outline-offset:-1px}.auth-wrap{margin:auto;background:var(--panel);padding:32px;border-radius:8px;width:340px;display:flex;flex-direction:column;gap:10px}.auth-wrap h1{margin:0 0 4px;font-size:22px;text-align:center}.auth-wrap .sub{color:var(--text-muted);font-size:13px;text-align:center;margin-bottom:8px}.error{color:var(--danger);font-size:13px;min-height:16px}.sidebar{width:260px;background:var(--panel);display:flex;flex-direction:column;border-right:1px solid var(--edge)}.sidebar header{padding:12px;border-bottom:1px solid var(--edge);display:flex;flex-flow:row wrap;align-items:center;gap:6px 8px}.sidebar .me,.sidebar header>input{flex:1 0 100%}.sidebar header>button{flex:0 0 auto;padding:6px 10px;font-size:13px}.sidebar .me{display:flex;align-items:center;justify-content:space-between;font-weight:600}.sidebar .me small{display:block;color:var(--text-muted);font-weight:400}.contact-list{flex:1;min-height:130px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.contact{padding:8px 10px;border-radius:4px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;gap:8px}.contact-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact:hover{background:var(--panel-raised);color:var(--text)}.contact.active{background:var(--panel-raised);color:var(--text);font-weight:600}.contact.unread{color:var(--text);font-weight:600}.unread-badge{flex:none;background:var(--danger);color:#fff;font-size:11px;font-weight:700;line-height:1;padding:3px 6px;border-radius:10px;min-width:18px;text-align:center}.chat-actions{display:flex;align-items:center;gap:4px;flex:none}.muted-mark{flex:none;font-size:12px;opacity:.7}.unread-badge.dim{background:var(--text-muted);color:var(--panel)}.members-panel{gap:6px}.member-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.member-row .ghost{padding:3px 8px;font-size:12px}.member-add{display:flex;gap:6px;margin-top:4px}.member-add button{flex:none;padding:6px 12px}.danger-ghost{align-self:flex-start;color:var(--danger);border:1px solid var(--danger);background:transparent;margin-top:4px}.danger-ghost:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;color:#fff;font-weight:700;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.contact-text{flex:1;min-width:0;display:flex;flex-direction:column}.contact-status{font-size:11px;color:var(--text-muted);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-label{display:flex;align-items:center;gap:8px;min-width:0}.profile-row{display:flex;align-items:center;gap:8px}.profile-row .ghost{padding:5px 10px;font-size:12px}.requests-panel{padding:8px 12px;border-bottom:1px solid var(--edge);display:flex;flex-direction:column;gap:6px}.request-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.request-actions{display:flex;gap:4px;flex:none}.request-actions button,.request-row>button{padding:4px 10px;font-size:12px}.member-picker{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.member-pick{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.member-pick input[type=checkbox]{width:auto;margin:0}.empty-note{padding:8px 10px}.dnd-buttons{display:flex;flex-wrap:wrap;gap:6px}.dnd-buttons button{padding:5px 10px;font-size:12px}.day-separator{display:flex;align-items:center;gap:8px;margin:12px 0 4px;color:var(--text-muted);font-size:12px}.day-separator:before,.day-separator:after{content:"";flex:1;height:1px;background:var(--edge)}.chat-title{display:flex;align-items:center;gap:6px;min-width:0}.back-button{display:none;font-size:22px;line-height:1;padding:2px 10px}.chat{flex:1;display:flex;flex-direction:column;background:var(--panel-raised)}.chat header{padding:12px 16px;border-bottom:1px solid var(--edge);font-weight:600}.chat header small{color:var(--text-muted);font-weight:400;margin-left:8px}.chat-header{display:flex;align-items:center;justify-content:space-between}.identity-alert{margin:12px 16px 0;padding:12px;border:1px solid var(--danger);border-radius:8px;background:color-mix(in srgb,var(--danger) 8%,transparent);display:flex;flex-direction:column;gap:10px;font-size:13px}.identity-alert button{align-self:flex-start;background:var(--danger)}.safety-panel{margin:12px 16px 0;padding:12px;border:1px solid var(--edge);border-radius:8px;background:var(--panel);display:flex;flex-direction:column;gap:8px;font-size:13px}.safety-row code{display:block;margin-top:4px;font-size:14px;letter-spacing:.06em;overflow-wrap:anywhere}.safety-panel .meta,.safety-row .meta{color:var(--text-muted);font-size:12px}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.msg-row{display:flex;align-items:flex-end;gap:8px;max-width:78%;align-self:flex-start}.msg-row .msg{max-width:100%}.msg{max-width:70%;padding:8px 12px;border-radius:8px;background:var(--panel);align-self:flex-start;overflow-wrap:anywhere}.msg.mine{background:var(--accent);align-self:flex-end}.msg .meta{font-size:11px;color:var(--text-muted);margin-bottom:2px}.msg.mine .meta{color:var(--accent-soft)}.msg.failed{border:1px solid var(--danger);color:var(--text-muted);font-style:italic}.composer{display:flex;gap:8px;padding:12px 16px 16px}.attachment-tray{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px 0}.attachment-chip{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--edge);border-radius:6px;padding:6px 8px;max-width:260px}.attachment-chip img{width:40px;height:40px;object-fit:cover;border-radius:4px}.attachment-chip .chip-icon{font-size:22px}.attachment-chip .chip-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip .chip-name small{color:var(--text-muted)}.attachment-chip .chip-remove{padding:2px 6px;font-size:12px}.attachment-info{font-weight:600;overflow-wrap:anywhere}.attachment-info small{color:var(--text-muted);font-weight:400}.msg.mine .attachment-info small{color:var(--accent-soft)}.attachment-preview{display:block;max-width:min(100%,420px);max-height:320px;object-fit:contain;border-radius:6px;margin-top:6px;cursor:zoom-in;background:var(--bg)}.attachment-video-placeholder{display:block;width:min(100%,420px);height:120px;margin-top:6px;border:1px dashed var(--text-muted);border-radius:6px;background:var(--bg);color:var(--text);font-size:14px;cursor:pointer}.attachment-video-placeholder:hover{border-color:var(--text)}.attachment-video{display:block;max-width:min(100%,420px);max-height:320px;border-radius:6px;margin-top:6px;background:var(--bg)}.attachment-actions{margin-top:6px}.attachment-download{padding:4px 10px;font-size:13px;border:1px solid var(--text-muted)}.attachment-status{margin-top:4px}.empty{margin:auto;color:var(--text-muted)}.admin-panel{max-height:40%;overflow-y:auto;padding:8px 12px;border-bottom:1px solid var(--edge);display:flex;flex-direction:column;gap:4px}.admin-title{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.admin-row .ghost{padding:2px 8px;font-size:12px}.admin-entry{display:flex;flex-direction:column;gap:2px}.admin-note{font-size:12px;color:var(--text-muted);-webkit-user-select:all;user-select:all;word-break:break-all}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:60}.settings-modal{background:var(--panel);border:1px solid var(--edge);border-radius:10px;width:min(560px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 48px));display:flex;flex-direction:column;box-shadow:0 16px 48px #00000080}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--edge)}.settings-modal-header h2{margin:0;font-size:16px}.settings-panel{overflow-y:auto;padding:12px 16px 16px;display:flex;flex-direction:column;gap:6px}.settings-panel .admin-title{margin-top:10px}.settings-panel .admin-title:first-child{margin-top:0}.settings-panel input:not([type=checkbox]):not([type=range]){width:100%;max-width:340px}.settings-panel button{align-self:flex-start}.settings-audio .call-devices{padding:0}.sidebar-footer{padding:6px 10px;border-top:1px solid var(--edge);display:flex;align-items:center}.storage-bar{height:8px;border-radius:4px;background:var(--bg);overflow:hidden;max-width:340px}.storage-bar-fill{height:100%;width:0;background:var(--ok);border-radius:4px;transition:width .3s ease}.device-limit-card .device-entry{text-align:left;border:1px solid var(--edge);border-radius:8px;padding:10px 12px;margin-top:10px}.device-limit-name{font-weight:600;flex:1}.device-list{display:flex;flex-direction:column;gap:10px}.device-entry{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px solid var(--edge)}.device-row{display:flex;align-items:center;gap:6px}.device-row .device-name{flex:1;min-width:0;padding:5px 8px;font-size:13px}.device-row .ghost{flex:none;padding:4px 8px;font-size:12px}.device-tag{flex:none;font-size:11px;color:var(--text-muted);white-space:nowrap}.admin-user small{color:var(--text-muted)}.admin-user small.bad{color:var(--danger)}.statusline{font-size:12px;color:var(--text-muted);padding:6px 12px;border-top:1px solid var(--edge)}.statusline .ok{color:var(--ok)}.statusline .bad{color:var(--danger)}.statusline .warn{color:var(--warn)}@media(max-width:720px){.sidebar{width:100%;border-right:none}.chat{width:100%}#app.show-chat .sidebar,#app.show-list .chat{display:none}.back-button{display:inline-flex;align-items:center}.e2e-note{display:none}.chat-peer{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input{font-size:16px}.auth-wrap{width:100%;max-width:380px;margin:auto 16px;padding:24px 20px}.chat header,.composer{padding:10px 12px}.contact{padding:12px 10px}.sidebar header button,.chat-header button{padding:10px 12px}.msg{max-width:88%}.identity-alert,.safety-panel{margin:10px 12px 0}.attachment-preview{max-width:100%;height:auto!important}.attachment-tray{max-height:40vh;overflow-y:auto}}.call-bar{background:var(--panel-raised);border-bottom:1px solid var(--bg);padding:8px 12px}.call-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.call-participants{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.call-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border-radius:999px;background:var(--panel);border:2px solid transparent;font-size:13px;color:var(--text)}.call-chip.speaking{border-color:var(--ok)}.call-mic-off{color:var(--text-muted);font-size:12px}.call-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.call-controls button.danger{background:var(--danger);color:#fff}.call-error{color:var(--danger);font-size:13px;padding:6px 12px;background:var(--panel-raised)}.screen-share-panel{margin-top:8px}.screen-share-panel .meta{margin-bottom:4px}.screen-share-video{width:100%;height:100%;background:#000;border-radius:6px;object-fit:contain}.call-pill{position:fixed;touch-action:none;cursor:grab;z-index:40;border-radius:999px;padding:10px 16px;background:var(--ok);color:#fff;box-shadow:0 4px 14px #0006}.call-pill:hover{background:var(--ok-strong)}@media(max-width:720px){.call-bar{padding:6px 8px}.screen-share-video{max-height:40vh}}.msg-link{color:var(--info);word-break:break-all}.msg.mine .msg-link{color:var(--info-soft)}.call-live-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:color-mix(in srgb,var(--ok) 15%,transparent);border-bottom:1px solid var(--bg);color:var(--ok);font-size:14px}.call-live-bar button{background:var(--ok);color:#fff}.call-mark{color:var(--ok);font-size:13px}.call-devices{display:flex;gap:14px;flex-wrap:wrap;padding:8px 2px 2px}.call-device{display:flex;flex-direction:column;gap:3px;min-width:0}.call-device select{background:var(--panel);color:var(--text);border:1px solid var(--bg);border-radius:4px;padding:4px 6px;max-width:240px;font-size:13px}.call-micproc{flex-basis:100%;display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding-top:4px;border-top:1px solid var(--bg)}.call-micproc-toggle{display:flex;align-items:center;gap:5px;font-size:13px;cursor:pointer}.call-micproc-toggle input[type=range]{width:130px}.call-micproc-toggle input[type=range]:disabled{opacity:.4}button.ghost.active{color:var(--text);background:var(--panel)}.share-nav{display:flex;align-items:center;gap:8px;margin-top:8px}.share-arrow{font-size:18px;line-height:1;padding:2px 10px}.msg-row.mine-row{align-self:flex-end}.auth-divider{color:var(--text-muted);font-size:12px;text-align:center;margin-top:6px}.leader-badge{color:var(--warn);font-size:11px}.group-identity-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--bg)}.group-identity-row input[type=text],.group-identity-row input:not([type]){flex:1;min-width:140px}.share-panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:4px}.share-volume{display:flex;align-items:center;gap:6px}.share-volume input[type=range]{width:110px;accent-color:var(--accent)}.share-volume-value{min-width:38px;text-align:right}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out}.lightbox img{max-width:94vw;max-height:94vh;object-fit:contain;border-radius:6px;box-shadow:0 10px 40px #0009}.capture-quirk-hint{color:var(--warn);margin-bottom:4px}.capture-quirk-hint:empty{display:none}.user-volume-popover{position:fixed;z-index:130;display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--panel-raised);border:1px solid var(--bg);border-radius:8px;box-shadow:0 6px 20px #00000073}.user-volume-popover input[type=range]{width:160px;accent-color:var(--accent)}.share-top-right{display:flex;align-items:center;gap:10px}.share-view-controls{display:flex;gap:4px}.share-view-btn{font-size:15px;line-height:1;padding:2px 8px}.screen-share-video:fullscreen{object-fit:contain;background:#000}.call-bar .call-error:empty{display:none}.avatar-wrap{position:relative;display:inline-flex;flex-shrink:0}.online-dot{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--ok);border:2px solid var(--panel)}.spoiler-hidden{filter:blur(22px);cursor:pointer}.chip-spoiler.active{color:var(--warn)}.attachment-chip.spoiler-marked img{filter:blur(6px)}.yt-embed-btn{display:block;margin-top:4px;font-size:12px}.yt-embed{display:block;width:100%;max-width:480px;aspect-ratio:16 / 9;border:0;border-radius:6px;margin-top:6px;background:#000}.chat.drop-target{outline:2px dashed var(--accent);outline-offset:-6px}.share-video-box{overflow:hidden;height:42vh;min-height:140px;max-height:85vh}.hidden-shares{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.hidden-share-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:var(--panel);font-size:13px;color:var(--text-muted)}.share-resize-handle{height:10px;margin-top:2px;border-radius:4px;cursor:ns-resize;background:var(--panel);touch-action:none}.share-resize-handle:hover{background:var(--accent)}.screen-share-panel:fullscreen{display:flex;flex-direction:column;background:#000;padding:10px 14px}.screen-share-panel:fullscreen .share-video-box{flex:1;height:auto!important;max-height:none;cursor:zoom-out}.screen-share-panel:fullscreen .share-resize-handle{display:none}.image-menu{position:fixed;z-index:140;display:flex;flex-direction:column;gap:2px;min-width:150px;padding:6px;background:var(--panel-raised);border:1px solid var(--bg);border-radius:8px;box-shadow:0 6px 20px #00000073}.image-menu button{text-align:left}.pip-shell{display:flex;flex-direction:column;height:100vh;background:#000}.pip-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;background:var(--panel-raised)}.pip-shell video{flex:1;width:100%;min-height:0;object-fit:contain;background:#000}.pip-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:120px;color:var(--text-muted);font-size:13px;background:var(--panel)}.call-pill.dragging{cursor:grabbing;opacity:.85}.call-pill.pill-tl{top:14px;left:14px}.call-pill.pill-tr{top:14px;right:14px}.call-pill.pill-bl{bottom:84px;left:14px}.call-pill.pill-br{bottom:84px;right:14px}