.media-panel{background:var(--panel,#20232d);border:1px solid var(--border,#353944);border-radius:16px;padding:16px;margin:12px 18px;color:var(--text,#eff1f7);flex-shrink:0;max-height:65vh;overflow:auto;font-size:.9286rem}.media-panel button,.media-panel select{font:inherit;color:inherit}.media-panel button{cursor:pointer;border:1px solid var(--border,#393d49);background:var(--surface,#2c303b);border-radius:9px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,transform .15s}.media-panel button:hover{background:var(--hover,#3b4050)}.media-panel button:disabled{opacity:.4;cursor:not-allowed}.media-panel button:focus-visible,.media-panel input:focus-visible,.media-panel select:focus-visible{outline:2px solid #a69aff;outline-offset:3px}.media-heading,.media-heading>div,.media-controls,.media-sharing,.media-volumes,.media-volumes label,.media-stream-title,.media-modal-header,.media-dialog-actions{display:flex;align-items:center;gap:10px}.media-heading,.media-stream-title,.media-modal-header{justify-content:space-between}.media-status{display:inline-block;width:7px;height:7px;background:#ebbd66;border-radius:50%}.media-status.connected{background:#82d6ad;box-shadow:0 0 10px #82d6ad33}.media-connection{color:var(--muted,#9ca4b6);font-size:.7857rem}.media-panel .media-icon{border:0;background:transparent;padding:6px}.media-participants{display:flex;align-items:center;gap:16px;padding:16px 0;overflow:auto}.media-person{flex-shrink:0;text-align:center;min-width:75px;display:flex;flex-direction:column;align-items:center;gap:5px}.media-person>span{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:#665e8a;color:#f8f4ff;font-weight:600;border:2px solid transparent}.media-person.speaking>span{border-color:#88deb1;box-shadow:0 0 0 3px #88deb117}.media-person small{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-person input{width:65px;height:10px;opacity:.5}.media-waiting,.media-hint{color:var(--muted,#9aa2b4);font-size:.7857rem;line-height:1.6}.media-controls{justify-content:center;flex-wrap:wrap}.media-panel .media-controls>button{height:38px}.media-panel .media-controls .off{color:#eea19f;background:#874f4f33}.media-panel .media-controls .active{color:#b6a9ff;background:#8770ef26}.media-panel .media-hangup{background:#bd575b;color:#fff;border-color:transparent}.media-panel .media-hangup:hover{background:#d9676b}.media-volumes{justify-content:center;margin-top:14px;gap:24px;flex-wrap:wrap;color:var(--muted,#b0b6c7)}.media-volumes label{font-size:.7857rem}.media-panel input[type=range]{accent-color:#a799ed;max-width:120px}.media-streams{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:12px}.media-stream{position:relative;background:#13151d;border:1px solid #3e4250;border-radius:12px;overflow:hidden;color:#f1f2f7}.media-stream-title{padding:8px 10px;font-size:.7857rem}.media-stream-title button{font-size:.7143rem;padding:5px 8px}.media-stream video,.media-preview video{width:100%;max-height:400px;object-fit:contain;display:block;background:#101116}.media-stream:fullscreen video{height:90vh;max-height:90vh}.media-stream-placeholder{display:grid;place-content:center;text-align:center;justify-items:center;min-height:120px;color:#939bae}.media-video-actions{display:flex;position:absolute;bottom:10px;right:10px;gap:6px}.media-video-actions button{background:#1d202ccc}.media-sharing{padding:12px;border:1px solid #8e7de65c;background:#8e7de617;border-radius:10px;margin-bottom:12px;color:var(--text,#e7e1ff)}.media-sharing>svg{color:#b7a7ff;flex-shrink:0}.media-sharing>div{flex:1}.media-sharing small{display:block;color:var(--muted,#b4adc8);font-size:.7143rem;line-height:1.6}.media-error{display:flex;align-items:center;gap:8px;padding:10px;margin:10px 0;background:#c5737320;border-radius:8px;color:#eaa;font-size:.8571rem}.media-error>span{flex:1}.media-error>svg{flex-shrink:0}.media-error button{border:0;padding:3px;background:transparent}.media-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#090b12aa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.media-modal{width:480px;max-width:100%;max-height:88vh;overflow:auto;background:var(--panel,#222530);border:1px solid var(--border,#3e4252);border-radius:20px;padding:26px;box-shadow:0 30px 100px #0007}.media-source-modal{width:690px}.media-modal h2{font-size:1.6429rem;font-weight:600;letter-spacing:-.7px;margin:5px 0 15px}.media-modal-header small{font-size:.6429rem;letter-spacing:2px;color:#b6a8ee}.media-modal-header>button{align-self:flex-start;border:0;background:transparent}.media-modal p{color:var(--muted,#aab1c2);line-height:1.6}.media-field{display:flex;flex-direction:column;gap:8px;margin:14px 0;color:var(--text,#d7dceb)}.media-field select{padding:11px;background:var(--surface,#303441);border:1px solid var(--border,#464b5b);border-radius:9px;width:100%}.media-check{display:flex;align-items:center;gap:10px;margin:16px 0;line-height:1.5}.media-check input{accent-color:#a797ef}.media-panel .media-primary{background:#a899e9;color:#211a3e;border:0;font-weight:600;padding:11px 18px}.media-panel .media-primary:hover{background:#baacf5}.media-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:340px;overflow:auto}.media-source-grid button{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:8px}.media-source-grid img{width:100%;height:130px;object-fit:contain;background:#101117;border-radius:5px}.media-source-grid span{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.7857rem}.media-source-grid .selected{border-color:#b9a9f3;background:#a99aea20}.media-source-grid .selected>svg{position:absolute;bottom:7px;right:7px;color:#bca8ff}.media-browser-picker{display:grid;justify-items:center;align-content:center;padding:25px;background:#8b7dd211;border-radius:10px;color:#b9a9ed}.media-note{padding:12px;background:#d6bc7120;border:1px solid #d6bc7130;border-radius:9px;font-size:.7857rem}.media-preview{border-radius:12px;overflow:hidden;margin:12px 0}.media-dialog-actions{justify-content:flex-end;margin-top:20px}.media-modal meter{width:100%;margin:12px 0}.media-panel audio{display:none}@media(max-width:650px){.media-panel{margin:8px;padding:12px;max-height:55vh}.media-connection{display:none}.media-source-grid{grid-template-columns:1fr}.media-modal{padding:18px}.media-sharing{flex-wrap:wrap}.media-streams{grid-template-columns:1fr}.media-controls>button span{display:none}}@media(prefers-reduced-motion:reduce){.media-panel *{transition:none!important}}:root{font-family:Inter,Segoe UI Variable,Segoe UI,system-ui,sans-serif;color:#e9eaf1;background:#101116;font-synthesis:none;font-size:var(--user-font-size,14px);--accent:#bfa6f3;--bg:#191b22;--panel:#20222b;--surface:#292c36;--hover:#30333f;--border:#ffffff0d;--text:#e9eaf1;--muted:#a1a6b8;--subtle:#858ba0;--rail:#121419;--sidebar:#1b1d25;--input:#252833;--shadow:0 24px 80px #0005;color-scheme:dark}:root[data-theme=light]{--bg:#fafafe;--panel:#f1f2f7;--surface:#fff;--hover:#e7e8f0;--border:#24243b12;--text:#292a38;--muted:#65697b;--subtle:#767a8e;--rail:#e5e7ee;--sidebar:#eff0f6;--input:#e9ebf2;--shadow:0 24px 80px #22223d1a;background:#e6e7ef;color:var(--text);color-scheme:light}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;transition:background .16s,color .16s,border-color .16s,transform .16s}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{border:0;background:none}input,textarea,select{color:var(--text);border:1px solid var(--border);background:var(--input);border-radius:9px;padding:11px 13px;min-width:0}input::placeholder,textarea::placeholder{color:var(--subtle)}textarea{resize:vertical;line-height:1.6}label{display:flex;flex-direction:column;gap:8px;font-size:.8571rem;font-weight:500;color:var(--text)}form>label{margin:17px 0}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;padding:0}input[type=range]{accent-color:var(--accent)}h1,h2,h3,p{margin-top:0}p{line-height:1.65}svg{flex-shrink:0}small{font-size:.7857rem}kbd{font-family:inherit;font-size:.7143rem;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:3px 5px;white-space:nowrap}::selection{background:#a28bcc55}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#8c8eaa35;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;padding:10px 15px;border-radius:9px;font-size:.8571rem;font-weight:600;letter-spacing:.1px;border:1px solid transparent}.button.primary{background:var(--accent);color:#2b223e;box-shadow:0 3px 12px #0001}.button.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.button.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button.secondary:hover{background:var(--hover)}.button.danger{background:#a94f60;color:#fff}.button.small{min-height:30px;padding:6px 11px;font-size:.7857rem}.full{width:100%}.text-button{color:var(--accent);padding:0;display:inline-flex;align-items:center;gap:6px;font-size:.8571rem}.text-button:hover{text-decoration:underline}.danger-text{color:#e296a4}.icon-button{display:inline-grid;place-items:center;padding:7px;border-radius:7px;min-width:30px;min-height:30px;color:var(--muted)}.icon-button:hover,.icon-button.active{background:var(--hover);color:var(--text)}.icon-button.active{color:var(--accent)}.muted{color:var(--muted);font-size:.8571rem}.notice{padding:12px 14px;border-radius:9px;border:1px solid var(--border);background:var(--surface);font-size:.8571rem;line-height:1.6;margin:14px 0;color:var(--muted)}.notice.error{background:#ad59631c;color:#e8a7b1;border-color:#ca67752d}.notice.subtle{background:#c6b5840d;border-color:#c6b58422;color:#bcb392}.eyebrow{font-size:.6429rem;letter-spacing:2.1px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:9px}.tiny-dot{width:6px;height:6px;display:inline-block;border-radius:100%;background:#9cd4bd}.spinner{display:inline-block;width:23px;height:23px;border:2px solid #aaa2c622;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-loading{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:var(--muted);background:var(--bg)}.auth-shell{height:100%;display:grid;grid-template-columns:1.05fr 1fr;background:var(--bg);overflow:auto}.auth-story{background:radial-gradient(ellipse at 15% 85%,#51485b38,transparent 55%),linear-gradient(135deg,#22212a,#1a1b23);padding:46px 8vw 28px;position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:750px}.brand{display:flex;align-items:center;gap:11px;font-size:1.2857rem;font-weight:650;letter-spacing:-.6px;color:#eeeaf7;position:relative;z-index:1}.brand:hover{text-decoration:none}.brand-icon{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#bfa6f3;color:#30253f;box-shadow:0 4px 24px #bfa6f318}.private-pill{font-size:.5rem;letter-spacing:1.5px;border:1px solid #ffffff12;color:#a29aad;border-radius:20px;padding:5px 7px;margin-left:3px}.story-copy{padding-top:95px;position:relative;z-index:1}.story-copy .eyebrow{font-size:.5714rem;color:#aaa3b7}.story-copy h1{font-size:clamp(36px,3.2vw,58px);font-weight:530;line-height:1.17;letter-spacing:-2.5px;margin:25px 0}.story-copy h1 em{font-style:normal;color:#c4afe9}.story-copy>p{font-size:.9286rem;color:#a3a0b2;line-height:1.9}.story-features{display:flex;gap:18px;margin:28px 0;color:#aba4b8;flex-wrap:wrap}.story-features span{display:flex;align-items:center;gap:8px;font-size:.6429rem}.story-features svg{color:#c7b1ed}.story-bottom{position:relative;min-height:205px;display:flex;align-items:center}.abstract-window{position:relative;z-index:1;transform:rotate(-4deg);width:265px;padding:12px 18px 18px;background:linear-gradient(120deg,#35333fdd,#292932dd);box-shadow:0 20px 70px #0004;border:1px solid #ffffff0e;border-radius:14px}.abstract-dots{display:flex;gap:5px}.abstract-dots i{width:5px;height:5px;border-radius:50%;background:#777080}.abstract-dots i:first-child{background:#b68d95}.abstract-dots i:nth-child(2){background:#bfac85}.abstract-dots i:nth-child(3){background:#8dab9c}.waveform{height:95px;display:flex;align-items:center;gap:4px;justify-content:center}.waveform i{width:3px;border-radius:8px;background:linear-gradient(#bba5e4,#8272a6);opacity:.8}.abstract-window>span{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.5714rem;color:#c0b7ce}.orb{position:absolute;width:100px;height:100px;border-radius:32px;background:#9a80be0b;border:1px solid #aa91d211;transform:rotate(15deg);left:200px;top:75px}.orb-2{left:265px;top:20px;width:65px;height:65px;transform:rotate(32deg)}.orb-3{left:-20px;top:10px;width:40px;height:40px}.auth-story footer{margin-top:auto;padding-top:30px;font-size:.5rem;letter-spacing:1.8px;color:#6e687a}.auth-form-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding:50px 35px}.auth-form-wrap{max-width:355px;width:100%;animation:rise .3s}.auth-form-wrap>.eyebrow{color:var(--accent);font-size:.5714rem}.auth-form-wrap h2{font-size:1.8571rem;font-weight:550;letter-spacing:-.9px;margin:15px 0 8px}.auth-form-wrap>p{margin-bottom:30px}.auth-form-wrap form{margin-top:28px}.auth-form-wrap label{font-size:.7857rem;margin:20px 0}.auth-form-wrap input{height:44px;background:color-mix(in srgb,var(--input) 75%,transparent)}.password-input{position:relative;display:flex;align-items:center}.password-input input{width:100%;padding-right:40px}.password-input button{position:absolute;right:6px}.auth-form-wrap form>.button{margin-top:9px;height:43px}.auth-switch{text-align:center;font-size:.7857rem;color:var(--muted);margin:23px 0!important}.auth-help{display:flex;align-items:center;gap:12px;padding:22px 0;border-top:1px solid var(--border);color:var(--muted)}.auth-help>svg{color:#939ca1}.auth-help p{font-size:.7857rem;margin:0}.auth-help p>span{color:var(--subtle);font-size:.7143rem}.preview-link{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;font-size:.7143rem;color:var(--muted);margin-top:10px}.preview-link:hover{color:var(--accent)}.auth-footnote{position:absolute;bottom:25px;color:var(--subtle);font-size:.6429rem}.auth-footnote span{padding:0 10px}.app-shell{height:100dvh;width:100%;display:grid;grid-template-columns:68px max-content minmax(0,1fr);grid-template-rows:38px minmax(0,1fr);grid-template-areas:"title title title" "rail sidebar main";background:var(--bg);overflow:hidden}.titlebar{grid-area:title;display:flex;align-items:center;justify-content:space-between;padding:0 19px;background:var(--rail);border-bottom:1px solid var(--border);font-size:.7143rem;-webkit-user-select:none;user-select:none;-webkit-app-region:drag}.titlebar button{-webkit-app-region:no-drag}.titlebar-brand,.titlebar-right{display:flex;align-items:center;gap:8px}.titlebar-brand>svg{color:var(--accent)}.titlebar-brand>span:first-of-type{font-weight:600}.titlebar-divider{height:12px;width:1px;background:var(--border);margin:0 5px}.titlebar-subtitle{font-size:.6429rem;color:var(--subtle)}.connection{display:flex;align-items:center;gap:6px;color:var(--subtle);font-size:.5714rem}.connection i{width:4px;height:4px;border-radius:50%;background:#b89966}.connection.online i{background:#83bda0}.titlebar:has(.window-actions){padding-right:145px}.window-actions{display:none}.community-rail{grid-area:rail;background:var(--rail);display:flex;align-items:center;flex-direction:column;padding:18px 0 15px;gap:13px;border-right:1px solid var(--border)}.community-icon{position:relative;width:41px;height:41px;border-radius:14px;background:var(--surface);color:var(--muted);display:grid;place-items:center;font-weight:600;font-size:.8571rem;letter-spacing:.5px}.community-icon:hover{border-radius:12px;background:var(--hover);color:var(--text)}.community-icon.selected{background:#bfa6f324;color:var(--accent);box-shadow:inset 0 0 0 1px #bfa6f321}.community-icon.selected:before{content:"";position:absolute;width:3px;height:22px;left:-14px;border-radius:0 3px 3px 0;background:var(--accent)}.community-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.home-icon{background:transparent}.add-community{background:transparent;border:1px dashed #8d8a9e44;color:#818c88}.rail-separator{height:1px;width:23px;background:var(--border);margin:0 0 1px}.rail-spacer{flex:1}.rail-bottom{color:var(--subtle);padding:6px;border-radius:8px}.rail-bottom:hover{color:var(--accent);background:var(--surface)}.channel-sidebar{grid-area:sidebar;width:244px;min-width:215px;max-width:350px;resize:horizontal;overflow:hidden;display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--border)}.community-heading{height:87px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.community-heading small{display:block;font-size:.5rem;letter-spacing:1.5px;color:var(--subtle);margin-bottom:8px}.community-heading button{display:flex;gap:10px;align-items:center;padding:0;max-width:190px}.community-heading strong{font-size:1.0714rem;font-weight:570;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-heading button svg{color:var(--subtle)}.private-lock{color:var(--subtle)}.quick-search{display:flex;align-items:center;gap:8px;padding:10px;margin:0 14px 25px;border-radius:8px;border:1px solid var(--border);background:#10111619;color:var(--subtle);font-size:.6429rem;white-space:nowrap}.quick-search kbd{font-size:.5714rem;padding:2px 4px;margin-left:auto}.channel-list{overflow:auto;flex:1;padding:0 10px 12px}.channel-list>section{margin-bottom:26px}.channel-category{display:flex;align-items:center;gap:6px;color:var(--subtle);padding:0 7px;margin-bottom:9px;min-height:24px;font-size:.5714rem;font-weight:600;letter-spacing:1.2px}.channel-category>.icon-button{margin-left:auto;padding:3px;min-height:22px;min-width:22px}.channel-item{display:flex;align-items:center;gap:10px;text-align:left;width:100%;border-radius:7px;padding:10px 12px;color:var(--muted);font-size:.8571rem;margin:3px 0;min-height:38px}.channel-item>svg{color:var(--subtle)}.channel-item>span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.channel-item:hover{background:var(--hover);color:var(--text)}.channel-item.selected{background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent)}.channel-item.selected>svg{color:var(--accent)}.channel-item.voice-active{color:#9ad4b5;background:#89bd9c13}.unread-badge{font-size:.6429rem;border-radius:5px;background:var(--accent);color:#2c2338;padding:2px 5px}.voice-member{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.7143rem;margin:9px 12px 9px 38px}.sidebar-bottom{margin-top:auto}.invite-card{margin:0 16px 18px;background:linear-gradient(125deg,#bbb0e309,#aaa0c604);border:1px solid #c8bbed0f;border-radius:11px;padding:16px;text-align:left}.invite-card-icon{color:#a99ac5;margin-bottom:8px}.invite-card strong{font-size:.7857rem;font-weight:550}.invite-card p{font-size:.7143rem;color:var(--subtle);line-height:1.8;margin:7px 0 13px}.invite-card button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;background:#aca0c712;border:1px solid #ac9dc320;border-radius:7px;color:#c2b4d7;font-size:.7143rem}.invite-card button:hover{background:#aca0c726}.profile-bar{display:flex;align-items:center;gap:9px;padding:16px 13px;border-top:1px solid var(--border);min-height:73px;background:#10101516}.profile-name{padding:0;text-align:left;flex:1;min-width:0}.profile-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7857rem;font-weight:550}.profile-name>span{display:block;font-size:.6429rem;color:var(--subtle);margin-top:4px}.sidebar-empty{padding:24px 16px;text-align:center;color:var(--subtle);line-height:1.6}.sidebar-empty>svg{color:#817790}.sidebar-empty p{font-size:.8571rem;margin:14px 0}.sidebar-empty small{font-size:.7143rem}.avatar{display:inline-flex;justify-content:center;align-items:center;position:relative;flex-shrink:0;width:35px;height:35px;border-radius:12px;background:hsl(var(--avatar-hue,260) 15% 37%);color:#f0ebf6;font-size:.7857rem;letter-spacing:.2px;font-weight:550}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar.small{width:27px;height:27px;border-radius:9px;font-size:.6429rem}.avatar.large{width:65px;height:65px;border-radius:22px;font-size:1.5714rem}.presence-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid var(--sidebar);border-radius:50%;background:#7faa92}.presence-dot.away{background:#d0b477}.presence-dot.busy{background:#d18492}.presence-dot.offline,.presence-dot.invisible{background:#66677a}.main-panel{grid-area:main;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.channel-header{height:69px;min-height:69px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.channel-title{display:flex;align-items:center;gap:13px;min-width:0}.channel-title>svg{color:var(--subtle)}.channel-title>div{min-width:0}.channel-title h1{font-size:1rem;font-weight:600;margin:0 0 5px;letter-spacing:-.1px}.channel-title span{font-size:.7143rem;color:var(--subtle);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}.channel-tools{display:flex;align-items:center;gap:9px}.tool-separator{height:18px;background:var(--border);width:1px;margin:0 4px}.mobile-menu{display:none}.preview-banner,.offline-banner{padding:9px 24px;background:#c6b38409;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #bfa6f30b;font-size:.6429rem;color:#a09880;min-height:33px}.preview-banner>span,.preview-banner button,.offline-banner{display:flex;align-items:center;gap:7px}.preview-banner button{font-size:.6429rem;color:#c4b18c}.offline-banner{background:#c99b6310;color:#c3a078}.conversation-layout{display:flex;flex:1;min-height:0;overflow:hidden}.chat-panel{display:flex;flex-direction:column;min-height:0;min-width:0;flex:1;position:relative}.message-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:15px 0 25px;scrollbar-gutter:stable}.channel-welcome{padding:clamp(28px,8vh,85px) clamp(22px,4vw,70px) 35px;animation:rise .3s}.welcome-channel-icon{position:relative;display:grid;place-items:center;width:68px;height:68px;background:linear-gradient(140deg,#37313f,#29262f);border:1px solid #e1caf51a;border-radius:21px;color:#c4addf;box-shadow:0 8px 20px #0001;margin-bottom:28px}.welcome-spark{font-size:1.3571rem;position:absolute;right:-5px;top:-9px;color:#c3ba9c;text-shadow:0 0 16px #bdb39755}.channel-welcome .eyebrow{font-size:.5714rem;letter-spacing:1.7px;color:#81798d}.channel-welcome h2{font-weight:530;font-size:clamp(22px,1.8vw,30px);letter-spacing:-.7px;line-height:1.4;margin:12px 0}.channel-welcome h2>span{color:var(--text)}.channel-welcome p{font-size:.8571rem;color:var(--subtle);line-height:1.8;max-width:380px}.welcome-divider{height:1px;background:var(--border);margin:26px 0;max-width:500px}.welcome-cards{display:grid;grid-template-columns:1fr;max-width:390px;gap:13px}.welcome-cards>button,.welcome-info{display:flex;align-items:center;gap:14px;border-radius:10px;padding:15px;text-align:left;border:1px solid var(--border);background:#ffffff02}.welcome-cards>button:hover{background:var(--hover);border-color:#bfa6f324}.welcome-card-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:12px}.welcome-card-icon.lavender{background:#ad92db14;color:#bfa6e3}.welcome-card-icon.mint{background:#81bfa413;color:#9abeac}.welcome-cards strong{font-size:.7857rem;display:block;font-weight:550;margin-bottom:5px}.welcome-cards div>span:not(.welcome-card-icon){font-size:.7143rem;color:var(--subtle)}.welcome-cards>button>svg{margin-left:auto;color:var(--subtle)}.welcome-privacy{display:flex;align-items:center;gap:7px;font-size:.6429rem;color:var(--subtle);margin-top:23px}.channel-welcome.compact{padding-top:23px;padding-bottom:20px}.channel-welcome.compact .welcome-channel-icon{width:45px;height:45px;border-radius:14px;margin-bottom:17px}.channel-welcome.compact h2{font-size:1.6429rem}.channel-welcome.compact>p{margin-bottom:0}.member-sidebar{width:212px;min-width:182px;max-width:320px;padding:24px 14px;background:#ffffff01;border-left:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;overflow:auto;resize:horizontal}.members-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:var(--subtle);font-size:.5714rem;letter-spacing:1.7px;margin-bottom:27px}.members-heading svg{opacity:.6}.member-group-heading{font-size:.5714rem;letter-spacing:1.2px;color:var(--subtle);padding:0 8px;margin-bottom:11px}.member-group-heading span{margin-left:5px;opacity:.6}.member-item{display:flex;width:100%;align-items:center;gap:10px;text-align:left;padding:8px;border-radius:8px;margin:2px 0}.member-item:hover{background:var(--hover)}.member-item>span:nth-child(2){flex:1;min-width:0}.member-item strong{display:block;font-weight:500;font-size:.7857rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.member-item small{font-size:.6429rem;display:block;color:var(--subtle);margin-top:4px}.owner-icon{color:#ac9e74}.offline-group{margin-top:25px}.offline-member{opacity:.65}.members-empty{margin:auto 0;text-align:center;color:var(--subtle);padding-bottom:65px}.empty-people{display:inline-grid;place-items:center;width:65px;height:65px;border:1px solid var(--border);background:#ffffff02;border-radius:22px;color:#787181}.members-empty h3{font-size:.8571rem;line-height:1.65;font-weight:500;color:var(--muted);margin:19px 0 8px}.members-empty p{font-size:.7143rem;line-height:1.8;margin-bottom:15px}.members-empty button{font-size:.6429rem;justify-content:center}.privacy-note{display:flex;align-items:center;gap:8px;color:var(--subtle);font-size:.5714rem;line-height:1.8;border-top:1px solid var(--border);padding:18px 5px 0;margin-top:auto}.privacy-note svg{color:#8a9c91}.date-divider{display:flex;align-items:center;gap:13px;font-size:.6429rem;color:var(--subtle);padding:9px 30px 17px}.date-divider:before,.date-divider:after{content:"";height:1px;background:var(--border);flex:1}.message-row{position:relative;display:flex;align-items:flex-start;gap:13px;padding:8px 28px;transition:background .1s}.message-row:hover{background:#ffffff03}.message-row.grouped{padding-top:3px;padding-bottom:3px}.message-row.pinned-message{background:#a58b5721}.message-body{flex:1;min-width:0}.message-byline{display:flex;align-items:center;gap:9px;margin:1px 0 5px}.message-byline>strong{font-weight:550;font-size:.8571rem}.message-byline>time,.compact-time{font-size:.6429rem;color:var(--subtle)}.message-byline>svg{color:#bbaa7b}.you-badge{font-size:.5rem;color:var(--subtle);background:var(--surface);padding:2px 4px;border-radius:4px}.compact-time{width:35px;flex-shrink:0;text-align:right;opacity:0;padding-top:4px}.message-row:hover .compact-time{opacity:1}.message-content{font-size:calc(var(--user-font-size,14px) - 1px);color:var(--muted);line-height:1.75;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.message-content a{word-break:break-word}.mention{color:var(--accent);background:#bfa6f319;padding:1px 3px;border-radius:4px}.edited-label{font-size:.5714rem;color:var(--subtle)}.message-actions{position:absolute;right:25px;top:-12px;background:var(--panel);border:1px solid var(--border);border-radius:7px;padding:2px;box-shadow:0 5px 15px #0002;display:none}.message-row:hover .message-actions,.message-row:focus-within .message-actions{display:flex}.message-actions .icon-button{min-height:27px;min-width:27px;padding:5px}.reply-reference{display:flex;align-items:center;gap:7px;font-size:.7143rem;color:var(--subtle);max-width:100%;margin-bottom:7px}.reply-reference strong{font-weight:500;flex-shrink:0}.reply-reference>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.attachment-image{max-width:min(100%,460px);max-height:330px;object-fit:contain;border-radius:10px;margin-top:10px;background:#121318}.file-attachment{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:9px;background:var(--panel);padding:13px;max-width:350px;margin:8px 0}.file-attachment span{flex:1;min-width:0}.file-attachment strong{display:block;font-size:.7857rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-attachment small{display:block;color:var(--subtle);font-size:.6429rem;margin-top:4px}.reactions{display:flex;gap:6px;margin-top:8px}.reactions button{border:1px solid var(--border);padding:4px 8px;background:var(--panel);border-radius:6px;font-size:.7857rem}.reactions button>span{font-size:.6429rem;margin-left:5px;color:var(--muted)}.reactions button.reacted{background:#bfa6f318;border-color:#bfa6f344}.reaction-picker,.composer-emoji{position:absolute;z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:7px;display:flex;gap:3px}.reaction-picker{right:25px;top:25px}.reaction-picker button,.composer-emoji button{padding:5px;border-radius:5px;font-size:1.2857rem}.reaction-picker button:hover,.composer-emoji button:hover{background:var(--hover)}.load-older{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:.7143rem;padding:10px;max-width:240px;margin:0 auto 10px}.history-loading,.chat-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--muted);gap:15px;padding:30px;text-align:center}.history-loading{font-size:.7857rem}.chat-error h2{font-size:1.2857rem;margin:0}.chat-error p{font-size:.8571rem}.edit-message textarea{width:100%;font-size:.8571rem;min-height:70px}.edit-message>span{display:flex;gap:10px;justify-content:flex-end;margin-top:5px}.composer-area{padding:0 25px 16px;flex-shrink:0;position:relative}.composer{display:flex;align-items:center;gap:10px;background:var(--input);border:1px solid #ffffff08;border-radius:11px;padding:10px 12px;min-height:56px}.composer:focus-within{border-color:#bfa6f333;box-shadow:0 0 0 3px #bfa6f307}.composer textarea{resize:none;flex:1;border:0;box-shadow:none;background:transparent;padding:7px 0;min-height:30px;max-height:150px;font-size:.8571rem;line-height:1.65;outline:0}.composer textarea:focus-visible{outline:0}.composer>.icon-button:first-of-type{background:#a3a1b510;border-radius:8px;min-width:28px;min-height:28px}.composer .send-button{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#bfa6f323;color:var(--accent)}.composer-hint{display:flex;align-items:center;justify-content:space-between;padding:9px 4px 0;font-size:.5714rem;color:var(--subtle);min-height:22px}.composer-hint kbd{border:0;padding:0;font-size:.5714rem}.typing-indicator{color:var(--muted);font-size:.6429rem}.typing-indicator b{font-weight:500}.typing-dots{letter-spacing:2px;margin-right:6px;color:var(--accent)}.composer-reply{display:flex;align-items:center;gap:8px;font-size:.7143rem;color:var(--muted);background:var(--panel);padding:9px 12px;border:1px solid var(--border);border-bottom:0;border-radius:8px 8px 0 0}.composer-reply>.icon-button{margin-left:auto}.reply-excerpt{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--subtle)}.pending-attachments{display:flex;gap:7px;flex-wrap:wrap;padding:10px 0}.pending-attachments>div{display:flex;align-items:center;gap:5px;background:var(--surface);border-radius:7px;padding:4px 6px;font-size:.7143rem}.pending-attachments span{max-width:160px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.composer-emoji{right:30px;bottom:94px}.search-bar{display:flex;align-items:center;gap:10px;padding:8px 23px;border-bottom:1px solid var(--border);color:var(--subtle)}.search-bar input{flex:1;background:transparent;border:0;padding:7px;font-size:.8571rem}.search-bar input:focus-visible{outline:0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:2000;display:flex;align-items:center;gap:16px;max-width:min(600px,90vw);padding:10px 13px 10px 18px;background:var(--surface);border:1px solid #bfa6f32a;box-shadow:var(--shadow);border-radius:11px;font-size:.8571rem;line-height:1.55}.call-toast{position:fixed;z-index:1000;top:65px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid #bfa6f355;box-shadow:var(--shadow);padding:18px;border-radius:15px;display:flex;align-items:center;gap:15px;max-width:95vw}.call-toast strong,.call-toast small{display:block}.call-toast strong{font-size:.8571rem;margin-bottom:5px}.call-toast small{font-size:.7143rem;color:var(--muted)}.calling-icon{padding:12px;border-radius:12px;background:#bfa6f318;color:var(--accent)}.modal{color:var(--text);background:var(--panel);border:1px solid #ffffff13;border-radius:18px;box-shadow:var(--shadow);max-width:calc(100vw - 30px);max-height:88dvh;width:470px;padding:25px;overflow:auto}.modal[open]{animation:rise .18s}.modal::backdrop{background:#080a10b0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal.wide{width:890px;padding:0}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.modal-heading h2{font-size:1.3571rem;font-weight:550;letter-spacing:-.5px;margin:0}.modal.wide>.modal-heading{padding:16px 22px;margin:0;border-bottom:1px solid var(--border)}.modal-description{line-height:1.8;font-size:.8571rem}.modal label{font-size:.7857rem}.modal input,.modal textarea,.modal select{font-size:.8571rem}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:24px}.check-label{display:flex;flex-direction:row;align-items:center;font-size:.7857rem;line-height:1.6}.invite-result{text-align:center;padding:14px 0}.invite-result>svg{color:var(--accent);margin:10px}.invite-result h3{font-size:1.4286rem;font-weight:550}.invite-result p{font-size:.8571rem;color:var(--muted)}.invite-result input{width:100%;font-size:.7857rem;margin:10px 0 15px}.settings-layout{display:flex;min-height:530px;height:64vh;max-height:690px}.settings-nav{width:220px;flex-shrink:0;border-right:1px solid var(--border);background:#1011181a;display:flex;flex-direction:column;overflow:auto;padding:18px 13px}.settings-user{display:flex;align-items:center;gap:9px;margin:0 7px 24px}.settings-user strong{display:block;font-size:.7857rem;font-weight:550}.settings-user small{display:block;font-size:.5714rem;color:var(--subtle);margin-top:4px}.settings-nav>button{display:flex;align-items:center;gap:11px;padding:10px;border-radius:7px;color:var(--muted);text-align:left;font-size:.7143rem;margin:2px 0;white-space:nowrap}.settings-nav>button:hover{background:var(--hover)}.settings-nav>button.selected{background:#bfa6f315;color:var(--accent)}.settings-nav-spacer{flex:1;min-height:25px}.settings-nav>button.logout-button{color:#c798a2}.settings-version{font-size:.5rem;color:var(--subtle);letter-spacing:1px;padding:14px 10px 0}.settings-content{flex:1;min-width:0;overflow:auto;padding:29px 34px}.settings-content>h2{font-size:1.6429rem;letter-spacing:-.6px;font-weight:550;margin:0 0 9px}.settings-content h3{font-size:.8571rem;font-weight:550;margin:27px 0 15px}.settings-content form{margin-top:25px}.settings-content label{font-size:.7857rem}.settings-content .field-help{font-size:.7143rem;color:var(--subtle);line-height:1.7}.profile-preview{display:flex;align-items:center;gap:13px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:20px 0}.profile-preview>div strong,.profile-preview>strong{font-size:1.0714rem;display:block}.profile-preview>div span,.profile-preview>span:not(.avatar){font-size:.7143rem;color:var(--muted);display:block;margin-top:6px}.settings-note{display:flex;gap:12px;padding:15px;background:#a4abc509;border:1px solid var(--border);border-radius:10px;margin:24px 0;color:var(--subtle)}.settings-note>svg{color:#9b94ad}.settings-note p{font-size:.7143rem;line-height:1.8;margin:0}.settings-paragraph{font-size:.8571rem;color:var(--muted);line-height:1.9}.settings-illustration{height:120px;display:grid;place-items:center;margin:20px 0;border-radius:13px;background:linear-gradient(135deg,#ad94cb17,#77b49a07);color:#b4a0cd}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-option{padding:8px;border-radius:10px;border:1px solid var(--border);background:var(--surface)}.theme-option.selected{border-color:var(--accent)}.theme-preview{height:67px;display:flex;gap:3px;align-items:stretch;overflow:hidden;border-radius:5px;background:#1b1e27;padding:8px}.theme-preview i:first-child{width:13%;background:#111319;border-radius:2px}.theme-preview i:nth-child(2){width:25%;background:#30323f;border-radius:2px}.theme-preview i:last-child{flex:1;background:#252832;border-radius:2px}.theme-option.light .theme-preview{background:#eaecf4}.theme-option.light .theme-preview i:first-child{background:#babdca}.theme-option.light .theme-preview i:nth-child(2){background:#d3d6e1}.theme-option.light .theme-preview i:last-child{background:#fff}.theme-option.system .theme-preview{background:linear-gradient(90deg,#1b1e27 50%,#dce1ec 50%)}.theme-option>span:last-child{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.7143rem;padding:10px 0 4px}.accent-options{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.accent-options>button{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#292331;border:3px solid var(--panel)}.accent-options>button.selected{outline:1px solid var(--accent)}.custom-accent{margin-left:auto;display:flex;flex-direction:row;align-items:center;color:var(--muted);font-size:.7143rem}.custom-accent input{width:26px;height:26px;padding:0;border:0;overflow:hidden;border-radius:50%}.settings-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.toggle-row{display:flex;flex-direction:row;align-items:center;gap:15px;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--border)}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:.7857rem;font-weight:500}.toggle-row small{font-size:.6429rem;line-height:1.8;color:var(--subtle);margin-top:6px;font-weight:400}.toggle-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;min-width:32px;height:18px;border:0;border-radius:20px;background:#515462;position:relative;cursor:pointer}.toggle-row input:before{content:"";width:12px;height:12px;border-radius:50%;background:#e3e0ed;position:absolute;top:3px;left:3px;transition:transform .15s}.toggle-row input:checked{background:#a994d1}.toggle-row input:checked:before{transform:translate(14px)}.quality-table{margin-top:28px}.quality-table>div,.shortcut-row,.diagnostic-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--border);font-size:.7857rem;color:var(--muted)}.quality-table strong,.diagnostic-row strong{font-size:.7143rem;color:var(--text);font-weight:500;text-align:right;overflow-wrap:anywhere}.quality-table>small{display:block;color:var(--subtle);font-size:.6429rem;line-height:1.8;padding-top:14px}.session-row,.invite-row{display:flex;align-items:center;gap:12px;border:1px solid var(--border);padding:14px;border-radius:9px;margin:10px 0;color:var(--muted)}.session-row>div,.invite-row>div{flex:1;min-width:0}.session-row strong,.session-row span,.session-row small,.invite-row strong,.invite-row span{display:block}.session-row strong,.invite-row strong{font-size:.7857rem;color:var(--text);font-weight:500;margin-bottom:5px}.session-row span,.session-row small,.invite-row span{font-size:.6429rem;line-height:1.8;color:var(--subtle);overflow-wrap:anywhere}.manage-member{border:1px solid var(--border);padding:12px;border-radius:9px;margin:10px 0}.manage-member-heading{display:flex;align-items:center;gap:10px}.manage-member-heading strong{font-size:.7857rem;flex:1;font-weight:500}.manage-member-heading select{font-size:.7143rem;padding:6px 8px;max-width:125px}.subtle-badge{font-size:.5714rem;border:1px solid var(--border);padding:4px 6px;border-radius:5px;color:var(--muted)}.member-permissions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.member-permissions label{display:flex;flex-direction:row;align-items:center;font-size:.6429rem;gap:5px;color:var(--muted)}.member-permissions input{width:12px;height:12px}.member-permissions button{font-size:.6429rem;margin-left:auto}.created-invite{display:flex;gap:5px;margin-top:20px}.created-invite input{min-width:0;flex:1;font-size:.7143rem}.host-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.host-stats>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:20px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--muted)}.host-stats strong{font-size:1.7143rem;font-weight:500;letter-spacing:-.6px;color:var(--text)}.host-stats span{font-size:.6429rem;color:var(--subtle)}.settings-confirm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:360px;max-width:90%;padding:25px;background:var(--surface);border:1px solid #c88c983f;border-radius:14px;box-shadow:0 0 0 999px #090b11aa;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.settings-confirm>strong{font-size:1.0714rem}.settings-confirm>p{font-size:.7857rem;color:var(--muted)}.settings-confirm>div{display:flex;justify-content:flex-end;gap:8px;width:100%}[data-density=compact] .channel-item{padding-top:6px;padding-bottom:6px;min-height:31px}[data-density=compact] .message-row{padding-top:4px;padding-bottom:4px}[data-solid=true] .modal::backdrop,[data-solid=true] .media-modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}[data-reduced-motion=true] *,[data-reduced-motion=true] *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mobile-scrim{display:none}:root[data-theme=light] .welcome-channel-icon{background:#ede6f6;color:#8b73a7}:root[data-theme=light] .invite-card button{color:#79628d}:root[data-theme=light] .preview-banner{color:#8b7f66}:root[data-theme=light] .message-content{color:#515468}@media(min-width:1800px){.channel-sidebar{width:270px}.member-sidebar{width:250px}.channel-welcome{padding-left:65px;max-width:860px}.welcome-cards{grid-template-columns:1fr 1fr;max-width:680px}.welcome-cards>button,.welcome-info{min-height:94px}.channel-welcome p{max-width:500px}.message-row{padding-left:42px;padding-right:42px}.composer-area{padding-left:40px;padding-right:40px}}@media(max-width:1150px){.member-sidebar{width:185px;padding-left:8px;padding-right:8px}.channel-sidebar{width:220px;min-width:200px}.channel-tools{gap:3px}.channel-header{padding:0 19px}.channel-welcome{padding-left:30px;padding-right:25px}.welcome-cards{gap:10px}.channel-welcome>p{font-size:.7857rem}.auth-story{padding-left:5vw;padding-right:4vw}.story-features{gap:12px}}@media(max-width:900px){.member-sidebar{display:none}.app-shell{grid-template-columns:60px 215px minmax(0,1fr)}.channel-sidebar{width:215px;min-width:0;max-width:none;resize:none}.community-icon{width:38px;height:38px;border-radius:13px}.community-icon.selected:before{left:-11px}.auth-story{padding:32px;min-height:650px}.story-copy{padding-top:65px}.story-copy h1{font-size:2.7143rem;letter-spacing:-1.8px}.story-features{flex-direction:column}.auth-form-panel{padding:35px 27px}.auth-form-wrap h2{font-size:1.6429rem}.settings-content{padding:25px}.settings-nav{width:195px}.settings-nav>button{font-size:.6429rem}.channel-title span{max-width:40vw}.channel-tools .tool-separator{display:none}}@media(max-width:650px){.app-shell{grid-template-columns:50px minmax(0,1fr);grid-template-rows:34px minmax(0,1fr);grid-template-areas:"title title" "rail main"}.titlebar{padding:0 12px}.titlebar-subtitle,.titlebar-divider{display:none}.connection{font-size:.5rem}.community-rail{padding-top:15px;gap:13px}.community-icon{width:34px;height:34px;border-radius:11px;font-size:.7143rem}.community-icon svg{width:20px}.community-icon.selected:before{left:-8px;height:18px}.rail-bottom svg{width:18px}.channel-sidebar{position:fixed;z-index:700;left:50px;top:34px;bottom:0;width:245px;transform:translate(-310px);transition:transform .2s;box-shadow:15px 0 70px #0004}.channel-sidebar.mobile-open{transform:translate(0)}.mobile-scrim{display:block;position:fixed;top:34px;right:0;bottom:0;left:50px;background:#080b1388;z-index:600;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-menu{display:inline-grid;padding:5px;min-width:26px}.channel-header{padding:0 12px;min-height:62px;height:62px;gap:7px}.channel-title{gap:7px;flex:1}.channel-title>svg{width:19px}.channel-title h1{font-size:.8571rem;margin-bottom:4px}.channel-title span{font-size:.5714rem;max-width:42vw}.channel-tools{gap:1px}.channel-tools .icon-button{min-width:25px;padding:4px;min-height:30px}.channel-tools .icon-button svg{width:16px}.channel-tools .icon-button:last-child{display:none}.preview-banner{font-size:.5714rem;padding:8px 12px;gap:4px}.preview-banner button{font-size:.5714rem;flex-shrink:0}.preview-banner>span>svg{display:none}.preview-banner>span{font-size:0}.preview-banner>span:after{content:"Prévia visual · sem conexão";font-size:.5714rem}.offline-banner{font-size:.6429rem;padding:9px 12px}.channel-welcome{padding:38px 22px 25px}.welcome-channel-icon{width:57px;height:57px;border-radius:18px;margin-bottom:24px}.channel-welcome .eyebrow{font-size:.5rem;letter-spacing:1.2px}.channel-welcome h2{font-size:1.5714rem;letter-spacing:-.6px}.channel-welcome p{font-size:.7857rem;max-width:100%}.welcome-divider{margin:21px 0}.welcome-cards>button,.welcome-info{padding:12px;gap:10px}.welcome-card-icon{width:33px;height:33px;border-radius:10px}.welcome-cards strong{font-size:.7143rem}.welcome-cards div>span:not(.welcome-card-icon){font-size:.6429rem}.welcome-privacy{font-size:.5714rem;align-items:flex-start;line-height:1.7}.composer-area{padding:0 12px 8px}.composer{padding:7px;gap:4px;border-radius:10px}.composer textarea{font-size:.7857rem}.composer .icon-button{min-width:25px;padding:4px}.composer .send-button{width:28px;height:28px}.composer-hint{font-size:.5rem;padding-top:6px}.composer-hint>span:last-child{display:none}.message-row{padding:8px 13px;gap:9px}.message-row>.avatar{width:29px;height:29px;border-radius:10px;font-size:.6429rem}.message-byline strong{font-size:.7857rem}.message-byline>time{font-size:.5714rem}.message-content{font-size:.8571rem}.message-actions{right:10px;top:-15px}.message-row:active .message-actions{display:flex}.date-divider{font-size:.5714rem;padding:10px 16px}.compact-time{width:29px;font-size:.5714rem}.attachment-image{max-height:240px}.auth-shell{display:flex;flex-direction:column;min-height:100%;height:auto}.auth-story{min-height:auto;padding:28px 30px 32px;overflow:hidden}.brand{font-size:1.1429rem}.brand-icon{width:35px;height:35px;border-radius:11px}.story-copy{padding-top:36px}.story-copy h1{font-size:2.7143rem;line-height:1.15;letter-spacing:-1.7px;margin:18px 0}.story-copy>p{font-size:.7857rem}.story-features{flex-direction:row;gap:15px;margin-bottom:0}.story-features span{font-size:.5714rem;gap:6px}.story-features svg{width:14px}.story-bottom,.auth-story footer{display:none}.auth-form-panel{padding:35px 30px 65px;flex:1}.auth-form-wrap h2{font-size:1.7857rem}.auth-form-wrap>p{margin-bottom:15px}.auth-footnote{bottom:18px;font-size:.5714rem}.modal{padding:20px;max-width:calc(100vw - 20px);max-height:93dvh;border-radius:14px}.modal.wide{max-width:calc(100vw - 16px)}.modal-heading h2{font-size:1.2143rem}.settings-layout{flex-direction:column;height:76dvh;min-height:0;max-height:none}.settings-nav{width:100%;padding:8px 12px;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--border);gap:6px;min-height:49px;flex-shrink:0}.settings-nav>button{padding:8px 10px;font-size:.6429rem;gap:6px;flex-shrink:0;min-height:30px}.settings-nav>button>svg{width:14px}.settings-user,.settings-nav-spacer,.settings-version{display:none}.settings-content{padding:22px 20px}.settings-content>h2{font-size:1.5rem}.settings-two-col{gap:10px}.theme-options{gap:8px}.theme-preview{height:54px}.theme-option>span:last-child{font-size:.6429rem;gap:3px}.theme-option>span:last-child svg{width:12px}.custom-accent{margin-left:0}.host-stats{gap:8px}.host-stats>div{padding:15px}.host-stats strong{font-size:1.5714rem}.session-row{flex-wrap:wrap;padding:12px}.session-row>div{min-width:150px}.call-toast{width:calc(100vw - 25px);gap:8px;flex-wrap:wrap;top:45px;padding:12px}.call-toast .calling-icon{padding:8px}.call-toast>div{flex:1;min-width:130px}.call-toast .button{min-height:31px;font-size:.7143rem;padding:7px 10px}.toast{bottom:14px;font-size:.7857rem;width:max-content}.reply-excerpt{display:none}.search-bar{padding:8px 12px}.media-panel{margin:8px!important}.media-volumes{gap:10px!important}.media-panel input[type=range]{max-width:90px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.composer-hint>span{display:flex;align-items:center;gap:5px}.hint-dot{width:4px;height:4px;border-radius:50%;background:#8ab5a0}.composer-separator{width:1px;height:20px;background:var(--border);margin:0 3px}.message-attachment{margin:8px 0}.delete-preview{white-space:pre-wrap;max-height:180px;overflow:auto;border-left:2px solid #db8296;padding:12px;color:var(--muted)}.channel-search-results{padding:12px 24px;border-bottom:1px solid var(--border);max-height:230px;overflow:auto;background:var(--panel)}.channel-search-results .channel-item{max-width:600px}.channel-search-results .channel-category{margin-bottom:4px}@media(max-width:650px){.composer-hint>span:last-child{display:none}.channel-search-results{padding:10px 12px}.composer textarea{font-size:1rem}.channel-item{min-height:44px}.community-icon{min-height:40px}.settings-nav>button{min-height:40px}.channel-tools .icon-button,.mobile-menu{min-width:32px;min-height:40px}}.auth-download{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0;font-size:.8571rem;font-weight:500;color:var(--accent)}