:root{--bg-color:#080b11;--panel-color:#151b27;--accent-color:#4f7cff;--accent-hot:#20e7b0;--accent-cool:#49ccff;--text-color:#f7fbff;--app-bg:#07090d;--surface-0:#0b0f16;--surface-1:#111722;--surface-2:#17202d;--surface-3:#202b3a;--surface-4:#2b384b;--border-color:#c2dbff17;--border-strong:#c5dfff2e;--muted-text:#91a0b6;--soft-bg:#afd2ff0d;--soft-bg-strong:#b7daff17;--danger:#f23f42;--success:#23a559;--warning:#f0b232;--radius:8px;--shadow:0 22px 82px #00000085;--shadow-lift:0 18px 48px #00000052, 0 0 0 1px #ffffff0b}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text-color);background:linear-gradient(135deg, #4f7cff1f, transparent 28%), linear-gradient(180deg, #090d14, var(--app-bg) 46%, #05070a);letter-spacing:0;margin:0;font:14px/1.45 Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body:before{content:"";z-index:-1;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff07 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000ad,#0000 76%);mask-image:linear-gradient(#000000ad,#0000 76%)}button,input,select,textarea{font:inherit;color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius);background:var(--surface-1)}button{cursor:pointer;min-height:36px;padding:8px 12px;font-weight:700;transition:transform .14s,background .14s,border-color .14s,color .14s,box-shadow .14s}button:hover{border-color:var(--border-strong);background:var(--surface-3);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.52}input,select,textarea{background:#101217;border-color:#ffffff17;outline:none;width:100%;min-height:38px;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb, var(--accent-color) 78%, white 8%);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-color) 22%, transparent)}textarea{resize:vertical}a{color:color-mix(in srgb, var(--accent-color) 72%, white)}h1,h2,h3,p{margin-top:0}.muted{color:var(--muted-text);margin:0}.error{color:#ffb4bb;margin:0}.eyebrow,.section-label,.hero-badge{color:#a5acb8;letter-spacing:.04em;text-transform:uppercase;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.brand-logo{object-fit:contain;vertical-align:middle;flex:none;width:18px;height:18px;display:inline-block}.brand-badge{gap:6px}.inline-brand-logo{width:20px;height:20px;margin-right:6px}.section-label{margin:0 0 8px}.empty-copy{padding:8px 10px;font-size:13px}.live-pill,.request-pill,.voice-chip{background:var(--surface-2);color:#dfe3ea;white-space:nowrap;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 9px;font-size:12px;font-weight:750;display:inline-flex}.realtime-pill.connected{border-color:color-mix(in srgb, var(--success) 52%, transparent);background:color-mix(in srgb, var(--success) 18%, var(--surface-2));color:#ddfbe9}.realtime-pill.connecting,.realtime-pill.reconnecting{border-color:color-mix(in srgb, var(--warning) 52%, transparent);background:color-mix(in srgb, var(--warning) 16%, var(--surface-2));color:#fff1cc}.realtime-pill.disconnected,.realtime-pill.offline{border-color:color-mix(in srgb, var(--danger) 46%, transparent);background:color-mix(in srgb, var(--danger) 14%, var(--surface-2));color:#ffd9de}.realtime-banner{border:1px solid color-mix(in srgb, var(--warning) 34%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--warning) 10%, var(--surface-1));color:#f5dfad;margin:10px 16px 0;padding:9px 12px;font-size:13px;font-weight:700}.realtime-banner.offline,.realtime-banner.disconnected{border-color:color-mix(in srgb, var(--danger) 34%, transparent);background:color-mix(in srgb, var(--danger) 10%, var(--surface-1));color:#ffcbd2}.auth-wrapper{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 22%, transparent), transparent 34%), linear-gradient(180deg, #111723, #07090d);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{border:1px solid var(--border-strong);width:min(100%,360px);box-shadow:var(--shadow);background:#191b22f0;border-radius:12px;gap:12px;padding:20px;display:grid}.auth-card h1{margin:0;font-size:26px;line-height:1.12}.auth-switch{background:#111318;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.auth-switch button,.auth-card>button[type=submit],.primary-btn,.composer-send,.sidebar-bottom button:first-child{border-color:color-mix(in srgb, var(--accent-color) 68%, white 8%);background:var(--accent-color);color:#fff}.auth-switch button:not(.active){color:var(--muted-text);background:0 0;border-color:#0000}.admin-shell{background:linear-gradient(120deg,#4a90e229,#0000 26%),linear-gradient(#10141c,#07090d);align-content:start;gap:18px;min-height:100dvh;padding:28px;display:grid}.admin-hero,.admin-state,.admin-panel-card,.admin-stat-card{border:1px solid var(--border-strong);box-shadow:var(--shadow);background:#12161fe6}.admin-hero{border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.admin-hero h1{margin:8px 0 6px;font-size:clamp(30px,6vw,64px);line-height:.95}.admin-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-stat-card{border-radius:14px;align-content:space-between;min-height:116px;padding:16px;display:grid}.admin-stat-card span,.admin-runtime span,.admin-user-row span{color:var(--muted-text);font-size:13px}.admin-stat-card strong{font-size:34px;line-height:1}.admin-columns{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:14px;display:grid}.admin-panel-card,.admin-state{border-radius:14px;padding:18px}.admin-state{text-align:center;place-content:center;min-height:180px;display:grid}.admin-state h2{margin:0 0 8px}.admin-state.denied{border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.admin-user-row{border-top:1px solid var(--border-soft);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:10px 0;display:grid}.admin-user-row:first-of-type{border-top:0}.admin-user-row strong,.admin-user-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-chip-list{flex-wrap:wrap;gap:8px;margin:12px 0 18px;display:flex}.admin-runtime{border-top:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-top:14px;display:grid}.desktop-titlebar{color:#d8dce4;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b11f5;border-bottom:1px solid #c7dfff16;grid-template-columns:minmax(0,1fr) auto;align-items:center;height:32px;display:grid}.titlebar-drag{-webkit-app-region:drag;align-items:center;gap:8px;min-width:0;height:100%;padding:0 12px;display:flex}.titlebar-mark{background:0 0;border-radius:6px;place-items:center;width:18px;height:18px;display:inline-grid;overflow:hidden}.titlebar-mark .brand-logo{width:100%;height:100%}.titlebar-name{font-size:12px;font-weight:850}.titlebar-channel{color:var(--muted-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.titlebar-actions{-webkit-app-region:no-drag;height:100%;display:flex}.titlebar-actions button{color:#cfd3dc;background:0 0;border:0;border-radius:0;width:46px;height:32px;min-height:32px;padding:0;font-size:13px}.titlebar-actions button:hover{background:#ffffff16;transform:none}.titlebar-close:hover{color:#fff;background:#da373c!important}.app-shell{background:linear-gradient(115deg, #4f7cff21, transparent 22%), linear-gradient(180deg, #ffffff05, transparent 32%), var(--app-bg);isolation:isolate;grid-template-columns:72px 280px minmax(0,1fr) 256px;min-height:100dvh;display:grid;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-1;pointer-events:none;opacity:.72;background:linear-gradient(105deg,#0000 0 18%,#49ccff12 18.4%,#0000 19.2% 62%,#20e7b00b 62.4%,#0000 63%),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 96px);position:absolute;inset:0}.app-shell.desktop-shell{min-height:calc(100dvh - 32px)}.app-shell.voice-expanded-mode{grid-template-columns:minmax(0,1fr)}.app-shell.voice-expanded-mode .rail,.app-shell.voice-expanded-mode .sidebar,.app-shell.voice-expanded-mode .activity-panel{display:none}.app-shell.voice-expanded-mode .chat-panel{border-right:0;grid-column:1/-1;min-height:100dvh}.app-shell.desktop-shell.voice-expanded-mode .chat-panel{min-height:calc(100dvh - 32px)}.rail,.sidebar,.chat-panel,.activity-panel{min-width:0}.rail{border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c13e0;align-content:start;gap:8px;padding:12px 10px;display:grid;box-shadow:inset -1px 0 #ffffff06}.rail-btn{color:#c7cfda;background:linear-gradient(#ffffff17,#ffffff09);border:0;border-radius:15px;justify-self:center;place-items:center;width:48px;min-height:48px;padding:0;display:inline-grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0e}.rail-btn span{font-size:18px;line-height:1}.rail-logo{width:28px;height:28px}.rail-btn:hover,.rail-btn.active{background:linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-cool) 68%, var(--accent-color)));color:#fff;border-radius:14px;transform:translateY(-1px)scale(1.02);box-shadow:0 14px 28px #346fff42,inset 0 0 0 1px #ffffff29}.rail-btn.active:before{content:"";background:var(--accent-hot);border-radius:999px;width:3px;height:28px;position:absolute;left:-10px;box-shadow:0 0 18px #20e7b0cc}.sidebar{border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f151fe0;flex-direction:column;gap:12px;padding:12px;display:flex}.mobile-overlay,.mobile-sidebar-toggle,.mobile-telegram-header{display:none}.profile-card{border:1px solid var(--border-color);background:linear-gradient(180deg, #1113180d, #111318eb), linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 48%, #111926), color-mix(in srgb, var(--accent-hot) 18%, #17202d));min-height:104px;box-shadow:var(--shadow-lift);background-position:50%;background-size:cover;border-radius:10px;overflow:hidden}.profile-card-overlay{background:linear-gradient(#0000 12%,#0a0c10db);grid-template-columns:auto minmax(0,1fr);align-items:end;gap:8px;min-height:104px;padding:10px;display:grid}.profile-copy{gap:2px;min-width:0;display:grid}.profile-copy strong,.activity-card strong,.activity-card span,.conversation-btn strong,.conversation-btn span,.settings-user-card strong,.settings-user-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-avatar,.avatar-chip,.mobile-telegram-avatar{background:linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 58%, white));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:850;display:inline-flex;overflow:hidden}.profile-avatar{width:42px;height:42px;box-shadow:0 0 0 3px #111318eb}.profile-avatar.large{width:92px;height:92px;font-size:30px}.avatar-chip{border:0;width:38px;height:38px;padding:0}.profile-avatar img,.avatar-chip img,.mobile-telegram-avatar img{object-fit:cover;width:100%;height:100%}.avatar-button{cursor:pointer}.profile-card .ghost-btn{grid-column:1/-1;width:auto}.sidebar-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.sidebar-top h2{margin:4px 0 1px;font-size:17px;line-height:1.1}.stack{flex:1;align-content:start;gap:8px;padding-right:2px;display:grid;overflow:auto}.sidebar-card,.dashboard-card{border-radius:var(--radius);background:0 0;border:0;padding:8px}.channel-form{gap:8px;display:grid}.channel-actions-row,.modal-actions,.inline-actions,.header-badges,.viewer-actions,.settings-actions-row{align-items:center;gap:8px;display:flex}.channel-actions-row>*{flex:1}.channel-btn,.ghost-btn{width:100%}.channel-btn{color:#b8c0cd;text-align:left;background:0 0;border-color:#0000;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:34px;margin-bottom:2px;padding:7px 10px;display:grid;position:relative}.channel-icon{color:#8d96a6;font-weight:850}.channel-btn:hover{background:var(--surface-3);color:#f4f6fb}.channel-btn.active{background:linear-gradient(90deg, color-mix(in srgb, var(--accent-color) 30%, var(--surface-3)), color-mix(in srgb, var(--accent-cool) 10%, var(--surface-2)));color:#fff;box-shadow:inset 3px 0 0 var(--accent-hot)}.conversation-btn{grid-template-columns:minmax(0,1fr);gap:2px}.conversation-btn span,.friend-row span{color:var(--muted-text);font-size:12px}.friend-row{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.friend-row:first-of-type{border-top:0;padding-top:0}.friend-row.compact{padding:6px 0}.sidebar-bottom{border:1px solid var(--border-color);box-shadow:var(--shadow-lift);background:linear-gradient(#171f2deb,#0b0f16f0);border-radius:10px;gap:8px;margin-top:auto;padding:10px;display:grid}.ghost-btn{color:#d6dbe4;background:0 0}.danger{color:#ffc2c6;background:#f23f421f;border-color:#f23f4247}.danger:hover{background:#f23f4233;border-color:#f23f427a}.voice-status{color:var(--muted-text);margin:0;font-size:12px;line-height:1.35}.chat-panel{border-right:1px solid var(--border-color);background:linear-gradient(#ffffff06,#0000 20%),#090d14eb;grid-template-rows:auto auto minmax(0,1fr) auto auto;min-height:100dvh;display:grid}.desktop-shell .chat-panel,.desktop-shell .activity-panel{min-height:calc(100dvh - 32px)}.chat-panel.voice-mode{grid-template-rows:auto minmax(0,1fr) auto auto}.chat-panel.voice-expanded{grid-template-rows:auto minmax(0,1fr)}.chat-panel.voice-expanded .realtime-banner,.chat-panel.voice-expanded .messages,.chat-panel.voice-expanded .message-form,.chat-panel.voice-expanded .panel-footer,.chat-panel.voice-expanded .dashboard-grid{display:none}.chat-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#090d14d1;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:10px 16px;display:flex;box-shadow:0 10px 28px #00000038}.chat-header strong{margin-bottom:1px;font-size:16px;display:block}.chat-header .muted{font-size:12px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:16px;padding:18px 20px;display:grid}.dashboard-card{border:1px solid var(--border-color);background:var(--surface-1);min-height:160px;padding:16px}.messages{align-content:start;gap:2px;min-height:0;padding:18px 20px;display:grid;overflow:auto}.voice-mode .messages,.voice-mode .dashboard-grid{border-top:1px solid var(--border-color);max-height:260px}.message-card,.empty-state{background:0 0;border:0;border-radius:6px;width:100%;max-width:100%;padding:8px 10px}.message-card{grid-template-columns:38px minmax(0,1fr);column-gap:8px;animation:.18s both message-rise;display:grid}.message-card:hover{background:#b2d7ff0c}.message-card.own{justify-self:stretch}.message-card.own:hover{background:color-mix(in srgb, var(--accent-color) 10%, transparent)}.message-meta{color:var(--muted-text);grid-column:1/-1;grid-template-columns:38px auto minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;display:grid}.message-meta strong{color:var(--text-color);font-size:14px}.message-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-card p{color:#dfe3ea;white-space:pre-wrap;word-break:break-word;grid-column:2;margin:-5px 0 0;line-height:1.45}.message-actions{opacity:0;gap:4px;transition:opacity .16s;display:inline-flex}.message-card:hover .message-actions,.message-card:focus-within .message-actions{opacity:1}.message-actions button{border-radius:6px;min-height:28px;padding:0 8px;font-size:12px}.reply-snippet{border-left:3px solid var(--accent-color);color:#dfe3ea;text-align:left;background:#6a8fff14;grid-column:2;justify-items:start;gap:2px;width:min(100%,520px);margin:0 0 6px;padding:7px 9px;display:grid}.reply-snippet span{max-width:100%;color:var(--muted-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.deleted-message{font-style:italic}.message-media,.file-link{grid-column:2;margin-top:8px}.message-media{border-radius:var(--radius);max-width:min(100%,520px);display:block}.empty-state{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 12%, transparent), transparent 44%), #ffffff06;border:1px dashed #ffffff1f;align-content:center;justify-items:start;min-height:220px;padding:28px;display:grid}.empty-state h3{margin:0 0 4px;font-size:24px}.message-form{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 20px 16px;display:grid}.composer-context{border:1px solid var(--border-color);background:var(--surface-1);border-radius:8px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.composer-context span{color:var(--muted-text);font-size:12px}.composer-context strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer{background:linear-gradient(180deg, transparent, var(--surface-0) 28%)}.composer input{background:#171f2deb;border:0;min-height:44px;box-shadow:inset 0 0 0 1px #ffffff09}.composer-btn,.icon-btn{justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;padding:0;display:inline-flex}.composer-send{min-height:44px;padding-inline:16px;box-shadow:0 12px 30px #4f7cff47}.panel-footer{min-height:0;padding:0 20px 12px}.attachment-preview{border:1px solid var(--border-color);border-radius:var(--radius);width:min(100%,520px);box-shadow:var(--shadow-lift);background:linear-gradient(135deg,#212c3ef5,#0e131cf5);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:grid}.attachment-preview p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-dot{background:color-mix(in srgb, var(--accent-color) 22%, var(--surface-2));color:#eef1ff;border-radius:6px;justify-content:center;align-items:center;min-width:42px;min-height:26px;font-size:11px;font-weight:850;display:inline-flex}.emoji-wrapper{position:relative}.emoji-popover{z-index:20;position:absolute;bottom:calc(100% + 10px);left:0}.emoji-loading{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--surface-1);min-width:280px;padding:16px}.hidden-audio-host{width:0;height:0;position:absolute;overflow:hidden}.activity-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f151fdb;align-content:start;gap:20px;padding:16px 12px;display:grid}.activity-card{border-radius:var(--radius);text-align:left;background:linear-gradient(#1b2636eb,#121924eb);border:1px solid #0000;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:10px;display:grid;box-shadow:inset 0 0 0 1px #ffffff06}.activity-card.interactive:hover{border-color:var(--border-strong);background:var(--surface-3)}.activity-card span{color:var(--muted-text);font-size:12px;display:block}.voice-stage{background:linear-gradient(135deg,#4f7cff29,#0000 34%),linear-gradient(#20e7b00e,#0000 28%),#07090d;grid-template-rows:auto minmax(0,1fr);gap:16px;min-height:min(760px,100dvh - 136px);padding:18px 20px;display:grid}.voice-stage.expanded{min-height:calc(100dvh - 57px);padding:16px}.desktop-shell .voice-stage.expanded{min-height:calc(100dvh - 89px)}.voice-stage-top{border:1px solid var(--border-color);box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b1018d6;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.voice-stage-top h2{margin:2px 0;font-size:clamp(20px,2vw,26px);line-height:1.1}.voice-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.voice-actions button{min-width:84px}.share-layout{grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0;display:grid}.share-frame{border:1px solid var(--border-color);min-height:0;box-shadow:var(--shadow);background:#020308;border-radius:10px;position:relative;overflow:hidden}.share-frame video{object-fit:contain;background:#020308;width:100%;height:100%;min-height:min(70dvh,680px);display:block}.share-caption{border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0c10c7;align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;bottom:16px;left:16px}.share-caption span{color:var(--muted-text);font-size:12px}.voice-filmstrip{grid-auto-columns:minmax(148px,1fr);grid-auto-flow:column;gap:12px;padding-bottom:2px;display:grid;overflow-x:auto}.voice-mini-video{border:1px solid var(--border-color);background:#020308;border-radius:10px;min-height:104px;position:relative;overflow:hidden}.voice-mini-video video{object-fit:cover;width:100%;height:100%;min-height:104px;display:block}.voice-mini-video span{text-overflow:ellipsis;white-space:nowrap;color:#edf1f7;background:#0a0c10c7;border-radius:6px;max-width:calc(100% - 16px);padding:4px 7px;font-size:12px;font-weight:750;position:absolute;bottom:8px;left:8px;overflow:hidden}.camera-preview{border:1px solid var(--border-color);background:#020308;border-radius:10px;overflow:hidden}.camera-preview video{object-fit:cover;width:100%;max-height:220px;display:block}.toast-stack{z-index:120;pointer-events:none;gap:8px;width:min(360px,100vw - 24px);display:grid;position:fixed;bottom:18px;right:18px}.toast{border:1px solid var(--border-strong);color:#f2f4f8;box-shadow:var(--shadow);background:#15171bf5;border-radius:8px;padding:10px 12px;animation:.18s both toast-in}.toast.error{color:#ffd8dc;border-color:#f23f427a}.voice-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-content:center;gap:12px;display:grid}.voice-person{border:1px solid var(--border-color);min-height:190px;box-shadow:var(--shadow-lift);background:linear-gradient(#ffffff0d,#ffffff03),#090d14f5;border-radius:10px;align-content:center;place-items:center;gap:10px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.voice-person:hover{border-color:color-mix(in srgb, var(--accent-hot) 40%, var(--border-strong));transform:translateY(-2px);box-shadow:0 18px 54px #00000061,0 0 0 1px #20e7b01f}.voice-person.compact{grid-template-columns:auto minmax(0,1fr);align-content:center;place-items:center start;min-height:104px}.voice-avatar{width:72px;height:72px;font-size:22px}.voice-person.compact .voice-avatar{width:48px;height:48px;font-size:16px}.voice-person-copy{text-align:center;gap:2px;min-width:0;display:grid}.voice-person.compact .voice-person-copy{text-align:left}.voice-person-copy strong,.voice-person-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.voice-person-copy span{color:var(--muted-text);font-size:12px}.modal-backdrop{z-index:50;background:#030408b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border-strong);background:var(--surface-1);width:min(100%,560px);box-shadow:var(--shadow);border-radius:12px;padding:16px}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.profile-modal{padding:0;overflow:hidden}.profile-banner{background:linear-gradient(180deg, #11131814, #111318eb), linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 34%, transparent), transparent);background-position:50%;background-size:cover;justify-content:flex-end;align-items:flex-start;min-height:160px;padding:16px;display:flex}.profile-modal-body{gap:16px;padding:16px;display:grid}.profile-avatar-wrap{align-items:end;gap:12px;margin-top:-58px;display:flex}.floating-action{width:auto}.profile-bio{width:100%;min-height:120px}.preset-grid,.color-grid{gap:8px;display:grid}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-grid label,.preset-btn{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.color-grid input{width:44px;min-height:32px;padding:2px}.settings-backdrop{z-index:80;color:#f4f6fb;background:#303238;grid-template-columns:minmax(228px,30vw) minmax(0,1fr);display:grid;position:fixed;inset:0}.settings-nav{background:#292b31;align-content:start;gap:8px;padding:24px 16px 24px max(16px,15vw - 114px);display:grid}.settings-user-card{border-radius:var(--radius);background:#ffffff09;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.settings-user-avatar{width:44px;height:44px}.settings-user-card span{color:var(--muted-text);font-size:12px}.settings-search{border-radius:var(--radius);color:#ccd2dc;background:#1d1f25;align-items:center;min-height:40px;padding:0 12px;font-weight:800;display:flex}.settings-group-label{color:#949ba4;text-transform:uppercase;margin:12px 8px 2px;font-size:11px;font-weight:850}.settings-nav-item{color:#b8c0cd;text-align:left;background:0 0;border:0;justify-content:flex-start;width:100%;min-height:36px;padding:0 10px}.settings-nav-item:hover,.settings-nav-item.active{color:#fff;background:#40434d}.danger-text{color:#ff8b91}.settings-content{background:#303238;padding:28px min(6vw,72px);position:relative;overflow:auto}.settings-close{color:#c1c7d0;background:0 0;border:1px solid #ffffff29;border-radius:50%;width:40px;height:40px;position:fixed;top:24px;right:28px}.settings-page{gap:20px;width:min(100%,760px);display:grid}.settings-page h2{margin:0;font-size:22px}.account-hero,.profile-preview,.settings-card-list,.theme-preview{background:#292b31;border-radius:12px;overflow:hidden}.account-hero{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-color) 70%, transparent), #292b31fa 58%), var(--accent-color);background-position:50%;background-size:cover;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:16px;min-height:190px;padding:94px 16px 16px;display:grid}.account-avatar{width:84px;height:84px;font-size:26px}.settings-card-list{background:#26282f;gap:1px;padding:8px;display:grid}.settings-row,.settings-slider{border-radius:var(--radius);background:#303238;gap:8px;padding:14px 16px;display:grid}.settings-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.settings-row span,.settings-slider{color:#b8c0cd}.settings-row strong{color:#f4f6fb}.settings-slider{grid-template-columns:minmax(0,1fr) auto}.settings-slider input{width:100%;accent-color:var(--accent-color);grid-column:1/-1}.profile-editor{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.profile-preview .profile-banner{min-height:118px;padding:0}.profile-preview-body{gap:8px;margin-top:-42px;padding:0 16px 16px;display:grid}.profile-preview-body p{color:#b8c0cd}.settings-form-grid{gap:14px;display:grid}.settings-form-grid label{color:#dfe3ea;gap:8px;font-weight:750;display:grid}.settings-actions-row{flex-wrap:wrap}.theme-preview{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:16px;display:grid}.theme-preview span{border-radius:14px;width:42px;height:42px}.theme-preview p{color:#b8c0cd;margin:2px 0 0}@media (width<=1280px){.app-shell{grid-template-columns:72px 264px minmax(0,1fr)}.activity-panel{display:none}.dashboard-grid{grid-template-columns:1fr}}@media (width<=860px){.desktop-titlebar{display:none}.app-shell,.app-shell.desktop-shell{grid-template-columns:1fr;min-height:100dvh}.app-shell.mobile-chat-open .sidebar{display:none}.app-shell.mobile-chat-open .chat-panel{display:grid}.rail{inset-inline:0;z-index:35;border-top:1px solid var(--border-color);padding:8px max(12px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111318f0;border-right:0;grid-auto-columns:1fr;grid-auto-flow:column;position:fixed;bottom:0}.rail-btn{border-radius:12px;width:100%;min-height:48px}.sidebar{min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 88px max(12px, env(safe-area-inset-left));border-right:0}.chat-panel{min-height:100dvh;padding-bottom:72px;display:none}.app-shell.voice-expanded-mode .chat-panel{min-height:100dvh;padding-bottom:0;display:grid}.mobile-telegram-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.mobile-telegram-brand{align-items:center;gap:12px;display:flex}.mobile-telegram-avatar{width:48px;height:48px}.mobile-telegram-brand strong{align-items:center;font-size:22px;line-height:1.1;display:flex}.profile-card,.sidebar-top{display:none}.mobile-sidebar-toggle{width:auto;min-height:36px;margin-bottom:4px;display:inline-flex}.chat-header{z-index:12;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left));align-items:flex-start;position:sticky;top:0}.header-badges{flex-wrap:wrap;justify-content:flex-end}.sidebar-bottom{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111318eb;position:sticky;bottom:76px}.channel-btn{min-height:48px;padding:10px 12px}.voice-stage{min-height:calc(100dvh - 150px);padding:12px}.voice-stage.expanded{min-height:calc(100dvh - 92px);padding:12px}.voice-stage-top{align-items:start;display:grid}.voice-actions{justify-content:stretch}.voice-actions>*{flex:1}.share-frame video{min-height:54dvh}.voice-filmstrip{grid-auto-columns:minmax(132px,1fr)}.voice-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.voice-person{min-height:150px}.messages,.message-form,.panel-footer,.dashboard-grid{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.message-form{z-index:11;padding-top:10px;position:sticky;bottom:72px}.settings-backdrop{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.settings-nav{grid-auto-columns:max-content;grid-auto-flow:column;padding:12px 56px 12px 12px;display:grid;overflow-x:auto}.settings-user-card,.settings-search,.settings-group-label{display:none}.settings-nav-item{width:auto;min-width:max-content;padding:0 12px}.settings-content{padding:18px}.settings-close{top:12px;right:12px}.profile-editor,.account-hero{grid-template-columns:1fr}.admin-shell{padding:max(16px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.admin-hero,.admin-columns{grid-template-columns:1fr}.admin-hero{display:grid}.admin-actions{justify-content:stretch}.admin-actions button{flex:140px}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.auth-card{width:min(100%,336px)}.message-form{grid-template-columns:auto auto minmax(0,1fr)}.message-form input:not([type=file]){grid-area:1/1/auto/-1}.composer-send{grid-column:1/-1;width:100%}.share-caption{justify-content:space-between;left:12px;right:12px}.voice-person.compact{text-align:center;grid-template-columns:1fr;place-items:center}.voice-person.compact .voice-person-copy{text-align:center}.color-grid,.admin-grid{grid-template-columns:1fr}.admin-stat-card{min-height:94px}}@keyframes message-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.native-client body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.native-client button,.native-client input,.native-client select,.native-client textarea{font-size:16px}@media (hover:none),(pointer:coarse){button,.channel-btn,.settings-nav-item,.activity-card,.friend-row button{min-height:44px}.composer-btn,.icon-btn{width:44px;min-width:44px;height:44px}button:hover{background:var(--soft-bg)}button:active,.channel-btn:active,.activity-card:active{background:var(--surface-3)}}