:root,:root[data-theme=classico]{--bg-deepest: #1e1f22;--bg-menu: #111214;--bg-guildbar: #1e1f22;--bg-panel: #232428;--bg-sidebar: #2b2d31;--bg-chat: #313338;--bg-modal: #313338;--bg-input: #383a40;--bg-hover: #35373c;--bg-active: #404249;--bg-hover-strong: #4e5058;--bg-code: #2b2d31;--bg-call: #0f1012;--bg-callbar: #0b0c0e;--bg-tile: #16171a;--bg-video: #000000;--scrollbar: #1a1b1e;--text: #dbdee1;--text-strong: #f2f3f5;--text-muted: #949ba4;--text-faint: #80848e;--on-brand: #ffffff;--link: #00a8fc;--brand: #5865f2;--brand-hover: #4752c4;--brand-alt: #eb459e;--auth-glow: #404eed;--green: #23a55a;--red: #da373c;--yellow: #f0b232;--danger-text: #ff6b6e;--error-text: #ffb3b5;--ok-text: #7ee2a8;--warn-text: #f5d08a;--divider: #3f4147;--radius: 8px;color-scheme:dark}:root[data-theme=ametista]{--bg-deepest: #000000;--bg-menu: #000000;--bg-guildbar: #000000;--bg-panel: #16070f;--bg-sidebar: #1c0b1b;--bg-chat: #371536;--bg-modal: #2a1029;--bg-input: #4a1c48;--bg-hover: #471a45;--bg-active: #532051;--bg-hover-strong: #6e2b6c;--bg-code: #1c0b1b;--bg-call: #100610;--bg-callbar: #000000;--bg-tile: #180a17;--bg-video: #000000;--scrollbar: #10050f;--text: #ecd9ea;--text-strong: #ffffff;--text-muted: #bb9cb9;--text-faint: #8e7290;--on-brand: #ffffff;--link: #f0a6ec;--brand: #8f3a8c;--brand-hover: #a844a5;--brand-alt: #d158cd;--auth-glow: #6e2b6c;--green: #35d07f;--red: #ff5c62;--yellow: #f5c451;--danger-text: #ff8a8e;--error-text: #ffc0c3;--ok-text: #8ff0bd;--warn-text: #ffdf9e;--divider: #532051}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,gg sans,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-chat);color:var(--text);font-size:15px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit}.btn{border:none;border-radius:4px;padding:10px 16px;background:var(--bg-active);color:var(--text-strong);transition:background .15s ease,opacity .15s ease}.btn:hover{background:var(--bg-hover-strong)}.btn.primary{background:var(--brand);color:var(--on-brand)}.btn.primary:hover{background:var(--brand-hover)}.btn.danger{background:var(--red);color:var(--on-brand)}.btn.danger:hover{filter:brightness(1.1)}.btn.block{width:100%;margin-top:6px}.btn.small{padding:6px 10px;font-size:13px}.btn.large{padding:14px 26px;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{background:transparent;border:none;border-radius:4px;color:var(--text-muted);padding:6px 8px;line-height:1;font-size:13px}.icon-btn:hover{background:var(--bg-hover);color:var(--text-strong)}.icon-btn.small{padding:2px 6px;font-size:16px}.icon-btn.tiny{padding:2px 5px;font-size:11px}.icon-btn.danger-active,.icon-btn.danger-hover:hover{color:var(--on-brand);background:var(--red)}.link{background:none;border:none;color:var(--link);padding:0;text-decoration:none}.link:hover{text-decoration:underline}.auth-screen{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,var(--auth-glow) 0%,var(--bg-deepest) 55%);padding:24px}.auth-card{width:min(440px,100%);background:var(--bg-modal);border-radius:6px;padding:32px;box-shadow:0 8px 24px #00000073;display:flex;flex-direction:column;gap:14px}.auth-brand{display:block;height:56px;width:auto;margin:0 auto;object-fit:contain}.auth-back{align-self:flex-start;background:none;border:none;color:var(--text-faint);font-size:13px;padding:0;margin-bottom:-8px}.auth-back:hover{color:var(--text-strong)}.auth-card h1{margin:0;font-size:24px;text-align:center;color:var(--text-strong)}.auth-sub,.modal-sub{margin:0;color:var(--text-muted);font-size:14px;text-align:center}.modal-sub{text-align:left;margin-bottom:8px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.4px}label input,label textarea{background:var(--bg-deepest);border:1px solid #1e1f22;border-radius:4px;padding:10px;color:var(--text-strong);text-transform:none;font-weight:400;letter-spacing:0;outline:none}label input:focus{border-color:var(--brand)}.auth-error{background:color-mix(in srgb,var(--red) 12%,transparent);border:1px solid var(--red);color:var(--error-text);border-radius:4px;padding:8px 10px;font-size:13px}.auth-switch{font-size:13px;color:var(--text-muted)}.app{height:100%;display:grid;grid-template-columns:72px 240px minmax(0,1fr) auto}.guild-bar{background:var(--bg-guildbar);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;overflow-y:auto;scrollbar-width:none}.guild-bar::-webkit-scrollbar{display:none}.guild-pill{position:relative;width:48px;height:48px;flex:0 0 48px;border:none;border-radius:50%;background:var(--bg-sidebar);color:var(--text-strong);font-weight:700;display:grid;place-items:center;transition:border-radius .15s ease,background .15s ease}.guild-pill:hover,.guild-pill.active{border-radius:16px;background:var(--guild-color, var(--brand));color:var(--on-brand)}.guild-pill.active:before{content:"";position:absolute;left:-16px;width:4px;height:40px;border-radius:0 4px 4px 0;background:var(--on-brand)}.guild-pill.add{color:var(--green);font-size:22px}.guild-pill.add:hover{background:var(--green);color:var(--on-brand)}.guild-initials{font-size:15px}.guild-pill.muted .guild-icon-clip,.guild-pill.muted .guild-initials{opacity:.5}.guild-mute-flag{position:absolute;top:-2px;right:-2px;background:var(--bg-guildbar);border-radius:50%;padding:2px;color:var(--text-faint)}.guild-icon-clip{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;display:block}.guild-icon-img{width:100%;height:100%;object-fit:cover;display:block}.guild-separator{width:32px;height:2px;background:var(--divider);border-radius:1px;margin:4px 0}.badge{position:absolute;bottom:-2px;right:-2px;background:var(--red);color:var(--on-brand);border:3px solid var(--bg-guildbar);border-radius:10px;font-size:11px;font-weight:700;padding:0 5px;min-width:20px;line-height:16px}.badge.small{position:static;border:none;padding:0 6px;min-width:18px;line-height:18px;margin-left:auto;background:var(--bg-hover-strong);color:var(--text-strong)}.badge.small.mention{background:var(--red);color:var(--on-brand)}.sidebar{background:var(--bg-sidebar);display:flex;flex-direction:column;min-height:0}.sidebar-header{position:relative;height:48px;border-bottom:1px solid rgba(0,0,0,.25);box-shadow:0 1px #0003;flex:0 0 48px}.guild-menu-trigger{width:100%;height:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-weight:600;color:var(--text-strong)}.guild-menu-trigger:hover{background:var(--bg-hover)}.guild-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{color:var(--text-muted);font-size:12px}.dropdown{position:absolute;top:52px;left:8px;right:8px;background:var(--bg-menu);border-radius:var(--radius);padding:6px;z-index:20;box-shadow:0 8px 16px #0006;display:flex;flex-direction:column}.dropdown button{background:none;border:none;text-align:left;padding:8px 10px;border-radius:4px;color:var(--text);font-size:14px}.dropdown button:hover{background:var(--brand);color:var(--on-brand)}.dropdown button.danger{color:var(--danger-text)}.dropdown button.danger:hover{background:var(--red);color:var(--on-brand)}.context-menu{position:fixed;width:240px;background:var(--bg-menu);border-radius:var(--radius);padding:6px;z-index:200;box-shadow:0 8px 16px #0006;display:flex;flex-direction:column;max-height:min(480px,80vh);overflow-y:auto}.context-menu-section{display:flex;flex-direction:column}.context-menu-divider{height:1px;background:var(--divider);margin:6px 4px}.context-menu-item{display:flex;align-items:center;gap:8px;background:none;border:none;text-align:left;width:100%;padding:8px 10px;border-radius:4px;color:var(--text);font-size:14px}.context-menu-item:hover:not(:disabled){background:var(--brand);color:var(--on-brand)}.context-menu-item:disabled{opacity:.5}.context-menu-item.danger{color:var(--danger-text)}.context-menu-item.danger:hover:not(:disabled){background:var(--red);color:var(--on-brand)}.context-menu-item span{flex:1}.context-menu-slider{padding:8px 10px;display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.context-menu-slider-row{display:flex;align-items:center;gap:8px;color:var(--text-faint)}.context-menu-slider-row input[type=range]{flex:1}.context-menu-slider-row small{min-width:32px;text-align:right;font-weight:400;text-transform:none;color:var(--text-muted)}.context-menu-checklist-options{display:flex;flex-direction:column;gap:2px;padding:2px 10px 6px 26px;max-height:160px;overflow-y:auto}.context-menu-check-row{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text);padding:4px 0}.context-menu-empty{font-size:12px;color:var(--text-faint);padding:4px 0}.context-menu-emoji-grid-wrap{padding:8px 10px 6px}.context-menu-emoji-grid-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:6px}.context-menu-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.emoji-grid-btn{background:none;border:none;border-radius:4px;font-size:18px;line-height:1;padding:6px 0;cursor:pointer}.emoji-grid-btn:hover{background:var(--bg-hover-strong)}.emoji-grid-btn.active{background:color-mix(in srgb,var(--brand) 30%,transparent)}.blocked-message{background:none;border:none;text-align:left;padding:0;color:var(--text-faint);font-size:13px;font-style:italic;text-decoration:underline dotted}.blocked-message:hover{color:var(--text-muted)}.channel-list{flex:1;overflow-y:auto;padding:8px}.channel-section header{display:flex;align-items:center;justify-content:space-between;padding:16px 8px 4px;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-faint);letter-spacing:.4px}.sidebar-hint{color:var(--text-faint);font-size:13px;padding:4px 8px}.channel-item{display:flex;align-items:center;border-radius:4px;margin-bottom:2px}.channel-item:hover{background:var(--bg-hover)}.channel-item.active{background:var(--bg-active)}.channel-item.unread .channel-name{color:var(--text-strong);font-weight:600}.channel-btn{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:none;border:none;padding:7px 8px;color:var(--text-muted);text-align:left}.channel-item.active .channel-btn,.channel-item:hover .channel-btn{color:var(--text-strong)}.hash{color:var(--text-faint);font-weight:600;flex:0 0 auto}.hash.big{font-size:20px}.channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-btn.muted .channel-name,.channel-btn.muted .hash{opacity:.5}.mute-flag{flex:0 0 auto;color:var(--text-faint)}.count{margin-left:auto;font-size:12px;color:var(--text-faint)}.voice-participants{list-style:none;margin:0 0 6px;padding:0 0 0 22px}.voice-participants li{display:flex;align-items:center;gap:8px;padding:3px 6px;font-size:13px;color:var(--text-muted)}.voice-flag{font-size:10px;color:var(--red);text-transform:uppercase}.muted-name{opacity:.6}.voice-panel{background:var(--bg-panel);padding:8px 10px;display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(0,0,0,.3)}.voice-panel-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.voice-controls{display:flex;gap:6px}.voice-controls .btn{flex:1}.icon-btn.active-soft{background:color-mix(in srgb,var(--brand) 32%,transparent);color:var(--text-strong)}.voice-settings{background:var(--bg-deepest);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px}.voice-settings .hint{margin:0;font-size:11px;color:var(--text-faint);line-height:1.35}.switch-row,.slider-row{flex-direction:row;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:13px;font-weight:500;color:var(--text);cursor:pointer}.slider-row{justify-content:space-between}.slider-row span{white-space:nowrap}.slider-row input[type=range]{flex:1;accent-color:var(--brand)}.device-select-row{display:flex;flex-direction:column;gap:4px}.device-select{background:var(--bg-input);border:none;border-radius:6px;color:var(--text-strong);padding:8px 10px;font-size:13px;font-family:inherit;cursor:pointer}.device-select:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.mic-test-row{display:flex;align-items:center;gap:10px}.mic-level-bar{flex:1;height:8px;border-radius:4px;background:var(--bg-input);overflow:hidden}.mic-level-fill{height:100%;background:var(--green);transition:width .05s linear}.voice-flag.sharing{color:var(--green)}.voice-flag.volume{color:var(--text-faint)}.screen-fader,.participant-fader{display:flex;align-items:center;gap:8px}.screen-fader{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-faint)}.screen-fader input[type=range],.participant-fader input[type=range]{flex:1;min-width:0;accent-color:var(--brand)}.fader-value{min-width:38px;text-align:right}.participant-fader .icon-btn{min-width:40px;text-align:right}.voice-participants li.voice-participant{display:block;padding:0}.voice-participant-row{width:100%;display:flex;align-items:center;gap:8px;background:none;border:none;padding:3px 6px;border-radius:4px;font-size:13px;color:var(--text-muted);text-align:left}.voice-participant-row:hover{background:var(--bg-hover);color:var(--text-strong)}.participant-fader{padding:2px 6px 6px 30px}.screen-share{display:flex;gap:8px;padding:12px 16px 0;overflow-x:auto;flex:0 0 auto}.screen-share.expanded{flex:1 1 auto;min-height:0;padding-bottom:12px}.screen-tile{margin:0;background:var(--bg-video);border:1px solid var(--divider);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;flex:0 0 320px}.screen-share.expanded .screen-tile{flex:1 1 auto;min-height:0}.screen-tile.hidden{display:none}.screen-tile-dismissed{flex:0 0 auto;align-self:flex-start;display:flex;align-items:center;gap:8px;padding:6px 10px;margin-top:0;border-radius:20px;background:var(--bg-deepest);border:1px solid var(--divider);font-size:12px;color:var(--text-muted)}.screen-tile-dismissed .screen-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-tile video{width:100%;height:180px;object-fit:contain;background:var(--bg-video);display:block}.screen-share.expanded .screen-tile video{height:auto;flex:1;min-height:0}.screen-tile figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;font-size:12px;color:var(--text-muted);background:var(--bg-sidebar)}.screen-actions{display:flex;gap:4px}.voice-status{display:flex;flex-direction:column;min-width:0;background:none;border:none;padding:0;text-align:left;cursor:pointer}.voice-status:hover strong{text-decoration:underline}.voice-status strong{color:var(--green);font-size:13px}.voice-status span{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-panel{background:var(--bg-panel);padding:8px;display:flex;align-items:center;gap:8px}.user-info{display:flex;flex-direction:column;min-width:0;flex:1}.user-name{font-size:13px;font-weight:600;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-tag{font-size:11px;color:var(--text-muted)}.user-actions{display:flex;gap:2px}.ping-badge{display:flex;align-items:center;gap:3px;flex:0 0 auto;font-size:11px;font-weight:600;color:var(--text-faint);padding:0 2px}.ping-value{min-width:30px}.ping-badge.compact{gap:0;padding:6px 8px}.ping-badge.compact .icon{width:16px;height:16px}.ping-badge.good,.tile-ping.good{color:var(--green)}.ping-badge.ok,.tile-ping.ok{color:var(--yellow)}.ping-badge.bad,.tile-ping.bad{color:var(--red)}.ping-badge.unknown,.tile-ping.unknown{color:var(--text-faint)}.tile-ping{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:4px;background:#000000a6;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:600}.avatar{position:relative;border-radius:50%;display:grid;place-items:center;color:var(--on-brand);font-weight:700;flex:0 0 auto;-webkit-user-select:none;user-select:none}.avatar.speaking{box-shadow:0 0 0 2px var(--green)}.status-dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;border:3px solid var(--bg-sidebar)}.status-dot.online{background:var(--green)}.status-dot.offline{background:var(--text-faint)}.main{background:var(--bg-chat);display:flex;flex-direction:column;min-width:0;min-height:0}.chat-header{height:48px;flex:0 0 48px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid rgba(0,0,0,.2);box-shadow:0 1px #0003}.chat-header h1{font-size:16px;margin:0;color:var(--text-strong)}.presence-label{font-size:12px;color:var(--text-muted);border-left:1px solid var(--divider);padding-left:8px}.presence-label.on{color:var(--green)}.message-scroll{flex:1;overflow-y:auto;padding:16px 0;min-height:0}.channel-intro{padding:16px 16px 8px}.channel-intro h2{margin:0 0 4px;color:var(--text-strong)}.channel-intro p{margin:0;color:var(--text-muted);font-size:14px}.load-more{display:block;margin:0 auto 12px;background:none;border:none;color:var(--link);font-size:13px}.load-more:hover{text-decoration:underline}.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(--divider)}.day-divider span{padding:0 8px}.message{position:relative;display:flex;gap:16px;padding:2px 48px 2px 16px;margin-top:14px}.message.grouped{margin-top:0}.message:hover{background:#0202021a}.message-gutter{width:40px;flex:0 0 40px;display:flex;justify-content:center}.hover-time{font-size:10px;color:var(--text-faint);opacity:0;line-height:22px}.message:hover .hover-time{opacity:1}.message-body{min-width:0;flex:1}.message-meta{display:flex;align-items:baseline;gap:8px}.author{font-weight:600;color:var(--text-strong)}.timestamp{font-size:12px;color:var(--text-faint)}.message-content{white-space:pre-wrap;word-wrap:break-word;line-height:1.4}.message-content a{color:var(--link)}.message-content code{background:var(--bg-code);border-radius:3px;padding:1px 4px;font-family:Consolas,Courier New,monospace;font-size:13px}.code-block{background:var(--bg-code);border:1px solid #1e1f22;border-radius:4px;padding:8px 10px;overflow-x:auto;margin:4px 0;font-family:Consolas,Courier New,monospace;font-size:13px;white-space:pre}.edited{font-size:10px;color:var(--text-faint);margin-left:4px}.reactions-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-pill{display:flex;align-items:center;gap:5px;background:var(--bg-code);border:1px solid transparent;border-radius:10px;padding:2px 7px;font-size:13px;line-height:1.5;cursor:pointer}.reaction-pill:hover:not(:disabled){border-color:var(--text-faint)}.reaction-pill:disabled{cursor:default}.reaction-pill.mine{background:color-mix(in srgb,var(--brand) 22%,var(--bg-code));border-color:var(--brand)}.reaction-count{font-size:12px;color:var(--text-muted);font-weight:600}.reaction-pill.mine .reaction-count{color:var(--text-strong)}.message-image-btn{display:block;margin-top:4px;padding:0;border:none;background:var(--bg-code);cursor:zoom-in;border-radius:8px;overflow:hidden;max-width:min(400px,100%);max-height:300px}.message-image-btn img{display:block;width:100%;height:100%;object-fit:cover}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:grid;place-items:center;z-index:300;padding:40px}.lightbox-image{max-width:100%;max-height:100%;border-radius:6px;box-shadow:0 8px 32px #0009;cursor:default}.lightbox-close{position:fixed;top:20px;right:20px;background:#00000080;color:var(--on-brand)}.lightbox-close:hover{background:#000000b3}.message-content-wrap{min-width:0}.mention{background:color-mix(in srgb,var(--brand) 20%,transparent);color:var(--brand);border-radius:3px;padding:0 2px;font-weight:600}.mention-self{background:color-mix(in srgb,var(--brand) 45%,transparent)}.mention-everyone{background:color-mix(in srgb,var(--yellow) 25%,transparent);color:var(--yellow)}.reply-preview{display:flex;align-items:center;gap:6px;max-width:100%;margin-bottom:2px;padding:0;background:none;border:none;color:var(--text-faint);font-size:12px;cursor:pointer}.reply-preview:hover{color:var(--text-muted)}.reply-preview .icon{flex:0 0 auto;transform:scaleX(-1)}.reply-preview-author{font-weight:600;flex:0 0 auto}.reply-preview-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-deleted{font-style:italic}.reply-banner{display:flex;align-items:center;gap:8px;padding:6px 16px;color:var(--text-muted);font-size:13px;border-bottom:1px solid rgba(0,0,0,.15)}.reply-banner b{color:var(--text-strong)}.reply-banner .icon-btn{margin-left:auto}.mention-autocomplete{position:absolute;left:16px;right:16px;bottom:100%;margin-bottom:6px;background:var(--bg-sidebar);border-radius:var(--radius);box-shadow:0 8px 24px #00000059;overflow:hidden;max-height:240px;overflow-y:auto}.mention-autocomplete-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-strong);text-align:left;cursor:pointer}.mention-autocomplete-item.active,.mention-autocomplete-item:hover{background:color-mix(in srgb,var(--brand) 18%,transparent)}.mention-autocomplete-hint{font-size:12px;color:var(--text-faint)}.edit-box textarea{width:100%;background:var(--bg-input);border:none;border-radius:6px;color:var(--text-strong);padding:8px;resize:vertical;min-height:60px;outline:none}.edit-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.typing-row{height:20px;padding:0 18px;font-size:13px;color:var(--text-muted)}.composer-area{position:relative}.drop-hint{position:absolute;top:4px;right:16px;bottom:16px;left:16px;display:flex;align-items:center;justify-content:center;gap:8px;background:color-mix(in srgb,var(--brand) 18%,var(--bg-chat));border:2px dashed var(--brand);border-radius:var(--radius);color:var(--text-strong);font-size:14px;font-weight:600;z-index:5;pointer-events:none}.composer-preview{position:relative;display:inline-flex;margin:0 16px 8px}.composer-preview img{display:block;max-height:120px;max-width:220px;border-radius:8px;object-fit:cover}.composer-preview-loading{padding:10px 14px;background:var(--bg-input);border-radius:8px;color:var(--text-muted);font-size:13px}.composer-preview-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;display:grid;place-items:center;padding:0;background:var(--bg-active);border-radius:50%;box-shadow:0 1px 3px #0006}.composer-preview-remove:hover{background:var(--red);color:var(--on-brand)}.composer-error{margin:0 16px 8px;color:var(--error-text);font-size:12px}.composer{display:flex;align-items:flex-end;gap:8px;padding:0 16px 20px}.attach-btn{flex:0 0 auto;margin-bottom:3px}.composer textarea{flex:1;background:var(--bg-input);border:none;border-radius:var(--radius);color:var(--text-strong);padding:12px 14px;resize:none;outline:none;max-height:220px;line-height:1.4}.composer .send{padding:12px 18px}.member-list{width:240px;background:var(--bg-sidebar);overflow-y:auto;padding:16px 8px}.member-list header{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-faint);padding:12px 8px 4px;letter-spacing:.4px}.member{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;padding:6px 8px;border-radius:4px;text-align:left}.member:hover{background:var(--bg-hover)}.member.offline{opacity:.45}.member-info{display:flex;align-items:baseline;gap:6px;min-width:0}.member-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-tag{font-size:10px;background:var(--brand);color:var(--on-brand);border-radius:3px;padding:1px 4px}.empty-state{flex:1;display:grid;place-content:center;justify-items:center;gap:8px;text-align:center;color:var(--text-muted);padding:32px}.empty-emoji{font-size:56px;color:var(--text-faint)}.empty-logo{height:96px;width:auto;object-fit:contain}.empty-state h2{margin:0;color:var(--text-strong)}.empty-actions{display:flex;gap:8px;margin-top:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;z-index:100;padding:24px}.modal{width:min(460px,100%);background:var(--bg-modal);border-radius:6px;box-shadow:0 8px 24px #00000080;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.modal-header h2{margin:0;font-size:20px;color:var(--text-strong)}.modal-body{padding:8px 16px 20px}.modal-body form{display:flex;flex-direction:column;gap:12px}.modal-footer{background:var(--bg-code);padding:16px}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-group label{flex-direction:row;align-items:center;gap:10px;background:var(--bg-input);border:1px solid transparent;border-radius:4px;padding:10px;text-transform:none;letter-spacing:0;cursor:pointer}.radio-group label.selected{border-color:var(--brand)}.radio-group strong{display:block;color:var(--text-strong);font-size:14px}.radio-group small{color:var(--text-muted);font-weight:400}.invite-code{display:flex;gap:8px;align-items:center}.invite-code code{flex:1;background:var(--bg-deepest);border-radius:4px;padding:12px;font-size:16px;letter-spacing:2px;color:var(--text-strong)}.user-results{list-style:none;margin:12px 0 0;padding:0;max-height:300px;overflow-y:auto}.user-results li button{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;padding:8px;border-radius:4px;text-align:left}.user-results li button:hover{background:var(--bg-hover)}.user-results strong{display:block;color:var(--text-strong);font-size:14px}.user-results small{color:var(--text-muted)}.user-results .empty{color:var(--text-faint);font-size:13px;padding:8px}.call-view{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-call)}.call-header{flex:0 0 48px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid rgba(0,0,0,.4)}.call-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-strong)}.call-sub{color:var(--text-muted);font-size:13px;margin-right:auto}.call-grid{flex:1;min-height:0;display:grid;gap:10px;padding:14px;overflow-y:auto;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-auto-rows:minmax(180px,1fr);align-content:start}.call-grid.count-1{grid-template-columns:minmax(0,1fr)}.call-empty{grid-column:1 / -1;align-self:center;text-align:center;color:var(--text-faint)}.call-tile{position:relative;margin:0;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--tile-color, var(--bg-code)) 45%,var(--bg-tile)),var(--bg-tile));border:2px solid transparent;display:flex;align-items:center;justify-content:center;transition:border-color .12s ease;min-height:0}.call-tile.speaking{border-color:var(--green)}.call-tile.screen,.call-tile.has-video{background:var(--bg-video)}.call-tile video{width:100%;height:100%;object-fit:contain;display:block;background:var(--bg-video)}.tile-video{object-fit:cover;cursor:pointer}.tile-video.mirror{transform:scaleX(-1)}.tile-center{display:grid;place-items:center}.tile-badge{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:4px 8px;border-radius:6px;background:#000000a6;font-size:13px;color:var(--text-strong)}.tile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-tag{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--red);font-weight:700}.tile-tag-btn{background:none;border:none;padding:0;color:var(--text-muted);cursor:pointer;white-space:nowrap}.tile-tag-btn:hover{color:var(--text-strong);text-decoration:underline}.tile-live{position:absolute;top:10px;right:10px;background:var(--red);color:var(--on-brand);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 7px;border-radius:4px}.tile-mini{background:#ffffff1f;border:none;border-radius:4px;color:var(--text);font-size:11px;padding:2px 6px}.tile-mini:hover{background:#ffffff38}.tile-icon{flex:0 0 auto;color:var(--red)}.tile-icon.deaf{color:var(--yellow)}.tile-fader{position:absolute;right:10px;bottom:44px;background:#000c;padding:8px 10px;border-radius:6px}.tile-fader input{width:140px;accent-color:var(--brand)}.call-controls{flex:0 0 auto;display:flex;justify-content:center;gap:10px;padding:14px;background:var(--bg-callbar)}.call-btn{width:48px;height:48px;border:none;border-radius:50%;background:var(--bg-active);color:var(--text-strong);display:grid;place-items:center;padding:0;transition:background .15s ease,transform .12s ease}.call-btn:hover{background:var(--bg-hover-strong)}.call-btn:active{transform:scale(.94)}.call-btn.hangup{width:64px;border-radius:24px}.call-btn.off{background:var(--red);color:var(--on-brand)}.call-btn.active{background:var(--green);color:var(--bg-callbar)}.call-btn.hangup{background:var(--red);color:var(--on-brand)}.call-btn.hangup:hover{filter:brightness(1.1)}.profile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160}.profile-card{position:fixed;background:var(--bg-panel);border-radius:10px;box-shadow:0 12px 32px #0000008c;overflow:hidden;max-height:calc(100vh - 24px);overflow-y:auto}.profile-banner{height:68px;background:linear-gradient(135deg,var(--card-color, var(--brand)),rgba(0,0,0,.55))}.profile-avatar{margin:-40px 0 0 16px;width:88px;height:88px;border-radius:50%;background:var(--bg-panel);display:grid;place-items:center}.profile-body{padding:8px 16px 16px}.profile-body h3{margin:4px 0 0;font-size:19px;color:var(--text-strong)}.profile-tag{font-size:13px;color:var(--text-muted)}.profile-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}.chip{font-size:11px;padding:3px 8px;border-radius:10px;background:var(--bg-deepest);color:var(--text-muted)}.chip.on{color:var(--green)}.chip.owner{color:var(--on-brand);background:var(--brand)}.profile-section{border-top:1px solid var(--divider);margin-top:12px;padding-top:10px}.profile-section h4{margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint)}.profile-section p{margin:0;font-size:14px;color:var(--text);white-space:pre-wrap;word-break:break-word}.profile-section p.empty{color:var(--text-faint);font-style:italic}.profile-fader{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.profile-fader input[type=range]{flex:1;min-width:0;accent-color:var(--brand)}.profile-actions{margin-top:14px}.btn.block.with-icon{display:flex;align-items:center;justify-content:center}.avatar-btn{background:none;border:none;padding:0;border-radius:50%;display:block}button.author{background:none;border:none;padding:0;font:inherit;font-weight:600;cursor:pointer}button.author:hover{text-decoration:underline}.tile-center.avatar-btn{border-radius:12px}.icon{flex:0 0 auto;display:block;color:inherit}.btn.with-icon,.tile-mini.with-icon{display:inline-flex;align-items:center;gap:6px}.icon-btn{display:inline-grid;place-items:center}.channel-btn .icon.hash,.chat-header .icon.hash{color:var(--text-faint)}.channel-item.active .channel-btn .icon.hash,.channel-item:hover .channel-btn .icon.hash,.call-title .muted-icon{color:var(--text-muted)}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.avatar-picker{display:flex;flex-direction:column;gap:8px}.avatar-actions{display:flex;gap:8px;align-items:center}.field-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.field-divider{height:1px;background:var(--divider);margin:4px 0}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:grid;place-items:center;z-index:150;padding:24px}.settings{width:min(880px,100%);height:min(640px,100%);background:var(--bg-chat);border-radius:8px;box-shadow:0 12px 32px #00000080;display:grid;grid-template-columns:220px minmax(0,1fr);overflow:hidden}.settings-nav{background:var(--bg-sidebar);padding:20px 12px;display:flex;flex-direction:column;gap:2px}.settings-nav h2{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);margin:0 8px 10px}.settings-nav button{background:none;border:none;text-align:left;padding:9px 10px;border-radius:4px;color:var(--text-muted);font-size:14px}.settings-nav button:hover{background:var(--bg-hover);color:var(--text-strong)}.settings-nav button.active{background:var(--bg-active);color:var(--text-strong);font-weight:600}.settings-close{margin-top:auto;color:var(--text-faint)!important}.settings-body{overflow-y:auto;padding:28px 32px}.global-title-badge{display:inline-flex;align-items:center;margin-left:6px;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;line-height:1.6;color:var(--on-brand);background:linear-gradient(135deg,var(--brand),var(--yellow));vertical-align:middle;white-space:nowrap}.tag-pill{display:inline-flex;align-items:center;margin-left:6px;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.3px;line-height:1.6;color:var(--on-brand);background:var(--tag-color, var(--brand));vertical-align:middle;white-space:nowrap}.profile-user-tags{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 4px}.profile-user-tags .tag-pill{margin-left:0}.settings-section{display:flex;flex-direction:column;gap:14px;max-width:460px}.settings-section+.settings-section{margin-top:32px;padding-top:24px;border-top:1px solid #1e1f22}.settings-section h3{margin:0;font-size:20px;color:var(--text-strong)}.settings-section h4{margin:8px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint)}.settings-section .voice-settings{background:var(--bg-sidebar)}.profile-preview{display:flex;align-items:center;gap:16px;background:var(--bg-sidebar);border-radius:8px;padding:16px;border-top:56px solid var(--card-color, var(--brand));margin-bottom:4px}.profile-preview strong{display:block;color:var(--text-strong);font-size:18px}.profile-preview .tag{color:var(--text-muted);font-size:13px}.profile-preview p{margin:6px 0 0;font-size:13px;color:var(--text);white-space:pre-wrap;word-break:break-word}.counter{align-self:flex-end;font-size:11px;color:var(--text-faint);font-weight:400}.color-field>span{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:8px}.color-grid{display:flex;flex-wrap:wrap;gap:8px}.color-dot{width:32px;height:32px;border-radius:50%;border:2px solid transparent;padding:0}.color-dot.selected{border-color:var(--text-strong);box-shadow:0 0 0 2px var(--bg-chat) inset}.warn-hint{background:color-mix(in srgb,var(--yellow) 12%,transparent);border:1px solid var(--yellow);border-radius:4px;padding:8px 10px;color:var(--warn-text)!important}.premium-plan{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--brand) 18%,var(--bg-sidebar)),var(--bg-sidebar));border:1px solid var(--divider)}.premium-plan-name{font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--text-strong)}.premium-price{display:flex;align-items:baseline;gap:4px}.premium-price-value{font-size:32px;font-weight:800;color:var(--text-strong)}.premium-price-period{color:var(--text-muted);font-size:14px}.premium-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.premium-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}.premium-features li svg{flex:none;color:var(--yellow)}.premium-active-banner{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 20%,var(--bg-sidebar)),color-mix(in srgb,var(--yellow) 16%,var(--bg-sidebar)));color:var(--text-strong);font-size:14px}.premium-active-banner svg{flex:none;color:var(--yellow)}.premium-title-form{display:flex;flex-direction:column;gap:10px}.premium-title-form .hint{display:flex;align-items:center;flex-wrap:wrap}.icon-btn.premium-active{color:var(--yellow)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.theme-option{background:var(--bg-input);border:2px solid transparent;border-radius:8px;padding:10px;text-align:left;display:flex;flex-direction:column;gap:4px}.theme-option:hover{border-color:var(--divider)}.theme-option.selected{border-color:var(--brand)}.theme-option strong{color:var(--text-strong);font-size:14px}.theme-option small{color:var(--text-muted);font-size:12px;line-height:1.3}.theme-swatches{display:flex;border-radius:5px;overflow:hidden;height:26px;margin-bottom:4px}.theme-swatches span{flex:1}.motion-demo{display:flex;flex-direction:column;gap:8px;align-items:flex-start;border-top:1px solid var(--divider);padding-top:16px}.demo-row{display:flex;gap:8px}.demo-tile{width:64px;height:44px;border-radius:8px;background:linear-gradient(140deg,var(--brand),var(--brand-alt))}.form-ok{background:color-mix(in srgb,var(--green) 12%,transparent);border:1px solid var(--green);color:var(--ok-text);border-radius:4px;padding:8px 10px;font-size:13px}.account-facts{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;font-size:14px}.account-facts dt{color:var(--text-faint)}.account-facts dd{margin:0;color:var(--text-strong)}.password-form{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--divider);padding-top:16px}.danger-zone{border-top:1px solid var(--divider);padding-top:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.roles-tab{max-width:none}.roles-layout{display:flex;gap:20px;align-items:flex-start}.role-list{flex:0 0 200px;display:flex;flex-direction:column;gap:2px}.role-list-item{display:flex;align-items:center;gap:8px;background:none;border:none;text-align:left;padding:8px 10px;border-radius:4px;color:var(--text-muted);font-size:14px}.role-list-item:hover{background:var(--bg-hover);color:var(--text-strong)}.role-list-item.selected{background:var(--bg-active);color:var(--text-strong);font-weight:600}.role-swatch{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.role-editor{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.role-editor-actions{display:flex;gap:8px}.permission-group{display:flex;flex-direction:column;gap:4px}.permission-group .field-label{margin-bottom:4px}.permission-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--divider)}.permission-row>div{display:flex;flex-direction:column;gap:2px}.permission-row strong{font-size:13px;color:var(--text-strong)}.permission-row small{font-size:12px;color:var(--text-muted)}.permission-row.disabled{opacity:.5}.switch{position:relative;flex:0 0 auto;width:38px;height:22px;display:inline-block}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.switch-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-input);border-radius:999px;transition:background .15s ease}.switch-track:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-strong);transition:transform .15s ease}.switch input:checked+.switch-track{background:var(--brand)}.switch input:checked+.switch-track:before{transform:translate(16px);background:var(--on-brand)}.switch input:disabled+.switch-track{opacity:.5;cursor:not-allowed}.member-manage-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.member-manage-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-top:1px solid var(--divider)}.member-manage-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.member-manage-info strong{color:var(--text-strong);font-size:14px}.member-manage-info small{color:var(--text-muted)}.member-manage-actions{display:flex;gap:6px;flex:0 0 auto}.invite-code{font-family:monospace;letter-spacing:.5px}.role-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.role-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid color-mix(in srgb,var(--chip-color, var(--text-faint)) 60%,transparent);color:var(--chip-color, var(--text-muted));border-radius:999px;padding:2px 8px;font-size:12px}.role-chip button{background:none;border:none;color:inherit;display:flex;padding:0;opacity:.7}.role-chip button:hover{opacity:1}.role-chip-row select{font-size:12px;padding:2px 6px;background:var(--bg-input);color:var(--text-muted);border:1px solid var(--divider);border-radius:999px}.user-identity{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:none;border:none;padding:4px;border-radius:4px;text-align:left}.user-identity:hover{background:var(--bg-hover)}@media(max-width:720px){.settings{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.settings-nav{flex-direction:row;flex-wrap:wrap;padding:12px}.settings-nav h2{width:100%}.settings-close{margin-top:0}}.banner{position:fixed;bottom:16px;left:50%;transform:translate(-50%);padding:10px 16px;border-radius:var(--radius);font-size:14px;z-index:200;box-shadow:0 4px 12px #0006}.banner.warn{background:var(--yellow);color:var(--bg-deepest);cursor:pointer}.banner.error{background:var(--red);color:var(--on-brand);cursor:pointer}.banner.info{background:var(--brand);color:var(--on-brand);cursor:pointer}.announcement-input{width:100%;background:var(--bg-deepest);border:1px solid #1e1f22;border-radius:4px;padding:10px;color:var(--text-strong);font-weight:400;outline:none;resize:vertical}.announcement-input:focus{border-color:var(--brand)}.settings-actions-row{display:flex;gap:8px;flex-wrap:wrap}.tag-create-row,.tag-search-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.tag-create-row input[type=text],.tag-search-row input[type=text]{flex:1;background:var(--bg-deepest);border:1px solid #1e1f22;border-radius:4px;padding:8px 10px;color:var(--text-strong);outline:none}.tag-create-row input[type=text]:focus,.tag-search-row input[type=text]:focus{border-color:var(--brand)}.tag-create-row input[type=color]{width:36px;height:36px;padding:0;border:none;border-radius:4px;background:none;cursor:pointer;flex:0 0 auto}.tag-grant-result{margin-top:6px}.tag-grant-list{display:flex;flex-wrap:wrap;gap:6px}.tag-grant-toggle{border:none;cursor:pointer;opacity:.4}.tag-grant-toggle.granted{opacity:1}.tag-grant-toggle:disabled{cursor:default}.update-check{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.dismiss{opacity:.7;font-size:12px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}::-webkit-scrollbar-track{background:transparent}@media(max-width:900px){.member-list{display:none}.app{grid-template-columns:60px 200px minmax(0,1fr)}}.landing{height:100%;overflow-y:auto;background:var(--bg-deepest);color:var(--text-strong)}.landing-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(20px,6vw,64px);background:transparent;border-bottom:1px solid transparent;transition:background .2s ease,border-color .2s ease}.landing-nav.scrolled{background:color-mix(in srgb,var(--bg-deepest) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-color:var(--divider)}.landing-nav-logo{height:36px;width:auto;object-fit:contain}.landing-nav-links{display:flex;gap:24px;margin-right:auto;margin-left:32px}.landing-nav-links a{color:var(--text-muted);font-size:14px;font-weight:500}.landing-nav-links a:hover{color:var(--text-strong)}.landing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:40px clamp(20px,6vw,64px) 80px;background:radial-gradient(circle at 50% 0%,var(--auth-glow) 0%,transparent 60%)}.landing-hero h1{margin:0;font-size:clamp(32px,5vw,56px);line-height:1.1;max-width:820px}.landing-hero p{margin:0;max-width:560px;color:var(--text-muted);font-size:clamp(15px,2vw,18px)}.landing-cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px}.landing-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--divider);border-top:1px solid var(--divider);border-bottom:1px solid var(--divider)}.landing-highlight{background:var(--bg-deepest);padding:28px 20px;display:flex;flex-direction:column;gap:4px;text-align:center}.landing-highlight strong{font-size:22px;background:linear-gradient(135deg,var(--brand),var(--brand-alt));-webkit-background-clip:text;background-clip:text;color:transparent}.landing-highlight span{font-size:13px;color:var(--text-muted)}.landing-mock{display:flex;width:min(720px,90vw);margin-top:32px;background:var(--bg-chat);border-radius:12px;box-shadow:0 24px 60px #00000073;overflow:hidden;border:1px solid var(--divider)}.landing-mock-rail{flex:0 0 56px;background:var(--bg-guildbar, var(--bg-deepest));display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0}.landing-mock-pill{width:32px;height:32px;border-radius:50%;background:var(--bg-sidebar)}.landing-mock-pill.active{border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-alt))}.landing-mock-pill.ghost{opacity:.5}.landing-mock-body{flex:1;min-width:0;padding:20px;display:flex;flex-direction:column;gap:18px;text-align:left}.landing-mock-row{display:flex;gap:12px;align-items:flex-start}.landing-mock-avatar{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,hsl(calc(250 + var(--i) * 35),70%,60%),hsl(calc(300 + var(--i) * 35),70%,55%))}.landing-mock-lines{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;padding-top:4px}.landing-mock-line{height:9px;border-radius:5px;background:var(--divider);width:78%}.landing-mock-line.name{height:10px;width:96px;background:linear-gradient(90deg,hsl(calc(250 + var(--i) * 35),70%,65%),hsl(calc(300 + var(--i) * 35),70%,60%))}.landing-mock-line.wide{width:94%}.landing-mock-avatar.big{width:100%;height:100%;flex:none;border-radius:16px}.landing-mock.voice{padding:20px;display:block}.landing-voice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.landing-voice-tile{aspect-ratio:1;border-radius:10px;background:var(--bg-deepest);display:grid;place-items:center;padding:18%;border:2px solid transparent}.landing-voice-tile.speaking{border-color:var(--green)}.landing-mock.roles{display:block}.landing-roles-body{padding:20px;display:flex;flex-direction:column;gap:16px}.landing-roles-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.landing-mock-line.role-label{all:unset;font-size:14px;color:var(--text)}.landing-roles-switch{flex:0 0 auto;width:34px;height:20px;border-radius:999px;background:var(--bg-deepest);position:relative}.landing-roles-switch span{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-faint);transition:transform .15s ease,background .15s ease}.landing-roles-switch.on{background:var(--brand)}.landing-roles-switch.on span{transform:translate(14px);background:var(--on-brand)}.landing-mock.screenshare{display:block;padding:0}.landing-screen-frame{position:relative;aspect-ratio:16 / 10;background:var(--bg-deepest);display:grid;place-items:center;color:var(--text-faint)}.landing-screen-live{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--red, #ed4245);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em}.landing-mock.screenshare .landing-mock-row{padding:14px 20px}.landing-mock.block{display:block;padding:20px}.landing-mock-avatar.muted,.landing-mock-line.muted{opacity:.35;filter:grayscale(1)}.landing-block-banner{margin-top:14px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:var(--bg-deepest);color:var(--text-faint);font-size:13px}.landing-mock.desktop{display:block;padding:24px 20px;background:var(--bg-deepest)}.landing-desktop-toast{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:var(--bg-chat);border:1px solid var(--divider);box-shadow:0 12px 30px #00000059}.landing-desktop-toast img{width:36px;height:36px;border-radius:8px}.landing-desktop-toast strong{display:block;font-size:13px;color:var(--text-strong)}.landing-desktop-toast span{font-size:12px;color:var(--text-muted)}.landing-desktop-tray{margin-top:20px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:var(--bg-sidebar)}.landing-desktop-icon{position:relative;width:24px;height:24px}.landing-desktop-icon img{width:100%;height:100%;border-radius:6px}.landing-desktop-badge{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:var(--red, #ed4245);border:2px solid var(--bg-sidebar)}.landing-desktop-tray .landing-mock-pill{width:22px;height:22px;background:var(--bg-deepest)}.landing-theme-showcase{padding:72px clamp(20px,6vw,64px);text-align:center;background:var(--bg-chat)}.landing-theme-showcase h2{margin:0 0 8px;font-size:clamp(24px,3.5vw,34px)}.landing-theme-showcase p{margin:0 0 32px;color:var(--text-muted)}.landing-theme-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.landing-theme-card{width:220px;background:var(--bg-deepest);border:2px solid transparent;border-radius:12px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:6px}.landing-theme-card:hover{border-color:var(--divider)}.landing-theme-card.selected{border-color:var(--brand)}.landing-theme-card strong{color:var(--text-strong);font-size:15px}.landing-theme-card small{color:var(--text-muted);font-size:12px;line-height:1.4}.landing-theme-swatches{display:flex;border-radius:6px;overflow:hidden;height:40px;margin-bottom:4px}.landing-theme-swatches span{flex:1}.landing-feature{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,6vw,72px);align-items:center;max-width:1080px;margin:0 auto;padding:72px clamp(20px,6vw,64px)}.landing-feature.reverse{direction:rtl}.landing-feature.reverse>*{direction:ltr}.landing-feature.tint{z-index:0;box-shadow:0 0 0 100vmax color-mix(in srgb,var(--brand) 16%,var(--bg-chat));clip-path:inset(0 -100vmax)}.landing-feature-art{display:grid;place-items:center}.landing-feature-art .landing-mock{width:100%;max-width:460px;margin-top:0}.landing-feature-text h2{margin:0 0 12px;font-size:clamp(26px,3.6vw,38px);font-weight:800;line-height:1.15;letter-spacing:-.01em}.landing-feature-text p{margin:0;color:var(--text-muted);font-size:15px;line-height:1.5;max-width:440px}.landing-mid-cta,.landing-closing{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:64px clamp(20px,6vw,64px);background:var(--bg-chat)}.landing-mid-cta h2,.landing-closing h2{margin:0;font-size:clamp(24px,3.5vw,34px)}.landing-mid-cta p{margin:0;color:var(--text-muted)}.landing-closing{background:radial-gradient(circle at 50% 100%,var(--auth-glow) 0%,var(--bg-deepest) 65%)}.landing-footer{display:flex;flex-wrap:wrap;gap:40px;padding:48px clamp(20px,6vw,64px);color:var(--text-muted);font-size:13px;border-top:1px solid var(--divider)}.landing-footer-brand{display:flex;align-items:center;gap:12px;margin-right:auto}.landing-footer-logo{height:40px;width:40px;border-radius:10px;object-fit:contain}.landing-footer-brand strong{display:block;color:var(--text-strong);font-size:15px}.landing-footer-brand p{margin:2px 0 0}.landing-footer-col{display:flex;flex-direction:column;gap:8px;min-width:140px}.landing-footer-heading{color:var(--text-strong);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.landing-footer-col a,.landing-footer-col button{background:none;border:none;padding:0;text-align:left;color:var(--text-muted);font-size:13px}.landing-footer-col a:hover,.landing-footer-col button:hover{color:var(--text-strong)}@media(max-width:720px){.landing-nav-links{display:none}.landing-feature,.landing-feature.reverse{grid-template-columns:minmax(0,1fr);direction:ltr;text-align:center}.landing-feature-text p{max-width:none;margin:0 auto}.landing-mock-rail{display:none}.landing-footer{flex-direction:column;gap:24px}.landing-footer-brand{margin-right:0}}