.social-create-backdrop{z-index:122}.social-create-modal{border:1px solid var(--border-strong);background:radial-gradient(circle at 85% -20%, #55d98b21, transparent 38%), var(--dialog-bg);width:min(940px,100vw - 32px);max-height:min(780px,100vh - 32px);box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.social-create-modal>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 28px 22px;display:flex}.social-create-modal h2{color:var(--text);letter-spacing:-.035em;margin:4px 0 5px;font-size:clamp(21px,3vw,29px)}.social-create-modal header p{color:var(--muted);margin:0}.social-kicker{color:var(--green);letter-spacing:.14em;font-size:11px;font-weight:850}.social-create-layout{grid-template-columns:230px minmax(0,1fr);min-height:510px;max-height:calc(100vh - 160px);display:grid}.social-create-tabs{border-right:1px solid var(--border);background:#040c0840;flex-direction:column;gap:6px;padding:18px 12px;display:flex;overflow-y:auto}.social-create-tabs button{width:100%;color:var(--text-soft);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.social-create-tabs button:hover:not(:disabled),.social-create-tabs button.is-active{color:var(--text);border-color:var(--border);background:var(--surface)}.social-create-tabs button.is-active{box-shadow:inset 3px 0 var(--green);border-color:#55d98b3d}.social-create-tabs button:disabled{opacity:.38;cursor:not-allowed}.social-create-tabs button>span{width:36px;height:36px;color:var(--green);background:#55d98b17;border-radius:11px;place-items:center;display:grid}.social-create-tabs button div{flex-direction:column;gap:2px;min-width:0;display:flex}.social-create-tabs strong{font-size:13px}.social-create-tabs small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.social-create-form{flex-direction:column;gap:16px;padding:24px 28px;display:flex;overflow-y:auto}.social-create-form label,.social-options>span,.social-member-picker legend{color:var(--text-soft);flex-direction:column;gap:7px;font-size:12px;font-weight:750;display:flex}.social-create-form input:not([type=checkbox]),.social-create-form select,.social-create-form textarea{border:1px solid var(--border-strong);width:100%;color:var(--text);font:inherit;background:#050e0973;border-radius:11px;outline:none;padding:11px 12px;font-weight:500}.social-create-form input:focus,.social-create-form select:focus,.social-create-form textarea:focus{border-color:#55d98b99;box-shadow:0 0 0 3px #55d98b1a}.social-form-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;display:grid}.social-check{border:1px solid var(--border);background:#050e0940;border-radius:11px;align-items:center;min-height:43px;padding:10px 12px;flex-direction:row!important}.social-member-picker{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.social-member-picker legend{grid-column:1/-1;width:100%;margin-bottom:2px}.social-member-picker>button{border:1px solid var(--border);color:var(--text-soft);text-align:left;cursor:pointer;background:#050e0942;border-radius:12px;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:9px;display:grid}.social-member-picker>button:hover,.social-member-picker>button.is-selected{background:#55d98b14;border-color:#55d98b4d}.social-member-avatar{color:#07150d;border-radius:12px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:grid;overflow:hidden}.social-member-avatar img{object-fit:cover;width:100%;height:100%}.social-member-picker button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.social-member-picker button strong{color:var(--text);text-overflow:ellipsis;font-size:12px;overflow:hidden}.social-member-picker button small{color:var(--muted);font-size:10px}.social-member-picker button i{border:1px solid var(--border-strong);color:#07150d;border-radius:7px;place-items:center;width:20px;height:20px;display:grid}.social-member-picker button.is-selected i{border-color:var(--green);background:var(--green)}.social-empty-hint{color:var(--muted);grid-column:1/-1;margin:8px 0;font-size:12px}.social-options{flex-direction:column;gap:8px;display:flex}.social-options>div{grid-template-columns:28px minmax(0,1fr) 34px;align-items:center;gap:7px;display:grid}.social-options b{color:var(--green);text-align:center;font-size:12px}.social-options>div button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.social-options>div button:hover:not(:disabled){color:var(--red);background:#ff727b14}.social-add-option{color:var(--green);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;padding:7px 9px;display:flex}.social-form-error{color:#ffadb2;background:#ff727b12;border:1px solid #ff727b40;border-radius:10px;margin:0;padding:10px 12px;font-size:12px}.social-create-form>footer{justify-content:flex-end;gap:9px;margin-top:auto;padding-top:6px;display:flex}.social-create-form>footer button{border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding-inline:16px;display:flex}.message-widget{border:1px solid var(--border-strong);background:linear-gradient(145deg,#55d98b0e,#0000 55%),#07120b85;border-radius:15px;width:min(520px,100%);margin-top:9px;overflow:hidden}.message-widget>header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:13px 14px;display:flex}.message-widget>header>span{width:32px;height:32px;color:var(--green);background:#55d98b1a;border-radius:10px;place-items:center;display:grid}.message-widget>header div{flex-direction:column;flex:1;min-width:0;display:flex}.message-widget>header small{color:var(--green);letter-spacing:.12em;font-size:9px;font-weight:900}.message-widget>header strong{color:var(--text);font-size:14px}.message-widget>header em{color:var(--muted);background:var(--surface);border-radius:99px;padding:3px 7px;font-size:10px;font-style:normal}.poll-options{flex-direction:column;gap:7px;padding:12px 14px;display:flex}.poll-options button{border:1px solid var(--border);min-height:39px;color:var(--text-soft);text-align:left;cursor:pointer;background:#0a191080;border-radius:10px;grid-template-columns:22px minmax(0,1fr) 38px 24px;align-items:center;gap:7px;padding:7px 9px;display:grid;position:relative;overflow:hidden}.poll-options button>i{opacity:.1;background:var(--green);transition:width .26s;position:absolute;inset:0 auto 0 0}.poll-options button>:not(i){position:relative}.poll-options button.is-selected{color:var(--text);border-color:#55d98b59}.poll-check{border:1px solid var(--border-strong);border-radius:6px;place-items:center;width:19px;height:19px;display:grid}.is-selected .poll-check{border-color:var(--green);color:#06120a;background:var(--green)}.poll-label{text-overflow:ellipsis;font-size:12px;font-weight:650;overflow:hidden}.poll-options b{color:var(--text);text-align:right;font-size:11px}.poll-options small{color:var(--muted);text-align:right;font-size:10px}.message-widget>footer{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:0 14px 12px;font-size:10px;display:flex}.message-widget>footer button,.plan-join{color:var(--green-bright);cursor:pointer;background:#55d98b14;border:1px solid #55d98b3d;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:750}.message-widget-error{border:1px solid color-mix(in srgb, var(--red) 28%, transparent);color:var(--red);background:color-mix(in srgb, var(--red) 8%, transparent);border-radius:8px;margin:0 14px 10px;padding:7px 9px;font-size:10px;line-height:1.4}.plan-time{align-items:center;gap:12px;padding:13px 14px 8px;display:flex}.plan-time>div{width:44px;height:48px;color:var(--green);background:#55d98b12;border:1px solid #55d98b3b;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;display:flex}.plan-time b{font-size:18px;line-height:1}.plan-time span{text-transform:uppercase;font-size:9px}.plan-time p{flex-direction:column;gap:4px;margin:0;display:flex}.plan-time p strong{color:var(--text);text-transform:capitalize;font-size:13px}.plan-time p span,.plan-location{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.plan-location,.plan-details{margin:0;padding:0 14px 9px}.plan-details{color:var(--text-soft);white-space:pre-wrap;font-size:12px;line-height:1.55}.plan-rsvp{flex-wrap:wrap;gap:6px;padding:5px 14px 10px;display:flex}.plan-rsvp button{border:1px solid var(--border);color:var(--text-soft);background:var(--surface);cursor:pointer;border-radius:9px;gap:5px;padding:6px 9px;font-size:10px;display:flex}.plan-rsvp button.is-active{color:var(--green-bright);background:#55d98b1a;border-color:#55d98b52}.plan-rsvp button span{color:var(--muted)}.plan-join{align-items:center;gap:6px;margin:0 14px 13px;display:flex}.message-read-receipts{color:var(--muted);vertical-align:middle;align-items:center;gap:4px;margin-left:6px;font-size:9px;display:inline-flex}.receipt-avatars{flex-direction:row-reverse;display:inline-flex}.receipt-avatars i{border:1px solid var(--panel);color:#06120a;background:var(--green);border-radius:50%;place-items:center;width:15px;height:15px;margin-left:-4px;font-size:7px;font-style:normal;font-weight:900;display:grid;overflow:hidden}.receipt-avatars img{object-fit:cover;width:100%;height:100%}.group-manage-backdrop{z-index:224;background:var(--scrim-bg);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.group-manage-modal{border:1px solid var(--border-strong);background:radial-gradient(circle at 12% -18%, #55d98b24, transparent 36%), var(--dialog-bg);width:min(920px,100vw - 32px);max-height:min(760px,100vh - 32px);box-shadow:var(--shadow);animation:rise .18s var(--ease);border-radius:24px;overflow:hidden}.group-manage-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding:23px 26px 20px;display:flex}.group-manage-heading{align-items:center;gap:14px;min-width:0;display:flex}.group-manage-icon{width:46px;height:46px;color:var(--green);background:#55d98b1a;border:1px solid #55d98b42;border-radius:14px;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 18px #55d98b09}.group-manage-header h2{color:var(--text);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:clamp(21px,3vw,28px);overflow:hidden}.group-manage-header p{color:var(--muted);margin:0;font-size:12px}.group-manage-layout{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);min-height:470px;max-height:calc(100vh - 165px);display:grid;overflow:hidden}.group-manage-members,.group-manage-controls{scrollbar-width:thin;min-width:0;overflow-y:auto}.group-manage-members{border-right:1px solid var(--border);padding:21px 22px 24px 26px}.group-manage-controls{background:#040c0833;flex-direction:column;gap:17px;padding:21px 26px 24px 22px;display:flex}.group-manage-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.group-manage-section-heading h3,.group-manage-danger h3,.group-manage-readonly h3{color:var(--text);letter-spacing:-.015em;margin:3px 0 0;font-size:15px}.group-manage-count{min-width:29px;height:29px;color:var(--green-bright);background:#55d98b14;border:1px solid #55d98b38;border-radius:10px;place-items:center;padding-inline:7px;font-size:11px;font-weight:850;display:grid}.group-manage-member-list,.group-manage-candidate-list{flex-direction:column;gap:7px;display:flex}.group-manage-member{background:#050e092e;border:1px solid #0000;border-radius:13px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:58px;padding:8px 9px;transition:border-color .15s,background .15s;display:grid}.group-manage-member:hover{border-color:var(--border);background:#55d98b09}.group-manage-avatar,.group-manage-candidate-avatar{color:#06120a;place-items:center;font-weight:900;display:grid;position:relative;overflow:visible}.group-manage-avatar{border-radius:13px;width:42px;height:42px;font-size:11px}.group-manage-avatar img,.group-manage-candidate-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.group-manage-avatar>i{border:2px solid var(--dialog-bg);background:#66766d;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-2px;right:-2px}.group-manage-avatar>i.is-online{background:var(--green)}.group-manage-avatar>i.is-away{background:#e8b75c}.group-manage-avatar>i.is-dnd{background:var(--red)}.group-manage-member-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.group-manage-member-copy>span{align-items:center;gap:6px;min-width:0;display:flex}.group-manage-member-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.group-manage-member-copy em{color:var(--green);background:#55d98b14;border-radius:6px;padding:2px 5px;font-size:8px;font-style:normal;font-weight:850}.group-manage-member-copy small{color:var(--muted);font-size:10px}.group-manage-owner-badge{color:var(--green);background:#55d98b0f;border:1px solid #55d98b2e;border-radius:8px;align-items:center;gap:4px;padding:5px 7px;font-size:9px;font-weight:800;display:flex}.group-manage-remove{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;display:grid}.group-manage-remove:hover:not(:disabled){color:#ff9098;background:#ff727b12;border-color:#ff727b2e}.group-manage-remove:disabled{opacity:.45;cursor:wait}.group-manage-add{flex-direction:column;flex:1;min-height:0;display:flex}.group-manage-add .group-manage-section-heading>svg{color:var(--green)}.group-manage-search{border:1px solid var(--border-strong);color:var(--muted);background:#050e096b;border-radius:11px;align-items:center;gap:8px;padding:9px 10px;display:flex}.group-manage-search:focus-within{border-color:#55d98b8a;box-shadow:0 0 0 3px #55d98b14}.group-manage-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:12px}.group-manage-search input::placeholder{color:var(--muted)}.group-manage-search .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.group-manage-candidate-list{max-height:220px;margin-block:10px;overflow-y:auto}.group-manage-candidate-list>button{border:1px solid var(--border);width:100%;color:var(--text-soft);text-align:left;cursor:pointer;background:#050e093d;border-radius:11px;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:7px;display:grid}.group-manage-candidate-list>button:hover:not(:disabled),.group-manage-candidate-list>button.is-selected{background:#55d98b13;border-color:#55d98b4d}.group-manage-candidate-avatar{border-radius:10px;width:34px;height:34px;font-size:9px}.group-manage-candidate-list button>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.group-manage-candidate-list strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.group-manage-candidate-list small{color:var(--muted);font-size:9px}.group-manage-candidate-list button>i{border:1px solid var(--border-strong);color:#06120a;border-radius:6px;place-items:center;width:19px;height:19px;display:grid}.group-manage-candidate-list button.is-selected>i{border-color:var(--green);background:var(--green)}.group-manage-empty-copy{color:var(--muted);text-align:center;margin:12px 2px;font-size:11px;line-height:1.45}.group-manage-add-button{border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:auto;display:flex}.group-manage-danger{border-top:1px solid var(--border);padding-top:16px}.group-manage-danger>button{color:#ff9ca3;cursor:pointer;background:#ff727b0e;border:1px solid #ff727b33;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:36px;margin-top:11px;font-size:11px;font-weight:750;display:flex}.group-manage-danger>button:hover:not(:disabled){background:#ff727b1a;border-color:#ff727b57}.group-manage-delete-confirm{background:#ff727b0f;border:1px solid #ff727b3b;border-radius:11px;margin-top:10px;padding:11px}.group-manage-delete-confirm p{color:var(--text-soft);margin:0 0 10px;font-size:10px;line-height:1.5}.group-manage-delete-confirm>div{justify-content:flex-end;gap:7px;display:flex}.group-manage-delete-confirm button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:33px;padding-inline:10px;font-size:10px;display:flex}.group-manage-delete-button{color:#ffe5e7;background:#cf3641b8;border:1px solid #ff727b57;font-weight:750}.group-manage-readonly{background:linear-gradient(145deg,#55d98b12,#0000 70%),#050e093d;border:1px solid #55d98b29;border-radius:15px;align-items:flex-start;gap:12px;margin-block:auto;padding:18px;display:flex}.group-manage-readonly>span{width:42px;height:42px;color:var(--green);background:#55d98b1a;border-radius:13px;flex:none;place-items:center;display:grid}.group-manage-readonly p{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.55}.group-manage-empty{min-height:180px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.group-manage-empty p{margin:0;font-size:11px}.group-manage-error{margin:0 26px 18px}@media (width<=720px){.social-create-layout{grid-template-columns:1fr}.social-create-tabs{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;display:grid}.social-create-tabs button{text-align:center;flex-direction:column;justify-content:center;min-width:0;padding:8px 4px;display:flex}.social-create-tabs button div small,.social-create-tabs button>svg{display:none}.social-create-tabs button>span{width:31px;height:31px}.social-create-tabs strong{font-size:10px}.social-create-form{padding:18px}.social-member-picker,.social-form-row{grid-template-columns:1fr}.group-manage-backdrop{align-items:flex-end;padding:0}.group-manage-modal{border-radius:22px 22px 0 0;width:100%;max-height:calc(100dvh - 16px)}.group-manage-header{padding:18px}.group-manage-icon{display:none}.group-manage-header p{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 90px);overflow:hidden}.group-manage-layout{grid-template-columns:1fr;max-height:calc(100dvh - 118px);overflow-y:auto}.group-manage-members,.group-manage-controls{overflow:visible}.group-manage-members{border-right:0;border-bottom:1px solid var(--border);padding:18px}.group-manage-controls{padding:18px}.group-manage-candidate-list{max-height:190px}}@media (width<=430px){.group-manage-owner-badge{justify-content:center;width:29px;height:29px;padding:0;font-size:0}.group-manage-member{grid-template-columns:39px minmax(0,1fr) auto}.group-manage-avatar{width:39px;height:39px}.group-manage-delete-confirm>div{grid-template-columns:1fr 1fr;display:grid}}.voice-recorder{--voice-accent:var(--accent,#55d98b);--voice-accent-strong:#33bd70;--voice-bg:color-mix(in srgb, var(--panel,#111d17) 94%, transparent);--voice-border:color-mix(in srgb, var(--voice-accent) 20%, #314239);--voice-muted:var(--muted,#91a79b);border:1px solid var(--voice-border);background:radial-gradient(circle at 10% 0%, #55d98b14, transparent 44%), var(--voice-bg);border-radius:16px;gap:10px;width:min(100%,680px);padding:10px;display:grid;box-shadow:0 14px 40px #0000001f}.voice-recorder button{font:inherit}.voice-recorder-capture{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;display:grid}.voice-record-button,.voice-player-toggle{color:#07130d;background:linear-gradient(145deg, #72e8a4, var(--voice-accent));cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #55d98b40;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;transition:transform .16s,filter .16s,box-shadow .16s;display:inline-grid;box-shadow:0 7px 20px #2eb86938}.voice-record-button:hover:not(:disabled),.voice-player-toggle:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.voice-record-button:active:not(:disabled),.voice-player-toggle:active:not(:disabled){transform:scale(.96)}.voice-record-button:disabled,.voice-action-button:disabled,.voice-icon-button:disabled{cursor:not-allowed;opacity:.52}.voice-record-button.is-recording{color:#fff;background:linear-gradient(145deg,#ff7180,#e84153);border-color:#ff626f6b;animation:1.65s ease-in-out infinite voice-record-pulse;box-shadow:0 0 0 5px #e841531a,0 7px 20px #e841533d}.voice-recorder-meter{gap:5px;min-width:0;display:grid}.voice-waveform{width:100%;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:2px 0;display:flex;overflow:hidden}.voice-waveform:disabled{opacity:1;cursor:default}.voice-waveform>span{width:3px;min-width:2px;height:var(--voice-height);background:color-mix(in srgb, var(--voice-muted) 46%, transparent);transform-origin:50%;border-radius:999px;transition:height 90ms linear,background-color .12s}.voice-waveform>span.is-played{background:var(--voice-accent)}.voice-waveform.is-live>span:last-child{background:var(--voice-accent);box-shadow:0 0 8px #55d98b5c}.voice-recorder-status,.voice-player-meta{min-width:0;color:var(--voice-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.voice-recorder-recording .voice-recorder-status>span{color:#ff8690}.voice-icon-button{border:1px solid var(--voice-border);width:34px;height:34px;color:var(--voice-muted);cursor:pointer;background:#ffffff08;border-radius:11px;place-items:center;display:inline-grid}.voice-recorder-preview{border-top:1px solid var(--voice-border);gap:9px;padding-top:9px;display:grid}.voice-player{border:1px solid color-mix(in srgb, var(--voice-accent) 14%, transparent);background:#ffffff06;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px;display:grid}.voice-player audio{display:none}.voice-player-toggle{width:36px;height:36px}.voice-player-main{gap:3px;min-width:0;display:grid}.voice-player-speed{border:1px solid var(--voice-border);min-width:42px;height:30px;color:var(--voice-accent);cursor:pointer;background:#55d98b12;border-radius:999px;padding:0 9px;font-size:12px;font-weight:750}.voice-player-transcript{color:color-mix(in srgb, currentColor 88%, white);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.voice-recorder-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.voice-action-button{border:1px solid var(--voice-border);min-height:34px;color:var(--voice-muted);cursor:pointer;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:680;transition:border-color .15s,background-color .15s,transform .15s;display:inline-flex}.voice-action-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--voice-accent) 38%, transparent);background:#55d98b12;transform:translateY(-1px)}.voice-action-button.is-primary{color:#07130d;background:linear-gradient(145deg, #72e8a4, var(--voice-accent));border-color:#0000}.voice-upload-progress{background:#ffffff0f;border-radius:999px;height:3px;overflow:hidden}.voice-upload-progress>i{border-radius:inherit;background:linear-gradient(90deg, var(--voice-accent-strong), #7cf1ad);width:0;height:100%;transition:width .16s;display:block}.voice-recorder-error{color:#ff9da6;background:#ff485912;border:1px solid #ff647138;border-radius:10px;margin:0;padding:8px 10px;font-size:12px}@keyframes voice-record-pulse{0%,to{box-shadow:0 0 0 4px #e8415314,0 7px 20px #e8415333}50%{box-shadow:0 0 0 8px #e8415321,0 7px 24px #e8415345}}@media (width<=560px){.voice-recorder{border-radius:14px;padding:8px}.voice-waveform{gap:1px}.voice-waveform>span{flex:2px;width:auto}.voice-recorder-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (prefers-reduced-motion:reduce){.voice-recorder *,.voice-recorder :before,.voice-recorder :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.call-captions{--captions-green:var(--green,#55d98b);--captions-text:var(--text,#edf7f0);--captions-muted:var(--muted,#84998d);width:min(100%,660px);color:var(--captions-text);background:radial-gradient(circle at 88% -12%, #55d98b29, transparent 38%), color-mix(in srgb, var(--panel,#111d17) 94%, transparent);border:1px solid color-mix(in srgb, var(--captions-green) 16%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;overflow:hidden;box-shadow:0 18px 48px #0000003d}.call-captions__header{border-bottom:1px solid var(--border,#e7ffee16);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:11px 13px 11px 15px;display:flex}.call-captions__title,.call-captions__actions,.call-captions__status,.call-captions__footer,.call-captions__privacy{align-items:center;display:flex}.call-captions__title{gap:10px;min-width:0}.call-captions__title>span:last-child{min-width:0}.call-captions__title strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;display:block;overflow:hidden}.call-captions__logo{color:#07140c;background:linear-gradient(145deg, #7cf0aa, var(--captions-green));border-radius:11px;flex:none;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 8px 22px #55d98b33}.call-captions__status{color:var(--captions-muted);text-overflow:ellipsis;white-space:nowrap;gap:6px;margin-top:3px;font-size:11px;font-weight:600;line-height:1.2;overflow:hidden}.call-captions__status-dot{background:currentColor;border-radius:99px;flex:none;width:6px;height:6px}.call-captions__status--listening{color:var(--captions-green)}.call-captions__status--listening .call-captions__status-dot{animation:1.8s ease-in-out infinite caption-pulse;box-shadow:0 0 0 4px #55d98b1a}.call-captions__status--error,.call-captions__status--unavailable{color:var(--red,#ff727b)}.call-captions__actions{flex:none;gap:7px}.call-captions button{color:inherit;font:inherit}.call-captions__icon-button,.call-captions__toggle{border:1px solid var(--border-strong,#e7ffee26);cursor:pointer;justify-content:center;align-items:center;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.call-captions__icon-button{width:34px;height:34px;color:var(--captions-muted);background:color-mix(in srgb, var(--surface,#182a20) 72%, transparent);border-radius:10px;padding:0}.call-captions__toggle{min-height:35px;color:var(--captions-text);background:color-mix(in srgb, var(--surface,#182a20) 82%, transparent);border-radius:11px;gap:7px;padding:0 12px;font-size:12px;font-weight:750}.call-captions__toggle.is-active{color:#07140c;background:linear-gradient(145deg, #74eba5, var(--captions-green));border-color:#0000;box-shadow:0 7px 22px #55d98b2e}.call-captions__icon-button:hover,.call-captions__toggle:hover:not(:disabled){transform:translateY(-1px)}.call-captions__icon-button:hover{color:var(--captions-text);border-color:color-mix(in srgb, var(--captions-green) 42%, transparent)}.call-captions button:focus-visible{outline:2px solid var(--captions-green);outline-offset:2px}.call-captions button:disabled{cursor:not-allowed;opacity:.48}.call-captions__transcript{overscroll-behavior:contain;scrollbar-color:#55d98b40 transparent;flex-direction:column;gap:7px;min-height:112px;max-height:min(34vh,300px);padding:12px;display:flex;overflow:auto}.call-captions__empty{min-height:88px;color:var(--captions-muted);text-align:center;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:12px;line-height:1.45;display:flex}.call-captions__empty svg{color:color-mix(in srgb, var(--captions-green) 72%, var(--captions-muted));flex:none}.call-captions__line{background:color-mix(in srgb, var(--surface,#182a20) 74%, transparent);border:1px solid var(--border,#e7ffee16);border-radius:5px 13px 13px;padding:9px 11px 10px;animation:.22s cubic-bezier(.2,.8,.2,1) both caption-arrive}.call-captions__line.is-mine{background:color-mix(in srgb, var(--captions-green) 11%, var(--surface,#182a20));border-color:color-mix(in srgb, var(--captions-green) 19%, transparent);border-radius:13px 5px 13px 13px}.call-captions__meta{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.call-captions__meta strong{color:var(--captions-green);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;overflow:hidden}.call-captions__meta time{color:var(--captions-muted);flex:none;font-size:9px}.call-captions__line p{color:var(--captions-text);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:520;line-height:1.45}.call-captions__error{color:var(--red,#ff727b);background:color-mix(in srgb, var(--red,#ff727b) 8%, transparent);border:1px solid color-mix(in srgb, var(--red,#ff727b) 18%, transparent);border-radius:10px;align-items:flex-start;gap:7px;margin:0 12px 11px;padding:8px 10px;font-size:11px;line-height:1.4;display:flex}.call-captions__error svg{flex:none;margin-top:1px}.call-captions__footer{color:var(--captions-muted);border-top:1px solid var(--border,#e7ffee16);letter-spacing:.02em;justify-content:space-between;gap:12px;padding:8px 13px;font-size:9px;font-weight:650}.call-captions__privacy{gap:5px}.call-captions__privacy>span{color:var(--captions-green);font-size:8px}.call-captions__spinner{flex:none;animation:.9s linear infinite caption-spin}.call-captions--compact .call-captions__header{min-height:55px}.call-captions--compact .call-captions__transcript{min-height:82px;max-height:190px}@keyframes caption-arrive{0%{opacity:0;transform:translateY(5px)scale(.99)}}@keyframes caption-spin{to{transform:rotate(360deg)}}@keyframes caption-pulse{50%{opacity:.55;transform:scale(.78)}}@media (width<=520px){.call-captions__header{flex-direction:column;align-items:flex-start}.call-captions__actions,.call-captions__toggle{width:100%}.call-captions__icon-button{flex:0 0 34px}}@media (prefers-reduced-motion:reduce){.call-captions *,.call-captions :before,.call-captions :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.collab-card{--collab-bg:#10131d;--collab-panel:#171b28;--collab-panel-2:#1e2332;--collab-line:#ffffff17;--collab-muted:#929bad;--collab-text:#f4f6fb;--collab-accent:#7c8cff;--collab-accent-2:#a16fff;--collab-green:#54d99b;--collab-yellow:#f7c86b;--collab-red:#ff6d7d;border:1px solid var(--collab-line);color:var(--collab-text);font:inherit;background:radial-gradient(circle at 8% -10%,#7c8cff24,#0000 34%),linear-gradient(145deg,#111521,#0d1018);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 26px 70px #02040a4d}.collab-card *,.collab-card :before,.collab-card :after{box-sizing:border-box}.collab-card button,.collab-card input,.collab-card select,.collab-card textarea{font:inherit}.collab-card button,.collab-card a{-webkit-tap-highlight-color:transparent}.collab-card button:focus-visible,.collab-card a:focus-visible,.collab-card input:focus-visible,.collab-card select:focus-visible,.collab-card textarea:focus-visible{outline:2px solid var(--collab-accent);outline-offset:2px}.collab-card__header{border-bottom:1px solid var(--collab-line);background:#ffffff04;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:18px 22px;display:flex}.collab-card__header h2{color:var(--collab-text);letter-spacing:-.02em;margin:2px 0 0;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.2}.collab-eyebrow{color:var(--collab-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.69rem;font-weight:750}.collab-pill{border:1px solid var(--collab-line);min-height:30px;color:var(--collab-muted);white-space:nowrap;background:#ffffff09;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.collab-pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px}.collab-pill.is-ok,.collab-pill.is-good{color:var(--collab-green);border-color:color-mix(in srgb, var(--collab-green) 30%, transparent)}.collab-pill.is-fair{color:var(--collab-yellow);border-color:color-mix(in srgb, var(--collab-yellow) 30%, transparent)}.collab-pill.is-bad,.collab-pill.is-poor{color:var(--collab-red);border-color:color-mix(in srgb, var(--collab-red) 30%, transparent)}.collab-button,.collab-card button,.collab-card a{border:1px solid var(--collab-line);color:var(--collab-text);background:var(--collab-panel-2);cursor:pointer;border-radius:10px;text-decoration:none;transition:transform .14s,border-color .14s,background .14s,opacity .14s}.collab-button{min-height:40px;padding:9px 14px;font-weight:720}.collab-button:hover:not(:disabled),.collab-card button:hover:not(:disabled),.collab-card a:hover{background:#252b3d;border-color:#7c8cff7a}.collab-button:active:not(:disabled),.collab-card button:active:not(:disabled){transform:translateY(1px)}.collab-button:disabled,.collab-card button:disabled{cursor:not-allowed;opacity:.45}.collab-button--primary{background:linear-gradient(135deg, var(--collab-accent), var(--collab-accent-2));border-color:#9181ffa6;box-shadow:0 10px 30px #7c8cff2e}.collab-button--primary:hover:not(:disabled){background:linear-gradient(135deg,#8b99ff,#ae7dff)}.collab-field{color:var(--collab-muted);gap:7px;font-size:.74rem;font-weight:700;display:grid}.collab-field select,.collab-card input,.collab-card textarea{border:1px solid var(--collab-line);color:var(--collab-text);background:#0f131d;border-radius:10px}.collab-field select{min-height:42px;padding:8px 34px 8px 11px}.collab-list{display:grid}.collab-empty{color:var(--collab-muted);text-align:center;padding:32px 20px}.collab-error{color:var(--collab-red);margin:6px 0 0;font-size:.76rem}.collab-progress{background:#ffffff12;border-radius:999px;height:5px;position:relative;overflow:hidden}.collab-progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--collab-accent), #aa73ff);height:100%;transition:width .12s linear;display:block;box-shadow:0 0 14px #7c8cff9e}.lan-drop__compose{border-bottom:1px solid var(--collab-line);grid-template-columns:minmax(180px,.7fr) minmax(260px,1.4fr) auto;align-items:end;gap:14px;padding:18px 22px;display:grid}.lan-drop__dropzone{cursor:pointer;background:#7c8cff0e;border:1px dashed #7c8cff73;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:36px 1fr;column-gap:11px;min-height:72px;padding:12px 14px;display:grid}.lan-drop__dropzone:hover{border-color:var(--collab-accent);background:#7c8cff17}.lan-drop__dropzone input{opacity:0;width:1px;height:1px;position:absolute}.lan-drop__dropzone-icon{color:#bbc3ff;background:#7c8cff1f;border:1px solid #7c8cff4d;border-radius:11px;grid-row:1/span 2;align-self:center;place-items:center;width:36px;height:36px;font-size:1.2rem;display:grid}.lan-drop__dropzone strong{text-overflow:ellipsis;white-space:nowrap;align-self:end;overflow:hidden}.lan-drop__dropzone small{color:var(--collab-muted)}.lan-transfer{border-bottom:1px solid var(--collab-line);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 22px;display:grid}.lan-transfer:last-child{border-bottom:0}.lan-transfer__icon{color:#b9c1ff;background:#7c8cff17;border:1px solid #7c8cff3d;border-radius:12px;place-items:center;width:42px;height:42px;font-size:1.15rem;display:grid}.lan-transfer__body{min-width:0}.lan-transfer__title,.lan-transfer__stats{justify-content:space-between;align-items:center;gap:12px;display:flex}.lan-transfer__title{margin-bottom:8px}.lan-transfer__title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lan-transfer__title span,.lan-transfer__stats{color:var(--collab-muted);font-size:.72rem}.lan-transfer__stats{justify-content:flex-start;margin-top:7px}.lan-transfer__actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:180px;display:flex}.lan-transfer__actions button,.lan-transfer__actions a{padding:6px 9px;font-size:.72rem;font-weight:700}.watch-party__layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);min-height:460px;display:grid}.watch-player{--watch-reaction-rise:-330px;border-right:1px solid var(--collab-line);background:radial-gradient(circle at 50% 45%,#7c8cff1f,#0000 44%),#080a10;place-items:center;min-width:0;min-height:420px;display:grid;position:relative;overflow:hidden}.watch-player:focus-visible{outline:2px solid color-mix(in srgb, var(--collab-green) 75%, white);outline-offset:-2px}.watch-player>video,.watch-youtube,.watch-rutube{aspect-ratio:16/9;background:#050609;width:100%;max-height:68vh;display:block}.watch-player>video{object-fit:contain}.watch-youtube,.watch-rutube{position:relative;overflow:hidden}.watch-youtube iframe,.watch-rutube iframe{background:#050609;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.watch-player__empty{color:var(--collab-muted);text-align:center;align-content:center;justify-items:center;gap:8px;padding:28px;display:grid;position:absolute;inset:0}.watch-player__empty strong{color:var(--collab-text);letter-spacing:-.015em;font-size:clamp(1rem,2vw,1.24rem)}.watch-player__empty span{max-width:430px;font-size:.82rem;line-height:1.55}.watch-player__error{z-index:6;color:#ffd8dd;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 42%,#ff6d7d24,#0000 42%),#050609f0;align-content:center;justify-items:center;gap:7px;padding:28px;display:grid;position:absolute;inset:0}.watch-player__error strong{color:#fff1f3;font-size:1rem}.watch-player__error span{color:#d7aeb4;max-width:430px;font-size:.78rem;line-height:1.5}.watch-player__resume{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 18px;position:absolute;background:#121622eb!important;border-color:#7c8cffb3!important}.watch-reactions{z-index:4;pointer-events:none;position:absolute;inset:58px 0 50px;overflow:hidden}.watch-reaction{filter:drop-shadow(0 6px 12px #0006);font-size:clamp(1.8rem,4vw,3rem);animation:4.4s cubic-bezier(.2,.7,.25,1) forwards watch-reaction-rise;position:absolute;bottom:0}@keyframes watch-reaction-rise{0%{opacity:0;transform:translate(-50%,20px)scale(.7)rotate(-8deg)}12%{opacity:1;transform:translate(-50%)scale(1.12)rotate(4deg)}to{opacity:0;transform:translate(calc(-50% + 24px), var(--watch-reaction-rise)) scale(.92) rotate(-10deg)}}.watch-reaction-controls{z-index:8;will-change:transform;justify-items:end;display:grid;position:absolute;top:0;left:0}.watch-reaction-controls.is-dragging,.watch-reaction-controls:focus-within,.watch-fullscreen-controls.is-dragging,.watch-fullscreen-controls:focus-within{z-index:20}.watch-reaction-bar{border:1px solid var(--collab-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;background:#0c0f18c7;border-radius:999px;align-items:center;gap:5px;padding:6px;display:flex}.watch-reaction-picker.emoji-picker{z-index:2;width:min(390px, calc(var(--watch-overlay-container-width,420px) - 20px), calc(100vw - 28px));max-height:min(500px,100vh - 150px);color:var(--text);background:var(--floating-bg);position:absolute}.watch-reaction-controls[data-vertical=above] .watch-reaction-picker{top:auto;bottom:calc(100% + 10px)}.watch-reaction-controls[data-vertical=below] .watch-reaction-picker{top:calc(100% + 10px);bottom:auto}.watch-reaction-controls[data-horizontal=left] .watch-reaction-picker{left:0;right:auto}.watch-reaction-controls[data-horizontal=center] .watch-reaction-picker{left:50%;right:auto;transform:translate(-50%)}.watch-reaction-controls[data-horizontal=right] .watch-reaction-picker{left:auto;right:0}.watch-reaction-bar button{background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:1.15rem;display:grid}.watch-reaction-bar button:hover{background:#ffffff17;transform:translateY(-2px)}.watch-reaction-bar .watch-reaction-more{border-left:1px solid var(--collab-line);color:var(--collab-green);border-radius:0 50% 50% 0}.watch-overlay-drag-handle{border:1px solid var(--collab-line);min-width:34px;min-height:34px;color:color-mix(in srgb, var(--collab-text) 76%, transparent);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#0c0f18d1;border-radius:50%;place-items:center;padding:0;display:grid}.watch-overlay-drag-handle:hover,.watch-overlay-drag-handle:focus-visible{border-color:color-mix(in srgb, var(--collab-green) 52%, transparent);color:var(--collab-green);background:#121c1cf0}.is-dragging .watch-overlay-drag-handle{cursor:grabbing}.watch-reaction-bar .watch-overlay-drag-handle{border-right:1px solid var(--collab-line);color:color-mix(in srgb, var(--collab-text) 72%, transparent);border-radius:50% 0 0 50%}.watch-fullscreen-controls{z-index:10;will-change:transform;align-items:stretch;gap:4px;display:flex;position:absolute;top:0;left:0}.watch-fullscreen-controls>.watch-overlay-drag-handle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:11px;min-width:38px;min-height:38px;box-shadow:0 8px 24px #00000038}.watch-fullscreen-button{border:1px solid var(--collab-line);min-height:38px;color:var(--collab-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0f18c7;border-radius:11px;align-items:center;gap:7px;padding:8px 11px;font-size:.72rem;font-weight:760;display:flex;box-shadow:0 8px 24px #00000038}.watch-fullscreen-button:hover,.watch-fullscreen-button:focus-visible{border-color:color-mix(in srgb, var(--collab-green) 48%, transparent);color:#fff;background:#121c1ce6}.watch-player:fullscreen{--watch-reaction-rise:-72vh;background:#050609;border:0;width:100vw;height:100vh;min-height:100vh}.watch-player:fullscreen>video{aspect-ratio:auto;width:100%;height:100%;max-height:none}.watch-player:fullscreen .watch-youtube{aspect-ratio:auto;width:100%;height:100%;max-height:none}.watch-player:fullscreen .watch-rutube{aspect-ratio:auto;width:100%;height:100%;max-height:none}.watch-player:fullscreen .watch-reactions{inset:max(64px, calc(env(safe-area-inset-top) + 54px)) 0 72px}.watch-queue{background:#ffffff05;flex-direction:column;min-width:0;max-height:68vh;display:flex}.watch-queue__heading{border-bottom:1px solid var(--collab-line);justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.watch-queue__heading span{color:#c6ccda;background:#ffffff12;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:.72rem;display:grid}.watch-queue__items{flex:1;overflow:auto}.watch-queue__item{border-bottom:1px solid var(--collab-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px;display:grid}.watch-queue__item.is-active{box-shadow:inset 2px 0 var(--collab-accent);background:linear-gradient(90deg,#7c8cff24,#0000)}.watch-queue__select{text-align:left;align-items:center;gap:9px;min-width:0;display:flex;background:0 0!important;border:0!important;padding:8px!important}.watch-queue__select>span:first-child{width:26px;height:26px;color:var(--collab-muted);background:#ffffff0d;border-radius:8px;flex:none;place-items:center;font-size:.7rem;display:grid}.watch-queue__select strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.watch-queue__copy{text-align:left;gap:2px;min-width:0;display:grid}.watch-queue__copy strong,.watch-queue__copy small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.watch-queue__copy small{color:var(--collab-muted);font-size:.64rem;font-weight:650}.watch-queue__actions{gap:3px;display:flex}.watch-queue__actions button{width:27px;height:27px;color:var(--collab-muted);background:0 0;border:0;padding:0}.watch-queue__local{border-top:1px solid var(--collab-line);gap:9px;padding:12px 12px 0;display:grid;position:relative}.watch-queue__local>input[type=file]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.watch-queue__local .watch-local-button{border-color:color-mix(in srgb, var(--collab-green) 34%, transparent);width:100%;min-height:58px;color:var(--collab-text);text-align:left;background:linear-gradient(135deg,#54d99b1c,#0000 72%),#ffffff06;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:9px 11px;display:grid}.watch-queue__local .watch-local-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--collab-green) 66%, transparent);background:linear-gradient(135deg,#54d99b2e,#0000 76%),#ffffff0b}.watch-queue__local .watch-local-button:focus-visible{outline-color:var(--collab-green);box-shadow:0 0 0 4px #54d99b1f}.watch-queue__local .watch-local-button:disabled{border-color:var(--collab-line);filter:saturate(.65)}.watch-local-button>span:first-child{width:34px;height:34px;color:var(--collab-green);background:#54d99b1a;border:1px solid #54d99b40;border-radius:10px;place-items:center;font-size:1rem;font-weight:850;display:grid}.watch-local-button>span:last-child{gap:2px;min-width:0;display:grid}.watch-local-button strong,.watch-local-button small{text-overflow:ellipsis;overflow:hidden}.watch-local-button strong{font-size:.76rem;line-height:1.25}.watch-local-button small{color:var(--collab-muted);font-size:.59rem;line-height:1.35}.watch-upload-progress{background:#ffffff0e;border:1px solid #54d99b2e;border-radius:999px;height:5px;overflow:hidden}.watch-upload-progress>span{border-radius:inherit;background:linear-gradient(90deg, #35c985, var(--collab-green), #8aefbd);min-width:2px;height:100%;transition:width .18s;display:block;box-shadow:0 0 12px #54d99b8c}.watch-source-divider{color:var(--collab-muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:9px;font-size:.61rem;font-weight:720;display:flex}.watch-source-divider:before,.watch-source-divider:after{background:var(--collab-line);content:"";flex:1;height:1px}.watch-queue__form{gap:7px;padding:12px;display:grid}.watch-queue__form input{min-width:0;height:36px;padding:7px 10px}.watch-queue__form input:focus-visible{outline-color:var(--collab-green);border-color:color-mix(in srgb, var(--collab-green) 48%, transparent)}.watch-queue__error{color:#ffb9c1;background:#ff6d7d14;border:1px solid #ff6d7d38;border-radius:8px;margin:0;padding:7px 9px;font-size:.68rem;line-height:1.4}.whiteboard__toolbar{border-bottom:1px solid var(--collab-line);background:#ffffff05;align-items:center;gap:6px;min-height:54px;padding:8px 12px;display:flex}.whiteboard__toolbar>button{color:#cbd1df;background:0 0;border-color:#0000;min-width:36px;height:36px;padding:0 9px}.whiteboard__toolbar>button.is-active{color:#dfe3ff;background:#7c8cff26;border-color:#7c8cff6b}.whiteboard__toolbar-spacer{flex:1}.whiteboard__color{cursor:pointer;place-items:center;width:36px;height:36px;display:grid;position:relative}.whiteboard__color input{opacity:0;width:1px;height:1px;position:absolute}.whiteboard__color span{border:3px solid #e9ecf5;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1px #00000059}.whiteboard__width{color:var(--collab-muted);align-items:center;gap:8px;padding:0 7px;font-size:.69rem;display:flex}.whiteboard__width input{width:82px;accent-color:var(--collab-accent)}.whiteboard__surface{touch-action:none;background-color:#f4f2ea;background-image:linear-gradient(#191e2c0e 1px,#0000 1px),linear-gradient(90deg,#191e2c0e 1px,#0000 1px);background-size:22px 22px;height:min(68vh,720px);min-height:420px;position:relative;overflow:hidden}.whiteboard__surface.is-tool-pen,.whiteboard__surface.is-tool-arrow{cursor:crosshair}.whiteboard__surface.is-tool-sticky{cursor:copy}.whiteboard__surface.is-tool-eraser{cursor:not-allowed}.whiteboard__surface canvas{display:block;position:absolute;inset:0}.whiteboard-sticky{z-index:2;resize:both;min-width:80px;min-height:58px;padding:13px;line-height:1.35;position:absolute;transform:rotate(-.35deg);box-shadow:0 10px 24px #1a14072e,inset 0 -1px #00000014;color:#292416!important;border:0!important;border-radius:3px 3px 9px!important;font-size:.85rem!important}.whiteboard-sticky:focus{z-index:5;transform:rotate(0)}.whiteboard-cursor{z-index:8;pointer-events:none;align-items:flex-start;gap:3px;transition:left 50ms linear,top 50ms linear;display:flex;position:absolute;transform:translate(2px,2px)}.whiteboard-cursor i{filter:drop-shadow(0 2px 2px #00000040);border-top:12px solid;border-right:8px solid #0000;width:0;height:0;transform:rotate(-18deg)}.whiteboard-cursor b{color:inherit;white-space:nowrap;background:#171b28;border-radius:5px;padding:3px 6px;font-size:.64rem;line-height:1;box-shadow:0 3px 8px #0003}.network-radar__grid{grid-template-columns:minmax(250px,.8fr) minmax(260px,1fr) minmax(220px,.8fr);grid-template-areas:"orbit metrics share""orbit capabilities share";gap:14px;padding:20px;display:grid}.radar-orbit{aspect-ratio:1;background:radial-gradient(circle,#7c8cff1a,#0a0d154d 45%,#0000 68%);border:1px solid #7c8cff21;border-radius:50%;grid-area:orbit;place-self:center;width:min(100%,310px);position:relative;overflow:hidden}.radar-orbit:before,.radar-orbit:after,.radar-orbit__ring{content:"";border:1px solid #7c8cff29;border-radius:50%;position:absolute;inset:12%}.radar-orbit:after{inset:36%}.radar-orbit__ring--one{inset:24%}.radar-orbit__ring--two{inset:4%}.radar-orbit__sweep{transform-origin:0 0;background:conic-gradient(from 270deg at 0 0,#7c8cff40,#0000 22%);border-top:1px solid #7c8cffcc;width:48%;height:48%;animation:3.6s linear infinite radar-sweep;position:absolute;inset:50% 50% 0}@keyframes radar-sweep{to{transform:rotate(360deg)}}.radar-orbit__center{z-index:2;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f131dd1;border:1px solid #7c8cff57;border-radius:50%;place-content:center;display:grid;position:absolute;inset:37%}.radar-orbit__center strong{font-size:clamp(1rem,2vw,1.4rem)}.radar-orbit__center span{color:var(--collab-muted);font-size:.65rem}.radar-orbit__node{z-index:3;background:var(--collab-accent);width:8px;height:8px;box-shadow:0 0 12px var(--collab-accent);border:2px solid #0e121b;border-radius:50%;position:absolute}.radar-orbit.is-good .radar-orbit__node{background:var(--collab-green);box-shadow:0 0 12px var(--collab-green)}.radar-orbit.is-fair .radar-orbit__node{background:var(--collab-yellow);box-shadow:0 0 12px var(--collab-yellow)}.radar-orbit.is-poor .radar-orbit__node{background:var(--collab-red);box-shadow:0 0 12px var(--collab-red)}.radar-orbit__node--a{top:21%;left:65%}.radar-orbit__node--b{top:62%;left:20%}.radar-orbit__node--c{bottom:23%;right:9%}.network-radar__metrics{grid-area:metrics;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.network-radar__metrics article{border:1px solid var(--collab-line);background:#ffffff06;border-radius:12px;gap:4px;min-width:0;padding:11px;display:grid}.network-radar__metrics span,.network-radar__capabilities span{color:var(--collab-muted);font-size:.67rem}.network-radar__metrics strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.network-radar__capabilities{border:1px solid var(--collab-line);background:#ffffff05;border-radius:13px;grid-area:capabilities;align-content:start;gap:1px;display:grid;overflow:hidden}.network-radar__capabilities>strong{border-bottom:1px solid var(--collab-line);padding:11px 12px;font-size:.78rem}.network-radar__capabilities>div{justify-content:space-between;align-items:center;gap:10px;padding:5px 12px;display:flex}.network-radar__capabilities b{color:#bdc4d3;font-size:.66rem;font-weight:700}.network-radar__capabilities b.is-ok{color:var(--collab-green)}.network-radar__capabilities b.is-bad{color:var(--collab-red)}.network-radar__capabilities button{margin:7px;padding:7px;font-size:.69rem}.network-radar__share{border:1px solid var(--collab-line);text-align:center;background:#ffffff06;border-radius:15px;grid-area:share;align-content:start;justify-items:center;gap:10px;padding:15px;display:grid}.network-radar__share>strong{font-size:.8rem}.network-radar__share canvas,.network-radar__qr-contract{aspect-ratio:1;background:#111522;border:7px solid #fff;border-radius:10px;width:min(100%,164px)}.network-radar__qr-contract{color:#f4f6fb;background:linear-gradient(45deg,#fff 25%,#0000 25%) 0 0/18px 18px,linear-gradient(-45deg,#fff 25%,#0000 25%) 0 0/18px 18px,#111522;place-content:center;display:grid;box-shadow:inset 0 0 0 999px #111522d1}.network-radar__qr-contract span{font-size:1.5rem;font-weight:850}.network-radar__qr-contract small{color:#bbc2d1;font-size:.57rem}.network-radar__share p{width:100%;color:var(--collab-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.68rem;overflow:hidden}@media (width<=960px){.lan-drop__compose{grid-template-columns:1fr 1.4fr}.lan-drop__compose>.collab-button{grid-column:1/-1}.watch-party__layout{grid-template-columns:minmax(0,1fr)}.watch-player{border-right:0;border-bottom:1px solid var(--collab-line);min-height:320px}.watch-queue{max-height:420px}.network-radar__grid{grid-template-columns:minmax(230px,.8fr) minmax(260px,1fr);grid-template-areas:"orbit metrics""orbit capabilities""share share"}.network-radar__share{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;place-items:center start}.network-radar__share>strong{grid-column:2}.network-radar__share canvas,.network-radar__qr-contract{grid-row:1/span 3;width:116px}}@media (width<=680px){.collab-card{border-radius:16px}.collab-card__header{min-height:70px;padding:14px}.lan-drop__compose{grid-template-columns:minmax(0,1fr);padding:14px}.lan-drop__compose>.collab-button{grid-column:auto}.lan-transfer{grid-template-columns:34px minmax(0,1fr);padding:13px 14px}.lan-transfer__icon{width:34px;height:34px}.lan-transfer__actions{grid-column:2;justify-content:flex-start;max-width:none}.lan-transfer__stats{flex-wrap:wrap}.watch-player{min-height:250px}.watch-reaction-bar{gap:2px;padding:4px}.watch-reaction-bar button{width:31px;height:31px;font-size:1rem}.watch-reaction-picker.emoji-picker{width:min(390px, calc(var(--watch-overlay-container-width,100vw) - 16px), calc(100vw - 16px));min-height:min(370px,100vh - 118px);max-height:min(430px,100vh - 118px)}.watch-fullscreen-button{justify-content:center;width:38px;min-height:38px;padding:0}.watch-fullscreen-button span{display:none}.whiteboard__toolbar{overflow-x:auto}.whiteboard__width span{display:none}.whiteboard__surface{min-height:360px}.network-radar__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"orbit""metrics""capabilities""share";padding:14px}.radar-orbit{width:min(84vw,280px)}.network-radar__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.network-radar__share{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.network-radar__share>strong{grid-column:auto}.network-radar__share canvas,.network-radar__qr-contract{grid-row:auto;width:min(100%,164px)}}@media (prefers-reduced-motion:reduce){.collab-card *,.collab-card :before,.collab-card :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.studio-backdrop{z-index:210;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030905c7;place-items:center;padding:14px;animation:.18s ease-out studio-fade-in;display:grid;position:fixed;inset:0}.studio-backdrop.is-hidden{display:none}.collaboration-studio{width:min(1420px,100%);height:min(900px,100%);min-height:0;color:var(--text,#edf7f0);background:radial-gradient(circle at 18% -20%,#55d98b2b,#0000 38%),#0b140f;border:1px solid #e2ffea24;border-radius:24px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 35px 110px #0000009e}.studio-header{background:#08130cdb;border-bottom:1px solid #e2ffea14;grid-template-columns:minmax(185px,.8fr) minmax(0,2fr) 42px;align-items:center;gap:18px;min-height:76px;padding:10px 14px 10px 18px;display:grid}.studio-brand{align-items:center;gap:11px;min-width:0;display:flex}.studio-brand>span{color:#06130a;background:linear-gradient(145deg,#81f2ad,#45c97b);border-radius:13px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 10px 26px #55d98b38}.studio-brand>div{min-width:0}.studio-brand strong,.studio-brand small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.studio-brand strong{font-size:14px}.studio-brand small{color:var(--muted,#84998d);margin-top:3px;font-size:9px}.studio-header nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.studio-header nav button{min-width:0;min-height:47px;color:var(--muted,#84998d);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:7px 10px;display:flex}.studio-header nav button:hover,.studio-header nav button.is-active{color:var(--text,#edf7f0);background:#55d98b12;border-color:#55d98b2b}.studio-header nav button.is-active{box-shadow:inset 0 -2px #55d98b}.studio-header nav button>svg{color:#55d98b;flex:none}.studio-header nav button span{min-width:0}.studio-header nav button strong,.studio-header nav button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.studio-header nav button strong{font-size:11px}.studio-header nav button small{color:var(--muted,#84998d);margin-top:2px;font-size:8px}.studio-close{width:40px;height:40px;color:var(--muted,#84998d);cursor:pointer;background:#ffffff06;border:1px solid #e2ffea1a;border-radius:12px;place-items:center;display:grid}.studio-close:hover{color:var(--text,#edf7f0);background:#ffffff0f}.studio-content{min-height:0;padding:18px;position:relative;overflow:auto}.studio-pane{min-height:100%;display:none}.studio-pane.is-active{display:block}.studio-pane>.collab-card{min-height:100%}.studio-offline{color:var(--muted,#84998d);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.studio-offline svg{color:#55d98b}.studio-offline strong{color:var(--text,#edf7f0)}.studio-offline p{margin:0;font-size:12px}.studio-offline button{color:#76eca7;cursor:pointer;background:#55d98b14;border:1px solid #55d98b38;border-radius:10px;margin-top:8px;padding:8px 12px}@keyframes studio-fade-in{0%{opacity:0}}@media (width<=820px){.studio-backdrop{padding:0}.collaboration-studio{border:0;border-radius:0;width:100%;height:100%}.studio-header{grid-template-columns:1fr 42px;gap:8px;padding:8px}.studio-brand{display:none}.studio-header nav{grid-column:1}.studio-header nav button{text-align:center;flex-direction:column;gap:3px;padding:6px 3px}.studio-header nav button small{display:none}.studio-content{padding:8px}}.account-management-page{min-width:0}.account-management-intro{margin-bottom:0}.account-management-toolbar{align-items:center;gap:12px;display:flex}.account-management-toolbar label{border:1px solid var(--border);background:var(--input-bg);min-width:0;color:var(--muted);border-radius:12px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.account-management-toolbar input{width:100%;min-width:0;height:42px;color:var(--text);background:0 0;border:0}.account-management-toolbar>span{color:var(--muted);white-space:nowrap;font-size:12px}.account-management-state{border:1px dashed var(--border-strong);min-height:100px;color:var(--muted);text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:18px;display:flex}.account-management-state.is-error{color:var(--red);text-align:left;border-style:solid;border-color:#ff727b47;justify-content:flex-start}.account-management-state.is-error>div{flex:1;gap:3px;display:grid}.account-management-state.is-error span{color:var(--text-soft);font-size:12px}.account-management-list{gap:8px;display:grid}.managed-account{border:1px solid var(--border);background:var(--panel-2);border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.managed-account-avatar{color:#07150d;border-radius:14px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:grid;position:relative;overflow:visible}.managed-account-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.managed-account-avatar .presence-dot{border:2px solid var(--panel-2);position:absolute;bottom:-2px;right:-2px}.managed-account-main{gap:3px;min-width:0;display:grid}.managed-account-main>div{align-items:center;gap:6px;min-width:0;display:flex}.managed-account-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.managed-account-main em{color:var(--green);letter-spacing:.04em;text-transform:uppercase;background:#55d98b1f;border-radius:999px;padding:2px 6px;font-size:9px;font-style:normal;font-weight:800}.managed-account-main>span,.managed-account-main code{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.managed-account-main code{width:fit-content;max-width:100%;color:var(--faint)}.managed-account-delete,.account-delete-danger{min-height:38px;color:var(--red);background:#ff727b14;border:1px solid #ff727b47;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.managed-account-delete:hover,.account-delete-danger:hover:not(:disabled){background:#ff727b26;border-color:#ff727b85}.managed-account-self{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.account-delete-confirm{background:#ff727b0e;border:1px solid #ff727b57;border-radius:16px;gap:15px;padding:16px;display:grid;box-shadow:0 18px 44px #0000002e}.account-delete-confirm-title{align-items:flex-start;gap:11px;display:flex}.account-delete-confirm-title>span{width:38px;height:38px;color:var(--red);background:#ff727b1f;border-radius:12px;flex:none;place-items:center;display:grid}.account-delete-confirm h3,.account-delete-confirm p{margin:0}.account-delete-confirm h3{font-size:15px}.account-delete-confirm p{color:var(--text-soft);margin-top:4px;font-size:12px;line-height:1.5}.account-delete-confirm .field-label strong{color:var(--text)}.account-delete-actions{justify-content:flex-end;gap:9px;display:flex}.account-delete-danger{background:#ff727b24;min-height:40px}.account-delete-error{font-size:12px;color:var(--red)!important}@media (width<=720px){.account-management-toolbar{flex-direction:column;align-items:stretch;gap:7px}.account-management-toolbar>span{padding-left:2px}.managed-account{grid-template-columns:auto minmax(0,1fr)}.managed-account-delete,.managed-account-self{grid-column:1/-1;width:100%}.managed-account-self{justify-content:center;min-height:32px}.account-management-state.is-error{flex-direction:column;align-items:stretch}.account-management-state.is-error .secondary-button{width:100%}.account-delete-actions{flex-direction:column-reverse}.account-delete-actions button{width:100%}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg:#0b120e;--bg-soft:#0f1913;--panel:#111d17;--panel-2:#14231b;--surface:#182a20;--surface-2:#1d3227;--surface-hover:#21392c;--text:#edf7f0;--text-soft:#becdc4;--muted:#84998d;--faint:#5f7468;--green:#55d98b;--green-bright:#76eca7;--green-dark:#1f8a51;--green-glow:#55d98b3d;--blue:#78b7ff;--yellow:#f2c75c;--red:#ff727b;--border:#e7ffee16;--border-strong:#e7ffee26;--shadow:0 22px 70px #0006;--rail-bg:#0b130f;--panel-deep:#0e1913;--dialog-bg:#121f18;--floating-bg:#17291f;--composer-bg:#192b21;--header-bg:#0e1913e0;--input-bg:#040b0752;--scrim-bg:#030805b3;--ease:cubic-bezier(.2, .8, .2, 1);font-family:Inter,Segoe UI Variable,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.composer-voice-tray{z-index:6;border-top:1px solid var(--border);background:var(--panel-deep);padding:0 18px 12px;position:relative}.composer-voice-tray .voice-recorder{border-radius:0 0 16px 16px;max-width:760px;margin:0 auto}.message-voice-attachment{width:min(520px,100%);margin-top:8px}.message-voice-attachment .voice-player{width:100%}.voice-transcription-state{color:var(--muted);align-items:center;gap:5px;margin-top:5px;font-size:10px;display:inline-flex}.voice-transcription-state svg{animation:1s linear infinite spin}.voice-transcription-state.is-error{color:var(--red)}.voice-transcription-state.is-error svg{animation:none}.app-theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf5ef;--bg-soft:#f7fbf8;--panel:#e5efe8;--panel-2:#fff;--surface:#dbe9df;--surface-2:#cfdfd4;--surface-hover:#c8dbce;--text:#14231a;--text-soft:#31483a;--muted:#5c7164;--faint:#788a7f;--border:#1e482e1f;--border-strong:#1e482e33;--shadow:0 22px 70px #2248302e;--rail-bg:#dce9e0;--panel-deep:#edf5ef;--dialog-bg:#f9fcfa;--floating-bg:#fff;--composer-bg:#fff;--header-bg:#f9fcfae6;--input-bg:#26503312;--scrim-bg:#152b1c57}@media (prefers-color-scheme:light){.app-theme-system{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf5ef;--bg-soft:#f7fbf8;--panel:#e5efe8;--panel-2:#fff;--surface:#dbe9df;--surface-2:#cfdfd4;--surface-hover:#c8dbce;--text:#14231a;--text-soft:#31483a;--muted:#5c7164;--faint:#788a7f;--border:#1e482e1f;--border-strong:#1e482e33;--shadow:0 22px 70px #2248302e;--rail-bg:#dce9e0;--panel-deep:#edf5ef;--dialog-bg:#f9fcfa;--floating-bg:#fff;--composer-bg:#fff;--header-bg:#f9fcfae6;--input-bg:#26503312;--scrim-bg:#152b1c57}}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:not(:disabled),a{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,input,select,textarea{outline:none}:focus-visible{outline-offset:2px;outline:2px solid var(--green-bright)!important}::selection{color:#fff;background:#55d98b47}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c1dfcd24 padding-box padding-box;border:3px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#c1dfcd3d padding-box padding-box;border:3px solid #0000}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.spin{animation:.85s linear infinite spin}.spin-slow{animation:1.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.icon-button{width:34px;height:34px;color:var(--muted);transition:color .14s var(--ease), background .14s var(--ease), transform .14s var(--ease);background:0 0;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover,.icon-button.is-active{color:var(--text);background:#e6ffed14}.icon-button:active{transform:scale(.94)}.icon-button.is-danger:hover{color:#ff9da3;background:#ff727b1f}.primary-button,.secondary-button{min-height:43px;transition:transform .15s var(--ease), background .15s var(--ease), box-shadow .15s var(--ease);border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-weight:750;display:inline-flex}.primary-button{color:#08120c;background:linear-gradient(135deg, var(--green-bright), var(--green));box-shadow:0 10px 28px #30ae6233}.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 32px #30ae624d}.secondary-button{color:var(--text);border-color:var(--border-strong);background:#e6ffed0e}.secondary-button:hover{background:#e6ffed1a}kbd{border:1px solid var(--border-strong);min-height:20px;color:var(--muted);background:#030a0661;border-bottom-color:#e8ffef3d;border-radius:5px;align-items:center;padding:1px 6px;font-family:inherit;font-size:10px;line-height:1;display:inline-flex}.avatar{--avatar-color:#55d98b;color:#07140d;background:radial-gradient(circle at 30% 20%, #ffffff80, transparent 32%), linear-gradient(145deg, var(--avatar-color), color-mix(in srgb, var(--avatar-color), #0a2617 38%));letter-spacing:-.04em;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:850;display:inline-flex;position:relative;overflow:visible}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.avatar-small{width:24px;height:24px;font-size:8px}.avatar-medium{width:38px;height:38px}.avatar-large{width:52px;height:52px;font-size:15px}.avatar-hero{width:82px;height:82px;font-size:23px}.presence-dot{border:3px solid var(--panel);background:var(--faint);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.presence-online{background:var(--green)}.presence-away{background:var(--yellow)}.presence-dnd{background:var(--red)}.presence-offline{background:#66766d}.loading-screen,.onboarding{background:radial-gradient(circle at 15% 18%,#37ae6521,#0000 35%),radial-gradient(circle at 88% 82%,#428d691c,#0000 34%),linear-gradient(135deg,#0b130f 0%,#0e1a14 55%,#0b120e 100%);min-height:100dvh;position:relative;overflow:hidden}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex}.ambient{filter:blur(90px);opacity:.16;pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute}.ambient-one{background:#2ddd7a;top:-210px;left:-80px}.ambient-two{background:#3ba976;bottom:-230px;right:-180px}.brand-lockup{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.brand-lockup>strong{letter-spacing:-.04em;font-size:25px}.brand-mark{color:#0a1b11;background:linear-gradient(145deg,#86f4b2,#48cf80);border:1px solid #7bf1a859;border-radius:15px;justify-content:center;align-items:center;width:47px;height:47px;display:inline-flex;position:relative;box-shadow:0 12px 32px #30be673d}.brand-mark i{background:#f3fff7;border:1px solid #00000038;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.loading-pulse{z-index:1;color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex;position:relative}.loading-pulse svg{color:var(--green);animation:.9s linear infinite spin}.onboarding{grid-template-columns:minmax(500px,1.15fr) minmax(430px,.85fr);display:grid}.onboarding-story,.onboarding-form-wrap{z-index:1;position:relative}.onboarding-story{flex-direction:column;min-height:100dvh;padding:clamp(34px,5vw,72px);display:flex}.onboarding-brand{align-self:flex-start}.version-pill{color:var(--green);letter-spacing:.1em;background:#55d98b14;border:1px solid #74e99f33;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:800}.story-copy{max-width:690px;margin-top:clamp(65px,10vh,130px)}.eyebrow{color:var(--green);letter-spacing:.055em;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.story-copy h1{letter-spacing:-.065em;max-width:660px;margin:18px 0;font-size:clamp(42px,5.2vw,72px);line-height:.98}.story-copy p{max-width:590px;color:var(--text-soft);margin:0;font-size:clamp(16px,1.45vw,20px);line-height:1.62}.feature-orbit{width:min(590px,100%);height:200px;margin-top:42px;position:relative}.feature-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#15251cc2;border-radius:15px;align-items:center;gap:12px;display:flex;position:absolute;box-shadow:0 18px 44px #00000038}.feature-card-main{width:min(440px,80%);animation:rise .5s var(--ease) both .1s;padding:15px;top:15px;left:0}.mini-avatar{color:#092114;background:linear-gradient(145deg,#82ecab,#50cc81);border-radius:13px;place-items:center;width:41px;height:41px;font-size:12px;font-weight:850;display:grid}.feature-card div{min-width:0}.feature-card strong{margin-bottom:4px;font-size:13px;display:block}.feature-card p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.online-chip{color:var(--green);text-transform:uppercase;background:#55d98b1a;border-radius:20px;margin-left:auto;padding:4px 7px;font-size:9px;font-weight:800}.feature-card-call{color:var(--green);animation:rise .5s var(--ease) both .18s;padding:13px 18px;top:101px;left:90px}.feature-card-call strong,.feature-card-secure span{color:var(--text)}.feature-card-secure{color:var(--green);animation:rise .5s var(--ease) both .26s;padding:13px 16px;font-size:12px;top:101px;right:0}.story-foot{color:var(--muted);align-items:center;gap:10px;margin-top:auto;font-size:12px;display:flex}.story-foot svg{color:var(--green)}.story-foot i{background:var(--faint);border-radius:50%;width:3px;height:3px}.onboarding-form-wrap{border-left:1px solid var(--border);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#070d093d;justify-content:center;align-items:center;min-height:100dvh;padding:34px clamp(28px,5vw,78px);display:flex}.onboarding-card{border:1px solid var(--border-strong);width:min(440px,100%);box-shadow:var(--shadow);animation:rise .48s var(--ease) both;background:linear-gradient(145deg,#16271deb,#0e1913f0);border-radius:22px;padding:26px}.onboarding-card-head{align-items:center;gap:12px;display:flex}.server-avatar{color:#08170e;background:linear-gradient(145deg,#83efad,#47ca7b);border-radius:15px;flex:none;place-items:center;width:48px;height:48px;font-size:14px;font-weight:900;display:inline-grid;box-shadow:0 9px 24px #37b9672e}.server-avatar.is-demo{color:var(--text);background:linear-gradient(145deg,#326849,#1b412c)}.onboarding-card-head>div{min-width:0}.onboarding-card-head>div>span{color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:800;display:block}.onboarding-card-head h2{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;overflow:hidden}.latency{color:var(--green);align-items:center;gap:5px;margin-left:auto;font-size:11px;display:flex}.server-address{border:1px solid var(--border);color:var(--muted);background:#030a0640;border-radius:10px;justify-content:space-between;align-items:center;margin:18px 0 26px;padding:10px 12px;font-size:11px;display:flex}.server-address>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;min-width:0;display:flex;overflow:hidden}.server-address i{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%;margin-right:8px}.server-address button{width:27px;height:27px;color:var(--muted);background:0 0;border:0;border-radius:7px;flex:none;place-items:center;margin-left:8px;padding:0;display:grid}.server-address button:hover{color:var(--text);background:var(--surface)}.form-heading h3{letter-spacing:-.035em;margin:0 0 7px;font-size:21px}.form-heading p{color:var(--muted);margin:0 0 22px;font-size:12px;line-height:1.5}.field-label{margin-top:15px;display:block}.field-label>span{color:var(--text-soft);margin:0 0 7px;font-size:11px;font-weight:700;display:block}.field-label>span em{color:var(--muted);margin-left:4px;font-size:.86em;font-style:normal;font-weight:500}.field-label input,.field-label select{border:1px solid var(--border-strong);width:100%;height:44px;color:var(--text);background:#050c0873;border-radius:10px;padding:0 13px;transition:border .15s,box-shadow .15s}.field-label input::placeholder{color:var(--faint)}.field-label input:focus,.field-label select:focus{border-color:#5de28f8c;box-shadow:0 0 0 3px #55d98b1a}.select-wrap,.input-with-icon{position:relative}.select-wrap .presence-dot{z-index:1;border:0;width:8px;height:8px;inset:18px auto auto 13px}.select-wrap select{appearance:none;padding-left:31px;padding-right:38px}.select-wrap>svg{color:var(--muted);pointer-events:none;position:absolute;top:14px;right:13px}.input-with-icon>svg{z-index:1;color:var(--muted);position:absolute;top:14px;left:13px}.input-with-icon input{padding-left:39px}.form-error{color:#ff9aa1;background:#ff727b14;border:1px solid #ff727b38;border-radius:9px;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;font-size:11px;display:flex}.onboarding-submit{width:100%;margin-top:22px}.privacy-note{color:var(--faint);justify-content:center;align-items:center;gap:6px;margin:14px 0 0;font-size:10px;display:flex}.app-root{background:var(--bg);flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.connection-banner{z-index:90;color:#102116;background:var(--yellow);justify-content:center;align-items:center;min-height:32px;padding:5px 14px;font-size:11px;font-weight:700;display:flex;position:relative}.connection-banner>span{align-items:center;gap:7px;display:flex}.connection-banner button{color:inherit;background:#fff3;border:1px solid #0003;border-radius:6px;margin-left:14px;padding:3px 9px;font-size:10px;font-weight:800}.connection-demo{color:#dff8e7;background:#245a39}.connection-offline{color:#fff0f1;background:#9b3f47}.app-shell{background:var(--bg);flex:auto;grid-template-columns:68px 274px minmax(420px,1fr) auto;min-height:0;display:grid}.server-rail{border-right:1px solid var(--border);background:radial-gradient(circle at 50% 0, #55d98b17, transparent 25%), var(--rail-bg);flex-direction:column;align-items:center;gap:9px;min-height:0;padding:12px 9px;display:flex}.server-home,.server-button,.server-add{width:46px;height:46px;color:var(--muted);background:var(--panel-2);transition:border-radius .18s var(--ease), color .15s, background .15s, transform .15s;border:0;border-radius:15px;flex:none;place-items:center;padding:0;display:grid;position:relative}.server-home{color:#07140c;background:linear-gradient(145deg,#7ceda8,#45cb7b);box-shadow:0 8px 24px #2dae5e2e}.server-home:hover,.server-button:hover,.server-add:hover{border-radius:12px;transform:translateY(-1px)}.server-button{color:var(--text);font-size:12px;font-weight:850}.server-button.active{color:#07140c;background:linear-gradient(145deg,#82efac,#49cb7d)}.server-button.active>i{background:var(--green);border-radius:0 5px 5px 0;width:4px;height:30px;position:absolute;left:-12px}.server-button b{border:2px solid var(--bg);color:#fff;background:var(--red);border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:-3px;right:-4px}.server-family{color:#dcb6ff;background:linear-gradient(145deg,#3b2b4a,#251d2f)}.server-add{color:var(--green);border:1px solid #55d98b14}.server-add:hover{color:#0b1b11;background:var(--green)}.rail-divider{background:var(--border-strong);width:30px;height:1px;margin:1px 0 2px}.rail-spacer{flex:auto;min-height:8px}.rail-info{color:var(--muted)}.channel-sidebar{z-index:40;border-right:1px solid var(--border);background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.server-heading{border-bottom:1px solid var(--border);align-items:center;min-height:58px;padding:8px 8px 8px 13px;display:flex}.server-heading-main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.server-mini-mark{color:#07140c;background:linear-gradient(145deg,#77eaa3,#42c879);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.server-heading-main>span:nth-child(2){flex:1;min-width:0}.server-heading-main strong,.server-heading-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.server-heading-main strong{font-size:13px}.server-heading-main small{color:var(--muted);align-items:center;gap:6px;margin-top:3px;font-size:9px;display:flex}.server-heading-main small i{background:var(--green);border-radius:50%;width:6px;height:6px}.server-heading-main>svg{color:var(--muted)}.sidebar-close{display:none}.sidebar-search{border:1px solid var(--border);height:34px;color:var(--muted);background:var(--input-bg);text-align:left;border-radius:9px;align-items:center;gap:8px;margin:10px 12px 6px;padding:0 10px;font-size:10px;display:flex}.sidebar-search span{flex:1}.channel-list{flex:auto;min-height:0;padding:8px;overflow-y:auto}.channel-list-empty{min-height:210px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;display:flex}.channel-list-empty>svg{color:var(--green);margin-bottom:10px}.channel-list-empty strong{color:var(--text);font-size:11px}.channel-list-empty p{max-width:205px;margin:6px 0 13px;font-size:9px;line-height:1.5}.channel-list-empty button,.sidebar-invite{color:var(--green);background:#55d98b12;border:1px solid #55d98b33;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:9px;font-weight:750;display:flex}.channel-list-empty button{min-height:32px;padding:0 11px}.channel-category{margin-bottom:14px}.category-heading{align-items:center;margin:0 3px 4px;display:flex}.category-heading>button:first-child{min-width:0;color:var(--faint);letter-spacing:.085em;text-transform:uppercase;background:0 0;border:0;flex:1;align-items:center;gap:3px;padding:5px 0;font-size:9px;font-weight:850;display:flex}.category-heading>button:first-child:hover{color:var(--text-soft)}.category-heading .icon-button{width:25px;height:25px}.channel-block{position:relative}.channel-item{width:100%;min-height:35px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 9px;font-size:12px;transition:color .13s,background .13s;display:flex;position:relative}.channel-item:hover{color:var(--text-soft);background:#e6ffed0b}.channel-item.active{color:var(--text);background:linear-gradient(90deg,#55d98b24,#55d98b0e)}.channel-item.active:before{background:var(--green);content:"";border-radius:3px;width:3px;height:18px;position:absolute;left:0}.channel-item>svg{opacity:.8;flex:none}.channel-item>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mention-badge{color:#08120c;background:var(--green);border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:8px;display:grid}.unread-count{border:1px solid var(--border-strong);min-width:17px;height:17px;color:var(--text-soft);background:var(--surface);border-radius:9px;place-items:center;padding:0 4px;font-size:8px;display:grid}.unread-dot{background:var(--text-soft);border-radius:50%;width:6px;height:6px}.voice-people{padding:3px 0 5px 25px}.voice-people>button{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:3px 7px;font-size:10px;display:flex}.voice-people>button:hover{color:var(--text-soft);background:#e6ffed0a}.voice-people>button>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.voice-connected{border-top:1px solid var(--border);background:#55d98b0b;align-items:center;gap:3px;padding:9px 8px 9px 12px;display:flex}.voice-connected>div:first-child{flex:1;min-width:0}.voice-connected span,.voice-connected small{align-items:center;gap:6px;display:flex}.voice-connected span{color:var(--green);font-size:10px;font-weight:750}.voice-connected small{color:var(--muted);margin-top:3px;font-size:9px}.self-panel{border-top:1px solid var(--border);background:var(--panel-deep);align-items:center;gap:1px;min-height:55px;padding:7px 7px 7px 10px;display:flex}.sidebar-invite{flex:none;min-height:36px;margin:0 8px 8px;padding:0 10px}.sidebar-invite:hover,.channel-list-empty button:hover{background:#55d98b1f;border-color:#55d98b57}.self-profile{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.self-profile>span:last-child{min-width:0}.self-profile strong,.self-profile small{text-overflow:ellipsis;white-space:nowrap;max-width:84px;display:block;overflow:hidden}.self-profile strong{font-size:10px}.self-profile small{color:var(--muted);margin-top:2px;font-size:8px}.main-panel{background:radial-gradient(circle at 55% -20%, #55d98b09, transparent 35%), var(--bg-soft);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.chat-header{z-index:20;border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;gap:10px;min-height:58px;padding:0 14px;display:flex}.mobile-menu-button{display:none}.channel-title-icon{color:var(--muted);display:flex}.channel-title{flex:1;align-items:center;gap:13px;min-width:0;display:flex}.channel-title strong{font-size:13px}.channel-title span{border-left:1px solid var(--border-strong);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding-left:13px;font-size:10px;overflow:hidden}.chat-header-actions{align-items:center;gap:1px;display:flex}.header-studio{height:30px;color:var(--green-bright);letter-spacing:.02em;background:#55d98b12;border:1px solid #55d98b33;border-radius:9px;align-items:center;gap:6px;margin-right:5px;padding:0 10px;font-size:9px;font-weight:800;display:flex}.header-studio:hover{background:#55d98b1f;border-color:#55d98b61}.header-search{border:1px solid var(--border);width:154px;height:32px;color:var(--faint);background:var(--input-bg);border-radius:8px;justify-content:space-between;align-items:center;margin-left:6px;padding:0 9px 0 11px;font-size:10px;display:flex}.header-search:hover{color:var(--muted);border-color:var(--border-strong)}.chat-stage{flex:auto;min-height:0;position:relative}.message-scroll{scroll-behavior:smooth;position:absolute;inset:0;overflow:hidden auto}.channel-welcome{max-width:780px;padding:50px 28px 22px 78px}.channel-welcome>span{width:54px;height:54px;color:var(--green);background:#55d98b12;border:1px solid #55d98b1f;border-radius:17px;place-items:center;margin-bottom:14px;display:grid}.channel-welcome h2{letter-spacing:-.045em;margin:0 0 7px;font-size:24px}.channel-welcome p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.date-divider,.unread-divider{height:30px;color:var(--faint);justify-content:center;align-items:center;margin:8px 22px;font-size:9px;font-weight:750;display:flex;position:relative}.date-divider:before,.unread-divider:before{background:var(--border);content:"";height:1px;position:absolute;left:0;right:0}.date-divider span,.unread-divider span{background:var(--bg-soft);padding:0 10px;position:relative}.unread-divider{color:var(--green)}.unread-divider:before{background:#55d98b61}.message{grid-template-columns:42px minmax(0,1fr);gap:10px;min-height:48px;padding:6px 26px 6px 24px;transition:background .14s,opacity .14s;display:grid;position:relative}.message:hover,.message:focus-within{background:#ebfff106}.message.is-grouped{min-height:26px;padding-top:2px;padding-bottom:2px}.message.is-grouped>time{color:#0000;text-align:center;align-self:start;padding-top:4px;font-size:8px}.message.is-grouped:hover>time{color:var(--faint)}.message.is-sending{opacity:.58}.message.is-failed{background:#ff727b09}.message.is-highlighted{animation:highlight 2s var(--ease)}@keyframes highlight{0%,70%{background:#55d98b29}to{background:0 0}}.message-avatar{margin-top:1px}.message-avatar-button{background:0 0;border:0;border-radius:50%;align-self:start;width:34px;height:34px;padding:0;display:block}.message-avatar-button:focus-visible{outline:2px solid var(--green);outline-offset:3px}.message-body{min-width:0;padding-top:1px}.message-meta{align-items:center;gap:7px;min-height:18px;display:flex}.message-meta strong,.message-author-button{font-size:12px;font-weight:760}.message-author-button{text-align:left;background:0 0;border:0;padding:0}.message-author-button:hover{text-decoration:underline}.message-meta time{color:var(--faint);font-size:8px}.message-meta svg{color:var(--green)}.owner-badge{color:var(--green);letter-spacing:.04em;text-transform:uppercase;background:#55d98b17;border-radius:4px;padding:2px 5px;font-size:7px;font-weight:850}.rich-text{color:var(--text-soft);overflow-wrap:anywhere;font-size:12px;line-height:1.52}.rich-text strong{color:var(--text)}.rich-text code{border:1px solid var(--border);color:#9fe9bb;background:#040c078c;border-radius:4px;padding:2px 5px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.9em}.rich-text a{color:var(--green-bright);text-decoration:none}.rich-text a:hover{text-decoration:underline}.mention{color:var(--green-bright);background:#55d98b1a;border-radius:4px;padding:1px 4px}.edited-label{color:var(--faint);margin-left:5px;font-size:8px}.deleted-message{color:var(--faint);margin:2px 0 0;font-size:11px;font-style:italic}.reply-preview{min-width:0;max-width:min(600px,90%);color:var(--faint);text-align:left;background:0 0;border:0;align-items:center;gap:6px;margin:0 0 5px;padding:0;font-size:9px;display:flex}.reply-preview:before{border-left:1px solid var(--border-strong);border-top:1px solid var(--border-strong);content:"";border-radius:6px 0 0;width:23px;height:13px;position:absolute;top:8px;left:-29px}.reply-preview strong{color:var(--text-soft)}.reply-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-actions{z-index:4;border:1px solid var(--border-strong);opacity:0;background:var(--floating-bg);pointer-events:none;border-radius:9px;padding:3px;transition:opacity .13s,transform .13s;display:flex;position:absolute;top:-18px;right:20px;transform:translateY(4px);box-shadow:0 8px 24px #00000040}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.message-actions .icon-button{border-radius:6px;width:28px;height:27px}.message-reaction-picker{z-index:30;position:absolute;bottom:30px;right:20px}.reaction-row{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.reaction-row>button{border:1px solid var(--border);height:25px;color:var(--muted);background:#e4ffec09;border-radius:8px;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.reaction-row>button:hover,.reaction-row>button.reacted{color:var(--text);background:#55d98b17;border-color:#55d98b4d}.reaction-row>button span{font-size:13px}.reaction-row>button b{font-size:9px}.reaction-row .reaction-add{justify-content:center;width:27px;padding:0}.delivery-error{color:#ff949b;background:0 0;border:0;align-items:center;gap:5px;margin:5px 0 0;padding:0;font-size:9px;display:flex}.attachments{flex-wrap:wrap;gap:8px;max-width:600px;margin-top:7px;display:flex}.image-attachment{border:1px solid var(--border);width:min(440px,100%);color:var(--text-soft);background:var(--panel-2);border-radius:11px;text-decoration:none;display:block;position:relative;overflow:hidden}.image-attachment img{object-fit:cover;background:var(--surface);width:100%;max-height:280px;display:block}.image-attachment>span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-overflow:ellipsis;white-space:nowrap;background:#050c08c7;border-radius:7px;align-items:center;gap:5px;max-width:calc(100% - 16px);padding:5px 8px;font-size:9px;display:flex;position:absolute;bottom:8px;left:8px;overflow:hidden}.file-attachment{border:1px solid var(--border);width:min(360px,100%);color:var(--text);background:#e6ffed09;border-radius:10px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.file-attachment:hover{background:#55d98b0e;border-color:#55d98b3d}.file-attachment>span:first-child{width:35px;height:35px;color:var(--green);background:#55d98b17;border-radius:8px;flex:none;place-items:center;display:grid}.file-attachment>span:nth-child(2){flex:1;min-width:0}.file-attachment strong,.file-attachment small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-attachment strong{font-size:10px}.file-attachment small{color:var(--muted);margin-top:3px;font-size:8px}.file-attachment>svg{color:var(--muted)}.typing-placeholder{height:22px}.typing-indicator{height:25px;color:var(--muted);align-items:center;gap:7px;padding:0 26px 0 76px;font-size:9px;display:flex}.typing-indicator>span{gap:2px;display:flex}.typing-indicator i{background:var(--green);border-radius:50%;width:3px;height:3px;animation:1.1s infinite typing}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.empty-messages,.no-channel{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:55px 24px;display:flex}.empty-messages svg,.no-channel svg{color:var(--green);margin-bottom:12px}.empty-messages strong,.no-channel h2{color:var(--text);margin:0;font-size:15px}.empty-messages p,.no-channel p{max-width:380px;margin:7px 0 0;font-size:10px;line-height:1.55}.no-channel{height:100%}.no-channel .primary-button{margin-top:17px}.message-skeleton{padding:10px 24px}.skeleton-row{gap:12px;margin:18px 0;display:flex}.skeleton-row>i{background:var(--surface);border-radius:50%;flex:none;width:38px;height:38px;animation:1.4s ease-in-out infinite alternate skeleton}.skeleton-row>span{flex-direction:column;gap:7px;width:min(550px,78%);display:flex}.skeleton-row b,.skeleton-row em{background:var(--surface);border-radius:7px;height:9px;animation:1.4s ease-in-out infinite alternate skeleton}.skeleton-row b{height:11px}@keyframes skeleton{to{opacity:.45}}.jump-button{z-index:5;height:32px;color:var(--green-bright);background:var(--floating-bg);border:1px solid #55d98b47;border-radius:17px;align-items:center;gap:7px;padding:0 12px;font-size:9px;display:flex;position:absolute;bottom:12px;right:20px;box-shadow:0 7px 22px #0000004d}.composer-wrap{z-index:15;flex:none;padding:0 18px 9px;position:relative}.composer-context{border:1px solid var(--border);min-height:38px;color:var(--green);background:var(--panel-2);border-bottom:0;border-radius:10px 10px 0 0;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px 8px 5px 13px;font-size:9px;display:grid}.composer-context>span{color:var(--text-soft);font-weight:750}.composer-context p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.pending-files{border:1px solid var(--border);background:var(--panel-2);border-bottom:0;gap:7px;padding:8px;display:flex;overflow-x:auto}.pending-file{border:1px solid var(--border);background:#030a0640;border-radius:9px;align-items:center;gap:8px;width:225px;min-width:190px;padding:7px;display:flex;position:relative;overflow:hidden}.pending-file>img,.pending-file>span{object-fit:cover;background:var(--surface);border-radius:7px;flex:none;width:34px;height:34px}.pending-file>span{color:var(--green);place-items:center;display:grid}.pending-file>div{flex:1;min-width:0}.pending-file strong,.pending-file small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pending-file strong{font-size:9px}.pending-file small{color:var(--muted);margin-top:3px;font-size:8px}.pending-file>div>i{background:var(--green);border-radius:2px;height:2px;position:absolute;bottom:0;left:0}.pending-file .icon-button{width:24px;height:24px}.pending-file.is-failed{border-color:#ff727b4d}.pending-file.is-failed small{color:var(--red)}.composer{border:1px solid var(--border-strong);background:var(--composer-bg);border-radius:12px;align-items:flex-end;gap:3px;min-height:47px;padding:6px;transition:border .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 10px 30px #00000021}.composer-context+.composer,.pending-files+.composer{border-radius:0 0 12px 12px}.composer:focus-within{border-color:#55d98b4d;box-shadow:0 0 0 3px #55d98b0e}.composer.is-disabled{opacity:.65}.composer textarea{resize:none;min-width:0;min-height:34px;max-height:132px;color:var(--text);background:0 0;border:0;flex:1;padding:8px 7px 6px;font-size:12px;line-height:1.45;overflow-y:auto}.composer textarea::placeholder{color:var(--faint)}.send-button{color:#07140c;background:var(--green);border:0;border-radius:9px;flex:none;place-items:center;width:35px;height:35px;padding:0;transition:transform .14s,background .14s;display:grid}.send-button:hover:not(:disabled){background:var(--green-bright);transform:translateY(-1px)scale(1.02)}.send-button:disabled{color:var(--faint);background:#e7ffef0f}.composer-emoji-picker{z-index:20;position:absolute;bottom:calc(100% + 9px);right:8px}.emoji-picker{border:1px solid var(--border-strong);width:min(390px,100vw - 28px);min-height:370px;max-height:min(500px,72vh);color:var(--text);background:var(--floating-bg);box-shadow:var(--shadow);animation:rise .16s var(--ease);border-radius:15px;flex-direction:column;padding:10px;display:flex;overflow:hidden}.emoji-picker-search{border:1px solid var(--border);min-height:36px;color:var(--faint);background:#020c0761;border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.emoji-picker-search:focus-within{border-color:#55d98b61;box-shadow:0 0 0 3px #55d98b12}.emoji-picker-search input{min-width:0;height:34px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:10px}.emoji-picker-search input::placeholder{color:var(--faint)}.emoji-picker-quick{scrollbar-width:none;align-items:center;gap:2px;min-height:40px;margin-top:5px;padding:2px 0;display:flex;overflow-x:auto}.emoji-picker-quick::-webkit-scrollbar{display:none}.emoji-picker button{color:inherit;background:0 0;border:0}.emoji-picker-quick button,.emoji-picker-grid button{border-radius:8px;flex:none;place-items:center;width:36px;height:36px;padding:0;font-size:20px;transition:background .12s,transform .12s;display:grid}.emoji-picker-quick button:hover,.emoji-picker-grid button:hover,.emoji-picker-quick button:focus-visible,.emoji-picker-grid button:focus-visible{background:var(--surface-hover);outline:0;transform:scale(1.12)}.emoji-picker-tabs{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(9,minmax(0,1fr));padding:5px 0;display:grid}.emoji-picker-tabs button{opacity:.6;border-radius:7px;place-items:center;min-width:0;height:30px;padding:0;font-size:15px;display:grid}.emoji-picker-tabs button:hover,.emoji-picker-tabs button:focus-visible,.emoji-picker-tabs button.is-active{opacity:1;background:#55d98b1a;outline:0}.emoji-picker-tabs button.is-active{box-shadow:inset 0 -2px var(--green)}.emoji-picker-heading{min-height:28px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 4px;display:flex}.emoji-picker-heading strong{letter-spacing:.07em;text-transform:uppercase;font-size:8px}.emoji-picker-heading span{color:var(--faint);font-size:8px}.emoji-picker-grid{flex:1;grid-template-columns:repeat(9,minmax(0,1fr));align-content:start;min-height:132px;padding:2px;display:grid;overflow-y:auto}.emoji-picker-grid button{width:100%}.emoji-picker-empty{min-height:110px;color:var(--faint);grid-column:1/-1;place-items:center;font-size:10px;display:grid}.emoji-picker-custom{border-top:1px solid var(--border);flex-wrap:wrap;align-items:end;gap:7px;padding-top:8px;display:flex}.emoji-picker-custom label{flex:1;gap:4px;min-width:0;display:grid}.emoji-picker-custom label>span{color:var(--faint);font-size:8px;font-weight:700}.emoji-picker-custom input{border:1px solid var(--border);width:100%;height:34px;color:var(--text);background:#020c0761;border-radius:8px;outline:0;padding:0 9px;font-size:10px}.emoji-picker-custom input:focus{border-color:#55d98b61}.emoji-picker-custom>button{color:#07140c;background:var(--green);border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:grid}.emoji-picker-custom>button:disabled{color:var(--faint);background:var(--surface)}.emoji-picker-custom small{color:#ff9d9d;width:100%;margin-top:-2px;font-size:8px}.composer-hint{min-height:18px;color:var(--faint);justify-content:space-between;align-items:center;padding:3px 3px 0;font-size:8px;display:flex}.composer-hint kbd{min-height:15px;padding:0 4px;font-size:7px}.members-panel{border-left:1px solid var(--border);background:var(--panel-deep);flex-direction:column;width:282px;min-height:0;display:flex;overflow:hidden}.members-summary{border-bottom:1px solid var(--border);min-height:58px;color:var(--text-soft);justify-content:space-between;align-items:center;padding:0 15px;font-size:10px;font-weight:750;display:flex}.members-summary span{align-items:center;gap:7px;display:flex}.members-summary b{min-width:22px;height:20px;color:var(--muted);background:var(--surface);border-radius:7px;place-items:center;font-size:9px;display:grid}.members-list{flex:1;min-height:0;padding:10px 8px;overflow-y:auto}.members-list section{margin-bottom:18px}.members-list h3{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin:0 8px 7px;font-size:8px}.members-list button{width:100%;min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:4px 7px;display:flex}.members-list button:hover{background:#e8ffef0a}.members-list button.is-offline{opacity:.5}.members-list button>span:nth-child(2){flex:1;min-width:0}.members-list strong,.members-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.members-list strong{font-size:10px}.members-list small{color:var(--muted);margin-top:3px;font-size:8px}.you-badge{color:var(--green);background:#55d98b14;border-radius:5px;padding:2px 5px;font-size:7px}.invite-card{color:var(--text);text-align:left;background:#55d98b0b;border:1px solid #55d98b1c;border-radius:11px;align-items:center;gap:9px;margin:8px;padding:10px;display:flex}.invite-card>span:first-child{width:34px;height:34px;color:var(--green);background:#55d98b17;border-radius:9px;place-items:center;display:grid}.invite-card>span:nth-child(2){flex:1;min-width:0}.invite-card strong,.invite-card small{display:block}.invite-card strong{font-size:9px}.invite-card small{color:var(--muted);margin-top:3px;font-size:8px}.invite-card>svg{color:var(--muted)}.voice-lobby{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:40px 24px;display:flex;overflow-y:auto}.voice-orb{width:100px;height:100px;color:var(--green);background:linear-gradient(145deg,#55d98b21,#55d98b09);border:1px solid #55d98b33;border-radius:32px;place-items:center;margin-bottom:25px;display:grid;position:relative;box-shadow:0 20px 60px #268e4e21}.voice-orb span,.voice-orb i{border:1px solid #55d98b17;border-radius:38px;animation:2.3s infinite pulse;position:absolute;inset:-9px}.voice-orb i{border-radius:43px;animation-delay:.6s;inset:-19px}.voice-lobby h2{letter-spacing:-.05em;margin:9px 0;font-size:29px}.voice-lobby>p{max-width:510px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.lobby-participants{justify-content:center;gap:18px;margin:26px 0 22px;display:flex}.lobby-participants>div{color:var(--text-soft);flex-direction:column;align-items:center;gap:7px;font-size:9px;display:flex}.lobby-empty{color:var(--faint);margin:24px 0 20px;font-size:10px}.lobby-actions{gap:9px;display:flex}.voice-lobby>small{color:var(--faint);align-items:center;gap:6px;margin-top:18px;font-size:9px;display:flex}.voice-lobby>small svg{color:var(--green)}.mobile-nav,.drawer-scrim{display:none}.modal-layer{z-index:200;justify-content:center;align-items:flex-start;padding:9vh 20px 20px;display:flex;position:fixed;inset:0}.modal-scrim{background:var(--scrim-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.search-dialog{border:1px solid var(--border-strong);background:var(--dialog-bg);width:min(690px,100%);max-height:min(720px,82vh);box-shadow:var(--shadow);animation:rise .18s var(--ease);border-radius:18px;position:relative;overflow:hidden}.channel-create-dialog{border:1px solid var(--border-strong);background:var(--dialog-bg);width:min(560px,100%);box-shadow:var(--shadow);animation:rise .18s var(--ease);border-radius:18px;position:relative;overflow:hidden}.channel-create-dialog>header{border-bottom:1px solid var(--border);background:var(--header-bg);align-items:center;gap:11px;min-height:72px;padding:12px 16px;display:flex}.channel-create-icon{width:40px;height:40px;color:var(--green);background:#55d98b14;border:1px solid #55d98b2b;border-radius:12px;flex:none;place-items:center;display:grid}.channel-create-dialog>header>div{flex:1;min-width:0}.channel-create-dialog>header span:not(.channel-create-icon){color:var(--green);letter-spacing:.07em;text-transform:uppercase;margin-bottom:2px;font-size:8px;font-weight:800;display:block}.channel-create-dialog h2{letter-spacing:-.03em;margin:0;font-size:18px}.channel-create-body{gap:13px;padding:18px;display:grid}.channel-type-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:3px;display:grid}.channel-type-grid>button{border:1px solid var(--border);min-width:0;min-height:68px;color:var(--muted);text-align:left;background:#55d98b06;border-radius:11px;align-items:center;gap:10px;padding:10px;display:flex}.channel-type-grid>button.active{color:var(--text);background:#55d98b17;border-color:#55d98b57;box-shadow:0 0 0 2px #55d98b0a}.channel-type-grid>button>svg:first-child{color:var(--green);flex:none}.channel-type-grid>button>svg:last-child{color:var(--green);flex:none;margin-left:auto}.channel-type-grid span,.channel-type-grid strong,.channel-type-grid small{min-width:0;display:block}.channel-type-grid span{flex:1}.channel-type-grid strong{font-size:10px}.channel-type-grid small{color:var(--muted);margin-top:4px;font-size:8px}.channel-create-body .field-label{gap:6px}.channel-create-body .field-label>span{justify-content:space-between;display:flex}.channel-create-body .field-label em{color:var(--faint);text-transform:none;font-size:8px;font-style:normal;font-weight:500}.channel-create-dialog>footer{border-top:1px solid var(--border);background:#55d98b06;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.search-input-large{border-bottom:1px solid var(--border);min-height:62px;color:var(--green);align-items:center;gap:11px;padding:0 17px;display:flex}.search-input-large input{min-width:0;height:54px;color:var(--text);background:0 0;border:0;flex:1;font-size:15px}.search-input-large input::placeholder{color:var(--faint)}.search-filters{border-bottom:1px solid var(--border);gap:6px;padding:9px 14px;display:flex;overflow-x:auto}.search-filters button{border:1px solid var(--border);color:var(--muted);background:#e6ffed09;border-radius:7px;flex:none;padding:5px 9px;font-size:9px}.search-filters button:hover{color:var(--green);border-color:#55d98b38}.search-results{min-height:280px;max-height:540px;padding:10px;overflow-y:auto}.search-results>small{color:var(--faint);padding:4px 8px 8px;font-size:9px;display:block}.search-results>button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:10px;display:flex}.search-results>button:hover{background:#e6ffed0b}.result-icon{width:36px;height:36px;color:var(--green);background:#55d98b14;border-radius:10px;flex:none;place-items:center;display:grid}.search-results>button>span:nth-child(2){flex:1;min-width:0}.search-results strong{font-size:10px;display:block}.search-results p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:9px;overflow:hidden}.search-results em{max-width:110px;color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-style:normal;overflow:hidden}.search-results>button>svg{color:var(--faint)}.search-empty,.drawer-empty{min-height:250px;color:var(--faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.search-empty>svg,.drawer-empty>svg{color:var(--green);margin-bottom:10px}.search-empty strong,.drawer-empty strong{color:var(--text);font-size:12px}.search-empty p,.drawer-empty p{max-width:320px;color:var(--muted);margin:6px 0 13px;font-size:9px;line-height:1.5}.side-modal-layer{justify-content:flex-end;padding:0}.pins-drawer{border-left:1px solid var(--border-strong);background:var(--dialog-bg);width:min(390px,100%);height:100%;animation:drawer-in .2s var(--ease);padding:0 10px 20px;position:relative;box-shadow:-20px 0 60px #00000059}@keyframes drawer-in{0%{transform:translate(25px)}}.pins-drawer header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:58px;padding:0 5px 0 8px;display:flex}.pins-drawer header>span{align-items:center;gap:8px;font-size:12px;font-weight:750;display:flex}.pins-drawer header>span svg{color:var(--green)}.drawer-subtitle{color:var(--faint);margin:11px 8px;font-size:9px}.pin-card{border:1px solid var(--border);width:100%;color:var(--text);text-align:left;background:#e6ffed06;border-radius:10px;align-items:flex-start;gap:9px;margin-bottom:6px;padding:10px;display:flex}.pin-card:hover{background:#55d98b0b;border-color:#55d98b2e}.pin-card>span:nth-child(2){flex:1;min-width:0}.pin-card strong{align-items:center;gap:8px;font-size:9px;display:flex}.pin-card time{color:var(--faint);font-size:7px;font-weight:400}.pin-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:9px;line-height:1.45;display:-webkit-box;overflow:hidden}.pin-card>svg{color:var(--faint);align-self:center}.settings-dialog{border:1px solid var(--border-strong);background:var(--dialog-bg);width:min(930px,100%);height:min(680px,88vh);box-shadow:var(--shadow);animation:rise .18s var(--ease);border-radius:19px;grid-template-columns:215px minmax(0,1fr);display:grid;position:relative;overflow:hidden}.profile-modal-layer{align-items:center;padding-top:20px}.user-profile-dialog{border:1px solid var(--border-strong);background:var(--dialog-bg);width:min(440px,100%);box-shadow:var(--shadow);animation:rise .18s var(--ease);border-radius:19px;position:relative;overflow:hidden}.user-profile-cover{background:radial-gradient(circle at 76% 24%,#87f5b042,#0000 24%),linear-gradient(125deg,#194a2d,#173522 60%,#10271a);height:150px;position:relative}.user-profile-cover.has-image{background-position:50%;background-size:cover}.user-profile-cover:after{content:"";pointer-events:none;background:linear-gradient(#030c070d,#030c0761);position:absolute;inset:0}.user-profile-cover .profile-modal-close{z-index:2;color:#f2fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040e0894;border:1px solid #ffffff21;position:absolute;top:12px;right:12px}.user-profile-main{padding:0 22px 22px;position:relative}.user-profile-main>.avatar{border:6px solid var(--dialog-bg);width:92px;height:92px;margin-top:-49px;font-size:24px}.user-profile-identity{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;margin-top:9px;display:flex}.user-profile-identity h2{letter-spacing:-.03em;text-overflow:ellipsis;margin:0;font-size:20px;overflow:hidden}.user-profile-identity>div>span{color:var(--faint);margin-top:3px;font-size:9px;display:block}.profile-presence{border:1px solid var(--border);min-height:25px;color:var(--muted);background:#e6ffed09;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 8px;font-size:8px;font-weight:700;display:inline-flex}.user-profile-details{border:1px solid var(--border);background:#e6ffed06;border-radius:11px;grid-template-columns:1fr 1fr;margin-top:17px;display:grid;overflow:hidden}.user-profile-details section{min-width:0;padding:12px}.user-profile-details section+section{border-left:1px solid var(--border)}.user-profile-details span{color:var(--faint);letter-spacing:.07em;text-transform:uppercase;font-size:7px;font-weight:800;display:block}.user-profile-details p{overflow-wrap:anywhere;color:var(--text-soft);margin:6px 0 0;font-size:10px;line-height:1.45}.user-profile-message{justify-content:center;width:100%;min-height:40px;margin-top:14px}.settings-dialog>aside{border-right:1px solid var(--border);background:var(--panel-deep);flex-direction:column;min-height:0;padding:18px 12px;display:flex}.settings-brand{align-items:center;gap:9px;padding:0 7px 20px;display:flex}.settings-brand .brand-mark{border-radius:10px;width:33px;height:33px}.settings-brand strong{font-size:13px}.settings-dialog aside nav{flex-direction:column;gap:3px;display:flex}.settings-dialog aside nav button{min-height:37px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 10px;font-size:10px;display:flex}.settings-dialog aside nav button:hover{color:var(--text-soft);background:#e6ffed0a}.settings-dialog aside nav button.active{color:var(--text);background:#55d98b1a}.settings-dialog aside nav button.active svg{color:var(--green)}.settings-dialog>aside>small{color:var(--faint);margin:auto 8px 0;font-size:8px}.settings-content{min-width:0;min-height:0;overflow-y:auto}.settings-content>header{z-index:4;border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;min-height:74px;padding:13px 24px;display:flex;position:sticky;top:0}.settings-content>header span{color:var(--green);letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px;font-size:8px;font-weight:800;display:block}.settings-content>header h2{letter-spacing:-.035em;margin:0;font-size:18px}.settings-page{max-width:680px;padding:22px 24px 36px}.profile-hero{border:1px solid var(--border);background:#15261c;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:14px;min-height:190px;padding:18px;display:grid;position:relative;overflow:hidden}.profile-cover{background:radial-gradient(circle at 75% 30%,#87f5b03b,#0000 22%),linear-gradient(125deg,#194a2d,#173522 60%,#10271a);height:105px;position:absolute;inset:0 0 auto}.profile-cover.has-image{background-position:50%;background-size:cover}.profile-cover:after{opacity:.13;content:"";background-image:linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.profile-cover.has-image:after{opacity:1;background:linear-gradient(#030d081a,#030d087a),linear-gradient(90deg,#030d081f,#0000 58%)}.profile-banner-actions{z-index:2;gap:5px;display:flex;position:absolute;top:10px;right:10px}.profile-banner-button{color:#f1fff6;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#040e089e;border:1px solid #ffffff21;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:33px;min-height:31px;padding:0 9px;font-size:8px;font-weight:750;display:inline-flex}.profile-banner-button:hover:not(:disabled){background:#091e11c7;border-color:#74eda359}.profile-banner-button.is-danger{color:#ffb1b1;padding:0}.profile-banner-error{z-index:2;color:#ffd3d3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#400a0ec7;border-radius:6px;max-width:260px;padding:5px 7px;font-size:8px;position:absolute;top:48px;right:10px}.profile-hero .avatar,.profile-avatar-editor,.profile-hero>div:nth-child(3),.profile-avatar-actions{position:relative}.profile-avatar-editor{width:82px;height:82px}.profile-hero .avatar{border:5px solid #15261c}.avatar-upload-overlay{color:#eafff1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040f099e;border-radius:50%;place-items:center;display:grid;position:absolute;inset:5px}.profile-avatar-editor.is-uploading .avatar img{opacity:.72}.profile-hero h3{margin:0;font-size:16px}.profile-hero p{color:var(--muted);margin:4px 0 2px;font-size:9px}.profile-hero .secondary-button{min-height:35px;padding:0 11px;font-size:9px}.profile-avatar-actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.profile-avatar-actions>div{gap:6px;display:flex}.profile-avatar-actions .secondary-button{gap:6px}.profile-avatar-actions .avatar-remove-button{color:#ff9d9d;justify-content:center;width:35px;padding:0}.avatar-upload-error{color:#ff9d9d;text-align:right;max-width:220px;font-size:9px;line-height:1.35}.settings-card{border:1px solid var(--border);background:#e6ffed06;border-radius:12px;margin-top:14px;padding:16px}.settings-card .field-label:first-child{margin-top:0}.account-link-card{gap:12px;display:grid}.account-link-heading{align-items:flex-start;gap:11px;display:flex}.account-link-heading>span{width:34px;height:34px;color:var(--green);background:#55d98b17;border-radius:9px;flex:none;place-items:center;display:grid}.account-link-heading h3,.account-link-heading p{margin:0}.account-link-heading h3{font-size:12px}.account-link-heading p{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.5}.account-link-card>.secondary-button{width:max-content}.account-link-card>small{color:var(--faint);font-size:8px;line-height:1.45}.account-link-value{align-items:center;gap:8px;min-width:0;display:flex}.account-link-value code{min-width:0;color:var(--green-bright);background:var(--input-bg);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;border:1px solid #55d98b33;border-radius:9px;flex:1;padding:10px 12px;font-size:11px;overflow:hidden}.account-link-card .avatar-upload-error{text-align:left;max-width:none}.status-buttons{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.status-buttons button{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:8px;align-items:center;gap:7px;padding:7px 9px;font-size:8px;display:flex}.status-buttons button.active{color:var(--text);background:#55d98b12;border-color:#55d98b3b}.status-buttons .presence-dot{border:0;width:7px;height:7px;position:static}.setting-intro{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.setting-intro>svg{color:var(--green)}.setting-intro h3{margin:0;font-size:14px}.setting-intro p{color:var(--muted);margin:5px 0 0;font-size:9px}.theme-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px;display:grid}.theme-grid>button{border:1px solid var(--border);color:var(--muted);text-align:left;background:0 0;border-radius:11px;padding:7px}.theme-grid>button.active{color:var(--text);border-color:#55d98b52;box-shadow:0 0 0 2px #55d98b0d}.theme-grid>button>span:last-child{align-items:center;gap:6px;padding:7px 2px 1px;font-size:8px;display:flex}.theme-grid>button>span:last-child svg:last-child{color:var(--green);margin-left:auto}.theme-preview{background:#0f1a14;border-radius:7px;grid-template-rows:25% 1fr;grid-template-columns:25% 1fr;height:82px;display:grid;overflow:hidden}.theme-preview i{background:#101d16;grid-row:1/3}.theme-preview b{background:#17251d}.theme-preview em{background:#1c3025;border-radius:5px;margin:12px}.theme-light{background:#e9f0eb}.theme-light i{background:#d5e4da}.theme-light b{background:#f7faf8}.theme-light em{background:#dfeae2}.theme-system{background:linear-gradient(90deg,#0f1a14 50%,#e9f0eb 50%)}.setting-toggle{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:16px;min-height:62px;padding:12px 4px;display:flex;position:relative}.setting-toggle>span{flex:1;min-width:0}.setting-toggle strong,.setting-toggle small{display:block}.setting-toggle strong{font-size:10px}.setting-toggle small{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.45}.setting-toggle input{opacity:0;position:absolute}.setting-toggle>i{background:#314038;border-radius:12px;flex:none;width:37px;height:21px;transition:background .15s;position:relative}.setting-toggle>i:after{width:15px;height:15px;transition:transform .18s var(--ease);content:"";background:#b5c2ba;border-radius:50%;position:absolute;top:3px;left:3px}.setting-toggle input:checked+i{background:var(--green-dark)}.setting-toggle input:checked+i:after{background:#fff;transform:translate(16px)}.setting-toggle input:focus-visible+i{outline:2px solid var(--green);outline-offset:2px}.settings-test{min-height:36px;margin-top:16px;font-size:9px}.shortcut-card{border:1px solid var(--border);background:#e6ffed06;border-radius:11px;margin-top:17px;padding:14px}.shortcut-card h3{margin:0 0 8px;font-size:11px}.shortcut-card p{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;margin:0;padding:8px 0;font-size:9px;display:flex}.shortcut-card p:last-child{border:0}.server-status-card{border:1px solid var(--border);background:#55d98b09;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.server-status-card>div{flex:1;min-width:0}.server-status-card h3{margin:0;font-size:12px}.server-status-card p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:8px;overflow:hidden}.connection-chip{color:var(--yellow);background:#f2c75c14;border-radius:9px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:750;display:flex}.connection-chip i{background:currentColor;border-radius:50%;width:6px;height:6px}.chip-online{color:var(--green);background:#55d98b14}.diagnostic-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.diagnostic-grid>div{border:1px solid var(--border);background:#e6ffed05;border-radius:10px;padding:12px}.diagnostic-grid span,.diagnostic-grid strong{display:block}.diagnostic-grid span{color:var(--muted);font-size:8px}.diagnostic-grid strong{margin-top:4px;font-size:11px}.security-note{color:var(--green);gap:11px;display:flex}.security-note strong{color:var(--text);font-size:10px}.security-note p{color:var(--muted);margin:5px 0 0;font-size:8px;line-height:1.5}.settings-page>.secondary-button:last-child{min-height:36px;margin-top:12px;font-size:9px}.call-overlay{--text:#edf7f0;--text-soft:#becdc4;--muted:#84998d;--faint:#5f7468;--border:#e7ffee16;--border-strong:#e7ffee26;z-index:180;border:1px solid var(--border-strong);animation:call-in .24s var(--ease);background:radial-gradient(circle at 50% 0,#55d98b14,#0000 32%),#09100c;border-radius:19px;grid-template-rows:62px minmax(0,1fr) 88px;display:grid;position:fixed;inset:14px;overflow:hidden;box-shadow:0 30px 100px #000000a6}.call-overlay.is-minimized{display:none}.call-captions-overlay{z-index:5;width:min(620px,100% - 32px);position:absolute;bottom:98px;left:50%;transform:translate(-50%)}@keyframes call-in{0%{opacity:0;transform:scale(.98)}}.call-topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a120dc7;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.call-topbar>div{align-items:center;gap:13px;display:flex}.call-topbar-actions{align-items:center;display:flex;gap:7px!important}.call-studio-button{height:32px;color:var(--green-bright);background:#55d98b12;border:1px solid #55d98b33;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:9px;font-weight:800;display:flex}.call-live{color:var(--green);letter-spacing:.05em;text-transform:uppercase;background:#55d98b14;border-radius:8px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:850;display:flex}.call-live i{background:var(--green);width:6px;height:6px;box-shadow:0 0 9px var(--green);border-radius:50%}.call-topbar>div>span:last-child strong,.call-topbar>div>span:last-child small{display:block}.call-topbar strong{font-size:12px}.call-topbar small{color:var(--muted);margin-top:3px;font-size:8px}.call-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:0;padding:10px;display:grid}.call-grid.tiles-1{grid-template-rows:1fr;grid-template-columns:1fr}.call-grid.tiles-2{grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.call-grid.tiles-3>:first-child{grid-row:1/3}.call-tile{border:1px solid var(--border);background:radial-gradient(circle,#366f4d2e,#0000 38%),#101a14;border-radius:14px;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.call-tile.is-speaking{border-color:#55d98bb3;box-shadow:inset 0 0 0 2px #55d98b33}.call-tile video{object-fit:cover;width:100%;height:100%}.call-tile video.audio-only-media{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.call-tile.is-sharing video{object-fit:contain;background:#050806}.call-avatar-wrap{position:relative}.call-avatar-wrap>span{border:2px solid var(--green);border-radius:50%;animation:1.4s infinite pulse;position:absolute;inset:-8px}.tile-label{max-width:calc(100% - 20px);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040a06b8;border-radius:7px;align-items:center;gap:7px;padding:5px 8px;font-size:9px;display:flex;position:absolute;bottom:9px;left:10px}.tile-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile-label svg{color:var(--red)}.sharing-label{color:var(--green);background:#040a06bd;border-radius:7px;align-items:center;gap:6px;padding:5px 8px;font-size:8px;font-weight:750;display:flex;position:absolute;top:10px;left:10px}.call-bottom{border-top:1px solid var(--border);background:#0a120de6;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;display:grid}.call-quality,.call-meta{color:var(--muted);align-items:center;gap:7px;font-size:8px;display:flex}.call-quality svg{color:var(--green)}.call-meta{justify-content:flex-end}.call-controls{align-items:center;gap:8px;display:flex}.call-controls>button{border:1px solid var(--border);width:47px;height:47px;color:var(--text);background:#e6ffed12;border-radius:15px;place-items:center;padding:0;transition:transform .14s,background .14s;display:grid;position:relative}.call-controls>button:hover{background:#e6ffed1f;transform:translateY(-2px)}.call-controls>button.active{color:#08120c;background:var(--green)}.call-controls>button>span{color:var(--text);white-space:nowrap;background:#1d3025;border-radius:5px;padding:5px 7px;font-size:7px;display:none;position:absolute;bottom:-27px;left:50%;transform:translate(-50%)}.call-controls>button:hover>span{display:block}.call-controls .hangup-button{color:#fff;background:#c84d57;border-color:#ff727b40;width:58px}.call-controls .hangup-button:hover{background:#de5963}.mini-call{z-index:170;width:235px;min-height:58px;color:var(--text);background:var(--floating-bg);box-shadow:var(--shadow);text-align:left;animation:rise .18s var(--ease);border:1px solid #55d98b42;border-radius:14px;align-items:center;gap:10px;padding:9px 12px;display:flex;position:fixed;bottom:18px;right:18px}.mini-call-wave{background:#55d98b1a;border-radius:9px;justify-content:center;align-items:center;gap:2px;width:30px;height:30px;display:flex}.mini-call-wave i{background:var(--green);border-radius:2px;width:2px;height:10px;animation:.8s infinite alternate wave}.mini-call-wave i:nth-child(2){height:16px;animation-delay:.2s}.mini-call-wave i:nth-child(3){height:7px;animation-delay:.4s}@keyframes wave{to{height:18px}}.mini-call>span:nth-child(2){flex:1;min-width:0}.mini-call strong,.mini-call small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mini-call strong{font-size:10px}.mini-call small{color:var(--muted);margin-top:3px;font-size:8px}.mini-call>svg{color:var(--green)}.drop-overlay{z-index:300;color:var(--green);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:rise .15s var(--ease);background:#09160ee8;border:2px dashed #55d98b8c;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:12px}.drop-overlay strong{color:#edf7f0;margin-top:12px;font-size:17px}.drop-overlay span{color:#84998d;margin-top:6px;font-size:10px}.toast-stack{z-index:400;pointer-events:none;flex-direction:column;gap:7px;width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{border:1px solid var(--border-strong);min-height:47px;color:var(--text-soft);background:var(--floating-bg);pointer-events:auto;animation:toast-in .22s var(--ease);border-radius:11px;align-items:center;gap:9px;padding:9px 9px 9px 12px;font-size:10px;display:flex;box-shadow:0 14px 42px #00000057}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}}.toast>svg{color:var(--green);flex:none}.toast>span{flex:1;min-width:0;line-height:1.45}.toast>button{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.toast>button:hover{background:#ffffff0f}.toast-warning{border-color:#f2c75c38}.toast-warning>svg{color:var(--yellow)}.toast-danger{border-color:#ff727b3d}.toast-danger>svg{color:var(--red)}.compact-mode .message{min-height:40px;padding-top:3px;padding-bottom:3px}.compact-mode .message.is-grouped{min-height:22px;padding-top:0;padding-bottom:0}.high-contrast{--text:#fff;--text-soft:#e4eee8;--muted:#b5c7bd;--faint:#8fa397;--border:#eefff329;--border-strong:#eefff342}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=1220px){.app-shell{grid-template-columns:68px 260px minmax(400px,1fr)}.members-panel,.header-members-action{display:none}.onboarding{grid-template-columns:minmax(460px,1fr) minmax(400px,.82fr)}.feature-card-secure{right:10px}}@media (width<=980px){.onboarding{display:block;overflow-y:auto}.onboarding-story{min-height:540px;padding-bottom:36px}.story-copy{margin-top:65px}.story-copy h1{max-width:710px;font-size:clamp(44px,8vw,68px)}.story-foot{margin-top:20px}.onboarding-form-wrap{border-left:0;border-top:1px solid var(--border);min-height:auto;padding:55px 28px 80px}.app-shell{display:block}.server-rail{display:none}.channel-sidebar{z-index:120;width:min(318px,100vw - 48px);transition:transform .22s var(--ease);position:fixed;inset:0 auto 0 0;transform:translate(-104%);box-shadow:20px 0 60px #00000073}.channel-sidebar.is-open{transform:translate(0)}.drawer-scrim{z-index:110;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030805a8;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.sidebar-close,.mobile-menu-button{display:inline-flex}.main-panel{width:100%;height:100%}.chat-header{padding-left:9px}}@media (width<=720px){.app-root{padding-bottom:calc(61px + env(safe-area-inset-bottom))}.connection-banner{justify-content:space-between;min-height:29px;font-size:9px}.chat-header{min-height:54px;padding-right:8px}.channel-title{display:block}.channel-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:145px;display:block;overflow:hidden}.channel-title span,.header-pins-action,.header-members-action,.header-delete-action{display:none}.header-search{background:0 0;border:0;justify-content:center;width:34px;padding:0}.header-search span{display:none}.channel-welcome{padding:35px 17px 20px}.channel-welcome>span{border-radius:14px;width:46px;height:46px}.channel-welcome h2{font-size:20px}.message{grid-template-columns:38px minmax(0,1fr);gap:8px;padding-left:12px;padding-right:12px}.message-avatar{width:34px;height:34px}.message.is-grouped>time{display:none}.message.is-grouped{grid-template-columns:38px minmax(0,1fr)}.rich-text{font-size:12px}.message-actions{right:8px}.typing-indicator{padding-left:58px}.composer-wrap{padding:0 8px 6px}.composer{min-height:47px}.composer>.icon-button:nth-of-type(2),.composer-hint{display:none}.composer-context{grid-template-columns:auto minmax(0,1fr) auto}.composer-context p{display:none}.mobile-nav{z-index:100;height:calc(61px + env(safe-area-inset-bottom));padding:5px 7px env(safe-area-inset-bottom);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1510f0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--faint);background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;font-size:8px;display:flex}.mobile-nav button.active{color:var(--green);background:#55d98b0e}.voice-lobby h2{font-size:25px}.lobby-actions{flex-direction:column;width:min(330px,100%)}.modal-layer{padding:0}.search-dialog,.settings-dialog{border:0;border-radius:0;width:100%;height:100%;max-height:none}.search-results{max-height:calc(100dvh - 116px)}.settings-dialog{display:block;overflow-y:auto}.settings-dialog>aside{border-right:0;border-bottom:1px solid var(--border);min-height:auto;padding:10px;display:block;overflow-x:auto}.settings-brand,.settings-dialog>aside>small{display:none}.settings-dialog aside nav{flex-direction:row}.settings-dialog aside nav button{flex:none;padding:0 9px}.settings-content{overflow:visible}.settings-content>header{min-height:64px;padding:10px 15px}.settings-page{padding:17px 14px 34px}.profile-hero{grid-template-columns:auto minmax(0,1fr)}.profile-avatar-actions{grid-column:1/3;align-items:stretch}.profile-avatar-actions>div{width:100%}.profile-avatar-actions .secondary-button:first-child{flex:1}.theme-grid{grid-template-columns:repeat(3,minmax(110px,1fr));overflow-x:auto}.call-overlay{border:0;border-radius:0;grid-template-rows:58px minmax(0,1fr) 98px;inset:0}.call-grid,.call-grid.tiles-2{grid-template-rows:repeat(auto-fit,minmax(0,1fr));grid-template-columns:1fr}.call-grid.tiles-3>:first-child{grid-row:auto}.call-bottom{justify-content:center;padding:0 8px;display:flex}.call-quality,.call-meta{display:none}.call-controls{gap:6px}.call-controls>button{border-radius:14px;width:44px;height:44px}.call-controls .hangup-button{width:51px}.mini-call{right:10px;bottom:calc(70px + env(safe-area-inset-bottom));width:calc(100% - 20px)}.toast-stack{right:8px;bottom:calc(68px + env(safe-area-inset-bottom));width:calc(100vw - 16px)}}@media (width<=520px){.header-video-action{display:none}.channel-create-dialog{border:0;border-radius:0;min-height:100dvh}.channel-type-grid{grid-template-columns:1fr}.onboarding-story{min-height:510px;padding:25px 20px 20px}.brand-lockup>strong{font-size:21px}.brand-mark{border-radius:13px;width:42px;height:42px}.story-copy{margin-top:55px}.story-copy h1{font-size:43px}.story-copy p{font-size:15px}.feature-orbit{height:155px;margin-top:27px}.feature-card-main{width:95%}.feature-card-call{top:93px;left:20px}.feature-card-secure,.story-foot{display:none}.onboarding-form-wrap{padding:38px 13px 60px}.onboarding-card{border-radius:18px;padding:20px}.latency{display:none}.image-attachment{width:100%}.date-divider,.unread-divider{margin-left:12px;margin-right:12px}.emoji-picker{width:calc(100vw - 18px);min-height:min(410px,68vh);max-height:min(480px,72vh)}.message-reaction-picker{right:-3px}.composer-emoji-picker{right:-2px}.emoji-picker-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.emoji-picker-tabs{grid-template-columns:repeat(9,34px);overflow-x:auto}.user-profile-dialog{width:calc(100vw - 20px)}.user-profile-cover{height:132px}.user-profile-main{padding:0 16px 17px}.user-profile-identity{display:grid}.profile-presence{width:max-content}.profile-banner-button{padding:0 8px}}