:root{--tg-blue:#229ed9;--tg-blue-dark:#1377aa;--ink:#17212b;--muted:#6d7a86;--line:#dce5ee;--panel:#fff;--panel-2:#f4f7fb;--sidebar-hover:#f1f6fb;--sidebar-active:#e6f3fb;--chat-wallpaper:#e7edf3;--chat-pattern:#229ed913;--bubble-in:#fff;--bubble-out:#d9fdd3;--bubble-out-text:#17212b;--danger:#df3f47;--warning:#f3a712;--success:#1fa971;--shadow:0 18px 45px #17212b1f;--soft-shadow:0 1px 2px #17212b1f;color:var(--ink);font-synthesis:none;letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}:root[data-theme=dark]{--ink:#edf4f8;--muted:#9facb8;--line:#263746;--panel:#17212b;--panel-2:#0f1821;--sidebar-hover:#213244;--sidebar-active:#24384d;--chat-wallpaper:#0e1822;--chat-pattern:#ffffff0b;--bubble-in:#202f3d;--bubble-out:#2b5278;--bubble-out-text:#edf4f8;--shadow:0 18px 45px #00000059;--soft-shadow:0 1px 2px #0000003d}:root[data-theme=emerald]{--tg-blue:#10b981;--tg-blue-dark:#047857;--ink:#10241d;--muted:#60756d;--line:#d7ebe2;--panel:#fff;--panel-2:#eefaf4;--sidebar-hover:#e4f7ee;--sidebar-active:#d7f2e6;--chat-wallpaper:#e7f4ee;--chat-pattern:#10b98116;--bubble-in:#fff;--bubble-out:#ccf7de;--bubble-out-text:#10241d;--success:#059669}:root[data-theme=sunset]{--tg-blue:#f97316;--tg-blue-dark:#c2410c;--ink:#2f1d12;--muted:#806c5c;--line:#f0dfcf;--panel:#fffdf9;--panel-2:#fff7ed;--sidebar-hover:#ffedd5;--sidebar-active:#fed7aa;--chat-wallpaper:#fff1df;--chat-pattern:#f9731617;--bubble-in:#fffdf9;--bubble-out:#ffedd5;--bubble-out-text:#2f1d12;--warning:#ea580c;--success:#16a34a}:root[data-theme=graphite]{--tg-blue:#f59e0b;--tg-blue-dark:#b45309;--ink:#f4f1ea;--muted:#b4aa9a;--line:#2f333a;--panel:#181b20;--panel-2:#111318;--sidebar-hover:#242830;--sidebar-active:#302a1d;--chat-wallpaper:#101217;--chat-pattern:#f59e0b0e;--bubble-in:#20242b;--bubble-out:#5a3a1e;--bubble-out-text:#fff7ed;--danger:#f87171;--warning:#fbbf24;--success:#34d399;--shadow:0 18px 45px #0000006b;--soft-shadow:0 1px 2px #00000047}*{box-sizing:border-box}body{background:var(--panel-2);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit;letter-spacing:0}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);border-radius:8px;outline:0;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:var(--tg-blue);box-shadow:0 0 0 3px #229ed929}.boot-screen,.auth-layout{background:linear-gradient(180deg, #229ed91f, transparent 36%), var(--panel-2);place-items:center;min-height:100dvh;padding:24px;display:grid}.boot-screen{color:var(--muted);gap:12px}.auth-panel{background:var(--panel);border:1px solid var(--line);width:min(100%,430px);box-shadow:var(--shadow);border-radius:8px;padding:28px}.auth-top,.brand-bar,.chat-header{align-items:center;gap:12px;display:flex}.auth-top{justify-content:space-between;margin-bottom:22px}.auth-panel h1{margin:0;font-size:clamp(28px,8vw,42px);line-height:1.08}.auth-panel p,.muted-text{color:var(--muted)}.auth-hint{background:var(--panel-2);border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.brand-mark{background:var(--tg-blue);color:#fff;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand-mark.large{width:58px;height:58px;font-size:22px}.brand-mark.has-image{background:var(--panel);border:1px solid var(--line);padding:0;overflow:hidden}.brand-mark img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.segmented{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin:22px 0;padding:4px;display:grid}.segmented button,.bottom-tabs button,.tool-strip button{min-height:38px;color:var(--muted);background:0 0;border-radius:7px}.segmented button.active,.bottom-tabs button.active,.tool-strip button.active{background:var(--panel);color:var(--tg-blue);box-shadow:0 1px #0000000a}.auth-form,.form-grid,.me-pane,.admin-panel,.management-box{gap:12px;display:grid}.auth-form label,.form-grid label{color:var(--muted);gap:7px;font-size:13px;display:grid}.primary-button,.send-button{background:var(--tg-blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:700;display:inline-flex}.primary-button:hover,.send-button:hover{background:var(--tg-blue-dark)}.secondary-button{border:1px solid color-mix(in srgb, var(--tg-blue) 28%, var(--line));background:color-mix(in srgb, var(--tg-blue) 8%, var(--panel));min-height:40px;color:var(--tg-blue);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:800;display:inline-flex}.secondary-button:hover:not(:disabled){border-color:var(--tg-blue);background:color-mix(in srgb, var(--tg-blue) 13%, var(--panel))}.secondary-button.danger{border-color:color-mix(in srgb, var(--danger) 28%, var(--line));background:color-mix(in srgb, var(--danger) 8%, var(--panel));color:var(--danger)}.server-settings{color:var(--muted);margin-top:18px}.server-settings summary,.section-title{align-items:center;gap:8px;display:flex}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0;display:grid}.generated-account{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;gap:6px;margin-top:16px;padding:12px;display:grid}.generated-account span{color:var(--muted);font-size:12px}.generated-account strong{color:var(--ink);letter-spacing:.12em;font-size:24px}.register-nickname{color:var(--muted);gap:7px;margin-bottom:14px;font-size:13px;display:grid}.word-grid span,.soft-tag,.status-pill{background:var(--panel-2);color:var(--ink);border-radius:999px;padding:7px 10px;font-size:13px}.check-row{color:var(--muted);align-items:center;gap:9px;display:flex}.check-row input,.toggle-row input{width:auto}.app-shell{background:var(--chat-wallpaper);grid-template-columns:372px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.app-shell.settings-layout{grid-template-columns:minmax(430px,620px) minmax(360px,1fr)}.side-pane{background:var(--panel);border-right:1px solid var(--line);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden;box-shadow:inset 1px 0 #ffffff73}.side-pane.no-side-header{grid-template-rows:minmax(0,1fr) auto}.side-pane.search-page-open{grid-template-rows:minmax(0,1fr)}.side-pane.search-page-open .side-header,.side-pane.search-page-open .bottom-tabs{display:none}.side-header{border-bottom:1px solid var(--line)}.brand-bar{min-height:68px;padding:10px 14px 8px}.brand-copy{flex:1;gap:2px;min-width:0;display:grid}.brand-bar strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.15;overflow:hidden}.brand-bar span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.icon-button{width:38px;height:38px;color:var(--muted);background:0 0;border-radius:8px;flex:none;place-items:center;display:grid}.icon-button:hover{background:var(--panel-2);color:var(--ink)}.subscription-strip{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-2) 76%, var(--panel));min-height:42px;color:var(--muted);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:0 14px 10px;padding:8px 10px;font-size:13px;display:flex}.subscription-main{align-items:center;gap:8px;min-width:0;display:flex}.subscription-main>span:last-child,.subscription-date{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.subscription-date{flex:none}.subscription-strip.is-expiry-warning{color:var(--danger);background:#df3f4714;border-color:#df3f473d;font-weight:700}.subscription-strip.is-expiry-warning .subscription-date{color:var(--danger)}.status-pill{white-space:nowrap;align-items:center;padding:4px 8px;font-weight:700;display:inline-flex}.status-subscribed{color:var(--success);background:#1fa97124}.status-free{color:var(--tg-blue);background:#229ed924}.status-expired,.status-frozen{color:var(--danger);background:#df3f4721}.profile-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.level-badge{--level-color:#8b93a0;--level-color-2:#c4ccd5;border:1px solid color-mix(in srgb, var(--level-color) 28%, transparent);background:color-mix(in srgb, var(--level-color) 12%, var(--panel));min-width:0;color:var(--level-color);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.level-badge.compact{padding:3px 7px;font-size:11px}.level-meteor{--level-color:#8f6a44;--level-color-2:#d7a363}.level-comet{--level-color:#2689d8;--level-color-2:#85d7ff}.level-stellar{--level-color:#f59e0b;--level-color-2:#fde68a}.level-blackhole{--level-color:#6d28d9;--level-color-2:#111827}.level-icons{align-items:center;gap:2px;display:inline-flex}.level-icon{flex:none;width:13px;height:13px;display:inline-block;position:relative}.level-meteor .level-icon:before{content:"";background:radial-gradient(circle at 34% 34%, #ffffff8c, transparent 22%), radial-gradient(circle at 64% 68%, #48311d6b, transparent 18%), linear-gradient(135deg, var(--level-color-2), var(--level-color));border-radius:50%;width:9px;height:9px;position:absolute;bottom:1px;right:1px}.level-meteor .level-icon:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--level-color-2) 72%, transparent));border-radius:999px;width:10px;height:4px;position:absolute;top:1px;left:0;transform:rotate(-35deg)}.level-comet .level-icon:before{content:"";background:radial-gradient(circle at 36% 36%, #fff, var(--level-color-2) 38%, var(--level-color));width:7px;height:7px;box-shadow:-5px 1px 8px color-mix(in srgb, var(--level-color) 46%, transparent);border-radius:50%;position:absolute;top:3px;right:0}.level-comet .level-icon:after{content:"";background:linear-gradient(90deg, transparent, var(--level-color-2));border-radius:999px;width:10px;height:3px;position:absolute;top:5px;left:0}.level-stellar .level-icon:before{content:"★";color:var(--level-color);text-shadow:0 0 8px color-mix(in srgb, var(--level-color-2) 58%, transparent);font-size:15px;line-height:1;position:absolute;inset:-3px 0 0}.level-blackhole .level-icon:before{content:"";background:radial-gradient(circle, #020617 0 28%, transparent 29%), conic-gradient(from 30deg, var(--level-color), var(--level-color-2), #38bdf8, var(--level-color));box-shadow:0 0 8px color-mix(in srgb, var(--level-color) 44%, transparent);border-radius:50%;position:absolute;inset:1px}.level-blackhole .level-icon:after{content:"";background:#030712;border-radius:50%;position:absolute;inset:4px}.tab-content,.pane-body,.message-stream{min-height:0}.tab-content{grid-template-rows:minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.tab-content>*{min-height:0}.pane-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:100%;min-height:0;max-height:100%;padding:10px 8px;padding-bottom:calc(28px + env(safe-area-inset-bottom));overflow:hidden auto}.bottom-tabs{min-height:calc(62px + env(safe-area-inset-bottom));padding:6px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.bottom-tabs button{border-radius:12px;align-content:center;place-items:center;gap:3px;min-height:48px;font-size:11px;font-weight:700;transition:color .15s,background .15s,transform .15s;display:grid;position:relative}.bottom-tabs button svg{width:22px;height:22px}.bottom-tabs button:hover{background:var(--sidebar-hover)}.bottom-tabs button.active{box-shadow:none;background:0 0;transform:translateY(-1px)}.tab-badge{color:#fff;background:var(--danger);border:2px solid var(--panel);border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 5px;font-size:10px;font-style:normal;font-weight:800;line-height:1;display:grid;position:absolute;top:5px;right:calc(50% - 22px)}.search-box,.inline-form{align-items:center;gap:8px;display:flex}.search-box{min-height:44px;color:var(--muted);background:var(--panel-2);border:1px solid #0000;border-radius:14px;margin:6px 6px 10px;padding:0 13px}.search-box:focus-within{border-color:#229ed952;box-shadow:0 0 0 3px #229ed91a}.search-box input{box-shadow:none;background:0 0;border:0;padding:0}.search-entry{cursor:text;justify-content:flex-start;width:100%}.search-entry span{color:var(--muted)}.inline-form{margin-bottom:12px}.inline-form button,.action-grid button,.compact-list button,.member-row button{background:var(--panel-2);min-height:40px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.list-stack,.alpha-group,.compact-list{gap:4px;display:grid}.search-results{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:4px;margin:-4px 0 12px;padding:6px;display:grid}.search-results button{min-height:42px;color:var(--ink);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.search-results button:hover{background:var(--panel-2)}.search-results span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.search-results b{color:var(--tg-blue);font-size:12px}.friend-add-entry{width:100%;min-height:64px;color:var(--ink);background:var(--panel-2);text-align:left;border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-bottom:12px;padding:10px;display:grid}.friend-add-entry>span{color:#fff;background:var(--tg-blue);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.friend-add-entry>span.friend-entry-icon-alt{background:#19a974}.friend-add-entry.compact-entry{background:var(--panel);border:1px solid var(--line);margin-bottom:14px}.entry-badge{color:#fff;background:var(--danger);border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:800;display:grid}.friend-add-entry div{gap:2px;min-width:0;display:grid}.friend-add-entry small{color:var(--muted)}.friend-add-entry>svg{color:var(--muted);transform:rotate(180deg)}.groups-list-page>.inline-form,.groups-list-page>.create-members{display:none}.add-friend-page{background:var(--panel);grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.subpage-header{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;min-height:64px;padding:10px 14px;display:grid}.subpage-header strong{font-size:17px}.add-friend-body{background:var(--panel-2);min-height:0;padding:12px 14px 14px;overflow-y:auto}.add-friend-search-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:7px;margin-bottom:12px;padding:10px;display:grid}.add-friend-search-card p{color:var(--muted);margin:0;font-size:12px}.add-friend-search-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.add-friend-search{margin-bottom:0}.add-friend-search-row button{color:#fff;background:var(--tg-blue);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 12px;font-weight:700;display:inline-flex}.add-friend-search-row button:disabled{color:var(--muted);background:var(--panel-2);opacity:1}.add-friend-results{gap:4px;margin-top:12px;display:grid}.add-friend-results button{min-height:64px;color:var(--ink);text-align:left;background:0 0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.add-friend-results button:hover{background:var(--panel-2)}.add-friend-results span{gap:2px;min-width:0;display:grid}.add-friend-results small{color:var(--muted)}.add-friend-results b{color:var(--tg-blue);font-size:12px}.friend-request-section{gap:8px;margin:10px 0;display:grid}.friend-request-title{color:var(--muted);justify-content:space-between;align-items:center;padding:0 2px;font-size:12px;font-weight:700;display:flex}.friend-request-title b{color:#fff;background:var(--tg-blue);border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:11px;display:grid}.friend-request-list{border:1px solid var(--line);background:var(--panel);border-radius:8px;display:grid;overflow:hidden}.friend-request-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;padding:8px 10px;display:grid}.friend-request-row:last-child{border-bottom:0}.friend-request-row span{gap:2px;min-width:0;display:grid}.friend-request-row small,.friend-request-row em{color:var(--muted);font-size:12px;font-style:normal}.friend-request-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:inline-flex}.friend-request-actions button{color:#fff;background:var(--tg-blue);border-radius:7px;align-items:center;gap:4px;min-height:32px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.friend-request-actions button.ghost{color:var(--muted);background:var(--panel-2)}.profile-page{background:var(--panel);grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.profile-page-body{align-content:start;gap:14px;min-height:0;padding:14px;display:grid;overflow-y:auto}.profile-hero{background:var(--panel-2);border-radius:8px;align-items:center;gap:14px;padding:16px;display:flex}.profile-hero h3,.profile-hero p{margin:0}.profile-hero h3{font-size:20px}.profile-hero p{color:var(--muted)}.group-avatar-upload{flex-wrap:wrap;align-items:center;gap:10px;padding:0 2px;display:flex}.group-avatar-upload small{color:var(--muted);font-size:12px}.group-info-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:10px;padding:12px;display:grid}.group-info-card.compact{gap:8px}.group-info-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.group-info-title strong{font-size:15px}.group-info-title small,.group-info-card p{color:var(--muted)}.group-info-card p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.5}.group-info-card textarea{resize:vertical;border:1px solid var(--line);min-height:96px;color:var(--ink);background:var(--panel-2);font:inherit;border-radius:8px;padding:10px}.group-info-card .primary-button{min-height:38px}.member-search-box{margin-bottom:0}.page-members{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:1fr;gap:0;padding:0;display:grid;overflow:hidden}.message-search-page{background:var(--panel);grid-template-rows:auto auto minmax(0,1fr);height:100%;min-height:0;display:grid}.message-search-header{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;min-height:64px;padding:10px 14px;display:grid}.message-search-input{margin-bottom:0}.message-search-filters{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid var(--line);background:linear-gradient(90deg, var(--panel) 0, #fff0 22px), linear-gradient(270deg, var(--panel) 0, #fff0 22px), var(--panel);background-attachment:local,local,scroll;gap:7px;padding:10px 14px 12px;display:flex;overflow-x:auto}.message-search-filters::-webkit-scrollbar{display:none}.message-search-filters button{scroll-snap-align:start;white-space:nowrap;border:1px solid var(--line);min-height:36px;color:var(--muted);background:#f4f7fbd1;border-radius:999px;flex:none;padding:0 15px;font-weight:650;box-shadow:0 1px #17212b0a}:root[data-theme=dark] .message-search-filters button,:root[data-theme=graphite] .message-search-filters button{background:#212d3ae6}.message-search-filters button.active{color:#fff;background:var(--tg-blue);border-color:var(--tg-blue);box-shadow:0 6px 14px #229ed938}.message-search-filters button:hover{color:var(--tg-blue);border-color:#229ed96b}.message-search-filters button.active:hover{color:#fff}.message-search-filters button:focus-visible{outline-offset:2px;outline:2px solid #229ed973}.message-search-results{-webkit-overflow-scrolling:touch;min-height:0;padding:8px;overflow-y:auto}.message-search-result{width:100%;min-height:72px;color:var(--ink);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.message-search-result:hover{background:var(--panel-2)}.message-search-result .row-subtitle span{display:block}.loading-row{min-height:48px;color:var(--muted);justify-content:center;align-items:center;gap:8px;display:flex}.alpha-group{margin-bottom:16px}.alpha-group>span{color:var(--tg-blue);padding:8px 8px 4px;font-size:12px;font-weight:800}.chat-row{width:100%;min-height:72px;color:var(--ink);text-align:left;background:0 0;border-radius:13px;align-items:center;gap:11px;padding:9px 10px;transition:background .14s,transform .14s;display:flex}.chat-row:hover{background:var(--sidebar-hover)}.chat-row.active{background:var(--sidebar-active)}.chat-row:active{transform:scale(.995)}.avatar{color:#fff;background:radial-gradient(circle at 30% 25%,#ffffff52,#0000 28%),linear-gradient(135deg,#36aee2,#1f9f8b);border-radius:50%;flex:none;place-items:center;width:50px;height:50px;font-weight:800;display:grid;overflow:hidden;box-shadow:inset 0 -8px 16px #00000014}.avatar.avatar-image{background:var(--panel-2)}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.presence-avatar{flex:none;place-items:center;width:50px;height:50px;display:inline-grid;position:relative}.presence-avatar-sm{width:30px;height:30px}.presence-avatar-lg{width:66px;height:66px}.presence-dot{border:2px solid var(--panel);background:#9aa6b2;border-radius:50%;width:13px;height:13px;position:absolute;bottom:1px;right:1px;box-shadow:0 1px 3px #17212b2e}.presence-dot.online{background:#22c55e}.presence-dot.offline{background:#9aa6b2}.presence-avatar-sm .presence-dot{border-width:2px;width:10px;height:10px;bottom:-1px;right:-1px}.presence-avatar-lg .presence-dot{width:15px;height:15px}.avatar-sm{width:30px;height:30px;font-size:12px}.avatar-lg{width:66px;height:66px;font-size:22px}.row-main{flex:1;min-width:0}.row-title,.row-subtitle{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.row-title strong,.row-subtitle span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-title strong{letter-spacing:-.01em;font-size:15.5px}.row-title span,.row-subtitle{color:var(--muted);font-size:13px}.row-title span{font-size:12px}.row-flags{color:var(--muted);align-items:center;gap:5px;display:inline-flex}.row-call-flag{color:var(--success);background:#22c55e1f;border-radius:999px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:800;display:inline-flex}.unread-badge{background:var(--tg-blue);color:#fff;border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 6px;font-size:11px;font-weight:800;display:grid}.context-menu{z-index:40;border:1px solid var(--line);background:var(--panel);width:170px;box-shadow:var(--shadow);border-radius:8px;position:fixed;overflow:hidden}.context-menu button{text-align:left;width:100%;min-height:42px;color:var(--ink);background:0 0;padding:0 14px}.context-menu button:hover{background:var(--panel-2)}.empty-state{text-align:center;height:100%;min-height:260px;color:var(--muted);align-content:center;place-items:center;gap:10px;padding:24px;display:grid}.empty-orbit{width:72px;height:72px;color:var(--tg-blue);background:#229ed91f;border-radius:50%;place-items:center;display:grid}.empty-state h3{color:var(--ink);margin:0}.empty-state p{max-width:260px;margin:0}.detail-sheet{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;gap:14px;margin-top:14px;padding:14px;display:grid;position:sticky;bottom:0}.detail-sheet header{justify-content:space-between;align-items:center;display:flex}.profile-line,.member-row{align-items:center;gap:12px;display:flex}.profile-line h3,.profile-line p{margin:0}.profile-line p,.member-row b{color:var(--muted);font-size:13px}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.action-grid .danger,.danger{color:var(--danger)}.member-list{gap:8px;padding-top:4px;display:grid}.member-row{border-bottom:1px solid var(--line);min-height:48px}.member-row span{flex:1;gap:2px;min-width:0;display:grid}.member-row span>strong,.member-row span>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-row span>small{color:var(--muted);font-size:12px}.member-actions{align-items:center;gap:4px;display:inline-flex}.member-actions button{width:28px;min-height:28px;padding:0}.create-members{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:0;padding:0;display:grid;overflow:hidden}.create-members label{border:0;border-bottom:1px solid var(--line);width:100%;min-width:0;min-height:58px;color:var(--ink);background:var(--panel);cursor:pointer;border-radius:0;grid-template-columns:20px auto minmax(0,1fr) 24px;align-items:center;gap:10px;padding:9px 12px;display:grid}.create-members label.active{color:var(--ink);background:#229ed914}.create-members label:last-child{border-bottom:0}.create-members input{width:16px;height:16px;accent-color:var(--tg-blue)}.member-picker-main{gap:2px;min-width:0;display:grid}.member-picker-main strong,.member-picker-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-picker-main small{color:var(--muted);font-size:12px}.member-check{color:#fff;background:var(--tg-blue);opacity:0;border-radius:50%;place-items:center;width:22px;height:22px;transition:opacity .16s,transform .16s;display:grid;transform:scale(.84)}.create-members label.active .member-check{opacity:1;transform:scale(1)}.chat-pane{background:linear-gradient(color-mix(in srgb, var(--chat-wallpaper) 92%, transparent), color-mix(in srgb, var(--chat-wallpaper) 92%, transparent)), radial-gradient(circle at 18px 18px, var(--chat-pattern) 1.2px, transparent 1.6px), radial-gradient(circle at 7px 28px, var(--chat-pattern) 1px, transparent 1.4px);background-size:auto,34px 34px,42px 42px;grid-template-rows:auto minmax(0,1fr) auto auto auto;min-width:0;height:100dvh;display:grid}.chat-pane.with-history,.chat-pane.with-select{grid-template-rows:auto auto minmax(0,1fr) auto auto auto}.chat-pane.with-history.with-select{grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto}.chat-settings-pane{background:var(--panel-2);grid-template-rows:auto minmax(0,1fr)}.chat-settings-body{align-content:start;gap:14px;min-height:0;padding:14px;display:grid;overflow-y:auto}.chat-settings-list{border:1px solid var(--line);background:var(--panel);border-radius:8px;display:grid;overflow:hidden}.chat-settings-list .settings-row>svg{color:var(--muted);transform:rotate(180deg)}.chat-settings-list .danger-row{color:var(--danger)}.chat-settings-list .danger-row .settings-icon{color:var(--danger);background:#df3f471a}:root[data-theme=dark] .chat-pane,:root[data-theme=graphite] .chat-pane{background:linear-gradient(color-mix(in srgb, var(--chat-wallpaper) 94%, transparent), color-mix(in srgb, var(--chat-wallpaper) 94%, transparent)), radial-gradient(circle at 18px 18px, var(--chat-pattern) 1.2px, transparent 1.6px), radial-gradient(circle at 7px 28px, var(--chat-pattern) 1px, transparent 1.4px);background-size:auto,34px 34px,42px 42px}.chat-pane.has-custom-background{background:linear-gradient(color-mix(in srgb, var(--chat-wallpaper) 38%, transparent), color-mix(in srgb, var(--chat-wallpaper) 38%, transparent)), var(--custom-chat-background);background-position:50%;background-repeat:no-repeat;background-size:cover}:root[data-theme=dark] .chat-pane.has-custom-background,:root[data-theme=graphite] .chat-pane.has-custom-background{background:linear-gradient(color-mix(in srgb, var(--chat-wallpaper) 56%, transparent), color-mix(in srgb, var(--chat-wallpaper) 56%, transparent)), var(--custom-chat-background);background-position:50%;background-repeat:no-repeat;background-size:cover}.chat-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:58px;padding:7px 12px;box-shadow:inset 0 1px #ffffff52}.chat-header>div:nth-child(3){flex:1;min-width:0;display:grid}.chat-header strong,.chat-header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-header span{color:var(--muted);font-size:13px}.socket-pill{border:1px solid color-mix(in srgb, var(--muted) 12%, transparent);min-width:0;min-height:24px;color:var(--muted);background:color-mix(in srgb, var(--panel) 86%, transparent);letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 1px 2px #17212b14}.socket-pill svg{display:none}.socket-pill:before{content:"";width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 13%, transparent);background:currentColor;border-radius:50%;flex:none}.socket-online{color:var(--success);border-color:color-mix(in srgb, var(--success) 20%, transparent);background:color-mix(in srgb, var(--success) 10%, var(--panel))}.socket-offline,.socket-connecting{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 22%, transparent);background:color-mix(in srgb, var(--warning) 10%, var(--panel))}.group-call-chip{max-width:132px;min-height:30px;color:var(--success);background:#22c55e24;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.group-call-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.group-call-chip:disabled{opacity:.5}.back-button{display:none}.history-search-panel{border-bottom:1px solid var(--line);background:var(--panel);gap:8px;padding:10px 14px;display:grid}.history-search-form{grid-template-columns:minmax(0,1fr) 110px 76px;align-items:center;gap:8px;display:grid}.history-search-form .search-box{margin-bottom:0}.history-search-form select,.history-search-form button{border:1px solid var(--line);background:var(--panel-2);min-height:42px;color:var(--ink);border-radius:8px;padding:0 10px}.history-search-form button{background:var(--tg-blue);color:#fff;border-color:var(--tg-blue);font-weight:700}.history-results{gap:4px;max-height:220px;display:grid;overflow-y:auto}.history-results button{text-align:left;min-height:48px;color:var(--ink);background:0 0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;display:grid}.history-results button:hover{background:var(--panel-2)}.history-results span{gap:2px;min-width:0;display:grid}.history-results strong,.history-results small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-results small,.history-results b,.history-results p{color:var(--muted);font-size:12px}.history-results p{margin:6px 8px}.message-stream{scrollbar-width:thin;scrollbar-color:#6d7a865c transparent;min-height:0;padding:18px min(6vw,58px);overflow:auto}.message-stream::-webkit-scrollbar{width:8px}.message-stream::-webkit-scrollbar-thumb{background:#6d7a8652 padding-box padding-box;border:2px solid #0000;border-radius:999px}.message-render-item{min-width:0}.message-day-divider{z-index:5;pointer-events:none;justify-content:center;margin:12px 0;display:flex;position:sticky;top:10px}.message-day-divider span{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#687c8b7a;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;line-height:1;box-shadow:0 2px 8px #17212b1f}.load-more-messages{min-height:34px;color:var(--tg-blue);background:#229ed91a;border-radius:999px;justify-content:center;align-items:center;margin:0 auto 14px;padding:0 14px;font-size:13px;font-weight:800;display:flex}.load-more-messages:disabled{opacity:.62}.multi-select-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:8px;min-height:46px;padding:8px 14px;display:flex}.multi-select-bar span{color:var(--muted);flex:1;font-weight:700}.multi-select-bar button{min-height:32px;color:var(--tg-blue);background:#229ed91a;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-weight:700;display:inline-flex}.multi-select-bar button:disabled{opacity:.45}.message-line{align-items:flex-end;gap:7px;margin:5px 0;display:flex}.message-line.cluster-previous{margin-top:2px}.message-line.cluster-next{margin-bottom:2px}.message-line.selected .bubble{outline:2px solid #229ed96b}.message-line.mine{justify-content:flex-end}.avatar-spacer{visibility:hidden;flex:none}.message-select-check{border:1px solid var(--tg-blue);color:#fff;background:var(--panel);border-radius:50%;align-self:center;place-items:center;width:24px;height:24px;display:grid}.message-line.selected .message-select-check{background:var(--tg-blue)}.bubble{background:var(--bubble-in);min-width:76px;max-width:min(560px,74%);color:var(--ink);box-shadow:var(--soft-shadow);border-radius:16px 16px 16px 6px;gap:4px;padding:7px 10px 5px;display:grid;position:relative}.message-line:not(.mine) .bubble:before{content:"";background:var(--bubble-in);clip-path:polygon(100% 0,100% 100%,0 100%);width:10px;height:14px;position:absolute;bottom:0;left:-5px}.message-line.no-tail .bubble:before,.message-line.no-tail .bubble:after{display:none}.message-line:not(.mine).cluster-next .bubble{border-bottom-left-radius:16px}.message-line:not(.mine).cluster-previous .bubble{border-top-left-radius:7px}.message-line.mine .bubble{background:var(--bubble-out);color:var(--bubble-out-text);border-radius:16px 16px 6px}.message-line.mine.cluster-next .bubble{border-bottom-right-radius:16px}.message-line.mine.cluster-previous .bubble{border-top-right-radius:7px}.message-line.mine .bubble:after{content:"";background:var(--bubble-out);clip-path:polygon(0 0,100% 100%,0 100%);width:10px;height:14px;position:absolute;bottom:0;right:-5px}.bubble-audio{gap:0;width:fit-content;min-width:0;max-width:min(236px,74%);padding:6px 8px 5px}.message-highlight .bubble{outline:2px solid var(--tg-blue);box-shadow:0 0 0 4px #229ed924}.message-content p,.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.38}.message-content{min-width:0}.message-media{object-fit:cover;background:#00000014;border-radius:8px;max-width:min(360px,72vw);max-height:320px;display:block}.media-preview-button{background:0 0;border-radius:8px;max-width:max-content;padding:0;display:block;position:relative;overflow:hidden}.media-preview-button.video span{color:#fff;background:#0000002e;place-items:center;display:grid;position:absolute;inset:0}.media-preview-button.video svg{fill:currentColor;background:#0000006b;border-radius:50%;width:46px;height:46px;padding:11px}.file-message{min-width:min(320px,70vw);color:var(--ink);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 9px;text-decoration:none;display:grid}.file-message svg{color:var(--tg-blue);grid-row:span 2}.file-message span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-message small{color:var(--muted)}.voice-message{grid-template-columns:28px max-content auto;align-items:center;gap:6px;width:max-content;max-width:62vw;padding:0;display:grid}.voice-play-button{color:#fff;background:var(--tg-blue);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.voice-play-button svg{fill:currentColor}.voice-wave{background:0 0;align-items:center;gap:2px;width:max-content;min-width:0;height:28px;padding:0;display:flex}.voice-wave span{background:#6d7a865c;border-radius:999px;width:2px;min-height:7px;transition:background .14s,transform .14s}.message-line.mine .voice-wave span{background:#26473247}.voice-wave span.active{background:var(--tg-blue);transform:scaleY(1.08)}.voice-duration{min-width:24px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:11px}.voice-message audio{display:none}.emoji-message{overflow-wrap:anywhere;max-width:230px;font-size:36px;line-height:1.08;display:block}.bubble-emoji-only{min-width:82px;padding:9px 11px 6px}.sender-name{color:var(--tg-blue);margin-bottom:2px;font-size:12px;display:block}.bubble footer{color:color-mix(in srgb, var(--muted) 88%, transparent);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px 5px;margin-top:0;font-size:10.5px;line-height:1.2;display:flex}.message-footer-audio{opacity:.82;justify-content:flex-end;gap:3px;margin-top:-5px;padding-right:1px;font-size:10.5px}.message-footer-audio button,.message-footer-audio .quick-reactions{display:none}.bubble footer>span{white-space:nowrap;align-items:center;min-width:0;display:inline-flex}.bubble footer svg{color:var(--tg-blue);opacity:.82;flex:none}.message-line.mine .bubble footer,.message-line.mine .bubble footer svg{color:color-mix(in srgb, var(--tg-blue-dark) 82%, var(--bubble-out-text))}.bubble footer button{color:var(--tg-blue);background:0 0;padding:0}.message-more-button{border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.message-more-button:hover{background:#229ed91f}.message-menu-backdrop{z-index:50;background:0 0;position:fixed;inset:0}.message-action-menu{border:1px solid var(--line);background:var(--panel);width:208px;box-shadow:var(--shadow);border-radius:8px;display:grid;position:fixed;overflow:hidden}.message-action-menu button{min-height:40px;color:var(--ink);text-align:left;background:0 0;align-items:center;gap:9px;padding:0 12px;display:flex}.message-action-menu button:hover{background:var(--panel-2)}.message-action-menu button.danger{color:var(--danger)}.reaction-row,.quick-reactions{flex-wrap:wrap;align-items:center;gap:3px;display:inline-flex}.reaction-row{margin-top:6px}.reaction-row button,.quick-reactions button{min-height:22px;color:var(--tg-blue);background:#229ed91a;border-radius:999px;padding:0 6px;font-size:12px}.quick-reactions{opacity:0;pointer-events:none;transition:opacity .14s,transform .14s;transform:translateY(1px)}.quick-reactions button{background:0 0;min-width:22px;padding:0;font-size:13px}.bubble:hover .quick-reactions,.bubble:focus-within .quick-reactions{opacity:1;pointer-events:auto;transform:translateY(0)}@media (hover:none){.quick-reactions{display:none}}.reaction-row button.active{background:var(--tg-blue);color:#fff}.modal-backdrop{z-index:60;background:#00000057;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.forward-panel{background:var(--panel);width:min(420px,100%);max-height:min(620px,88dvh);box-shadow:var(--shadow);border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);display:grid;overflow:hidden}.forward-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:54px;padding:8px 12px;display:flex}.forward-preview{color:var(--muted);background:var(--panel-2);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;margin:10px 12px;padding:9px 10px;font-size:13px;overflow:hidden}.forward-list{min-height:0;padding:6px 8px 10px;overflow-y:auto}.forward-list button{width:100%;min-height:58px;color:var(--ink);text-align:left;background:0 0;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.forward-list button:hover{background:var(--panel-2)}.forward-list span{gap:2px;min-width:0;display:grid}.forward-list strong,.forward-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.forward-list small{color:var(--muted)}.media-viewer{z-index:70;color:#fff;background:#080c12f0;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.media-viewer header,.media-viewer footer{background:#0003;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:flex}.media-viewer header{justify-content:space-between}.media-viewer .icon-button{color:#fff}.media-viewer-stage{place-items:center;min-height:0;padding:12px 68px;display:grid}.media-viewer-stage img,.media-viewer-stage video{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.media-viewer footer{flex-wrap:wrap;justify-content:center}.media-viewer footer strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(520px,80vw);overflow:hidden}.media-viewer footer span{color:#ffffffad;font-size:13px}.media-nav{color:#fff;background:#ffffff1f;border-radius:8px;place-items:center;width:44px;height:64px;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.media-nav:disabled{opacity:0;pointer-events:none}.media-nav.left{left:12px}.media-nav.right{right:12px;transform:translateY(-50%)rotate(180deg)}.expired-banner{min-height:42px;color:var(--danger);background:#df3f471a;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex}.edit-banner{min-height:42px;color:var(--tg-blue);background:#229ed91a;align-items:center;gap:8px;padding:8px 14px;display:flex}.edit-banner span{flex:1}.edit-banner button{color:var(--tg-blue);background:0 0}.mention-picker{border-top:1px solid var(--line);background:var(--panel);gap:6px;max-height:260px;padding:10px 14px;display:grid;overflow-y:auto}.mention-picker button{min-height:48px;color:var(--ink);text-align:left;background:0 0;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:7px 9px;display:grid}.mention-picker button:hover,.mention-picker button.active{background:#229ed91a}.mention-picker span:nth-child(2){gap:2px;min-width:0;display:grid}.mention-picker strong,.mention-picker small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mention-picker small{color:var(--muted);font-size:12px}.mention-all-avatar,.mention-feature-icon{color:var(--success);background:#1fa9711f;border-radius:8px;place-items:center;font-weight:900;display:grid}.mention-all-avatar{width:34px;height:34px}.mention-feature-icon{width:42px;height:42px;font-size:22px}.emoji-picker{border-top:1px solid var(--line);background:var(--panel);grid-template-columns:repeat(12,34px);justify-content:center;gap:4px;padding:10px 14px;display:grid}.emoji-picker button{background:0 0;border-radius:8px;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.emoji-picker button:hover{background:var(--panel-2)}.composer-more-panel{border-top:1px solid var(--line);background:color-mix(in srgb, var(--panel) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(4,minmax(68px,1fr));gap:10px;padding:10px 14px 12px;display:grid}.composer-more-panel button{min-height:70px;color:var(--muted);background:var(--panel-2);border-radius:14px;place-items:center;gap:6px;display:grid}.composer-more-panel button svg{color:var(--tg-blue)}.composer-more-panel button span{font-size:12px}.voice-recorder-bar{border-top:1px solid var(--line);background:var(--panel);min-height:48px;color:var(--muted);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 14px;display:grid}.recording-dot{background:var(--danger);border-radius:50%;width:10px;height:10px;animation:1.2s infinite pulse-recording;box-shadow:0 0 #df3f475c}.voice-recorder-bar span{min-width:0;color:var(--ink);font-weight:700}.voice-recorder-bar button{background:var(--panel-2);min-height:32px;color:var(--muted);border-radius:8px;padding:0 12px}.voice-recorder-bar .send-voice-button{background:var(--tg-blue);color:#fff}@keyframes pulse-recording{70%{box-shadow:0 0 0 8px #df3f4700}to{box-shadow:0 0 #df3f4700}}.hidden-file{display:none}.composer{padding:9px 12px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--panel) 95%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:38px minmax(0,1fr) 38px 38px;align-items:center;gap:8px;display:grid}.composer input{background:var(--panel-2);border-color:#0000;border-radius:18px;min-height:42px;padding-inline:15px}.composer input:focus{border-color:#229ed942;box-shadow:0 0 0 3px #229ed91c}.composer-mode-button{width:38px;height:42px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;display:grid}.composer-mode-button.active{color:var(--tg-blue);background:#229ed91f}.composer-mode-button.recording{color:#fff;background:var(--danger)}.voice-input-control{border:1px solid var(--line);min-height:42px;color:var(--muted);background:var(--panel-2);border-radius:18px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.voice-input-control.recording{color:var(--danger);background:#df3f4714;border-color:#df3f4757}.composer-icon-button{width:38px;height:42px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;display:grid}.composer-icon-button.active{color:var(--tg-blue);background:#229ed91f}.section-title{margin:12px 0 0;font-size:15px}.section-title .member-count{color:var(--muted);margin-left:auto;font-size:12px;font-weight:700}.me-pane{gap:14px;padding:12px}.profile-self{background:linear-gradient(135deg, #229ed921, #1fa97114), var(--panel);border:1px solid #229ed92e;border-radius:8px;gap:14px;min-height:106px;margin:2px 0 4px;padding:16px;position:relative;overflow:hidden}.profile-self:after{content:"";background:#229ed91f;border-radius:50%;width:120px;height:120px;position:absolute;top:-42px;right:-34px}.profile-self>*{z-index:1;position:relative}.profile-self .avatar-lg{width:58px;height:58px;font-size:20px}.profile-self h3{font-size:22px;line-height:1.1}.profile-self p{margin:3px 0 7px}.me-home{background:var(--panel-2);gap:10px}.me-profile-hero{color:#fff;text-align:center;background:radial-gradient(circle at 26% 8%,#ffffff3d,#0000 24%),linear-gradient(#35aee2 0%,#229ed9 100%);border-bottom:1px solid #229ed924;border-radius:0 0 18px 18px;justify-items:center;gap:5px;margin:-12px -12px 4px;padding:18px 18px 16px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 24px #229ed924}.me-profile-glow{display:none}.me-avatar-ring{z-index:1;background:#fff3;border-radius:50%;place-items:center;width:78px;height:78px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff47,0 18px 34px #0c47673d}.me-avatar-ring .avatar-lg{width:64px;height:64px;box-shadow:none;font-size:22px}.me-profile-hero h3,.me-profile-hero p{z-index:1;margin:0;position:relative}.me-profile-hero h3{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:21px;line-height:1.1;overflow:hidden}.me-profile-hero p{color:#ffffffc7;font-size:13px;font-weight:700}.me-hero-chips{z-index:1;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:5px;display:flex;position:relative}.me-hero-chips>span,.me-hero-chips>.level-badge,.me-profile-hero .status-pill{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff29;border:1px solid #ffffff2e;border-radius:999px;align-items:center;min-height:26px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.me-hero-chips>.level-badge{gap:6px}.me-quick-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.me-quick-strip button{background:var(--panel);min-width:0;min-height:60px;color:var(--ink);text-align:center;box-shadow:var(--soft-shadow);border:1px solid #229ed91a;border-radius:14px;align-content:center;gap:3px;padding:10px;display:grid}.me-quick-strip button:hover{background:var(--sidebar-hover);border-color:#229ed947}.me-quick-strip strong,.me-quick-strip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.me-quick-strip strong{color:var(--tg-blue);font-size:15px;line-height:1.1}.me-quick-strip span{color:var(--muted);font-size:12px}.settings-section-label{color:var(--muted);letter-spacing:.04em;margin:8px 4px -4px;font-size:12px;font-weight:800}.me-pane .section-title{min-height:30px;color:var(--ink);margin:8px 0 -2px;font-size:15px;font-weight:800}.me-pane .section-title svg{color:var(--tg-blue)}.settings-subpage{padding-bottom:calc(96px + env(safe-area-inset-bottom));grid-auto-rows:max-content;align-content:start}.settings-layout .me-pane{width:100%;max-width:560px;padding:18px 18px calc(44px + env(safe-area-inset-bottom));justify-self:center}.settings-layout .settings-subpage{width:100%;max-width:620px;padding-bottom:calc(132px + env(safe-area-inset-bottom))}.settings-layout .profile-self{min-height:118px}.settings-companion{background:radial-gradient(circle at 26% 16%, #229ed929, transparent 28%), radial-gradient(circle at 88% 72%, #1fa9711f, transparent 26%), var(--panel-2);align-content:center;gap:16px;min-width:0;height:100dvh;padding:clamp(24px,4vw,54px);display:grid;overflow-y:auto}.settings-hero,.settings-note,.settings-summary-grid div{border:1px solid var(--line);background:var(--panel);border-radius:18px;box-shadow:0 14px 34px #17212b14}.settings-hero{color:#fff;background:radial-gradient(circle at 84% 12%,#ffffff42,#0000 22%),linear-gradient(145deg,#35aee2,#229ed9 54%,#177db1);border-color:#229ed933;align-items:center;gap:16px;padding:20px;display:flex;overflow:hidden}.settings-hero span,.settings-summary-grid span,.settings-note p{color:var(--muted)}.settings-hero h2,.settings-hero p,.settings-note p{margin:0}.settings-hero h2{font-size:30px;line-height:1.1}.settings-hero span,.settings-hero p{color:#ffffffc7}.settings-hero .avatar-lg{box-shadow:0 14px 30px #093a5642}.settings-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-summary-grid div{gap:8px;min-height:92px;padding:16px;display:grid}.settings-summary-grid strong{font-size:18px}.settings-note{gap:12px;padding:16px;display:flex}.settings-note svg{color:var(--tg-blue);flex:none}.settings-page-header{z-index:3;min-height:48px;color:var(--ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #6c809224;grid-template-columns:38px auto minmax(0,1fr);align-items:center;gap:8px;margin:-12px -12px 4px;padding:12px;display:grid;position:sticky;top:-12px}:root[data-theme=dark] .settings-page-header,:root[data-theme=graphite] .settings-page-header{background:#0f1821e0}.settings-page-header svg{color:var(--tg-blue)}.settings-page-header strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:18px;overflow:hidden}.profile-self.compact{border-radius:16px;min-height:92px;margin-top:0}.form-grid{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}.me-pane .form-grid{background:var(--panel);box-shadow:var(--soft-shadow);border:1px solid #6c809229;border-radius:16px;gap:10px;padding:12px}.me-pane .form-grid label{font-size:12px}.me-pane .form-grid input,.me-pane .form-grid textarea,.me-pane .form-grid select,.me-pane .inline-form input{background:var(--panel);border-color:#d8e2ec}.me-pane .form-grid textarea{resize:vertical;min-height:82px}.image-upload-field{color:var(--muted);gap:7px;font-size:12px;display:grid}.image-upload-field>span{font-weight:700}.image-upload-field small{color:var(--muted)}.image-upload-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.image-upload-row input:not(.hidden-file){min-width:0}.chat-background-card{gap:0}.chat-background-preview{border:1px solid var(--line);background:linear-gradient(color-mix(in srgb, var(--chat-wallpaper) 88%, transparent), color-mix(in srgb, var(--chat-wallpaper) 88%, transparent)), radial-gradient(circle at 18px 18px, var(--chat-pattern) 1.2px, transparent 1.6px), radial-gradient(circle at 7px 28px, var(--chat-pattern) 1px, transparent 1.4px);background-size:auto,34px 34px,42px 42px;border-radius:16px;place-items:end start;min-height:132px;margin:12px;padding:14px;display:grid;overflow:hidden}.chat-background-preview.has-image{background:linear-gradient(color-mix(in srgb, var(--chat-wallpaper) 34%, transparent), color-mix(in srgb, var(--chat-wallpaper) 34%, transparent)), var(--preview-chat-background);background-position:50%;background-repeat:no-repeat;background-size:cover}.chat-background-preview span{background:color-mix(in srgb, var(--panel) 84%, transparent);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.chat-background-actions{flex-wrap:wrap;gap:8px;padding:0 12px 12px;display:flex}.me-pane .primary-button{min-height:46px;font-size:16px}.plan-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.plan-list button{border:1px solid var(--line);background:var(--panel);min-height:78px;color:var(--ink);border-radius:16px;align-content:center;gap:6px;display:grid;position:relative;overflow:hidden}.plan-list button:before{content:"";background:linear-gradient(90deg, var(--tg-blue), var(--success));height:3px;position:absolute;inset:0 0 auto}.plan-list button:hover{border-color:var(--tg-blue);box-shadow:0 8px 22px #229ed91f}.plan-list strong{font-size:16px;line-height:1.1}.plan-list span,.mnemonic-result,.admin-stats b{color:var(--muted);font-size:13px}.mnemonic-result{background:var(--panel-2);overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:8px;padding:10px;display:flex}.subscription-card{background:linear-gradient(135deg, #229ed91f, #1fa97114), var(--panel);box-shadow:var(--soft-shadow);border:1px solid #229ed92e;border-radius:18px;gap:8px;padding:16px;display:grid}.subscription-card strong{font-size:18px}.subscription-card span{color:var(--muted);font-size:13px}.level-detail-card{--level-accent:#8f6a44;--level-accent-2:#d7a363;border:1px solid color-mix(in srgb, var(--level-accent) 24%, transparent);background:radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--level-accent-2) 26%, transparent), transparent 36%), linear-gradient(135deg, color-mix(in srgb, var(--level-accent) 14%, var(--panel)), var(--panel));box-shadow:var(--soft-shadow);border-radius:20px;gap:12px;padding:18px;display:grid;position:relative;overflow:hidden}.level-detail-card:before{content:"";background:linear-gradient(90deg, var(--level-accent), var(--level-accent-2));height:4px;position:absolute;inset:0 0 auto}.level-detail-comet{--level-accent:#2689d8;--level-accent-2:#75d6ff}.level-detail-stellar{--level-accent:#f59e0b;--level-accent-2:#fde047}.level-detail-blackhole{--level-accent:#5b5bd6;--level-accent-2:#a78bfa}.level-detail-kicker,.level-progress-head,.level-stat-grid small{color:var(--muted);font-size:12px;font-weight:800}.level-detail-card>strong{color:var(--ink);font-size:28px;line-height:1}.level-detail-card>p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.level-progress-head{justify-content:space-between;align-items:center;display:flex}.level-progress-head b{color:var(--level-accent)}.level-progress-track{background:color-mix(in srgb, var(--level-accent) 12%, var(--panel-2));border-radius:999px;height:10px;overflow:hidden}.level-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--level-accent), var(--level-accent-2));height:100%;display:block}.level-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.level-stat-grid span{border:1px solid color-mix(in srgb, var(--level-accent) 14%, var(--line));background:color-mix(in srgb, var(--level-accent) 7%, var(--panel));border-radius:14px;gap:5px;padding:10px;display:grid}.level-stat-grid b{color:var(--ink);font-size:13px;line-height:1.25}.settings-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;display:grid;overflow:hidden}.theme-picker-card{gap:0}.theme-picker-head{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:62px;padding:11px 12px;display:grid}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;display:grid}.theme-option{border:1px solid var(--line);background:var(--panel-2);min-width:0;min-height:72px;color:var(--ink);text-align:left;border-radius:14px;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:10px;display:grid;position:relative}.theme-option:hover,.theme-option.active{border-color:var(--tg-blue);background:color-mix(in srgb, var(--tg-blue) 8%, var(--panel))}.theme-preview{background:linear-gradient(135deg, var(--preview-accent) 0 48%, transparent 49%), var(--preview-surface);border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 0 1px #6c809238}.theme-preview i{background:var(--preview-accent);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb, var(--preview-accent) 18%, transparent);border-radius:50%}.theme-option span:nth-child(2){gap:2px;min-width:0;display:grid}.theme-option strong,.theme-option small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-option small{color:var(--muted);font-size:12px}.theme-option>svg{color:var(--tg-blue)}.settings-row{border-bottom:1px solid var(--line);background:var(--panel);width:100%;min-height:62px;color:var(--ink);text-align:left;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.settings-row:last-child{border-bottom:0}button.settings-row:hover{background:var(--panel-2)}.settings-icon{width:38px;height:38px;color:var(--tg-blue);background:#229ed91c;border-radius:8px;place-items:center;display:grid}.settings-row-main{gap:2px;min-width:0;display:grid}.settings-row-main strong{font-size:15px;line-height:1.2}.settings-row-main small{color:var(--muted);font-size:12px;line-height:1.35}.settings-chevron{color:var(--muted);transform:rotate(180deg)}.me-pane .settings-card{box-shadow:var(--soft-shadow);border-color:#6c809229;border-radius:16px}.me-pane .account-settings-group,.me-pane .preference-settings-group{grid-auto-rows:minmax(58px,auto);overflow:visible}.me-pane .settings-row{background:var(--panel);border-bottom:0;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;min-height:58px;padding:9px 14px;position:relative}.me-pane .settings-row:after{content:"";background:var(--line);opacity:.75;height:1px;position:absolute;bottom:0;left:68px;right:0}.me-pane .settings-row:last-child:after{display:none}.me-pane button.settings-row:hover{background:var(--sidebar-hover)}.me-pane .settings-icon{background:var(--tg-blue);color:#fff;border-radius:12px;width:40px;height:40px;box-shadow:inset 0 -8px 14px #00000014}.me-pane .settings-icon.tone-green{background:#20b486}.me-pane .settings-icon.tone-orange{background:#f59e0b}.me-pane .settings-icon.tone-gold{background:linear-gradient(135deg,#f59e0b,#facc15)}.me-pane .settings-icon.tone-red{background:#ef4444}.me-pane .settings-icon.tone-gray{background:#7a8b9b}.me-pane .settings-chevron{opacity:.62}.security-reset{grid-template-columns:38px minmax(0,1fr) 42px;align-items:start}.me-pane .security-reset{grid-template-columns:42px minmax(0,1fr) 42px}.security-reset .settings-row-main input{min-height:42px;margin-top:8px}.settings-action{background:var(--panel-2);width:42px;height:42px;color:var(--ink);border-radius:8px;place-items:center;display:grid}.settings-card .danger{color:var(--danger)}.settings-card .danger .settings-icon{color:var(--danger);background:#df3f471a}.me-pane .settings-card .danger .settings-icon{color:#fff;background:#ef4444}.device-card{gap:0}.device-card-head{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.device-card-head span{gap:3px;min-width:0;display:grid}.device-card-head small{color:var(--muted);font-size:12px;line-height:1.35}.device-card-head div{align-items:center;gap:8px;display:flex}.device-card-head button,.device-row button{background:var(--panel-2);min-height:36px;color:var(--ink);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 11px;display:inline-flex}.device-card-head button:first-child{width:36px;padding:0}.device-list{display:grid}.device-row{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:66px;padding:10px 12px;display:grid}.me-pane .device-row{grid-template-columns:42px minmax(0,1fr) auto}.device-row:last-child{border-bottom:0}.device-row>span:nth-child(2){gap:2px;min-width:0;display:grid}.device-row strong,.device-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-row small{color:var(--muted);font-size:12px}.device-row em{color:var(--success);background:#1fa9711f;border-radius:999px;margin-left:6px;padding:2px 6px;font-size:11px;font-style:normal;display:inline-flex}.notification-status-card{background:linear-gradient(135deg, #229ed91a, #1fa97112), var(--panel);box-shadow:var(--soft-shadow);border:1px solid #229ed92e;border-radius:18px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.notification-status-card strong,.notification-status-card small{display:block}.notification-status-card small{color:var(--muted);font-size:12px;line-height:1.4}.notification-status-card button{background:var(--tg-blue);color:#fff;border-radius:8px;min-height:36px;padding:0 12px;font-weight:700}.notification-status-card button:disabled{background:var(--panel-2);color:var(--muted)}.notify-dot{background:var(--warning);border-radius:50%;width:10px;height:10px}.notify-granted{background:var(--success)}.notify-denied,.notify-unsupported{background:var(--danger)}.switch-control{width:46px;height:28px;display:inline-block;position:relative}.switch-control input{opacity:0;width:0;height:0}.switch-control span{background:#cbd5df;border-radius:999px;transition:all .18s;position:absolute;inset:0}.switch-control span:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #17212b2e}.switch-control input:checked+span{background:var(--tg-blue)}.switch-control input:checked+span:before{transform:translate(18px)}.notification-select-row select{border:1px solid var(--line);background:var(--panel);min-width:102px;min-height:36px;color:var(--ink);border-radius:8px;padding:0 8px}.quiet-hours-row{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid;overflow:visible}.quiet-hours-row label{color:var(--muted);gap:6px;font-size:12px;display:grid}.quiet-hours-row input{min-height:38px}.me-pane .inline-form{grid-template-columns:minmax(0,1fr) 48px;gap:8px;margin-bottom:0;display:grid}.me-pane .inline-form button{width:48px;padding:0}.me-pane .action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.me-pane .action-grid button{white-space:nowrap;text-overflow:ellipsis;justify-content:center;min-height:50px;padding:0 10px;overflow:hidden}.me-pane .action-grid .danger{background:#df3f471a;grid-column:1/-1}.admin-panel{border-top:1px solid var(--line);margin-top:8px;padding-top:4px}.admin-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.admin-stats span{background:var(--panel-2);border-radius:8px;place-items:center;min-height:64px;font-size:22px;font-weight:800;display:grid}.admin-stats b{font-weight:600}.toggle-row{color:var(--muted);flex-wrap:wrap;gap:10px;display:flex}.toast{left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:80;color:#fff;max-width:min(92vw,420px);box-shadow:var(--shadow);background:#17212beb;border-radius:8px;padding:10px 14px;position:fixed;transform:translate(-50%)}.call-page{z-index:90;min-width:0;min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 26px calc(28px + env(safe-area-inset-bottom));color:#fff;background:linear-gradient(#ffffff0f,#0000 26%),linear-gradient(160deg,#20272f 0%,#111820 48%,#080b0f 100%);grid-template-rows:auto minmax(0,1fr) auto;gap:18px;display:grid;position:fixed;inset:0;overflow:hidden}.call-page:before{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#00000047 100%);position:absolute;inset:0}.call-page>*{z-index:1;position:relative}.call-page-top{justify-content:center;align-items:center;min-height:42px;display:flex;position:relative}.call-page-title{color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;overflow:hidden}.call-page-minimize{color:#fff;background:#ffffff1f;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%)}.call-page-minimize:hover{background:#ffffff38}.call-page-main{text-align:center;place-self:center;justify-items:center;gap:10px;width:min(100%,520px);min-width:0;display:grid}.call-avatar-ring{background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:132px;height:132px;display:grid;box-shadow:0 24px 58px #00000052}.call-avatar-ring .avatar-lg{width:96px;height:96px;font-size:32px}.call-page-main h2{color:#fff;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;width:100%;margin:12px 0 0;font-size:28px;font-weight:800;line-height:1.18;overflow:hidden}.call-status{color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;width:100%;margin:0;font-size:15px;overflow:hidden}.call-duration{color:#ffffffe6;font-variant-numeric:tabular-nums;min-height:24px;font-size:18px;font-weight:700}.call-network-chip{color:#ffffffc7;background:#ffffff14;border:1px solid #ffffff21;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:100%;padding:7px 11px;font-size:12px;font-weight:800;display:flex}.call-network-chip span,.call-network-chip small{white-space:nowrap}.call-network-chip small{color:#ffffff94;font-size:11px;font-weight:700}.call-network-chip.quality-good{color:#bbf7d0;background:#22c55e21;border-color:#22c55e57}.call-network-chip.quality-fair{color:#fde68a;background:#f59e0b21;border-color:#f59e0b61}.call-network-chip.quality-poor{color:#fecaca;background:#f8717124;border-color:#f8717166}.call-participant-strip{scrollbar-width:none;gap:8px;max-width:100%;padding:2px 0;display:flex;overflow-x:auto}.call-participant-strip::-webkit-scrollbar{display:none}.call-participant-pill,.call-muted-note{color:#ffffffbd;text-overflow:ellipsis;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;flex:none;max-width:168px;padding:6px 10px;font-size:12px;overflow:hidden}.call-muted-note{color:#f8d28a;background:#f59e0b21;border-color:#f59e0b6b}.call-controls{grid-template-columns:repeat(3,minmax(82px,1fr));justify-self:center;align-items:end;gap:14px;width:min(100%,540px);display:grid}.call-controls-incoming{grid-template-columns:repeat(2,minmax(96px,1fr));width:min(100%,340px)}.call-control{color:#ffffffc7;background:0 0;border:0;justify-items:center;gap:8px;min-width:0;font-size:13px;font-weight:700;display:grid}.call-control span{color:#fff;background:#ffffff24;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:66px;height:66px;display:grid;box-shadow:0 16px 32px #00000038}.call-control b{max-width:100%;font:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-control:hover span,.call-control.is-active span{background:#ffffff3d}.call-control.call-accept span{background:#17c964;border-color:#22c55e66}.call-control.call-reject span{background:#ff4d4f;border-color:#ff4d4f7a}.call-audio-stack,.remote-audio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.call-floating-window{right:max(18px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));z-index:92;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111820f0;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:min(280px,100vw - 28px);padding:9px;display:grid;position:fixed;box-shadow:0 18px 42px #00000047}.call-floating-main{text-align:left;min-width:0;color:inherit;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;display:grid}.call-floating-avatar{color:#fff;background:#229ed93d;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.call-floating-avatar.connected{background:#22c55e47}.call-floating-copy{gap:2px;min-width:0;display:grid}.call-floating-copy strong,.call-floating-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-floating-copy strong{font-size:13px;font-weight:800}.call-floating-copy small{color:#ffffffa8;font-size:12px;font-weight:700}.call-floating-actions{gap:6px;display:flex}.call-floating-actions button{color:#fff;background:#ffffff1f;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.call-floating-actions button.active{color:#f8d28a;background:#f59e0b47}.call-floating-actions button.danger{background:#ff4d4f}.spin{animation:.9s linear infinite spin}@media (width<=760px){.call-floating-window{right:12px;bottom:calc(86px + env(safe-area-inset-bottom))}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.app-shell,.app-shell.settings-layout{grid-template-columns:1fr}.side-pane{height:100dvh}.side-pane.is-covered,.chat-pane{display:none}.chat-pane.open{display:grid}.settings-companion{display:none}.settings-layout .me-pane,.settings-layout .settings-subpage{width:100%;padding:10px;padding-bottom:calc(96px + env(safe-area-inset-bottom));justify-self:stretch}.back-button{display:grid}.message-stream{padding:14px 10px}.history-search-form{grid-template-columns:1fr 92px}.history-search-form button{grid-column:1/-1}.history-results{max-height:180px}.bubble{max-width:82%}.emoji-message{font-size:34px}.composer{grid-template-columns:38px minmax(0,1fr) 38px 38px}.chat-header{gap:8px;padding-inline:10px}.socket-pill{gap:5px;width:auto;min-width:46px;min-height:22px;padding:0 8px;font-size:11px;overflow:hidden}.socket-pill:before{width:6px;height:6px}.composer-more-panel{grid-template-columns:repeat(3,minmax(68px,1fr))}.emoji-picker{grid-template-columns:repeat(8,34px)}.multi-select-bar{overflow-x:auto}.media-viewer-stage{padding:10px 12px}.media-nav{background:#ffffff2e;width:38px;height:52px}.action-grid,.level-stat-grid,.plan-list,.theme-grid,.form-grid,.word-grid{grid-template-columns:1fr}}@media (width<=420px){.call-page{padding:calc(18px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom));gap:14px}.call-floating-window{right:12px;bottom:calc(86px + env(safe-area-inset-bottom));border-radius:14px;width:min(260px,100vw - 24px)}.call-avatar-ring{width:116px;height:116px}.call-avatar-ring .avatar-lg{width:84px;height:84px;font-size:28px}.call-page-main h2{font-size:24px}.call-controls{grid-template-columns:repeat(3,minmax(74px,1fr));gap:10px}.call-controls-incoming{grid-template-columns:repeat(2,minmax(88px,1fr))}.call-control span{width:58px;height:58px}.auth-layout{padding:12px}.auth-panel{padding:20px}.brand-bar{padding-inline:12px}.pane-body{padding:10px}.subscription-strip{flex-direction:column;align-items:flex-start}.device-card-head,.device-row{grid-template-columns:1fr}.device-row .settings-icon{display:none}.device-card-head div,.device-row button{width:100%}}