:root{--accent: #2563eb;--accent-soft: #dbeafe;--bg: #ffffff;--surface: #f6f6f6;--bubble-in: #e9e9e9;--bubble-out: var(--accent);--text: #1b1b1b;--text-soft: #5e5e5e;--border: #e3e3e3;--danger: #e5484d;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #121212;--surface: #1d1d1d;--bubble-in: #2e2e2e;--text: #e9e9e9;--text-soft: #a1a1a1;--border: #2c2c2c}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:16px/1.35 -apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input{font:inherit;color:inherit}.splash{height:100%;background:var(--bg)}.login{min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:28px;padding:calc(env(safe-area-inset-top) + 56px) 20px calc(env(safe-area-inset-bottom) + 24px)}.login-head{text-align:center;display:flex;flex-direction:column;gap:6px}.brand{font-weight:800;letter-spacing:-.02em;color:var(--accent);font-size:28px}.tagline{margin:0;color:var(--text-soft)}.login-body,.login-form{width:min(380px,100%);display:flex;flex-direction:column;gap:14px}.section-label{margin:0;font-size:13px;font-weight:600;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em}.login-people{display:grid;gap:10px}.person{display:flex;gap:14px;align-items:center;padding:14px;border-radius:16px;background:var(--surface);text-align:left}.person small{display:block;color:var(--text-soft)}.login-actions{display:flex;flex-direction:column;gap:10px;margin-top:10px}.form-head{display:flex;align-items:center;gap:6px;font-size:18px;margin-left:-10px}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-soft)}.field input,.input-at{height:50px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 14px;font-size:16px;outline:none}.field input:focus,.input-at:focus-within{border-color:var(--accent)}.field small{font-size:12px}.input-at{display:flex;align-items:center;gap:4px}.input-at input{flex:1;min-width:0;height:100%;border:0;padding:0;background:transparent}.login-pin input{text-align:center;font-size:26px;letter-spacing:8px}.lang-pick{display:flex;flex-wrap:wrap;gap:8px}.lang-pick button{height:42px;padding:0 14px;border-radius:21px;border:1px solid var(--border);color:var(--text);font-size:14px}.lang-pick button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.primary{background:var(--accent);color:#fff;height:50px;padding:0 16px;border-radius:25px;font-weight:600}.primary:disabled{opacity:.6}.secondary{height:50px;border-radius:25px;border:1px solid var(--border);font-weight:600;color:var(--text)}.link{color:var(--text-soft)}.error{color:var(--danger);margin:0;font-size:14px}.note{margin:0;font-size:14px;color:var(--text-soft)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.avatar-ini{display:inline-grid;place-items:center;border-radius:50%;font-weight:700;flex:none}.avatar-img{border-radius:50%;object-fit:cover;flex:none;display:block}.home{min-height:100dvh;display:flex;flex-direction:column}.home-top{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 14px) 16px 4px 20px}.home-top .brand{font-size:15px;letter-spacing:.04em;text-transform:uppercase}.home-actions{display:flex;align-items:center;gap:8px}.icon.soft{background:var(--surface)}.icon.accent{background:var(--accent);color:#fff}.me-button{padding:0;border-radius:50%;margin-left:4px}.home-title{margin:0;padding:6px 20px 12px;font-size:32px;font-weight:800;letter-spacing:-.03em}.search-box{margin:0 16px 10px;height:44px;border-radius:22px;background:var(--surface);display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--text-soft)}.search-box input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:15px;color:var(--text)}.conv-list{flex:1;display:flex;flex-direction:column;padding-bottom:calc(env(safe-area-inset-bottom) + 16px)}.conv-row{display:flex;align-items:center;padding-right:8px}.conv-main{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:10px 8px 10px 20px;text-align:left}.conv-main:active{background:var(--surface)}.conv-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.conv-line{display:flex;justify-content:space-between;gap:8px}.conv-line small{color:var(--text-soft);font-size:12px;flex:none}.conv-preview{font-size:14px;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-call{color:var(--accent);width:40px}.empty{color:var(--text-soft);text-align:center;padding:40px 32px;line-height:1.5}.page-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#00000059;display:flex;align-items:flex-end;justify-content:center}.page-sheet{width:100%;max-width:560px;background:var(--bg);border-radius:24px 24px 0 0;padding:8px 20px calc(env(safe-area-inset-bottom) + 20px);display:flex;flex-direction:column;gap:14px;animation:sheet-up .22s ease-out}.page{min-height:100dvh;display:flex;flex-direction:column}.page-top{display:flex;align-items:center;gap:6px;padding:calc(env(safe-area-inset-top) + 8px) 12px 8px 4px;font-size:18px;border-bottom:1px solid var(--border)}.page-body{flex:1;width:100%;max-width:560px;margin:0 auto;padding:20px 16px calc(env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;gap:16px}.profile-photo{display:flex;flex-direction:column;align-items:center;gap:8px}.photo-button{position:relative;padding:0;border-radius:50%}.photo-badge{position:absolute;right:2px;bottom:2px;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;border:3px solid var(--bg)}.photo-badge svg{width:16px;height:16px}.handle{color:var(--text-soft);font-size:14px}.card{background:var(--surface);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.card .field input{background:var(--bg)}.card-title{margin:0;font-weight:600}.blocked-row{display:flex;align-items:center;gap:12px}.blocked-row span{flex:1}.link-button{color:var(--accent);font-weight:600;min-height:44px}.danger-button{color:var(--danger);font-weight:600;height:50px;border-radius:25px;border:1px solid var(--border)}.chat{height:100dvh;display:flex;flex-direction:column}.topbar{position:relative;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 8px) 8px 8px 12px;border-bottom:1px solid var(--border);background:var(--bg)}.title{flex:1;min-width:0}.title strong{display:block}.title small{color:var(--text-soft)}.avatar{width:36px;height:36px;border-radius:50%;background:#a4c1f7;color:#10316b;display:grid;place-items:center;font-weight:600;flex:none}.avatar.big{width:48px;height:48px;font-size:20px}.icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%}.icon:active{background:var(--surface)}.menu{position:absolute;right:8px;top:100%;z-index:5;min-width:200px;background:var(--surface);border-radius:12px;padding:6px;box-shadow:0 8px 24px #0003}.menu button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px}.menu button.active{color:var(--accent);font-weight:600}.menu-label{margin:6px 12px;font-size:13px;color:var(--text-soft)}.menu hr{border:0;border-top:1px solid var(--border)}.messages{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:4px}.row{display:flex}.row.mine{justify-content:flex-end}.bubble{max-width:80%;padding:8px 12px;border-radius:18px;background:var(--bubble-in);word-wrap:break-word}.mine .bubble{background:var(--bubble-out);color:#fff}.bubble p{margin:0}.translation{margin-top:4px!important;padding-top:4px;border-top:1px solid rgb(127 127 127 / .3);opacity:.85;font-size:15px}.meta{display:flex;gap:8px;justify-content:flex-end;font-size:11px;opacity:.7;margin-top:2px}.audios{display:grid;gap:6px;margin-bottom:4px;min-width:200px}.player{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center}.player small{grid-column:2;font-size:11px;opacity:.8}.play{grid-row:span 2;width:36px;height:36px;border-radius:50%;background:#ffffff40;display:grid;place-items:center}.play svg{width:18px;height:18px}.theirs .play{background:var(--accent);color:#fff}.track{height:4px;border-radius:2px;background:#7f7f7f59;overflow:hidden}.fill{height:100%;background:currentColor}.composer{display:flex;gap:8px;align-items:center;padding:8px 8px calc(env(safe-area-inset-bottom) + 8px);border-top:1px solid var(--border);background:var(--bg)}.composer input{flex:1;min-width:0;padding:10px 14px;border-radius:22px;border:0;background:var(--surface);outline:none}.send{width:44px;height:44px;flex:none;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center}.rec-indicator{flex:1;display:flex;align-items:center;gap:8px;color:var(--text-soft)}.dot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 14px;border-radius:18px;font-size:14px}.call{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#3e5163;color:#fff;overflow:hidden;touch-action:manipulation}.call video.remote{width:100%;height:100%;object-fit:cover}.call .hidden{visibility:hidden}.call-peer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding-top:calc(env(safe-area-inset-top) + 72px);background:linear-gradient(170deg,#6f879c,#3e5163 60%,#26323f);font-size:16px;color:#e2e8f0;text-align:center}.call-avatar{font-weight:700}.call-scrim{position:absolute;left:0;right:0;bottom:0;height:55%;pointer-events:none;background:linear-gradient(to top,#0f172ac7,#0f172a73 45%,#0f172a00)}.call-top{position:absolute;top:calc(env(safe-area-inset-top) + 14px);left:0;right:0;display:flex;justify-content:center;pointer-events:none}.call-pill{height:34px;padding:0 14px;border-radius:17px;background:#ffffffeb;color:#0f172a;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.call-timer{font-variant-numeric:tabular-nums;color:#334155}.call-timer:before{content:"·";margin-right:8px;color:#94a3b8}.presence{width:8px;height:8px;border-radius:50%;background:#94a3b8}.presence.on{background:#16a34a}.local-wrap{position:absolute;top:calc(env(safe-area-inset-top) + 60px);left:14px;width:26vw;max-width:132px;aspect-ratio:3/4;padding:0;border-radius:16px;overflow:hidden;border:2px solid #fff;background:#222}.call video.local{width:100%;height:100%;object-fit:cover;display:block}.local-flip{position:absolute;right:6px;bottom:6px;width:28px;height:28px;border-radius:50%;background:#0f172a8c;display:grid;place-items:center}.local-flip svg{width:16px;height:16px}.mirror{transform:scaleX(-1)}.call{--ctl: 104px;--top-gap: 0px}.call.chrome-off{--ctl: 18px}.remote-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none}.remote-wrap video.remote{transform-origin:center;transition:transform .05s linear;will-change:transform}.call-top,.call-controls,.local-wrap,.call-scrim{transition:opacity .35s ease}.call.chrome-off .call-top,.call.chrome-off .call-controls,.call.chrome-off .call-scrim{opacity:0;pointer-events:none}.call.chrome-off:not(.pin-pip) .local-wrap{opacity:0;pointer-events:none}.subtitles{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + var(--ctl));max-height:46%;padding:24px 14px 8px;display:flex;flex-direction:column;align-items:stretch;gap:8px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24px);mask-image:linear-gradient(to bottom,transparent 0,#000 24px);transition:bottom .35s ease}.subtitles::-webkit-scrollbar{display:none}.subtitles>:first-child{margin-top:auto}.call.no-video .subtitles{max-height:calc(100% - env(safe-area-inset-top) - 250px - var(--ctl))}.subtitles.browsing{max-height:62%}.sub-new{bottom:calc(env(safe-area-inset-bottom) + var(--ctl) + 8px);z-index:2}.call-ended{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);z-index:3;padding:12px 20px;border-radius:22px;background:#0f172ad9;color:#fff;font-weight:600}.sub{max-width:min(84%,560px);display:flex;flex-direction:column;gap:3px;flex:none;overflow-wrap:break-word;padding:9px 13px;transition:opacity .6s ease;text-shadow:0 1px 2px rgb(0 0 0 / .6)}.sub.peer{align-self:flex-start;text-align:left;border-radius:18px 18px 18px 6px;background:rgb(15 23 42 / var(--bubble-a, .7))}.sub.me{align-self:flex-end;text-align:left;border-radius:18px 18px 6px;background:rgb(37 99 235 / var(--bubble-a, .7))}.sub-main{margin:0;line-height:1.38;font-weight:600;white-space:pre-wrap}.sub-original{margin:0;line-height:1.3;font-weight:400}.sub-original+.sub-main{margin-top:2px}.sub.me .typing{justify-content:flex-end}.sub.peer .typing{justify-content:flex-start}.layout-cinema .subtitles{max-height:none;height:var(--band, 34%);bottom:0;padding:22px 18px calc(env(safe-area-inset-bottom) + var(--ctl));background:rgb(2 6 23 / var(--bubble-a, .7));-webkit-mask-image:none;mask-image:none;gap:10px;transition:padding .35s ease}.layout-cinema .sub{max-width:100%;align-self:stretch;text-align:center;background:none;padding:0;border-radius:0}.layout-cinema .sub.me .sub-main{font-weight:500}.layout-cinema .call-scrim{display:none}.layout-panel .remote-wrap,.layout-panel .call-peer{bottom:var(--band, 34%)}.layout-panel .subtitles{max-height:none;height:var(--band, 34%);bottom:0;padding:22px 14px calc(env(safe-area-inset-bottom) + var(--ctl));background:#0f172a;-webkit-mask-image:none;mask-image:none;transition:padding .35s ease}.layout-panel .sub{text-shadow:none}.layout-panel .sub.peer{background:rgb(51 65 85 / var(--bubble-a, .7))}.layout-panel .call-scrim{display:none}.band-handle{position:absolute;left:0;right:0;bottom:var(--band, 34%);height:28px;margin-bottom:-14px;z-index:2;display:grid;place-items:center;touch-action:none;cursor:ns-resize}.band-handle span{width:44px;height:5px;border-radius:3px;background:#ffffffb3;box-shadow:0 1px 3px #0006}.call.mini{inset:auto 12px calc(env(safe-area-inset-bottom) + 88px) auto;width:116px;height:168px;border-radius:18px;box-shadow:0 10px 28px #0f172a59,0 0 0 3px #16a34a;z-index:20;cursor:pointer}.call.mini>:not(.remote-wrap):not(.call-peer):not(.mini-bar){display:none!important}.call.mini .remote-wrap,.call.mini .call-peer{bottom:0}.call.mini .call-peer{padding-top:22px;font-size:0}.call.mini .call-peer .avatar{width:56px!important;height:56px!important;font-size:22px!important}.mini-bar{position:absolute;left:6px;right:6px;bottom:6px;display:flex;align-items:center;justify-content:space-between}.mini-timer{font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px #000}.mini-timer:before{display:none}.round.mini-hangup{width:44px;height:44px}.round.mini-hangup svg{width:20px;height:20px}.typing{display:flex;gap:5px;justify-content:center;padding:6px 0}.typing span{width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}.typing.inline{display:inline-flex;padding:0 0 0 6px;vertical-align:middle}.typing.inline span{width:5px;height:5px}.history-pill{pointer-events:auto;height:30px;padding:0 12px;border-radius:15px;background:#fff3;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.history-pill svg,.new-lines svg{width:14px;height:14px}.call-controls{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 28px);left:0;right:0;display:flex;justify-content:center;gap:12px;padding:0 16px;z-index:1}.call-controls .round{width:52px;height:52px}.call-controls .round.wide{width:70px;border-radius:26px}.round{width:56px;height:56px;border-radius:50%;background:#fff3;display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.round.light{background:#ffffffeb;color:#0f172a}.round.light.off{background:#0f172a;color:#fff;box-shadow:inset 0 0 0 2px #ffffff80}.round.hangup{background:var(--danger);color:#fff}.round.wide{width:74px;border-radius:28px}.unlock-audio{position:absolute;top:45%;left:50%;transform:translate(-50%);z-index:2;background:var(--accent);color:#fff;padding:14px 22px;border-radius:28px;font-weight:600}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#00000059;display:flex;align-items:flex-end;justify-content:center}.sheet{position:relative;width:100%;max-width:560px;max-height:80%;display:flex;flex-direction:column;background:#fff;color:#0f172a;border-radius:24px 24px 0 0;padding:8px 20px calc(env(safe-area-inset-bottom) + 20px);animation:sheet-up .22s ease-out}.sheet.tall{height:75%;background:#0f172af0;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:6px 0 10px;font-size:18px}.sheet .icon:active{background:#7f7f7f26}.settings{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.setting-label{margin:0 0 4px;font-size:13px;color:#475569}.size-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.size-picker button{height:46px;border-radius:12px;border:1px solid #e2e8f0;font-weight:600}.size-picker button.active{background:#2563eb;border-color:#2563eb;color:#fff}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;text-align:left;border-top:1px solid #f1f5f9;font-size:15px}.switch{width:48px;height:28px;flex:none;border-radius:14px;background:#cbd5e1;position:relative;transition:background .2s}.switch span{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 2px #0003}.switch.on{background:#2563eb}.switch.on span{transform:translate(20px)}.history{--sub-scale: 1;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:4px 2px 16px;overscroll-behavior:contain}.history-line{display:flex;flex-direction:column;gap:3px}.history-line.me{align-items:flex-end;text-align:right}.history-line.me .sub-translation{font-size:calc(15px * var(--sub-scale));font-weight:500;color:#bfdbfe}.history-line.me .sub-original{color:#fff;font-weight:600}.history-empty{color:#94a3b8;text-align:center;margin-top:40px}.new-lines{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 28px);transform:translate(-50%);height:36px;padding:0 14px;border-radius:18px;background:#2563eb;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #0000004d}.ringing{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 10px) 12px 10px;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 6px 20px #00000026}.ringing .avatar-ini,.ringing .avatar-img{animation:pulse 1.2s infinite}.ringing strong{flex:1}.ringing .accept,.ringing .decline{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff}.ringing .accept{background:#1fa855}.ringing .decline{background:var(--danger)}.ring-kind{display:block;font-weight:400;font-size:13px;color:var(--text-soft)}.call-toast{position:absolute;top:calc(env(safe-area-inset-top) + 64px);bottom:auto;z-index:3;max-width:80%;text-align:center;background:#0f172acc}.video-ask{position:absolute;left:16px;right:16px;top:calc(env(safe-area-inset-top) + 64px);z-index:4;max-width:480px;margin:0 auto;background:#fff;color:#0f172a;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 32px #00000059;animation:sheet-up .22s ease-out}.video-ask-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px}.video-ask-title svg{color:#2563eb;flex:none}.video-ask-actions{display:flex;gap:10px}.video-ask-actions button{flex:1;height:46px;border-radius:23px;border:1px solid #e2e8f0;font-weight:600}.video-ask-actions .primary{border:0;padding:0}.topbar .back{width:36px;margin-left:-6px}.icon.accent-text{color:var(--accent)}.avatar-wrap{position:relative;flex:none;display:inline-flex}.online-dot{position:absolute;right:1px;bottom:1px;width:14px;height:14px;border-radius:50%;background:#16a34a;border:3px solid var(--bg)}.conv-preview.unread{color:var(--text);font-weight:600}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;flex:none}.conv-line .conv-preview{flex:1;min-width:0}.bubble{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.bubble.deleted{background:transparent;border:1px dashed var(--border);color:var(--text-soft);font-style:italic;font-size:14px}.mine .bubble.deleted{background:transparent;color:var(--text-soft)}.bubble.has-media{padding:4px;max-width:76%}.bubble.has-media .original,.bubble.has-media .translation,.bubble.has-media .meta{padding:0 8px}.bubble.has-media .meta{padding-bottom:4px}.media-button{padding:0;display:block;width:100%}.media{display:block;width:100%;max-width:300px;max-height:420px;object-fit:cover;border-radius:14px;background:#7f7f7f33}.ticks{flex:none;align-self:center}.mine .ticks.sent,.mine .ticks.delivered{color:#ffffffbf}.mine .ticks.read{color:#7dd3fc}.meta{align-items:center}.online-text{color:#15803d!important;font-weight:600}@media(prefers-color-scheme:dark){.online-text{color:#4ade80!important}}.composer .attach{color:var(--text-soft);flex:none}.compose-bar{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-top:1px solid var(--border);background:var(--surface);font-size:14px;color:var(--text-soft)}.compose-bar span{flex:1}.compose-bar img,.compose-bar video{width:48px;height:48px;object-fit:cover;border-radius:8px}.page-sheet.actions{gap:4px;padding-top:14px}.page-sheet.actions button{min-height:50px;text-align:left;padding:0 8px;border-radius:10px;font-size:16px}.page-sheet.actions button:active{background:var(--surface)}.page-sheet.actions .danger{color:var(--danger)}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000000eb;display:grid;place-items:center;padding:0}.viewer img{max-width:100%;max-height:100%;object-fit:contain}.chip-button{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;background:#2563eb1a;color:#2563eb}.chip-button svg{width:16px;height:16px}.row.mine .chip-button{background:#fff3;color:#fff}.chip-button:disabled{opacity:.6}.rec-review{flex:1;min-width:0;padding:6px 12px;border-radius:22px;background:#f1f5f9}.rec-review .play{width:32px;height:32px;background:var(--accent);color:#fff}.rec-review .track{color:var(--accent)}.stop-rec .stop-square{width:14px;height:14px;border-radius:3px;background:#dc2626}.voice-note{margin:4px 0 0;font-size:13px;color:#64748b}.install-button{margin-top:10px;width:100%}.bubble.call-log{display:flex;align-items:center;gap:10px;min-width:210px}.call-log-icon{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:#fff3}.theirs .call-log-icon{background:#2563eb1f;color:#2563eb}.call-log.missed .call-log-icon{background:#dc26261f;color:#dc2626}.call-log.missed strong{color:#dc2626}.call-log-icon svg,.call-log-back svg{width:18px;height:18px}.call-log-text{flex:1;display:flex;flex-direction:column;gap:2px}.call-log-text small{font-size:12px;opacity:.75;font-variant-numeric:tabular-nums}.call-log-back{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;color:inherit}.theirs .call-log-back{color:#2563eb}.call-log-back:active{background:#7f7f7f33}.admin-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #e2e8f0}.admin-row:first-of-type{border-top:0}.admin-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.admin-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-info small{color:#64748b;font-size:12px}.admin-row .link-button{color:#dc2626}.admin-link{width:100%}.requests{margin:0 12px 8px;padding:10px 12px;border-radius:16px;background:#eff6ff}.requests-title{margin:0 0 4px;font-size:13px;font-weight:700;color:#1d4ed8}.request-row{display:flex;align-items:center;gap:10px;padding:6px 0}.request-row .conv-text{flex:1;min-width:0;display:flex;flex-direction:column}.request-row small{color:#64748b}.link-button.muted{color:#64748b;padding:0 6px}.contact-gate{padding:14px 16px calc(env(safe-area-inset-bottom) + 14px);border-top:1px solid var(--border);background:var(--bg);display:flex;flex-direction:column;gap:10px;text-align:center}.contact-gate p{margin:0;color:#475569;font-size:14px}.contact-gate-actions{display:flex;gap:10px}.contact-gate-actions>*{flex:1}.sheet.chat-sheet{max-height:78%}.chat-settings{gap:8px;padding-bottom:4px}.chat-settings .setting-label{margin:6px 0 0;font-weight:600}.seg{display:grid;gap:8px}.seg-3{grid-template-columns:repeat(3,minmax(0,1fr))}.seg-4{grid-template-columns:repeat(4,minmax(0,1fr))}.seg button{min-height:44px;border-radius:12px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:14px;padding:0 6px}.seg button.active{border:2px solid #2563eb;background:#eff6ff;color:#1d4ed8;font-weight:600}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;margin-top:8px;border-radius:12px;background:#f1f5f9}.tabs button{min-height:40px;border-radius:9px;color:#475569;font-size:14px;padding:0 6px}.tabs button.active{background:#fff;color:#0f172a;font-weight:600;box-shadow:0 1px 2px #00000014}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatches button{width:40px;height:40px;border-radius:50%;border:1px solid #cbd5e1}.swatches button.active{box-shadow:0 0 0 3px #fff,0 0 0 5px #2563eb}.slider-row{display:flex;flex-direction:column;gap:4px;padding:4px 0}.slider-row label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#475569}.slider-value{color:#0f172a;font-variant-numeric:tabular-nums}.slider-row input{width:100%;accent-color:#2563eb;min-height:32px}.settings-group{border-top:1px solid #f1f5f9;margin-top:6px;padding-top:6px}.reset-button{min-height:46px;margin-top:8px;border-radius:12px;border:1px solid #cbd5e1;color:#1d4ed8;font-weight:600;font-size:15px}.chat-preview{display:flex;flex-direction:column;gap:8px;padding:14px 12px;border-radius:14px;background:#3e5163;margin-bottom:6px}.chat-preview.layout-cinema{background:rgb(2 6 23 / var(--bubble-a))}.chat-preview.layout-cinema .sub{align-self:stretch;text-align:center;background:none;padding:0}.chat-preview.layout-panel{background:#0f172a}.card-toggle{border-top:0;min-height:44px}.card-toggle .card-title{margin:0}.local-wrap{touch-action:none;z-index:2;box-shadow:0 6px 18px #0000004d}.local-wrap.moved{right:auto;bottom:auto}