.plogin{width:100%}.pl-form{display:flex;flex-direction:column;gap:14px;align-items:stretch;text-align:center}.pl-center{align-items:center;padding:24px 0}.pl-head h1{font-size:22px;font-weight:600;margin:0 0 6px;line-height:1.3}.pl-head p{margin:0;line-height:1.5}.pl-title{font-size:19px;font-weight:600;margin:0;line-height:1.3;overflow-wrap:anywhere}.pl-text{margin:0;line-height:1.5}.pl-big{margin:0;font-size:22px;font-weight:600;letter-spacing:.02em}.pl-note{margin:0;font-size:12.5px;color:var(--text-muted);line-height:1.45}.pl-error{margin:0;color:var(--danger);font-weight:500}.pl-main{width:100%;min-height:48px;font-size:16px;text-decoration:none}.pl-link{min-height:40px;font-size:15px;align-self:center}.pl-link:disabled{color:var(--text-muted);cursor:default}.pl-row{display:flex;gap:10px}.pl-row .btn{flex:1;min-height:48px;font-size:16px}.pl-icon{align-self:center;width:64px;height:64px;border-radius:50%;background:var(--active);color:var(--brand);display:inline-flex;align-items:center;justify-content:center}.pl-wait{display:inline-flex;align-items:center;gap:10px;justify-content:center;color:var(--text-muted)}.pl-wait .spinner{width:18px;height:18px;border-width:2px}.pl-alts{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}.plogin .input{font-size:16px;min-height:48px}.pl-phone{display:flex;gap:10px}.pl-ddi{display:flex;align-items:center;gap:4px;width:92px;flex:none;font-size:18px;color:var(--text-muted)}.pl-ddi .input{text-align:center;padding:10px 6px}.pl-num{flex:1;min-width:0;font-size:18px!important;letter-spacing:.02em}.pl-code-form{display:flex;flex-direction:column;gap:12px}.pl-code{text-align:center;font-size:28px!important;letter-spacing:.5em;padding-left:.5em;font-variant-numeric:tabular-nums;max-width:260px;align-self:center}.plogin .field{text-align:left;margin-bottom:0}.pl-user{position:relative;display:flex;align-items:center;gap:6px}.pl-user>span:first-child{color:var(--text-muted);font-size:18px}.pl-user .input{padding-right:38px}.pl-avail{position:absolute;right:10px;display:inline-flex;color:var(--text-muted)}.pl-avail.yes{color:var(--success)}.pl-avail.no{color:var(--danger)}.login-phone{width:min(440px,calc(100% - 24px));margin:0 auto;background:var(--bg);border-radius:14px;box-shadow:var(--shadow);padding:28px 24px 22px}.login-alt{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.login-alt .link-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;margin:0}.login-back{margin-bottom:8px}@media(max-width:480px){.login-phone{padding:22px 16px 18px;border-radius:12px}}.status-tab{flex:1;display:flex;flex-direction:column;min-height:0}.status-row-wrap{display:flex;align-items:center;padding-right:8px}.status-row-wrap .status-row{flex:1;min-width:0}.status-row{min-height:72px}.status-row .grow{display:flex;flex-direction:column;gap:3px}.status-name{display:block;font-size:16px;font-weight:500;color:var(--text)}.status-sub{display:block;font-size:13px;color:var(--text-muted)}.status-avatar{position:relative;display:inline-flex;flex:none}.status-add-badge{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;background:var(--brand-solid);color:var(--on-brand);display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.status-add-badge svg{stroke-width:3}.viewer.status-viewer,.viewer.status-composer{position:fixed;inset:0;z-index:40;color:#fff;outline:none;display:flex;align-items:center;justify-content:center;color-scheme:dark}.viewer.status-viewer{background:#070b10}.status-viewer .icon-btn,.status-composer .icon-btn{color:#ffffffeb}.status-viewer .icon-btn:hover,.status-composer .icon-btn:hover{background:#ffffff24;color:#fff}.status-viewer :focus-visible,.status-composer :focus-visible{outline-color:#fff}.sv-frame{position:relative;height:100%;width:min(100%,56.25vh,560px);overflow:hidden;background:#000;user-select:none}@media(min-width:700px){.sv-frame{height:calc(100% - 24px);border-radius:10px}}.sv-bars{position:absolute;z-index:3;top:8px;left:8px;right:8px;display:flex;gap:4px;pointer-events:none}.sv-bar{flex:1;height:3px;border-radius:2px;background:#ffffff59;overflow:hidden}.sv-fill{height:100%;width:100%;background:#fff;transform-origin:left center}.sv-head{position:absolute;z-index:3;top:0;left:0;right:0;padding:20px 6px 18px 12px;display:flex;align-items:center;gap:8px;background:linear-gradient(to bottom,#0000008c,#0000)}.sv-name{font-weight:600;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.sv-time{font-size:12px;color:#ffffffc7}.sv-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation}.sv-text{padding:80px 28px;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.3;max-height:100%;overflow:hidden;color:#fff}.sv-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.sv-tiny{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px);transform:scale(1.1);opacity:.9}.sv-img,.sv-video{position:relative;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.sv-img{opacity:0;transition:opacity .2s}.sv-img.ok{opacity:1}.sv-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.sv-note{position:relative;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:20px;background:#0000008c;font-size:14px}.sv-audio{display:flex;flex-direction:column;align-items:center;gap:16px}.sv-audio-icon{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff29}.sv-paused{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:#00000073;display:flex;align-items:center;justify-content:center;pointer-events:none}.sv-caption{position:absolute;z-index:2;left:0;right:0;bottom:64px;padding:12px 18px;text-align:center;background:#00000073;white-space:pre-wrap;overflow-wrap:anywhere;max-height:30%;overflow-y:auto;pointer-events:none}.sv-foot{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:10px 10px 12px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(to top,#0009,#0000)}.sv-views{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;color:#fff;background:#ffffff29;padding:8px 16px;border-radius:20px;font-weight:600}.sv-views:hover{background:#ffffff42}.sv-views-label{font-weight:400}.sv-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.sv-nav:hover{background:#ffffff3d}.sv-nav:disabled{opacity:.3;cursor:default}.sv-nav.prev{left:max(12px,calc(50% - (min(100vw,100vh * 9 / 16,560px)/2) - 72px))}.sv-nav.next{right:max(12px,calc(50% - (min(100vw,100vh * 9 / 16,560px)/2) - 72px))}@media(max-width:760px){.sv-nav{display:none}}.sv-sheet{position:absolute;z-index:4;left:0;right:0;bottom:0;max-height:60%;display:flex;flex-direction:column;background:#141e29;color:#e6edf3;border-radius:14px 14px 0 0;box-shadow:0 -4px 20px #00000080;animation:sv-up .18s ease-out;cursor:default}@keyframes sv-up{0%{transform:translateY(30%);opacity:0}to{transform:none;opacity:1}}.sv-sheet-head{display:flex;align-items:center;padding:8px 8px 8px 18px;border-bottom:1px solid #22303D}.sv-sheet-head h2{flex:1;margin:0;font-size:16px;font-weight:600}.sv-sheet-body{overflow-y:auto;padding:4px 0 10px}.sv-sheet-body .empty{color:#8b98a5}.sv-viewer-row{display:flex;align-items:center;gap:12px;padding:8px 18px}.sv-sheet-time{font-size:12px;color:#8b98a5}.viewer.status-composer{flex-direction:column;align-items:stretch;justify-content:flex-start;transition:background .2s}.viewer.status-composer.media{background:#070b10}.sc-head{display:flex;align-items:center;gap:8px;padding:10px 12px}.sc-title{font-size:16px;font-weight:600}.sc-font{font-size:18px;width:48px}.sc-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 24px}.sc-text{width:min(100%,720px);max-height:100%;background:transparent;border:0;outline:none;resize:none;color:#fff;text-align:center;line-height:1.3;field-sizing:content;min-height:1.4em}.status-composer .sc-text:focus-visible{outline:none}.sc-text::placeholder{color:#fff9}.sc-foot{display:flex;flex-direction:column;gap:10px;padding:12px 16px 16px;width:min(100%,760px);margin:0 auto}.sc-colors{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sc-swatch{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.6);cursor:pointer;padding:0;box-shadow:0 1px 4px #00000059}.sc-swatch.on{border:3px solid #fff;transform:scale(1.12)}.sc-row{display:flex;align-items:center;gap:10px}.sc-hint{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#ffffffd9}.sc-count{font-size:12px;color:#fffc}.sc-send{width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;flex:none;background:var(--fab);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000059}.sc-send:disabled{opacity:.55;cursor:default}.sc-send .spinner{border-color:#ffffff59;border-top-color:#fff}.sc-preview{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 16px}.sc-preview img,.sc-preview video{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;background:#000}.sc-caption{flex:1;min-width:0;height:46px;border-radius:23px;border:0;outline:none;padding:0 18px;background:#1b2733;color:#fff}.sc-caption::placeholder{color:#8b98a5}.sc-caption:focus{box-shadow:0 0 0 2px #ff6b6b}.sc-warn{display:flex;align-items:center;gap:8px;font-size:13px;padding:8px 12px;border-radius:8px;background:#f2b7052e;color:#f8d766}.sc-progress{position:relative;height:26px;border-radius:13px;background:#ffffff1f;overflow:hidden}.sc-progress>div{position:absolute;inset:0;background:var(--fab);transform-origin:left center;transition:transform .15s}.sc-progress>span{position:relative;display:flex;align-items:center;justify-content:center;height:100%;font-size:12px;font-weight:600}.sv-link{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;color:#fff;text-align:center}.sv-link .media-box{max-height:70vh}.sv-link-title{margin:0;font-size:16px;font-weight:500;max-width:340px}.call-layer{z-index:45}.call-incoming-wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay);padding:16px}.call-incoming{width:min(360px,100%);background:var(--bg);color:var(--text);border-radius:18px;box-shadow:var(--shadow);padding:28px 24px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;animation:call-pop .18s ease-out}.call-in-title{margin:14px 0 0;font-size:18px;font-weight:600;line-height:1.3;word-break:break-word}.call-in-sub{margin:0;color:var(--text-muted);font-size:13px}.call-actions{display:flex;justify-content:center;gap:48px;margin-top:22px}.call-actions.bottom{gap:28px;margin:0;padding:24px 16px 40px}.call-action{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.call-btn{width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:filter .15s,transform .1s}.call-btn:hover{filter:brightness(1.08)}.call-btn:active{transform:scale(.96)}.call-btn:disabled{opacity:.55;cursor:default}.call-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.call-btn.accept{background:var(--success)}.call-btn.decline{background:var(--danger)}.call-btn.ctl{background:#ffffff24}.call-btn.ctl.on{background:#fff;color:#16202b}.call-screen{position:fixed;inset:0;display:flex;flex-direction:column;color:#fff;background:linear-gradient(180deg,var(--brand-dark) 0%,#0B1420 100%);animation:call-fade .18s ease-out}.call-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.call-kind{display:inline-flex;align-items:center;gap:6px;font-size:13px;opacity:.8}.call-icon-light{color:#ffffffd9}.call-icon-light:hover{background:#ffffff1f;color:#fff}.call-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center}.call-avatar{margin-bottom:14px}.call-name{margin:0;font-size:26px;font-weight:600;word-break:break-word}.call-status{font-size:15px;opacity:.85;min-height:1.4em;font-variant-numeric:tabular-nums}.call-status.warn{color:var(--accent);opacity:1}.call-screen.is-ended .call-status{font-size:16px;opacity:1}.call-peer-muted,.call-self-muted{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:5px 12px;border-radius:14px;background:#ffffff1f}.call-self-muted{background:transparent;opacity:.7}.call-mini{position:fixed;top:12px;left:50%;transform:translate(-50%);width:min(460px,calc(100% - 24px));display:flex;align-items:center;gap:8px;background:var(--brand-dark);color:#fff;border-radius:32px;padding:6px 8px 6px 6px;box-shadow:var(--shadow)}.call-mini-info{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:none;border:0;color:inherit;cursor:pointer;text-align:left;padding:2px;border-radius:24px}.call-mini-info:focus-visible{outline:2px solid var(--accent)}.call-mini-info .grow{display:flex;flex-direction:column}.call-mini-name{font-weight:600;font-size:14px}.call-mini .call-status{font-size:12px}.call-mini .call-btn{width:40px;height:40px}.call-mini-flag{display:inline-flex;opacity:.8}.call-avatar-pulse{border-radius:50%;animation:call-pulse 1.8s ease-out infinite}@keyframes call-pulse{0%{box-shadow:0 0 #ff6b6b8c}70%{box-shadow:0 0 0 22px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}@keyframes call-pop{0%{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}@keyframes call-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.call-avatar-pulse,.call-incoming,.call-screen{animation:none}}.calls-log{list-style:none;margin:0;padding:0}.call-row{display:flex;align-items:center;padding-right:10px}.call-row .list-item{flex:1;min-width:0}.call-row .list-item .grow{display:flex;flex-direction:column;gap:2px}.call-log-name{font-size:16px;color:var(--text)}.call-log-name.missed{color:var(--danger)}.call-log-sub{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted);min-width:0}.call-dir{flex:none}.call-dir.ok{color:var(--success)}.call-dir.bad{color:var(--danger)}.call-dir.muted{color:var(--text-muted)}.call-back{color:var(--brand)}.reels{display:flex;flex-direction:column;height:100%;min-height:0;background:#000;color:#fff}.reels-top{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 6px 14px;font-size:17px;background:#0000008c;position:relative;z-index:2}.reels-top .icon-btn{color:#fff}.reels-scroll{flex:1;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.reel{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.reel-frame{position:relative;height:100%;aspect-ratio:9 / 16;max-width:100%;background:#000;display:flex;align-items:center;justify-content:center}.reel-frame video,.reel-frame iframe{width:100%;height:100%;object-fit:contain;border:0;display:block;background:#000}.reel-poster{position:relative;width:100%;height:100%;border:0;padding:0;background:#000;cursor:pointer;display:block}.reel-poster img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}.reel-origin{position:absolute;left:0;right:0;bottom:28%;text-align:center;color:#fff;font-size:13.5px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.reel .play-circle.big{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:#c8102eeb;color:#fff;display:grid;place-items:center;padding-left:4px;box-shadow:0 4px 18px #00000073;pointer-events:none}.reel-processing{display:flex;flex-direction:column;align-items:center;gap:10px;color:#ddd;font-size:14px}.reel-actions{position:absolute;right:8px;bottom:96px;display:flex;flex-direction:column;gap:14px;align-items:center;z-index:2}.reel-act{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;color:#fff;font:inherit;font-size:12.5px;cursor:pointer;padding:4px;text-shadow:0 1px 3px rgba(0,0,0,.8);filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}.reel-act.liked{color:#ff3b5c}.reel-act.liked svg{fill:currentColor}.reel-act:active{transform:scale(.92)}.reel-info{position:absolute;left:12px;right:76px;bottom:16px;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.85)}.reel-author{display:flex;align-items:center;gap:10px;margin-bottom:6px}.reel-author b{display:block;font-size:15px}.reel-author small{display:block;color:#ddd;font-size:12px}.reel-caption{margin:0;font-size:14px;line-height:1.35;max-height:5.4em;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.reels-empty,.reels-loading{flex-direction:column;gap:12px;padding:24px;text-align:center;color:#ddd}.reels-empty p{max-width:320px;margin:0}.reels-end{padding:18px;text-align:center;color:#aaa;font-size:13px;scroll-snap-align:end}.reel-menu-wrap{position:absolute;inset:0;z-index:5;background:#00000059;display:flex;align-items:flex-end;justify-content:center}.reel-menu{background:var(--bg);color:var(--text);border-radius:14px 14px 0 0;width:min(100%,480px);padding:8px 0 calc(8px + env(safe-area-inset-bottom));box-shadow:var(--shadow)}.reel-menu .menu-item{display:block;width:100%;text-align:left;padding:14px 18px;background:none;border:0;color:inherit;font:inherit;font-size:15px;cursor:pointer;text-decoration:none}.reel-menu .menu-item:hover{background:var(--hover)}.reel-menu .danger-text{color:var(--danger, #C8102E)}.reel-comments{display:flex;flex-direction:column;max-height:80vh;padding:0}.reel-comments-top{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 10px 16px;border-bottom:1px solid var(--border)}.reel-comments-list{flex:1;min-height:160px;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:10px}.reel-comment{display:flex;gap:10px;align-items:flex-start}.reel-comment p{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.reel-comments-form{display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.reel-comments-form .input{flex:1}.reel-create{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.reel-create .reel-comments-top{margin:0 -16px}.reel-create .seg{display:flex;gap:6px}.reel-create .seg button{flex:1;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--bg-2);color:inherit;font:inherit;cursor:pointer}.reel-create .seg button.active{background:var(--brand);color:#fff;border-color:var(--brand)}.reel-create .seg button:disabled{opacity:.5;cursor:not-allowed}.reel-create .field{display:flex;flex-direction:column;gap:6px}.reel-create .row.end{justify-content:flex-end;gap:8px}.reel-progress{width:100%;height:8px}.muted.center{text-align:center}.app-shell.reels-tab .main{display:none}.app-shell.reels-tab .side{width:100%;max-width:none;flex:1;border-right:0}.reel-mute-hint{position:absolute;left:50%;top:14px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:0;background:#000000a6;color:#fff;font:inherit;font-size:13.5px;cursor:pointer;z-index:3;box-shadow:0 2px 10px #0006}.settings-panel{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg)}.settings-scroll{padding-bottom:24px}.settings-me{display:flex;align-items:center;gap:16px;width:100%;padding:14px 16px 18px;border:0;background:none;cursor:pointer;text-align:left;border-bottom:1px solid var(--border)}.settings-me:hover,.settings-me:focus-visible{background:var(--hover);outline:none}.settings-me-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.settings-me-name{font-size:18px;font-weight:600}.settings-me-about{color:var(--text-muted)}.settings-me-user{color:var(--brand);font-size:13px}.settings-chevron{color:var(--text-muted);flex:none}.settings-row{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px;min-height:60px;border:0;background:none;text-align:left;color:var(--text)}.settings-row.clickable{cursor:pointer}.settings-row.clickable:hover,.settings-row.clickable:focus-visible{background:var(--hover);outline:none}.settings-row-icon{color:var(--text-muted);display:inline-flex;flex:none;width:24px;justify-content:center}.settings-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-row-title{font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-row-desc{font-size:13px;color:var(--text-muted);line-height:1.4}.settings-list{list-style:none;margin:0;padding:0}.settings-list>li+li{border-top:1px solid var(--border)}.settings-tag{font-size:11px;padding:2px 8px;color:var(--brand);background:var(--active);font-weight:600}.settings-select{width:auto;min-width:140px;max-width:46%;padding:7px 10px;flex:none;cursor:pointer}.settings-divider{height:8px;background:var(--bg-2);margin:8px 0}.settings-footer{text-align:center;color:var(--text-muted);font-size:12px;margin:18px 0 0}.settings-intro{margin:0;padding:4px 16px 12px;color:var(--text-muted);line-height:1.5;font-size:13px}.settings-hint{margin:8px 16px 0;color:var(--text-muted);font-size:12px;line-height:1.5}.settings-note{margin:4px 16px 8px;padding:10px 12px;border-radius:8px;background:var(--system-bubble);color:var(--text);font-size:13px;line-height:1.5}.settings-confirm{line-height:1.5}.settings-modal-text{font-size:13px;line-height:1.5;margin:0 0 8px}.settings-avatar-wrap{display:flex;justify-content:center;padding:20px 16px 8px}.settings-avatar-btn{position:relative;border:0;padding:0;background:none;border-radius:50%;cursor:pointer}.settings-avatar-btn:disabled{cursor:progress}.settings-avatar-overlay{position:absolute;inset:0;border-radius:50%;background:#00000073;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:.03em;opacity:0;transition:opacity .15s}.settings-avatar-btn:hover .settings-avatar-overlay,.settings-avatar-btn:focus-visible .settings-avatar-overlay,.settings-avatar-btn:disabled .settings-avatar-overlay{opacity:1}@media(hover:none){.settings-avatar-overlay{opacity:.85;background:linear-gradient(transparent 55%,#0000008c 55%);justify-content:flex-end;padding-bottom:14px}}.settings-form{padding:8px 16px 0}.settings-counter{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--text-muted)}.settings-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px}.settings-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:12px 24px 18px}.settings-hero p{margin:0;line-height:1.5}.settings-hero .btn{margin-top:6px}.settings-hero-icon{width:64px;height:64px;border-radius:50%;background:var(--active);color:var(--brand);display:inline-flex;align-items:center;justify-content:center}.settings-block{padding:0 16px}.settings-link-box{display:flex;align-items:center;gap:4px}.settings-link-box .input{flex:1;min-width:0;font-size:13px}.settings-actions{display:flex;flex-wrap:wrap;gap:8px}.settings-actions .btn{text-decoration:none}.settings-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}.settings-stats>div{background:var(--bg-2);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:2px}.settings-stats strong{font-size:22px;color:var(--brand)}.settings-stats span{font-size:12px;color:var(--text-muted)}.settings-radios{border:0;margin:0;padding:0;min-width:0}.settings-radios legend{padding-left:16px}.settings-radio input{width:18px;height:18px;margin:0;accent-color:var(--brand);flex:none}.settings-theme-swatch{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);flex:none}.settings-theme-swatch.light{background:linear-gradient(135deg,#fff 50%,#fff1c2 50%)}.settings-theme-swatch.dark{background:linear-gradient(135deg,#0f1720 50%,#5c1a22 50%)}.settings-theme-swatch.system{background:linear-gradient(135deg,#fff 50%,#0f1720 50%)}.settings-faq{padding:0 16px}.settings-faq details{border-bottom:1px solid var(--border)}.settings-faq summary{cursor:pointer;padding:12px 0;font-weight:500;list-style-position:outside}.settings-faq summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.settings-faq p{margin:0 0 12px;color:var(--text-muted);line-height:1.5}.settings-about{display:flex;align-items:center;gap:14px;padding:4px 16px 16px}.settings-about>div{display:flex;flex-direction:column;gap:2px}@media(max-width:400px){.settings-select{min-width:120px}.settings-stats{grid-template-columns:1fr}}:root{--brand: #C8102E;--brand-dark: #8E0B20;--brand-solid: #C8102E;--accent: #FFCC00;--fab: #C8102E;--bg: #FFFFFF;--bg-2: #F3F5F8;--bg-3: #E8ECF1;--chat-bg: #F6F0E8;--bubble-out: #FFF1C2;--bubble-in: #FFFFFF;--text: #111B21;--text-muted: #667781;--tick-read: #2E9BF0;--unread: #C8102E;--danger: #D93025;--success: #1E9E5A;--border: #E2E6EB;--hover: #F0F3F7;--active: #E3EAF4;--shadow: 0 2px 12px rgba(17, 27, 33, .14);--overlay: rgba(11, 17, 24, .55);--dot: rgba(200, 16, 46, .07);--on-brand: #FFFFFF;--system-bubble: #FFF6D6;--font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--brand: #FF6B6B;--brand-dark: #2A0A10;--fab: #D42640;--brand-solid: #D42640;--bg: #0F1720;--bg-2: #141E29;--bg-3: #1B2733;--chat-bg: #0B1118;--bubble-out: #5C1A22;--bubble-in: #1C2530;--text: #E6EDF3;--text-muted: #8B98A5;--tick-read: #53BDFF;--unread: #FF6B6B;--danger: #FF6B5E;--success: #3DD68C;--border: #22303D;--hover: #18232F;--active: #1F2D3B;--shadow: 0 2px 14px rgba(0, 0, 0, .5);--dot: rgba(255, 107, 107, .06);--system-bubble: #2A2A1C;color-scheme:dark}}:root[data-theme=dark]{--brand: #FF6B6B;--brand-dark: #2A0A10;--fab: #D42640;--brand-solid: #D42640;--bg: #0F1720;--bg-2: #141E29;--bg-3: #1B2733;--chat-bg: #0B1118;--bubble-out: #5C1A22;--bubble-in: #1C2530;--text: #E6EDF3;--text-muted: #8B98A5;--tick-read: #53BDFF;--unread: #FF6B6B;--danger: #FF6B5E;--success: #3DD68C;--border: #22303D;--hover: #18232F;--active: #1F2D3B;--shadow: 0 2px 14px rgba(0, 0, 0, .5);--dot: rgba(255, 107, 107, .06);--system-bubble: #2A2A1C;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}#root{position:fixed;left:0;top:var(--app-top, 0px);width:100%;height:var(--app-h, 100%)}body{font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg-3);-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit}input,textarea,select{font:inherit;color:var(--text)}a{color:var(--brand)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--text-muted);cursor:pointer;flex:none}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn.active{color:var(--brand);background:var(--active)}.icon-btn:disabled{opacity:.4;cursor:default}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:20px;border:1px solid var(--border);background:var(--bg);cursor:pointer;font-weight:500;white-space:nowrap}.btn:hover{background:var(--hover)}.btn.primary{background:var(--brand-solid);color:var(--on-brand);border-color:var(--brand-solid)}.btn.primary:hover{filter:brightness(1.07)}.btn.danger{color:var(--danger)}.btn.danger.solid{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.success{background:var(--success);color:#fff;border-color:var(--success)}.btn:disabled{opacity:.55;cursor:default}.btn.small{padding:5px 12px;font-size:13px}.link-btn{background:none;border:0;color:var(--brand);cursor:pointer;padding:0;font-weight:500}.input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);outline:none}.input:focus{border-color:var(--brand)}textarea.input{resize:vertical;min-height:70px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>span{font-size:13px;color:var(--text-muted)}.muted{color:var(--text-muted)}.danger-text{color:var(--danger)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row{display:flex;align-items:center;gap:10px}.grow{flex:1;min-width:0}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--brand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar{flex:none;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;user-select:none;background:var(--bg-3)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.switch{position:relative;width:38px;height:22px;flex:none}.switch input{opacity:0;width:0;height:0;position:absolute}.switch span{position:absolute;inset:0;border-radius:22px;background:var(--bg-3);border:1px solid var(--border);cursor:pointer;transition:background .15s}.switch span:after{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .15s}.switch input:checked+span{background:var(--brand);border-color:var(--brand)}.switch input:checked+span:after{transform:translate(16px)}.switch input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}.modal-overlay{position:fixed;inset:0;background:var(--overlay);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--bg);border-radius:12px;box-shadow:var(--shadow);width:min(460px,100%);max-height:min(86vh,760px);display:flex;flex-direction:column;overflow:hidden}.modal.wide{width:min(640px,100%)}.modal-head{display:flex;align-items:center;gap:8px;padding:12px 12px 12px 20px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:17px;margin:0;flex:1;font-weight:600}.modal-body{padding:16px 20px;overflow-y:auto;flex:1}.modal-foot{padding:12px 20px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border)}.menu{position:fixed;z-index:60;background:var(--bg);border-radius:10px;box-shadow:var(--shadow);padding:6px 0;min-width:200px;border:1px solid var(--border)}.menu button{display:flex;width:100%;align-items:center;gap:12px;padding:9px 18px;border:0;background:none;cursor:pointer;text-align:left;font-size:14px}.menu button:hover,.menu button:focus-visible{background:var(--hover);outline:none}.menu button.danger{color:var(--danger)}.menu hr{border:0;border-top:1px solid var(--border);margin:4px 0}.toasts{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:#24303c;color:#fff;padding:10px 18px;border-radius:8px;box-shadow:var(--shadow);font-size:14px;pointer-events:auto;max-width:90vw}.toast.error{background:var(--danger)}.list-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border:0;background:none;width:100%;text-align:left;min-height:64px}.list-item:hover,.list-item:focus-visible{background:var(--hover);outline:none}.list-item.selected{background:var(--active)}.section-title{padding:16px 16px 8px;font-size:13px;color:var(--brand);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.empty{padding:32px 24px;text-align:center;color:var(--text-muted)}.badge{min-width:20px;height:20px;border-radius:10px;padding:0 6px;background:var(--unread);color:#fff;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.badge.muted-badge{background:var(--text-muted)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:14px;background:var(--bg-3);font-size:13px}.ad-card{margin:8px 12px;border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;gap:12px;align-items:center;background:var(--bg-2)}.ad-card img{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:none}.ad-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.app-shell{height:100%;display:flex;max-width:1600px;margin:0 auto;background:var(--bg);box-shadow:var(--shadow);position:relative;overflow:hidden}@media(min-width:1440px){.app-shell{height:calc(100% - 38px);margin-top:19px}body:before{content:"";position:fixed;inset:0 0 auto;height:127px;background:var(--brand-dark);z-index:-1}}.rail{width:64px;flex:none;background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:4px}.rail .rail-btn{position:relative;width:44px;height:44px}.rail .rail-btn .dot{position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 2px var(--bg-2)}.rail .rail-btn .badge{position:absolute;top:0;right:-4px;min-width:18px;height:18px;font-size:11px}.rail .spacer{flex:1}.rail .me{border:0;background:none;padding:0;cursor:pointer;border-radius:50%}.side{width:30%;min-width:320px;max-width:460px;flex:none;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--bg);min-height:0}.main{flex:1;min-width:0;display:flex;position:relative;background:var(--chat-bg)}.main>.conv{flex:1;min-width:0}.right-panel{width:380px;flex:none;border-left:1px solid var(--border);background:var(--bg);display:flex;flex-direction:column;min-height:0}@media(max-width:1100px){.right-panel{position:absolute;inset:0 0 0 auto;width:min(400px,100%);z-index:5;box-shadow:var(--shadow)}}.panel-head{display:flex;align-items:center;gap:6px;padding:10px 12px 10px 16px;min-height:60px}.panel-head h1{flex:1;margin:0;font-size:20px;font-weight:700}.panel-head.brand{background:var(--brand-dark);color:#fff}.panel-head.brand .icon-btn{color:#fff}.scroll{flex:1;overflow-y:auto;min-height:0}.search-box{margin:0 12px 8px;display:flex;align-items:center;gap:8px;background:var(--bg-2);border-radius:10px;padding:0 4px 0 12px;height:38px;color:var(--text-muted)}.search-box input{flex:1;border:0;background:transparent;outline:none;min-width:0;height:100%}.search-box:focus-within{box-shadow:0 0 0 2px var(--brand)}.filters{display:flex;gap:8px;padding:0 12px 8px;flex-wrap:wrap}.filters button{border:0;background:var(--bg-2);padding:6px 12px;border-radius:16px;cursor:pointer;color:var(--text-muted);font-size:13px}.filters button.on{background:var(--active);color:var(--brand);font-weight:600}.chat-item{display:flex;gap:12px;align-items:center;padding:0 0 0 14px;height:72px;cursor:pointer;width:100%;border:0;background:none;text-align:left}.chat-item:hover,.chat-item:focus-visible{background:var(--hover);outline:none}.chat-item.selected{background:var(--active)}.chat-item .body{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--border);padding-right:14px;gap:3px}.chat-item .line{display:flex;align-items:center;gap:6px;min-width:0}.chat-item .name{flex:1;min-width:0;font-size:16px;font-weight:500}.chat-item .time{font-size:12px;color:var(--text-muted);flex:none}.chat-item .time.unread{color:var(--unread);font-weight:600}.chat-item .preview{flex:1;min-width:0;color:var(--text-muted);display:flex;align-items:center;gap:3px}.chat-item .preview .ellipsis{min-width:0}.chat-item .preview.typing{color:var(--success);font-style:italic}.chat-item .flags{display:flex;align-items:center;gap:4px;color:var(--text-muted);flex:none}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:24px;color:var(--text-muted);border-bottom:6px solid var(--brand);background:var(--bg-2)}.empty-state img{width:120px;height:120px;opacity:.95}.empty-state h2{color:var(--text);font-weight:400;font-size:28px;margin:0}.empty-state p{max-width:460px;line-height:1.5;margin:0}.conn-banner{background:var(--accent);color:#111;font-size:13px;padding:8px 14px;display:flex;gap:8px;align-items:center}.notif-banner{background:var(--brand-solid);color:#fff;padding:12px 14px;display:flex;gap:12px;align-items:center;font-size:13px}.notif-banner .btn{background:#fff;color:var(--brand-solid);border:0;padding:4px 12px}.install-banner{display:flex;gap:10px;align-items:center;padding:10px 6px 10px 12px;background:var(--accent);color:#1a1400;font-size:13px;line-height:1.4}.install-banner img{border-radius:8px;flex:none}.install-banner b{display:block;font-size:13.5px}.install-banner .btn{background:#1a1400;color:#fff;border:0;flex:none;min-height:36px;text-decoration:none}.install-banner .install-x{color:#1a1400}.install-banner .install-x:hover{background:#00000014;color:#000}.install-banner.floating{width:min(560px,100%);border-radius:12px;margin:0 auto 12px;box-shadow:0 4px 18px #0003;position:relative;z-index:2}.login>.install-banner.floating{width:min(560px,calc(100% - 24px));margin-top:max(12px,env(safe-area-inset-top));margin-bottom:0}.install-steps{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.ios-share{display:inline-flex;vertical-align:-2px;padding:1px 3px;border:1px solid currentColor;border-radius:4px}.invite-share{display:flex;flex-direction:column;gap:14px}.invite-share p{margin:0;line-height:1.5}.invite-box{display:flex;gap:6px;align-items:center}.invite-box .input{flex:1;min-width:0;color:var(--brand)}.invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.invite-actions .btn{white-space:normal;min-height:44px;text-align:center}.invite-qr{display:flex;flex-direction:column;align-items:center;gap:8px}.invite-qr canvas{border-radius:8px;background:#fff;padding:8px;width:240px;height:240px;box-sizing:content-box;max-width:calc(100% - 16px)}.invite-nudge{display:flex;gap:10px;align-items:center;padding:8px 6px 8px 12px;background:var(--bg);border-bottom:1px solid var(--border);z-index:1}.invite-nudge b{display:block}.info-invite{width:100%;margin-bottom:10px;min-height:44px}@media(max-width:767px){.app-shell{flex-direction:column-reverse;box-shadow:none;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.rail{width:100%;height:calc(58px + env(safe-area-inset-bottom));flex:none;flex-direction:row;justify-content:space-around;padding:0 6px env(safe-area-inset-bottom);border-right:0;border-top:1px solid var(--border)}.rail .rail-btn{width:48px;height:48px}.rail .spacer{display:none}.side{width:100%;max-width:none;min-width:0;flex:1;border-right:0}.main{position:absolute;inset:0;z-index:10;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-shell:not(.has-conv) .main{display:none}.app-shell.has-conv .side,.app-shell.has-conv .rail{display:none}.right-panel{width:100%;inset:0}.composer-wrap,.composer.readonly{padding-bottom:env(safe-area-inset-bottom)}.toasts{bottom:calc(76px + env(safe-area-inset-bottom));width:calc(100% - 24px)}.notif-banner{flex-wrap:wrap}.notif-banner .grow{min-width:60%}.modal-overlay{padding:0;align-items:flex-end}.modal,.modal.wide{width:100%;max-height:92%;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom)}.empty-state{display:none}.invite-actions{grid-template-columns:1fr}}@media(pointer:coarse){.icon-btn{width:44px;height:44px}.menu button{min-height:46px;font-size:15px}.list-item{min-height:56px}.btn{min-height:40px}.btn.small{min-height:34px}.input,.search-box input,.input-wrap textarea,textarea,select{font-size:16px}.search-box{height:42px}.filters button{padding:8px 14px}}@media(min-width:768px){.mobile-only{display:none!important}}@media(pointer:coarse){input,textarea,select,[contenteditable=true]{font-size:16px!important}}.conv{display:flex;flex-direction:column;min-height:0;height:100%;position:relative;background:var(--chat-bg)}.conv-empty{align-items:center;justify-content:center}.conv-head{display:flex;align-items:center;gap:4px;padding:8px 10px 8px 12px;background:var(--bg-2);border-bottom:1px solid var(--border);min-height:60px;z-index:2}.conv-head-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;border:0;background:none;cursor:pointer;text-align:left;padding:2px 4px;border-radius:8px}.conv-title{display:block;font-size:16px;font-weight:600}.conv-sub{display:block;font-size:13px;color:var(--text-muted)}.conv-sub.typing{color:var(--success)}.pinned-bar{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 14px;background:var(--bg);border-bottom:1px solid var(--border);min-height:46px}.pinned-main{display:flex;align-items:center;gap:8px;border:0;background:none;cursor:pointer;text-align:left;min-width:0;color:var(--text);padding:6px 0}.pinned-main svg{color:var(--text-muted);flex:none}.pin-dots{display:flex;flex-direction:column;gap:3px}.pin-dots span{width:3px;height:9px;border-radius:2px;background:var(--border)}.pin-dots span.on{background:var(--brand)}.msg-scroll{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;min-height:0;background-color:var(--chat-bg);background-image:radial-gradient(var(--dot) 1.2px,transparent 1.3px);background-size:18px 18px}.msg-list{display:flex;flex-direction:column;padding:12px 6% 16px;gap:2px;min-height:100%;justify-content:flex-end}@media(max-width:1000px){.msg-list{padding:12px 14px 16px}}.day-sep,.unread-sep,.sys-msg{display:flex;justify-content:center;margin:10px 0 6px}.day-sep span,.sys-msg span{background:var(--bg);color:var(--text-muted);font-size:12.5px;padding:5px 12px;border-radius:8px;box-shadow:0 1px 1px #0000000f;text-align:center;max-width:85%}.sys-msg span{background:var(--system-bubble);color:var(--text)}.sys-msg.notice span{display:inline-flex;gap:6px;align-items:center;color:var(--text-muted)}.unread-sep{background:#7f7f7f1f;padding:4px 0;margin:10px -100vw}.unread-sep span{background:var(--bg);color:var(--brand);font-size:12.5px;font-weight:600;padding:4px 14px;border-radius:12px}.msg-row{display:flex;flex-direction:column;position:relative;max-width:100%}.msg-row.out{align-items:flex-end}.msg-row.in{align-items:flex-start}.msg-row.first{margin-top:8px}.msg-row.has-react{margin-bottom:14px}.msg-row.hl .bubble{animation:hl 2s ease}@keyframes hl{0%,50%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:0 1px .5px #0b141a21}}.bubble{position:relative;max-width:min(78%,620px);padding:6px 8px 8px 9px;border-radius:8px;background:var(--bubble-in);box-shadow:0 1px .5px #0b141a21;word-wrap:break-word;overflow-wrap:anywhere;font-size:14.2px;line-height:1.42}.msg-row.out .bubble{background:var(--bubble-out)}.msg-row.in .bubble.tail{border-top-left-radius:0}.msg-row.out .bubble.tail{border-top-right-radius:0}.msg-row.in .bubble.tail:before,.msg-row.out .bubble.tail:before{content:"";position:absolute;top:0;width:8px;height:13px}.msg-row.in .bubble.tail:before{left:-8px;background:var(--bubble-in);clip-path:polygon(100% 0,0 0,100% 100%)}.msg-row.out .bubble.tail:before{right:-8px;background:var(--bubble-out);clip-path:polygon(0 0,100% 0,0 100%)}.bubble .author{font-size:13px;font-weight:600;margin-bottom:2px}.bubble .text{white-space:pre-wrap;display:inline}.bubble .text:after{content:"";display:inline-block;width:74px}.msg-row.out .bubble .text:after{width:92px}.bubble .meta{float:right;position:relative;top:6px;margin:-10px 0 -5px 8px;display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--text-muted);white-space:nowrap;height:15px}.bubble.media-only{padding:3px}.bubble.media-only .meta{position:absolute;right:8px;bottom:6px;top:auto;margin:0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.bubble.media-only .meta .tick{color:#fff!important}.bubble .deleted{font-style:italic;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px;padding-right:50px}.bubble .fwd{font-size:12.5px;color:var(--text-muted);font-style:italic;display:flex;align-items:center;gap:4px;margin-bottom:2px}.bubble a{color:var(--brand);word-break:break-all}.bubble-actions{position:absolute;top:2px;right:2px;display:none;gap:0;background:inherit;border-radius:0 8px 0 12px;padding-left:6px}.bubble:hover .bubble-actions,.bubble:focus-within .bubble-actions{display:flex}.bubble-actions .icon-btn{width:28px;height:28px}@media(hover:none){.bubble-actions{display:none!important}.bubble{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.quote{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;width:100%;text-align:left;background:#7f7f7f1f;border:0;border-left:4px solid var(--brand);border-radius:6px;padding:5px 8px;margin:0 0 4px;cursor:pointer;font-size:13px;min-width:160px;overflow:hidden}.quote b{font-size:12.5px;grid-column:1}.quote span{grid-column:1;color:var(--text-muted)}.quote img{grid-column:2;grid-row:1 / span 2;width:40px;height:40px;object-fit:cover;border-radius:4px;filter:blur(1px)}.quote.static{cursor:default}.reactions{position:absolute;bottom:-14px;display:inline-flex;align-items:center;gap:1px;padding:2px 6px;border-radius:12px;background:var(--bg);border:1px solid var(--border);box-shadow:0 1px 2px #0000001a;cursor:pointer;font-size:14px;z-index:1}.msg-row.out .reactions{right:12px}.msg-row.in .reactions{left:12px}.reactions small{color:var(--text-muted);margin-left:3px;font-size:12px}.reactions span.mine{filter:drop-shadow(0 0 1px var(--brand))}.failed-row{display:flex;gap:12px;padding:2px 4px;font-size:12.5px}.failed-row .link-btn{display:inline-flex;align-items:center;gap:4px;font-size:12.5px}.call-log{display:flex;align-items:center;gap:10px;border:0;background:none;cursor:pointer;text-align:left;padding:4px 60px 4px 2px;min-width:220px}.call-log b{display:block;font-weight:500}.call-log small{display:block}.call-ic{width:36px;height:36px;border-radius:50%;background:#7f7f7f26;display:inline-flex;align-items:center;justify-content:center;color:var(--success);flex:none}.call-ic.missed{color:var(--danger)}.media-box{position:relative;display:block;border:0;padding:0;border-radius:6px;overflow:hidden;background:var(--bg-3);cursor:pointer;max-width:100%}.media-box img,.media-box video{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}.media-box img.tiny{position:absolute;inset:0;filter:blur(14px);transform:scale(1.1)}.bubble:not(.media-only) .media-box{margin-bottom:4px}.media-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.play-circle{width:54px;height:54px;border-radius:50%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;padding-left:3px}.media-pill{background:#0009;color:#fff;padding:6px 12px;border-radius:16px;font-size:12.5px;display:inline-flex;gap:8px;align-items:center}.media-dur{position:absolute;left:8px;bottom:6px;color:#fff;font-size:11.5px;display:inline-flex;gap:4px;align-items:center;text-shadow:0 1px 2px rgba(0,0,0,.7)}.ring-progress{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(#fff var(--p),rgba(0,0,0,.45) 0)}.ring-progress .spinner{border-color:#ffffff4d;border-top-color:#fff}.voice{display:flex;align-items:center;gap:6px;min-width:250px;max-width:330px;padding:2px 64px 6px 0;position:relative}.voice-icon{width:46px;height:46px;border-radius:50%;background:var(--brand-solid);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}.voice-play{color:var(--text-muted)}.voice-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.wave{display:flex;align-items:center;gap:2px;height:28px;cursor:pointer}.wave span{flex:1;min-width:2px;max-width:4px;border-radius:2px;background:var(--text-muted);opacity:.45}.wave span.on{background:var(--brand);opacity:1}.voice-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--text-muted)}.rate-btn{border:0;background:#7f7f7f2e;border-radius:10px;font-size:11px;padding:0 7px;cursor:pointer;color:var(--text)}.audio-range{width:100%;accent-color:var(--brand)}.voice .media-overlay{left:auto;width:40px}.doc{display:flex;align-items:center;gap:10px;background:#7f7f7f1a;border-radius:6px;padding:8px 10px;margin-bottom:4px;min-width:240px;max-width:340px}.doc-icon{position:relative;color:var(--brand);display:inline-flex;flex-direction:column;align-items:center}.doc-icon small{font-size:8.5px;font-weight:700;color:var(--text-muted)}.doc-name{font-weight:500}.lightbox{position:fixed;inset:0;z-index:70;background:#050a0feb;display:flex;align-items:center;justify-content:center;padding:40px}.lightbox img,.lightbox video{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:4px}.lightbox-close{position:absolute;top:12px;right:12px;color:#fff}.to-bottom{position:sticky;float:right;bottom:14px;right:18px;margin-right:18px;width:42px;height:42px;border-radius:50%;border:0;background:var(--bg);color:var(--text-muted);box-shadow:var(--shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3}.to-bottom .badge{position:absolute;top:-8px;right:-4px}.composer-wrap{background:var(--bg-2);border-top:1px solid var(--border)}.composer{display:flex;align-items:flex-end;gap:4px;padding:8px 12px;min-height:62px}.composer.readonly{justify-content:center;align-items:center;color:var(--text-muted);font-size:14px;text-align:center;background:var(--bg-2);border-top:1px solid var(--border);padding:14px}.input-wrap{flex:1;min-width:0;background:var(--bg);border-radius:24px;padding:9px 16px;display:flex;align-items:center;margin:0 4px}.input-wrap textarea{width:100%;border:0;outline:none;resize:none;background:transparent;line-height:1.4;max-height:140px;font-size:15px;padding:0}.send-btn{width:46px;height:46px;border-radius:50%;border:0;background:var(--fab);color:#fff;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center;touch-action:none}.send-btn:disabled{opacity:.6}.reply-bar{display:flex;align-items:center;gap:8px;padding:8px 12px 0 64px}.reply-bar .quote{margin:0;flex:1;background:var(--bg)}.recording{flex:1;display:flex;align-items:center;gap:10px;padding:0 4px}.rec-dot{width:11px;height:11px;border-radius:50%;background:var(--danger);animation:blink 1s infinite}.rec-time{font-variant-numeric:tabular-nums;font-size:16px;min-width:48px}@keyframes blink{50%{opacity:.25}}.drop-zone{position:absolute;inset:60px 0 0;z-index:8;background:color-mix(in srgb,var(--bg) 88%,transparent);border:3px dashed var(--brand);display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:var(--brand);font-size:18px}.attach-preview{position:absolute;inset:0;z-index:9;background:var(--bg-2);display:flex;flex-direction:column}.attach-head{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:60px}.attach-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px}.attach-stage img,.attach-stage video{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.attach-doc{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-muted);text-align:center}.attach-doc b{color:var(--text);word-break:break-all}.attach-caption{display:flex;gap:12px;align-items:center;padding:8px 10%}.attach-thumbs{display:flex;gap:8px;align-items:center;padding:10px 20px 16px;border-top:1px solid var(--border);overflow-x:auto}.thumb{position:relative;flex:none}.thumb>button:first-child{width:54px;height:54px;border-radius:8px;border:2px solid transparent;overflow:hidden;padding:0;background:var(--bg-3);cursor:pointer;display:flex;align-items:center;justify-content:center}.thumb.on>button:first-child{border-color:var(--brand)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-x{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:0;background:var(--text-muted);color:#fff;cursor:pointer;font-size:13px;line-height:1}.emoji-picker{position:fixed;z-index:65;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);width:340px;max-width:calc(100vw - 16px)}.emoji-picker.compact{width:auto;border-radius:26px}.emoji-tabs{display:flex;border-bottom:1px solid var(--border);padding:4px}.emoji-tabs button{flex:1;border:0;background:none;font-size:18px;padding:6px 0;cursor:pointer;border-radius:6px;opacity:.6}.emoji-tabs button.on{opacity:1;background:var(--active)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);padding:6px;max-height:260px;overflow-y:auto}.emoji-grid button{border:0;background:none;font-size:22px;padding:4px 0;cursor:pointer;border-radius:6px}.emoji-grid button:hover,.emoji-grid button:focus-visible{background:var(--hover)}.quick-react{display:flex;gap:2px;padding:4px 8px}.menu .quick-react{border-bottom:1px solid var(--border);margin-bottom:4px;padding:2px 8px 6px}.quick-react button{border:0;background:none;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}.menu .quick-react button{width:36px;height:36px;font-size:21px;padding:0}.quick-react button:hover,.quick-react button:focus-visible{background:var(--hover);transform:scale(1.12)}.quick-react button.mine{background:var(--active)}.quick-react button.more{font-size:20px;color:var(--text-muted);background:var(--bg-2)}.search-snippet mark{background:color-mix(in srgb,var(--accent) 45%,transparent);color:inherit;border-radius:2px}.link-card{display:flex;flex-direction:column;width:min(100%,320px);margin:2px 0 6px;border-radius:10px;overflow:hidden;background:var(--bg-2);border:1px solid var(--border);color:inherit;text-decoration:none;padding:0;text-align:left;cursor:pointer;font:inherit}.link-card:hover .link-meta b{text-decoration:underline}.link-thumb{position:relative;display:block;aspect-ratio:16 / 9;background:#000}.link-thumb img{width:100%;height:100%;object-fit:cover;display:block}.link-play{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#c8102eeb;color:#fff;font-size:22px;display:grid;place-items:center;padding-left:4px;box-shadow:0 2px 10px #00000059}.link-meta{display:flex;flex-direction:column;gap:2px;padding:8px 10px;min-width:0}.link-meta b{font-size:14px}.link-meta .ellipsis{display:block}.link-card.playing{width:100%;max-width:480px;aspect-ratio:16 / 9;background:#000;cursor:default}.link-card.playing iframe{width:100%;height:100%;border:0;display:block}.msg-row.out .link-card{background:#ffffff8c}.lightbox:has(.short-frame){padding:0;background:#000}.lightbox:has(.short-frame) .lightbox-close{z-index:1;background:#00000073;border-radius:50%}.short-frame{height:100vh;height:100dvh;aspect-ratio:9 / 16;max-width:100vw;background:#000}.bubble{position:relative}.media-share{position:absolute;top:8px;right:8px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:#00000080;color:#fff;display:grid;place-items:center;cursor:pointer}.media-share:hover{background:#000000b3}.splash{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--bg-2);text-align:center;padding:16px}.login{min-height:100%;height:100%;overflow-y:auto;background:var(--bg-3);display:flex;flex-direction:column;align-items:center}.login:before{content:"";position:fixed;inset:0 0 auto;height:220px;background:var(--brand-dark);z-index:0}.login>*{position:relative;z-index:1}.login-top{width:min(1000px,100%);display:flex;align-items:center;gap:12px;color:#fff;font-weight:600;font-size:15px;padding:26px 20px;letter-spacing:.02em}.login-card{width:min(1000px,calc(100% - 32px));background:var(--bg);border-radius:10px;box-shadow:var(--shadow);padding:48px 56px}.login-grid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}.login h1{font-size:28px;font-weight:400;margin:0 0 28px}.login-steps{padding-left:22px;margin:0 0 18px;display:flex;flex-direction:column;gap:14px;font-size:17px;line-height:1.4}.login-steps svg{vertical-align:middle}.login .small{font-size:13px}.login .link-btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:15px}.login-alert{background:color-mix(in srgb,var(--accent) 25%,var(--bg));border-radius:8px;padding:10px 14px;margin-bottom:20px}.login-foot{max-width:640px;text-align:center;padding:24px 16px;font-size:13px}.qr-box{display:flex;justify-content:center}.qr-frame{position:relative;width:264px;height:264px;background:#fff;border-radius:8px}.qr-frame canvas{width:264px!important;height:264px!important;border-radius:8px;transition:opacity .2s}.qr-logo{position:absolute;left:50%;top:50%;width:52px;height:52px;transform:translate(-50%,-50%);border-radius:12px;border:4px solid #fff;background:#fff}.qr-over{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:#111b21;text-align:center}.qr-reload{border:0;background:#fff9;cursor:pointer;font-weight:600;padding:20px}.qr-reload svg{background:var(--brand-solid);color:#fff;border-radius:50%;padding:12px;width:64px;height:64px}@media(max-width:767px){.login-card{padding:28px 20px}.login-grid{grid-template-columns:1fr;gap:28px}.login h1{font-size:22px}}.info-panel{background:var(--bg-2)}.info-hero{background:var(--bg);padding:28px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;margin-bottom:10px}.info-hero h2{margin:12px 0 0;font-size:22px;font-weight:500;display:flex;align-items:center;gap:6px;justify-content:center}.info-edit{width:100%;text-align:left;margin-top:12px}.info-block{background:var(--bg);padding:14px 20px;margin-bottom:10px}.info-block.flush{padding:14px 0 6px}.info-label{font-size:13px;color:var(--text-muted);margin-bottom:6px}.info-label.pad{padding:0 20px}.info-actions{background:var(--bg);margin-bottom:10px}.info-actions .list-item{min-height:52px;gap:18px;padding-left:26px}.pre{white-space:pre-wrap}.setting-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:0}.invite-link{color:var(--brand);font-size:14px}.avatar-edit{position:relative}.avatar-edit-btn{position:absolute;right:6px;bottom:6px;width:42px;height:42px;border-radius:50%;border:0;background:var(--brand-solid);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.circle-ic{width:40px;height:40px;border-radius:50%;background:var(--brand-solid);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}.small-chip{font-size:11px;padding:2px 8px;color:var(--brand);background:var(--active)}.small{font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chips .chip{border:0;cursor:pointer}.pick-list{margin:0 -20px}.check-box{width:20px;height:20px;border-radius:4px;border:2px solid var(--text-muted);display:inline-flex;align-items:center;justify-content:center;flex:none}.check-box.on{background:var(--brand);border-color:var(--brand);color:#fff}.radio-group{border:0;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:10px}.radio-group label{display:flex;gap:10px;align-items:center;cursor:pointer}.radio-group input,.modal input[type=checkbox]{accent-color:var(--brand);width:18px;height:18px}.avatar-pick{width:110px;height:110px;border-radius:50%;border:0;background:var(--bg-3);color:var(--text-muted);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0}.avatar-pick img{width:100%;height:100%;object-fit:cover}.chat-item-wrap{position:relative}.item-menu-btn{display:none;color:var(--text-muted);cursor:pointer}.chat-item:hover .item-menu-btn,.chat-item:focus-visible .item-menu-btn{display:inline-flex}.archived-row .name{color:var(--text)}.dir-item{cursor:default;padding-right:16px}.dir-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;border:0;background:none;cursor:pointer;text-align:left;padding:0}