:root{font-size:var(--app-font-size, 18px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;color:#17211e;background:#e9ece9;font-synthesis:none;text-rendering:optimizeLegibility;--green: #176b57;--green-bright: #20a779;--wechat: #95ec69;--surface: #ffffff;--background: #f4f5f3;--muted: #75817d;--line: #e7ebe8;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overscroll-behavior:none}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:100%;min-height:100dvh;background:var(--background);overflow:hidden}.app-screen{min-height:100dvh;padding-bottom:calc(76px + var(--safe-bottom))}.topbar{height:calc(94px + var(--safe-top));padding:calc(26px + var(--safe-top)) 22px 14px;display:flex;align-items:flex-end;justify-content:space-between;background:#f4f5f3f0;backdrop-filter:blur(18px);position:sticky;top:0;z-index:5}.topbar h1{font-size:1.875rem;line-height:1;margin:3px 0 0;letter-spacing:-.8px}.tiny-label,.eyebrow{margin:0;font-size:.625rem;font-weight:800;letter-spacing:1.8px;color:var(--green)}.topbar-avatar .avatar{box-shadow:0 0 0 4px #fff}.admin-badge{display:inline-flex;align-items:center;gap:5px;color:var(--green);background:#e1efe9;padding:7px 10px;border-radius:99px;font-size:.75rem;font-weight:700}.privacy-banner{margin:8px 15px 12px;padding:11px 13px;border-radius:13px;background:#e5f1eb;color:#356858;display:flex;align-items:center;gap:9px;font-size:.75rem}.privacy-banner>span{flex:1;min-width:0}.notification-banner{margin:0 15px 12px;padding:12px;border-radius:14px;background:#fff7df;color:#765817;display:flex;align-items:center;gap:10px;box-shadow:inset 0 0 0 1px #9a701914}.notification-banner.blocked{background:#fff0f0;color:#934242}.notification-banner>svg{flex:0 0 auto}.notification-banner>span{flex:1;min-width:0}.notification-banner strong,.notification-banner small{display:block}.notification-banner strong{font-size:.75rem}.notification-banner small{margin-top:3px;color:color-mix(in srgb,currentColor 72%,transparent);font-size:.625rem;line-height:1.4}.notification-banner button{flex:0 0 auto;border:0;border-radius:9px;padding:8px 10px;color:#fff;background:#a8791e;font-size:.6875rem;font-weight:700}.notification-banner button:disabled{opacity:.6}.contact-list{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-row{width:100%;display:flex;align-items:center;gap:13px;min-height:90px;padding:10px 15px;border:0;background:#fff;text-align:left;color:inherit;cursor:pointer;position:relative}.contact-row:after{content:"";position:absolute;left:76px;right:0;bottom:0;height:1px;background:var(--line)}.contact-row:last-child:after{display:none}.contact-row:active,.person-card:active{background:#f4f6f4}.contact-row.has-unread{background:#fffdfd}.contact-row.has-unread .contact-topline strong{font-weight:800;color:#17211e}.contact-row.has-unread .message-preview:not(.missed){color:#3f4d48;font-weight:650}.contact-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.contact-topline{display:flex;justify-content:space-between;gap:12px}.contact-topline strong{font-size:1rem}.self-badge{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:99px;color:var(--green);background:#e3f1ea;font-size:.5625rem;font-style:normal;font-weight:700;vertical-align:2px}.contact-topline time{font-size:.6875rem;color:#a0aaa6}.message-preview{color:#8a9490;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-preview.missed{color:#d44747;font-weight:650}.presence-line{display:flex;align-items:center;gap:5px;color:#9aa39f;font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-line i,.chat-title span>i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#b5bdb9}.presence-line.online,.person-card small.online,.chat-title span.online{color:#23825f}.presence-line.online i,.chat-title span.online>i{background:#25a979;box-shadow:0 0 0 3px #25a97921}.unread-badge{flex:0 0 auto;min-width:22px;height:22px;padding:0 6px;border:2px solid #fff;border-radius:99px;display:grid;place-items:center;color:#fff;background:#e32929;box-shadow:0 2px 7px #be1c1c3d;font-size:.625rem;line-height:1;font-style:normal;font-weight:800}.chevron{color:#c3cac7}.avatar{width:49px;height:49px;border-radius:15px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#fff;background:var(--avatar-background);font-size:1.25rem;font-weight:750;box-shadow:inset 0 0 0 1px #ffffff2e}.avatar:before{content:"";position:absolute;pointer-events:none;opacity:.3}.avatar>b{position:relative;z-index:1;font:inherit;text-shadow:0 1px 2px rgba(0,0,0,.22)}.avatar-variant-0:before{width:72%;height:150%;right:-32%;top:-25%;transform:rotate(24deg);background:#ffffffb8}.avatar-variant-1:before{width:64%;aspect-ratio:1;right:-18%;bottom:-25%;border:7px solid rgba(255,255,255,.72);border-radius:50%}.avatar-variant-2:before{inset:0;background:repeating-linear-gradient(135deg,transparent 0 9px,rgba(255,255,255,.55) 9px 12px)}.avatar-variant-3:before{width:75%;height:75%;left:-22%;top:-20%;border-radius:18% 82% 52% 48%;background:#ffffffb3}.avatar-large{width:84px;height:84px;border-radius:25px;font-size:2rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(68px + var(--safe-bottom));padding:7px 24px var(--safe-bottom);display:flex;justify-content:space-around;align-items:flex-start;background:#fafbfaf5;border-top:1px solid #dfe4e1;backdrop-filter:blur(18px);z-index:20}.bottom-nav button{border:0;background:none;color:#87918d;min-width:72px;padding:2px 9px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.625rem;cursor:pointer}.bottom-nav svg{width:23px;height:23px;stroke-width:2}.bottom-nav button.active{color:var(--green);font-weight:700}.logout-fab{position:fixed;z-index:30;right:14px;bottom:calc(76px + var(--safe-bottom));width:32px;height:32px;border:0;border-radius:50%;color:#909a96;background:#ffffffdb;box-shadow:0 4px 16px #26332e1a;display:grid;place-items:center}.section-caption{margin:11px 18px 7px;color:#8b9491;font-size:.75rem}.card-list{margin:0 13px;border:0;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px #1a302809}.person-card{width:100%;min-height:72px;border:0;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:13px;text-align:left;padding:10px 14px;color:inherit}.person-card:last-child{border-bottom:0}.person-card>span:nth-child(2){flex:1;min-width:0}.person-card strong,.person-card small{display:block}.person-card small{color:var(--muted);margin-top:4px;overflow:hidden;text-overflow:ellipsis}.person-card>svg{color:var(--green)}.empty-state{min-height:380px;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:34px;text-align:center;color:var(--muted);background:var(--background)}.empty-state h2{color:#34433e;margin:14px 0 6px;font-size:1.125rem}.empty-state p{max-width:250px;margin:0;font-size:.8125rem;line-height:1.65}.empty-icon{width:68px;height:68px;border-radius:23px;background:#dcebe4;color:var(--green);display:grid;place-items:center}.chat-screen{height:100dvh;display:grid;grid-template-rows:auto 1fr auto;position:relative;overflow:hidden;background:#e9e9e7;touch-action:pan-y;overscroll-behavior-x:none;transform:translate(var(--back-offset, 0));transition:transform .18s ease}.chat-screen.has-quick-switcher{grid-template-rows:auto auto 1fr auto}.chat-screen{min-width:0;width:100%;grid-template-columns:minmax(0,1fr)}.chat-screen>*,.message-area,.composer{min-width:0;max-width:100%}.voice-attachment audio{display:block;width:100%;min-width:0;max-width:100%}.attachment-pending,.chat-error{overflow-wrap:anywhere}.chat-screen.back-swiping{transition:none}.swipe-back-indicator{position:absolute;z-index:12;top:50%;left:7px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);box-shadow:0 6px 20px #12463740;opacity:var(--back-progress, 0);transform:translate(calc(-45px + 45px * var(--back-progress, 0))) scale(calc(.75 + .25 * var(--back-progress, 0)));pointer-events:none}.chat-header{height:calc(67px + var(--safe-top));padding:var(--safe-top) 10px 0;display:flex;align-items:center;gap:9px;background:#f6f7f5f5;border-bottom:1px solid #daddda;backdrop-filter:blur(18px);z-index:5}.chat-header .avatar{width:39px;height:39px;border-radius:12px;font-size:1rem}.icon-button{width:40px;height:40px;border:0;background:transparent;display:grid;place-items:center;color:#26332f;border-radius:50%}.icon-button:active{background:#e3e6e3}.chat-title{flex:1;min-width:0}.chat-title strong{display:block;font-size:1rem}.chat-title span{display:flex;align-items:center;gap:3px;color:#72807b;margin-top:2px;font-size:.625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-button{color:var(--green)}.stealth-silence-toggle{width:34px;height:40px;flex:0 0 auto;padding:0;border:0;display:grid;place-items:center;background:transparent}.stealth-silence-toggle:before{content:"";width:15px;height:15px;border:1.5px solid #9ba5a1;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 3px #f6f7f5f5;transition:background .15s ease,border-color .15s ease,transform .15s ease}.stealth-silence-toggle.active:before{border-color:#66736e;background:#66736e}.stealth-silence-toggle:active:before{transform:scale(.82)}.stealth-silence-toggle:disabled{opacity:.45}.chat-menu-wrap{position:relative}.chat-menu{position:absolute;z-index:20;top:44px;right:0;width:148px;overflow:hidden;border:1px solid #e1e5e2;border-radius:12px;background:#fff;box-shadow:0 12px 35px #192a232e}.chat-menu button{width:100%;min-height:46px;padding:0 14px;border:0;display:flex;align-items:center;gap:9px;color:#b74646;background:#fff;text-align:left}.chat-menu button:active{background:#fff2f2}.quick-switcher{min-width:0;padding:7px 10px;display:flex;justify-content:center;gap:8px;overflow:hidden;background:#f6f7f5f5;border-bottom:1px solid #daddda;z-index:4}.quick-switcher::-webkit-scrollbar{display:none}.quick-switcher>button{flex:1 1 0;min-width:0;max-width:138px;height:40px;padding:4px 8px 4px 5px;border:1px solid #dce3df;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:7px;color:#35423e;background:#ffffffd6;box-shadow:0 2px 8px #1e372e09}.quick-switcher>button.has-unread{border-color:#e2b0b0;background:snow;animation:quick-chat-arrive .24s ease-out}.quick-avatar{position:relative;flex:0 0 auto}.quick-avatar .avatar{width:30px;height:30px;border-radius:10px;font-size:.75rem}.quick-avatar em{position:absolute;right:-5px;top:-5px;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:#e32929;box-shadow:0 0 0 1px #b414141f}.quick-copy{min-width:0;display:block}.quick-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem}@keyframes quick-chat-arrive{0%{opacity:0;transform:translateY(-6px) scale(.96)}}.message-area{min-height:0;overflow-y:auto;padding:12px 12px 20px;scroll-behavior:smooth;overflow-anchor:none}.day-divider{margin:3px auto 16px;width:fit-content;font-size:.625rem;color:#8c9591;background:#ffffff8c;padding:4px 9px;border-radius:8px}.conversation-intro{text-align:center;margin:70px auto 30px;color:#78837f}.conversation-intro .avatar{margin:0 auto}.conversation-intro h2{color:#30413b;font-size:1.125rem;margin:13px 0 5px}.conversation-intro p{font-size:.75rem}.bubble-row{min-width:0;max-width:100%;display:flex;margin:9px 0;overflow:hidden}.bubble-row.replyable{position:relative;touch-action:pan-y}.bubble-row.replyable .bubble{z-index:1;transform:translate(var(--reply-offset, 0));transition:transform .16s ease}.bubble-row.replyable:active .bubble{transition:none}.swipe-reply-indicator{position:absolute;z-index:0;left:6px;top:50%;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:#ffffffe6;opacity:var(--reply-progress, 0);transform:translateY(-50%) scale(calc(.75 + .25 * var(--reply-progress, 0)))}.bubble-row.mine{justify-content:flex-end}.transient-outgoing{animation:transient-outgoing-flash 1.2s ease forwards}@keyframes transient-outgoing-flash{0%{opacity:0;transform:translateY(4px) scale(.98)}16%,68%{opacity:1;transform:none}to{opacity:0;transform:translateY(-2px) scale(.99)}}.bubble{min-width:0;max-width:min(78%,470px);box-sizing:border-box;overflow:hidden;border-radius:8px;padding:9px 10px 6px;position:relative;box-shadow:0 1px 1px #0000000a}.mine .bubble{background:var(--wechat);border-top-right-radius:3px}.theirs .bubble{background:#fff;border-top-left-radius:3px}.bubble p{margin:0;line-height:1.48;font-size:.9375rem;white-space:pre-wrap;overflow-wrap:anywhere}.bubble p a{color:#075e54;text-decoration:underline;text-underline-offset:2px;font-weight:600}.bubble .recalled-message{color:var(--muted);font-style:italic}.reply-quote{margin:-2px -2px 7px;padding:6px 8px;border-left:3px solid var(--green);border-radius:5px;color:#51635c;background:#ffffff80}.reply-quote strong,.reply-quote span{display:block}.reply-quote strong{color:var(--green);font-size:.6875rem}.reply-quote span{margin-top:2px;max-width:280px;overflow:hidden;font-size:.6875rem;text-overflow:ellipsis;white-space:nowrap}.bubble time{display:block;text-align:right;color:#28373187;font-size:.5625rem;margin-top:3px}.bubble-meta{min-height:18px;margin-top:3px;display:flex;justify-content:flex-end;align-items:center;gap:7px}.delivery-status{font-size:.5625rem;color:#2837318c;white-space:nowrap}.delivery-status.delivered{color:#397660}.delivery-status.read{color:#087c5d;font-weight:700}.bubble-meta time{margin-top:0}.bubble-meta button{width:24px;height:22px;padding:0;border:0;display:grid;place-items:center;color:#28373173;background:transparent;border-radius:6px}.bubble-meta button:active{color:#a53838;background:#ffffff73}.attachment-bubble{width:min(74vw,340px);max-width:100%}.attachment-pending{min-height:62px;display:flex;align-items:center;justify-content:center;gap:8px;color:#63716c;font-size:.75rem}.image-attachment{display:block;color:inherit;text-decoration:none}.image-attachment img{display:block;width:100%;max-height:330px;object-fit:cover;border-radius:6px;background:#dfe4e1}.image-attachment>span{display:block;padding-top:6px;overflow:hidden;color:#52615c;font-size:.6875rem;text-overflow:ellipsis;white-space:nowrap}.file-attachment{min-height:62px;display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.file-attachment>svg{flex:0 0 auto;color:var(--green)}.file-attachment>span{min-width:0}.file-attachment strong,.file-attachment small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-attachment strong{font-size:.8125rem}.file-attachment small{margin-top:4px;color:#2837318c;font-size:.625rem}.voice-attachment{min-height:68px}.voice-label{margin-bottom:7px;display:flex;align-items:center;gap:6px;color:#315e50}.voice-label strong{font-size:.75rem}.voice-label span{margin-left:auto;color:#28373194;font-size:.625rem}.voice-attachment audio{display:block;width:100%;height:38px}.attachment-retry{margin-top:7px;min-height:31px;padding:0 10px;border:1px solid rgba(159,18,57,.22);border-radius:8px;display:inline-flex;align-items:center;gap:5px;color:#9f1239;background:#fff5f6;font-size:.6875rem;font-weight:700}.video-attachment video{display:block;width:100%;max-height:360px;border-radius:7px;object-fit:contain;background:#111}.video-attachment>span{padding-top:7px;display:flex;align-items:center;gap:5px;color:#436157}.video-attachment strong{font-size:.75rem}.video-attachment small{margin-left:auto;color:#28373194;font-size:.625rem}.call-record-row{display:flex;margin:10px 0}.call-record-row.mine{justify-content:flex-end}.call-record-card{min-width:190px;max-width:min(82%,360px);display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:11px;color:#326554;background:#fff;box-shadow:0 1px 2px #0000000d}.call-record-row.mine .call-record-card{background:var(--wechat)}.call-record-card>span{flex:1}.call-record-card strong,.call-record-card small{display:block}.call-record-card strong{font-size:.8125rem}.call-record-card small{margin-top:2px;color:#2a3e368c;font-size:.5625rem}.call-record-card time{align-self:flex-end;color:#2a3e3680;font-size:.5625rem}.call-record-card.missed{color:#d33f3f;background:#fff1f1}.call-record-card.rejected,.call-record-card.interrupted{color:#9b5b27;background:#fff5e9}.composer-wrap{min-width:0;background:#f5f6f4;border-top:1px solid #d9ddda}.reply-composer{min-height:48px;padding:7px 9px 5px 14px;display:flex;align-items:center;gap:9px;color:var(--green);border-bottom:1px solid #e1e5e2}.reply-composer>span{flex:1;min-width:0}.reply-composer strong,.reply-composer small{display:block}.reply-composer strong{font-size:.75rem}.reply-composer small{margin-top:2px;overflow:hidden;color:#71807a;font-size:.6875rem;text-overflow:ellipsis;white-space:nowrap}.reply-composer button{width:34px;height:34px;border:0;display:grid;place-items:center;border-radius:50%;color:#6f7975;background:transparent}.composer{padding:8px 8px calc(8px + var(--safe-bottom));display:flex;align-items:flex-end;gap:5px}.composer textarea{flex:1 1 0;width:0;min-width:0;max-width:100%;max-height:min(120px,22dvh);min-height:40px;border:0;border-radius:9px;background:#fff;padding:10px 12px;resize:none;outline:none;overflow-y:hidden;line-height:20px;transition:height .12s ease}.composer-side{width:34px;height:40px;flex:0 0 auto;border:0;border-radius:10px;background:transparent;display:grid;place-items:center;color:#56625e}.composer-side.active{color:var(--green);background:#dfece6}.composer-side:disabled{opacity:.4}.emoji-panel{max-height:min(218px,30dvh);overflow-y:auto;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:12px 10px 8px;background:#f5f6f4}.emoji-panel button{aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:10px;background:transparent;font-size:clamp(23px,7vw,30px);line-height:1}.emoji-panel button:active{background:#dfe8e3;transform:scale(.92)}.media-action-panel{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-bottom:1px solid #e1e5e2;background:#f5f6f4}.media-action-panel button:first-child{grid-column:1 / -1;min-height:70px}.media-action-panel button{min-width:0;min-height:82px;padding:11px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;border:1px solid #dfe5e1;border-radius:14px;color:#33463f;background:#fff;text-align:left}.media-action-panel button>span{grid-row:1 / 3;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--green);background:#e5f1eb}.media-action-panel strong{align-self:end;font-size:.8125rem}.media-action-panel small{align-self:start;margin-top:3px;color:#78837f;font-size:.625rem;line-height:1.35}.hidden-file-input{display:none}.send-button{width:40px;height:40px;border:0;border-radius:12px;color:#fff;background:var(--green);display:grid;place-items:center}.send-button:disabled{background:#bac4c0}.voice-start{border-radius:50%}.voice-recorder{min-height:58px;padding:7px 9px calc(7px + var(--safe-bottom));display:flex;align-items:center;gap:10px}.voice-recorder>button{width:42px;height:42px;flex:0 0 auto;border:0;border-radius:50%;display:grid;place-items:center}.voice-cancel{color:#a33f3f;background:#ffe8e8}.voice-send{color:#fff;background:var(--green)}.voice-recorder>button:disabled{opacity:.45}.voice-recording-status{min-width:0;flex:1;display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;column-gap:7px}.voice-recording-status strong{font-variant-numeric:tabular-nums;font-size:.875rem}.voice-recording-status small{grid-column:1 / -1;margin-top:3px;color:#77837e;font-size:.625rem}.recording-dot{width:9px;height:9px;border-radius:50%;background:#e34b4b;animation:recording-pulse 1.1s ease-in-out infinite}.voice-bars{height:24px;display:flex;align-items:center;gap:2px}.voice-bars i{width:3px;height:7px;border-radius:99px;background:var(--green);animation:voice-bar .8s ease-in-out infinite alternate}.voice-bars i:nth-child(2){height:15px;animation-delay:-.2s}.voice-bars i:nth-child(3){height:21px;animation-delay:-.45s}.voice-bars i:nth-child(4){height:13px;animation-delay:-.6s}.voice-bars i:nth-child(5){height:8px;animation-delay:-.3s}@keyframes recording-pulse{50%{opacity:.35;transform:scale(.82)}}@keyframes voice-bar{to{transform:scaleY(.45);opacity:.58}}.center-loader{display:grid;place-items:center;padding:80px;color:var(--green)}.chat-error{margin:8px auto;width:fit-content;color:#a23a3a;background:#fff0f0;padding:7px 10px;border-radius:8px;font-size:.75rem}.admin-section{margin:12px;padding:16px;background:#fff;border-radius:18px;box-shadow:0 2px 16px #1a30280a}.admin-section h2{margin:0 0 13px;display:flex;align-items:center;gap:7px;font-size:1rem}.admin-section h2>span{margin-left:auto;color:var(--green);background:#e5f1eb;border-radius:99px;padding:2px 8px;font-size:.75rem}.user-grid{display:grid;gap:8px}.user-chip{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:13px}.user-chip .avatar{width:40px;height:40px;border-radius:12px;font-size:1rem}.user-chip>span:nth-child(2){flex:1;min-width:0}.user-chip strong,.user-chip small{display:block}.user-chip small{margin-top:3px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.delete-user-button{width:36px;height:36px;flex:0 0 auto;border:0;border-radius:10px;display:grid;place-items:center;color:#b74646;background:#fff0f0}.delete-user-button:active{transform:scale(.95)}.admin-help{color:var(--muted);line-height:1.55;font-size:.75rem;margin:-3px 0 14px}.permission-empty{padding:20px 12px;border-radius:12px;background:#f5f7f5;text-align:center;color:var(--muted);font-size:.75rem;line-height:1.6}.permission-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid var(--line)}.permission-row>span:nth-child(2){flex:1}.permission-row strong,.permission-row small{display:block}.permission-row strong{font-size:.8125rem}.permission-row small{color:var(--muted);margin-top:3px;font-size:.6875rem}.pair-avatars{display:flex;width:58px}.pair-avatars .avatar{width:38px;height:38px;border-radius:12px;font-size:.875rem;border:2px solid #fff}.pair-avatars .avatar+.avatar{margin-left:-15px}.switch{width:48px;height:29px;border:0;background:#c9cfcc;border-radius:99px;padding:3px;transition:.2s}.switch span{display:block;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:.2s}.switch.on{background:var(--green-bright)}.switch.on span{transform:translate(19px)}.admin-notice{color:var(--green);background:#e9f5ef;padding:8px 10px;border-radius:8px;font-size:.75rem}.silence-section{border:1px solid #e2e8e4}.silence-row{display:flex;align-items:center;gap:10px;min-height:66px;padding:10px 0;border-top:1px solid var(--line)}.silence-row.is-silenced{margin:0 -7px;padding-left:7px;padding-right:7px;border-radius:12px;background:#f1f5f3}.silence-row .avatar{width:40px;height:40px;border-radius:12px;font-size:1rem;filter:saturate(.82)}.silence-row>span{flex:1;min-width:0}.silence-row strong,.silence-row small{display:block}.silence-row strong{font-size:.8125rem}.silence-row small{margin-top:3px;color:var(--muted);font-size:.6875rem}.silence-toggle{flex:0 0 auto;min-width:92px;height:35px;padding:0 10px;border:1px solid #d9e0dc;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#53635d;background:#fff;font-size:.6875rem;font-weight:750}.silence-toggle.restore{color:#fff;border-color:var(--green);background:var(--green)}.silence-toggle:disabled{opacity:.55}.silence-toggle:active:not(:disabled){transform:scale(.97)}.confirm-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:end center;padding:18px 14px calc(18px + var(--safe-bottom));background:#0f19157a;backdrop-filter:blur(4px)}.capture-modal{position:fixed;inset:0;z-index:140;display:flex;flex-direction:column;color:#fff;background:#09110e}.capture-modal>header{height:calc(58px + var(--safe-top));padding:var(--safe-top) 15px 0;display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.capture-modal>header strong{text-align:center;font-size:1rem}.capture-modal>header button{width:42px;height:42px;padding:0;border:0;display:grid;place-items:center;border-radius:50%;color:#fff;background:#ffffff1a}.capture-tabs{width:min(300px,calc(100% - 36px));margin:6px auto 12px;padding:4px;display:grid;grid-template-columns:1fr 1fr;border-radius:13px;background:#ffffff1a}.capture-tabs button{height:40px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px;color:#ffffffad;background:transparent;font-weight:700}.capture-tabs button.active{color:#fff;background:var(--green)}.capture-stage{position:relative;min-height:0;flex:1;display:grid;place-items:center;overflow:hidden;background:#000}.capture-stage>video,.capture-stage>img{width:100%;height:100%;object-fit:contain}.capture-countdown{position:absolute;top:14px;left:50%;padding:7px 11px;display:flex;align-items:center;gap:7px;border-radius:99px;background:#0009;font-variant-numeric:tabular-nums;font-weight:800;transform:translate(-50%)}.capture-countdown span{width:9px;height:9px;border-radius:50%;background:#f04444;animation:recording-pulse 1s infinite}.capture-error{position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;background:#000000c7}.capture-error p{max-width:310px;margin:0;line-height:1.55}.capture-error button{min-width:92px;height:40px;border:0;border-radius:10px;color:#fff;background:var(--green);font-weight:700}.capture-privacy{min-height:38px;margin:0;padding:8px 15px 0;display:flex;align-items:center;justify-content:center;gap:6px;color:#ffffffb3;text-align:center;font-size:.6875rem}.capture-actions{min-height:84px;padding:8px 24px calc(10px + var(--safe-bottom));display:flex;align-items:center;justify-content:center;gap:14px}.capture-shutter,.capture-record,.capture-stop{width:66px;height:66px;padding:5px;border:3px solid #fff;border-radius:50%;background:transparent}.capture-shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#fff}.capture-record span{display:block;width:100%;height:100%;border-radius:50%;background:#eb4141}.capture-stop span{display:block;width:27px;height:27px;margin:auto;border-radius:5px;background:#eb4141}.capture-secondary,.capture-send{min-width:125px;height:48px;border:0;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800}.capture-secondary{color:#fff;background:#ffffff24}.capture-send{color:#fff;background:var(--green)}.capture-hint{min-height:23px;margin-top:-10px;padding-bottom:calc(7px + var(--safe-bottom));color:#ffffff8c;text-align:center;font-size:.6875rem}.confirm-dialog{width:min(100%,410px);padding:22px;border-radius:22px;background:#fff;box-shadow:0 24px 80px #00000040}.danger-icon{width:48px;height:48px;display:grid;place-items:center;color:#b53d3d;background:#fff0f0;border-radius:15px}.confirm-dialog h2{margin:15px 0 8px;font-size:1.25rem}.confirm-dialog p{margin:0 0 17px;color:var(--muted);font-size:.8125rem;line-height:1.6}.confirm-dialog label{display:block;margin-bottom:7px;color:#59645f;font-size:.75rem}.confirm-dialog input{width:100%;height:46px;border:1px solid #e2c7c7;border-radius:11px;padding:0 13px;outline:none}.confirm-dialog input:focus{border-color:#b74646;box-shadow:0 0 0 3px #b7464617}.confirm-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:17px}.confirm-actions button{height:44px;border:0;border-radius:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.cancel-button{color:#59645f;background:#eef1ef}.danger-button{color:#fff;background:#b74646}.danger-button:disabled{opacity:.45}.settings-card{margin:12px;padding:17px;border-radius:18px;background:#fff;box-shadow:0 2px 16px #1a30280a}.settings-card h2{margin:0 0 10px;display:flex;align-items:center;gap:7px;font-size:1rem}.settings-card>p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.65}.login-session-list{display:grid;gap:8px;margin-top:13px}.login-session-row{min-width:0;padding:10px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:9px;background:#fafbfa}.login-session-icon{width:36px;height:36px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;color:var(--green);background:#e5f1eb}.login-session-copy{min-width:0;flex:1}.login-session-copy strong,.login-session-copy small{display:block}.login-session-copy strong{color:#31453e;font-size:.8125rem}.login-session-copy strong em{margin-left:6px;padding:2px 6px;border-radius:99px;color:var(--green);background:#dceee6;font-size:.5625rem;font-style:normal;vertical-align:1px}.login-session-copy small{margin-top:3px;overflow:hidden;color:var(--muted);font-size:.625rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.login-session-row>button{min-height:34px;padding:0 9px;flex:0 0 auto;border:1px solid #e5caca;border-radius:9px;display:flex;align-items:center;gap:4px;color:#a33f3f;background:#fff7f7;font-size:.6875rem;font-weight:800}.login-session-row>button:disabled{opacity:.55}.login-session-empty{margin:0;padding:10px;color:var(--muted);background:#fafbfa;font-size:.75rem;text-align:center}.font-size-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.font-size-picker button{min-width:0;padding:11px 5px;border:1px solid var(--line);border-radius:12px;color:#50605a;background:#f7f8f7}.font-size-picker span,.font-size-picker small{display:block}.font-size-picker span{font-size:.875rem;font-weight:800}.font-size-picker small{margin-top:4px;color:var(--muted);font-size:.625rem}.font-size-picker button.active{border-color:var(--green);color:var(--green);background:#e6f2ec;box-shadow:inset 0 0 0 1px var(--green)}.account-security-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-security-heading h2{margin-bottom:0}.account-security-heading>button{flex:0 0 auto;min-height:32px;padding:0 9px;border:0;border-radius:9px;display:flex;align-items:center;gap:4px;color:var(--green);background:#eaf3ef;font-size:.6875rem;font-weight:800}.account-security-card>p{margin-top:10px}.password-change-form{display:grid;gap:8px;margin-top:15px}.password-change-form>label:not(.logout-devices-option){color:#52645d;font-size:.75rem;font-weight:750}.password-change-form>input{width:100%;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:11px;outline:none;color:var(--text);background:#fbfcfb;font-size:1rem}.password-change-form>input:focus{border-color:#5f9d89;box-shadow:0 0 0 3px #176b5714}.logout-devices-option{margin:3px 0 1px;padding:10px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:flex-start;gap:9px;color:#40534c;background:#fafbfa}.logout-devices-option input{width:18px;height:18px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--green)}.logout-devices-option span,.logout-devices-option strong,.logout-devices-option small{display:block}.logout-devices-option strong{font-size:.75rem}.logout-devices-option small{margin-top:3px;color:var(--muted);font-size:.625rem;line-height:1.45}.account-security-button{min-height:46px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;background:var(--green);font-weight:800}.account-security-button:disabled{opacity:.58}.form-success{margin:4px 0 0;padding:9px 10px;border-radius:9px;display:flex;align-items:flex-start;gap:6px;color:#176146;background:#e5f4ec;font-size:.75rem;line-height:1.5}.form-success svg{flex:0 0 auto;margin-top:1px}.notification-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.notification-guide-heading h2{margin-bottom:0}.notification-guide-heading>span{flex:0 0 auto;padding:4px 8px;border-radius:99px;font-size:.625rem;font-weight:800}.notification-guide-heading .ready{color:#146e51;background:#dff2e9}.notification-guide-heading .needs-action{color:#936316;background:#fff0c9}.notification-guide>p{margin-top:10px}.notification-enable-button{width:100%;margin-top:12px;min-height:42px;border:0;border-radius:11px;color:#fff;background:var(--green);font-weight:800}.notification-enable-button:disabled{opacity:.6}.notification-guide .notification-warning{padding:9px 10px;border-radius:10px;color:#8a5d18;background:#fff3d7}.notification-browser-list{display:grid;gap:8px;margin-top:13px}.notification-browser-list details{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fafbfa}.notification-browser-list details.detected{border-color:#94bcae;box-shadow:inset 0 0 0 1px #b8d4ca}.notification-browser-list summary{padding:12px 13px;cursor:pointer;color:#31483f;font-size:.8125rem;font-weight:850}.notification-browser-list summary em{margin-left:6px;padding:2px 6px;border-radius:99px;color:var(--green);background:#e0efe8;font-size:.5625rem;font-style:normal}.notification-browser-list details>div{padding:0 13px 13px;border-top:1px solid var(--line)}.notification-browser-list strong{display:block;margin-top:11px;color:#3c5149;font-size:.75rem}.notification-browser-list ol{margin:7px 0 9px;padding-left:20px;color:#65736e;font-size:.6875rem;line-height:1.65}.notification-browser-list li+li{margin-top:4px}.notification-browser-list a{color:var(--green);font-size:.6875rem;font-weight:700}.notification-browser-list .browser-note{margin:9px 0;color:#746c58;font-size:.6875rem;line-height:1.55}.notification-guide .notification-best-practice{margin-top:13px;padding:10px;border-radius:10px;color:#476159;background:#edf5f1}.settings-card.danger-zone{margin-bottom:calc(92px + var(--safe-bottom));border:1px solid #efd4d4;background:snow}.danger-zone h2{color:#a83737}.danger-zone .scope-note{margin-top:8px;padding:9px 10px;border-radius:10px;color:#705b51;background:#fff3e8}.sanhuo-form{display:grid;gap:9px;margin-top:16px}.sanhuo-form label{color:#685b56;font-size:.75rem;font-weight:700}.sanhuo-form input{width:100%;height:44px;padding:0 12px;border:1px solid #e0bebe;border-radius:10px;outline:none;background:#fff}.sanhuo-form input:focus{border-color:#b74646;box-shadow:0 0 0 3px #b7464617}.sanhuo-form button{min-height:44px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700}.sanhuo-form.final{padding:14px;border:1px solid #e5baba;border-radius:13px;background:#fff}.sanhuo-form.final>strong{color:#a83737;font-size:.875rem}.sanhuo-form ul{margin:0;padding-left:20px;color:#675956;font-size:.75rem;line-height:1.8}.destroying-state{margin-top:17px;padding:20px;display:grid;justify-items:center;gap:7px;border-radius:13px;color:#a83737;background:#fff;text-align:center}.destroying-state p{margin:0;color:var(--muted);font-size:.75rem}.install-help-button{width:100%;margin-top:10px;padding:9px;border:0;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--green);background:transparent;font-size:.75rem}.install-backdrop{align-items:center;overflow-y:auto}.forwarded-label{display:inline-flex;align-items:center;gap:4px;margin-bottom:4px;color:var(--muted);font-size:.72rem;font-weight:700}.message-action-backdrop{z-index:155}.message-action-sheet{width:min(520px,100%);padding:10px;border:1px solid rgba(27,83,59,.12);border-radius:24px;background:var(--surface);box-shadow:0 22px 70px #0a23193d}.message-action-sheet>button{width:100%;min-height:58px;display:flex;align-items:center;gap:14px;padding:10px 14px;border:0;border-radius:15px;background:transparent;color:var(--text);text-align:left}.message-action-sheet>button:active{background:#2277521a}.message-action-sheet>button span{display:grid;gap:2px}.message-action-sheet>button small{color:var(--muted)}.message-action-sheet>button.danger{color:#a53838}.message-action-sheet>button.cancel{justify-content:center;min-height:48px;margin-top:4px;border-top:1px solid rgba(27,83,59,.1);color:var(--muted);text-align:center}.forward-picker{width:min(560px,100%);max-height:min(78vh,680px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(27,83,59,.12);border-radius:24px;background:var(--surface);box-shadow:0 22px 70px #0a23193d}.forward-picker>header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.forward-picker>header h2{margin:2px 0 0}.forward-picker>header button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:#22775217;color:var(--text)}.forward-contact-list{overflow-y:auto;padding:0 10px 12px}.forward-contact-list>button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:0;border-radius:16px;background:transparent;color:var(--text);text-align:left}.forward-contact-list>button:active{background:#2277521a}.forward-contact-list>button>span{min-width:0;display:grid;gap:3px}.forward-contact-list>button small{color:var(--muted)}.forward-error{margin:0;padding:11px 16px calc(11px + var(--safe-bottom));border-top:1px solid rgba(171,48,48,.16);color:#9f3030;background:#fff6f6;font-size:.75rem;line-height:1.5}.forward-progress{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:12px 16px calc(12px + var(--safe-bottom));border-top:1px solid rgba(27,83,59,.1);color:var(--muted)}.install-guide{margin:12px;padding:17px;border-radius:18px;background:#fff;box-shadow:0 2px 16px #1a30280a}.install-guide-dialog{width:min(100%,680px);max-height:min(88dvh,760px);margin:auto;overflow-y:auto;box-shadow:0 24px 80px #00000047}.install-guide-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.install-guide-title>div{display:flex;align-items:center;gap:9px}.install-guide-title>div>svg{color:var(--green)}.install-guide-title strong,.install-guide-title small{display:block}.install-guide-title strong{font-size:1.062rem}.install-guide-title small{margin-top:3px;color:var(--muted);font-size:.6875rem}.install-guide-title>button{width:34px;height:34px;border:0;display:grid;place-items:center;border-radius:50%;color:#59645f;background:#eef1ef}.browser-guides{display:grid;gap:10px;margin-top:14px}.browser-guides article{padding:13px;border:1px solid var(--line);border-radius:13px;background:#fbfcfb}.browser-guides article.detected{border-color:#79b49d;background:#eef8f3;box-shadow:0 0 0 2px #176b5712}.browser-guides h3{margin:0 0 9px;color:#2d3d37;font-size:.9375rem}.browser-guides h3 em{margin-left:5px;padding:2px 6px;border-radius:99px;color:#fff;background:var(--green);font-size:.5625rem;font-style:normal}.browser-guides p{margin:9px 0 4px;display:flex;align-items:center;gap:5px;color:#4e5d58;font-size:.6875rem}.browser-guides ol{margin:0;padding-left:22px;color:#66736e;font-size:.6875rem;line-height:1.75}.browser-guides a{display:inline-block;margin-top:8px;color:var(--green);font-size:.625rem;text-decoration:none}.browser-guides .browser-note{display:block;padding:7px 8px;border-radius:8px;background:#ffffffb3;line-height:1.5}.apk-guide-section{margin-top:14px;padding-top:15px;border-top:1px solid var(--line)}.apk-guide-heading{display:flex;align-items:flex-start;gap:8px;color:#2d3d37}.apk-guide-heading>svg{flex:0 0 auto;margin-top:2px;color:var(--green)}.apk-guide-heading strong,.apk-guide-heading small{display:block}.apk-guide-heading strong{font-size:.9375rem}.apk-guide-heading small{margin-top:2px;color:var(--muted);font-size:.6875rem;font-weight:500}.apk-install-steps{margin-top:11px;color:#5c6964;font-size:.75rem;line-height:1.65}.apk-install-steps>ol{margin:9px 0;padding-left:22px}.apk-install-steps>ol li+li{margin-top:6px}.apk-guide-intro,.apk-source-warning{display:flex!important;align-items:flex-start!important;gap:7px!important;padding:9px 10px;border-radius:10px}.apk-guide-intro{color:#315c4e!important;background:#eaf5ef}.apk-source-warning{color:#7a5b22!important;background:#fff3d7}.apk-guide-intro svg,.apk-source-warning svg{flex:0 0 auto;margin-top:2px}.apk-guide-intro strong,.apk-guide-intro small{display:block}.apk-guide-intro small{margin-top:2px;font-weight:500}.apk-brand-list{display:grid;gap:7px;margin-top:10px}.apk-brand-list details{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fbfcfb}.apk-brand-list details.detected{border-color:#79b49d;background:#eef8f3;box-shadow:inset 0 0 0 1px #176b571a}.apk-brand-list summary{padding:10px 11px;cursor:pointer;color:#354a42;font-weight:800}.apk-brand-list summary em{margin-left:5px;padding:2px 6px;border-radius:99px;color:#fff;background:var(--green);font-size:.5625rem;font-style:normal}.apk-brand-list details>div{padding:0 11px 10px;border-top:1px solid var(--line)}.apk-brand-list ol{margin:8px 0;padding-left:20px}.apk-brand-list p{display:block;margin:7px 0 0;padding:7px 8px;border-radius:8px;color:#6d604b;background:#ffffffc7}.apk-guide-footnote{display:block!important;margin:10px 0 0!important;color:#69736f!important;font-size:.6875rem!important;line-height:1.55!important}.apk-attachment{max-width:min(100%,420px)}.apk-inline-help{margin-top:7px;overflow:hidden;border:1px solid rgba(23,107,87,.22);border-radius:10px;background:#ffffffb8}.apk-inline-help>summary{padding:8px 10px;display:flex;align-items:center;gap:5px;cursor:pointer;color:var(--green);font-size:.6875rem;font-weight:800;list-style:none}.apk-inline-help>summary::-webkit-details-marker{display:none}.apk-inline-help>.apk-install-steps{margin:0;padding:0 10px 10px}.apk-install-steps.compact .apk-guide-footnote{margin-top:8px!important}.auth-page{min-height:100dvh;padding:calc(34px + var(--safe-top)) 20px calc(26px + var(--safe-bottom));display:grid;place-items:center;background:radial-gradient(circle at 50% 5%,#e7f2ec 0,#f7f6f1 42%,#e7e9e5)}.auth-card{width:min(100%,410px);padding:28px 24px 20px;border-radius:28px;background:#ffffffe6;box-shadow:0 24px 70px #26473a24;backdrop-filter:blur(18px)}.brand-mark{width:64px;height:64px;margin:0 auto 18px;border-radius:21px;display:grid;place-items:center;color:#fff8e8;background:var(--green);box-shadow:0 12px 28px #176b5740}.brand-mark span{font-family:Kaiti SC,STKaiti,serif;font-size:1.812rem}.auth-card .eyebrow{text-align:center}.auth-card h1{text-align:center;margin:7px 0 4px;font-size:1.812rem;letter-spacing:-1px}.auth-subtitle{text-align:center;color:var(--muted);margin:0 0 20px;font-size:.8125rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:12px;background:#eef1ee;margin-bottom:18px}.auth-tabs button{border:0;border-radius:9px;padding:9px;color:#7b8581;background:transparent}.auth-tabs button.active{background:#fff;color:var(--green);font-weight:700;box-shadow:0 2px 8px #1e392f14}.auth-card form{display:flex;flex-direction:column;gap:7px}.auth-card label{margin-top:5px;color:#59645f;font-size:.75rem;font-weight:600}.auth-card input{width:100%;height:46px;border:1px solid #dfe5e1;border-radius:11px;padding:0 13px;background:#fbfcfb;outline:none}.auth-card input:focus{border-color:#5f9d89;box-shadow:0 0 0 3px #176b5714}.auth-page.mobile-auth-compat{display:flex;align-items:flex-start;justify-content:center;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-page.mobile-auth-compat .auth-card{margin:auto 0;background:#fff;backdrop-filter:none}.auth-page.mobile-auth-compat input{position:relative;z-index:1;min-height:48px;opacity:1;color:#17211e;font-size:16px;touch-action:manipulation;-webkit-appearance:none;appearance:none;-webkit-user-select:text;user-select:text;caret-color:#17211e;-webkit-text-fill-color:#17211e}.username-field{display:flex;align-items:center;height:46px;border:1px solid #dfe5e1;border-radius:11px;background:#fbfcfb;overflow:hidden}.username-field:focus-within{border-color:#5f9d89;box-shadow:0 0 0 3px #176b5714}.username-field span{padding-left:13px;color:var(--green);font-weight:700}.username-field input{border:0;box-shadow:none!important;padding-left:4px}.password-field{display:flex;align-items:stretch;min-height:46px;border:1px solid #dfe5e1;border-radius:11px;background:#fbfcfb;overflow:hidden}.password-field:focus-within{border-color:#5f9d89;box-shadow:0 0 0 3px #176b5714}.password-field input{flex:1;min-width:0;height:44px;border:0;border-radius:0;box-shadow:none!important}.password-visibility{width:46px;flex:0 0 46px;border:0;display:grid;place-items:center;color:#65736e;background:transparent}.password-visibility:active{background:#edf3f0}.primary-button{margin-top:11px;height:48px;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--green);font-weight:700;box-shadow:0 8px 18px #176b5733}.primary-button:disabled{opacity:.65}.form-error{margin:4px 0 0;padding:8px 10px;color:#a43c3c;background:#fff0f0;border-radius:8px;font-size:.75rem}.secure-note{display:flex;align-items:center;justify-content:center;gap:5px;margin:17px 0 0;color:#82908a;font-size:.6875rem}@media(max-width:600px),(max-height:700px){.auth-page{display:flex;align-items:flex-start;justify-content:center;height:100dvh;min-height:100svh;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-card{margin:auto 0}}.splash,.fatal{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:30px;text-align:center;background:#f4f5f3;color:var(--green)}.splash .brand-mark{margin:0 0 6px}.splash p,.fatal p{color:var(--muted)}.splash small{color:var(--muted);font-size:.82rem}.security-stop{min-height:100dvh;padding:calc(54px + var(--safe-top)) 28px calc(30px + var(--safe-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 50% 25%,#7c2222,#250909 62%);text-align:center}.security-stop-icon{width:82px;height:82px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.75);border-radius:26px;color:#fff;background:#ffffff1c;box-shadow:0 18px 60px #00000052}.security-stop .eyebrow{margin:22px 0 5px;color:#ffbaba;font-weight:900;letter-spacing:.14em}.security-stop h1{margin:0;font-size:clamp(1.65rem,7vw,2.25rem)}.security-stop>p{max-width:430px;margin:15px 0 0;color:#ffffffd1;line-height:1.65}.security-stop ul{width:min(100%,420px);margin:20px 0;padding:15px 18px 15px 38px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:#0003;text-align:left;line-height:1.8}.security-stop>strong{color:#ffd2d2}.security-stop>small{margin-top:10px;color:#ffffff85}.security-stop>button{margin-top:24px;min-width:190px;height:47px;border:1px solid rgba(255,255,255,.4);border-radius:13px;color:#fff;background:#ffffff1f;font-weight:800}.fatal .secondary-button{background:transparent;color:var(--muted);border:1px solid #cfd5d1}.fatal h2{color:#2e3c37;margin:2px 0 0}.fatal button{border:0;border-radius:10px;padding:10px 18px;color:#fff;background:var(--green)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.call-overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#fff;background:linear-gradient(160deg,#123a31,#071d18)}.call-overlay .avatar{z-index:2;width:112px;height:112px;border-radius:34px;font-size:2.625rem;box-shadow:0 18px 45px #00000052}.call-overlay h2{z-index:2;margin:24px 0 6px;font-size:1.625rem}.call-overlay>p{z-index:2;margin:0;color:#ffffffb3}.video-stage{position:absolute;inset:0;z-index:0;background:#07130f}.video-stage>video:first-child{width:100%;height:100%;object-fit:cover}.video-stage .local-video{position:absolute;top:calc(16px + var(--safe-top));right:14px;width:min(29vw,150px);height:min(39vw,200px);border:2px solid rgba(255,255,255,.75);border-radius:14px;object-fit:cover;background:#16241f;box-shadow:0 8px 28px #00000059;transform:scaleX(-1)}.video-stage~h2,.video-stage~p{padding:5px 12px;border-radius:10px;background:#00000057;text-shadow:0 1px 3px #000}.call-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:#4dc49c38;filter:blur(45px);top:18%}.in-call-controls{z-index:2;display:flex;justify-content:center;gap:22px;margin-top:42px}.in-call-controls button{width:76px;border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.75rem}.in-call-controls button svg{width:48px;height:48px;padding:13px;border-radius:50%;background:#ffffff29}.in-call-controls button[aria-pressed=true] svg{background:#ffffffe6;color:#173d33}.in-call-controls button:disabled{opacity:.55}.in-call-controls .hold-to-mute{touch-action:none;-webkit-user-select:none;user-select:none}.call-screen-note{z-index:2;max-width:310px;margin-top:24px;padding:8px 12px;border-radius:9px;color:#ffffffb8;background:#0000002e;text-align:center;line-height:1.45}.call-actions{z-index:2;display:flex;gap:70px;margin-top:52px}.round-action{border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:9px}.round-action svg{width:68px;height:68px;padding:20px;border-radius:50%}.round-action.reject svg{background:#e04b4b}.round-action.answer svg{background:#28b875}.round-action span{font-size:.8125rem}@media(max-width:480px){.chat-header{min-width:0;padding-left:4px;padding-right:4px;gap:4px}.chat-header .avatar{display:none}.chat-header .icon-button{width:37px;height:40px;flex:0 0 37px}.chat-header .stealth-silence-toggle{width:29px;flex-basis:29px}.chat-title strong,.chat-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(min-width:700px){body{background:#dfe5e1}.app-shell{width:430px;min-height:900px;margin:24px auto;border-radius:28px;box-shadow:0 24px 80px #1a2e2633;position:relative}.app-screen,.chat-screen{min-height:880px;height:880px;border-radius:28px;overflow:hidden}.app-screen{overflow-y:auto;overscroll-behavior-y:contain}.bottom-nav{position:absolute;border-radius:0 0 28px 28px}.logout-fab{position:absolute}.call-overlay{position:absolute;border-radius:28px}.capture-modal{position:absolute;border-radius:28px;overflow:hidden}}.sync-preference-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px}.sync-preference-row input{width:24px;height:24px;flex:none;accent-color:#27736b}.app-version{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums;letter-spacing:.02em}