:root{--bg: #0f1419;--bg-chat: #17212b;--bg-header: #1c2733;--bg-bubble-courier: #1f2c38;--bg-bubble-player: #2b6cb0;--bg-bubble-player-2: #3a7cc1;--text: #e8e8e8;--text-dim: #8a98a6;--text-muted: #5b6877;--accent: #5eb6ff;--danger: #d97070;--border: #2a3645;--shadow: 0 1px 2px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;position:relative;overflow-x:hidden;background:var(--bg-chat);background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:22px 22px,36px 36px;background-position:0 0,11px 11px;border-left:1px solid var(--border);border-right:1px solid var(--border)}.header{display:flex;justify-content:flex-start;align-items:center;gap:10px;position:absolute;top:0;left:0;right:0;z-index:10;padding:max(10px,env(safe-area-inset-top)) 14px 10px;background:#1c2733c7;-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border-bottom:1px solid var(--border)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.header{background:var(--bg-header)}}.header-left{display:flex;align-items:center;gap:10px;min-width:0}.header-left-btn{background:transparent;border:none;padding:4px 6px 4px 0;margin:-4px 0 -4px -6px;border-radius:8px;color:inherit;text-align:left;cursor:pointer;font:inherit;transition:background .12s}.header-left-btn:hover{background:#ffffff0a}.header-left-btn:active{background:#ffffff12}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#f0a060,#c46a3b);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}.avatar img,.contact-request-avatar img,.profile-avatar-big img,.profile-zoom-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;-webkit-user-select:none;user-select:none}.contact-request-avatar,.profile-avatar-big,.profile-zoom-avatar{overflow:hidden}.header-name{font-weight:600;font-size:15px}.header-status{font-size:12px;color:var(--text-dim);transition:color .2s}.header-status.status-typing{color:var(--accent)}.header-status.status-offline{color:var(--danger)}.header-status.status-recent{color:var(--text-muted)}.chat-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.chat{display:flex;flex-direction:column;padding:calc(70px + env(safe-area-inset-top)) 10px 4px;gap:4px}.row{display:flex;margin:1px 0}.row-courier{justify-content:flex-start}.row-player{justify-content:flex-end}.row-system{justify-content:center;margin:10px 0}.bubble{max-width:78%;padding:7px 10px 6px;border-radius:14px;position:relative;box-shadow:var(--shadow);word-wrap:break-word;overflow-wrap:break-word}.bubble-courier{background:var(--bg-bubble-courier);border-bottom-left-radius:4px}.bubble-player{background:linear-gradient(180deg,var(--bg-bubble-player-2),var(--bg-bubble-player));border-bottom-right-radius:4px}.bubble-text{white-space:pre-wrap;padding-right:38px}.bubble-time{position:absolute;bottom:4px;right:8px;font-size:10px;color:var(--text-muted);font-family:SF Mono,Menlo,monospace}.bubble-player .bubble-time{color:#ffffff8c}.bubble-typing{padding:10px 14px;min-width:50px}.typing-dots{display:inline-flex;gap:4px;align-items:center}.typing-dots>span{width:6px;height:6px;border-radius:50%;background:var(--text-dim);display:inline-block;animation:typing-pulse 1.2s infinite ease-in-out}.typing-dots>span:nth-child(2){animation-delay:.18s}.typing-dots>span:nth-child(3){animation-delay:.36s}@keyframes typing-pulse{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.system-pill{font-size:11px;color:var(--text-dim);background:#00000040;padding:4px 12px;border-radius:12px;text-align:center;font-family:SF Mono,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em}.dropout-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--danger);background:#00000073;border:1px solid rgba(217,112,112,.35);padding:6px 14px;border-radius:12px;text-align:center;font-family:SF Mono,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;animation:dropoutPulse 2.4s ease-in-out infinite}.dropout-dot{width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 #d9707099;animation:dropoutDot 1.2s ease-in-out infinite}@keyframes dropoutDot{0%,to{opacity:1;box-shadow:0 0 #d9707099}50%{opacity:.4;box-shadow:0 0 0 6px #d9707000}}@keyframes dropoutPulse{0%,to{opacity:.9}50%{opacity:.65}}.end-card{background:var(--bg-bubble-courier);border:1px solid var(--border);border-radius:12px;padding:18px;max-width:90%;text-align:center;box-shadow:var(--shadow)}.end-card-tag{font-size:10px;letter-spacing:.15em;color:var(--accent);margin-bottom:10px}.end-card-title{font-size:20px;font-weight:700;margin-bottom:10px}.end-card-text{font-size:14px;color:var(--text-dim);margin-bottom:10px;white-space:pre-wrap;text-align:left}.end-card-id{font-size:10px;font-family:SF Mono,Menlo,monospace;color:var(--text-muted)}.bubble-media{padding:4px 4px 6px;background:var(--bg-bubble-courier)}.media-photo-frame{width:240px;height:168px;background:radial-gradient(120% 80% at 30% 20%,rgba(255,255,255,.04),transparent 55%),linear-gradient(135deg,#2a3645,#161e27);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-dim);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.04)}.media-photo-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent 0,transparent 10px,rgba(255,255,255,.015) 10px,rgba(255,255,255,.015) 20px),radial-gradient(100% 60% at 50% 110%,rgba(0,0,0,.4),transparent);pointer-events:none}.media-photo-frame:after{content:"IMG";position:absolute;top:8px;left:10px;font-size:9px;letter-spacing:.12em;color:var(--text-muted);font-family:SF Mono,Menlo,monospace;z-index:2}.media-photo-icon{font-size:28px;opacity:.45;z-index:1}.media-photo-text{font-size:12px;text-align:center;padding:0 14px;z-index:1;line-height:1.35;white-space:pre-wrap}.media-photo-real{display:block;padding:0;margin:0;border:none;background:transparent;cursor:zoom-in;font:inherit;color:inherit;border-radius:10px;transition:transform .08s}.media-photo-real:active{transform:scale(.99)}.media-photo-real img{display:block;width:240px;max-height:320px;height:auto;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.04);background:#0f1419}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:100;cursor:zoom-out;animation:fadeIn .18s ease-out;padding:24px}.photo-lightbox img{max-width:96vw;max-height:86vh;object-fit:contain;border-radius:6px;box-shadow:0 12px 48px #0009;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.photo-lightbox-hint{font-size:11px;color:#ffffff73;font-family:SF Mono,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}.media-caption{font-size:13px;color:var(--text);padding:6px 38px 0 8px;max-width:240px;white-space:pre-wrap}.media-voice{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 6px;min-width:220px;position:relative}.voice-play{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#0f1419;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;padding-left:2px;flex-shrink:0;box-shadow:0 0 #5eb6ff66;animation:voicePulse 2.6s ease-out infinite}@keyframes voicePulse{0%,to{box-shadow:0 0 #5eb6ff00}50%{box-shadow:0 0 0 6px #5eb6ff2e}}.voice-wave{display:flex;gap:2px;align-items:center;height:22px}.voice-wave>span{width:2px;background:var(--text-dim);border-radius:1px;display:inline-block}.voice-time{font-size:11px;color:var(--text-dim);font-family:SF Mono,Menlo,monospace;margin-left:auto}.media-doc{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#00000038;border:1px solid rgba(255,255,255,.05);border-radius:8px;min-width:240px;position:relative}.media-doc:before{content:"DOC";position:absolute;top:-8px;left:10px;font-size:9px;letter-spacing:.12em;background:var(--bg-chat);padding:1px 6px;color:var(--text-muted);font-family:SF Mono,Menlo,monospace;border-radius:4px}.doc-icon{font-size:22px;opacity:.7}.doc-text{font-size:13px;white-space:pre-wrap;line-height:1.35;color:var(--text-dim)}.choice-bar{display:flex;flex-direction:column;gap:6px;padding:10px 12px max(14px,env(safe-area-inset-bottom));background:var(--bg-header);border-top:1px solid var(--border);flex-shrink:0}.choice-btn{display:block;width:100%;background:var(--bg-bubble-courier);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px 14px;font-size:14px;cursor:pointer;text-align:left;font-family:inherit;transition:background .12s,border-color .12s,transform .08s}.choice-btn:hover{background:#25323f;border-color:var(--accent)}.choice-btn:active{transform:scale(.99)}.choice-bar-idle .fake-input{background:#0000002e;border-radius:18px;padding:9px 14px;color:var(--text-muted);font-size:13px;font-style:italic}.choice-bar-end{align-items:stretch;gap:8px}.shift-lock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.shift-lock-card{max-width:360px;width:100%;background:var(--bg-chat);border:1px solid var(--border);border-radius:14px;padding:32px 22px 24px;text-align:center}.shift-lock-logo{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#2b6cb0,#1f3a5f);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-family:SF Mono,Menlo,monospace;font-size:18px;font-weight:700;color:#e8e8e8;letter-spacing:.06em}.shift-lock-title{font-size:17px;font-weight:600;margin-bottom:18px;color:var(--text)}.shift-lock-row{display:flex;justify-content:space-between;padding:8px 0;font-family:SF Mono,Menlo,monospace;font-size:13px;border-top:1px solid var(--border)}.shift-lock-row:last-of-type{border-bottom:1px solid var(--border)}.shift-lock-label{color:var(--text-dim)}.shift-lock-value{color:var(--text);font-weight:600}.shift-lock-countdown{font-variant-numeric:tabular-nums}.shift-lock-hint{margin-top:18px;font-size:11px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-family:SF Mono,Menlo,monospace;line-height:1.5}.ios-install-chip{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--accent);color:#0a1018;border:none;padding:11px 18px;border-radius:22px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 16px #5eb6ff52;z-index:80;animation:iosChipIn .4s ease-out}.ios-install-dot{width:8px;height:8px;border-radius:50%;background:#0a1018;animation:iosDot 1.6s ease-in-out infinite}@keyframes iosDot{0%,to{opacity:.4}50%{opacity:1}}@keyframes iosChipIn{0%{transform:translate(-50%,30px);opacity:0}to{transform:translate(-50%);opacity:1}}.ios-install-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:90;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.ios-install-card{width:100%;max-width:420px;background:var(--bg-chat);border:1px solid var(--border);border-radius:14px;padding:22px 22px 18px;animation:iosCardIn .25s ease-out}@keyframes iosCardIn{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.ios-install-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:12px}.ios-install-body{font-size:14px;color:var(--text-dim);line-height:1.5;margin:0 0 12px}.ios-install-steps{font-size:14px;color:var(--text);line-height:1.6;padding-left:22px;margin:0 0 14px}.ios-install-steps li{margin-bottom:6px}.ios-install-steps strong{color:var(--accent)}.ios-install-share{display:inline-block;font-size:16px;vertical-align:-1px;color:var(--accent)}.ios-install-hint{font-size:12px;color:var(--text-muted);line-height:1.5;font-style:italic;margin:0 0 16px}.ios-install-actions{display:flex;gap:8px;justify-content:flex-end}.ios-install-btn{background:var(--accent);color:#0a1018;border:none;padding:10px 18px;border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.ios-install-btn-ghost{background:transparent;color:var(--text-dim)}.wait-pill{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--text-dim);background:#00000059;border:1px solid var(--border);padding:10px 16px;border-radius:12px;font-family:SF Mono,Menlo,monospace;max-width:95%}.wait-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0;animation:waitDot 2s ease-in-out infinite}@keyframes waitDot{0%,to{opacity:.35}50%{opacity:.8}}.wait-text{display:flex;flex-direction:column;gap:2px;min-width:0}.wait-preview{color:var(--text);font-size:12px;text-transform:none;letter-spacing:0;font-family:inherit}.wait-countdown{color:var(--text-muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase;font-variant-numeric:tabular-nums}.choice-bar-locked{justify-content:center}.tech-outage-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);background:#00000059;border:1px solid var(--border);padding:8px 16px;border-radius:12px;text-align:center;font-family:SF Mono,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em}.tech-outage-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:techOutageDot 1.6s ease-in-out infinite}@keyframes techOutageDot{0%,to{opacity:.4}50%{opacity:1}}.restart-btn,.continue-btn{color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;cursor:pointer;font-family:inherit;font-weight:600}.restart-btn{background:#ffffff0f;color:var(--text-dim)}.restart-btn:hover{background:#ffffff1a;color:var(--text)}.continue-btn{background:var(--bg-bubble-player);letter-spacing:.02em}.continue-btn:hover{background:var(--bg-bubble-player-2)}.chat-scroll::-webkit-scrollbar{width:6px}.chat-scroll::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:3px}.chat-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.contact-request{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg);background-image:radial-gradient(rgba(255,255,255,.02) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.015) 1px,transparent 1px);background-size:22px 22px,36px 36px;background-position:0 0,11px 11px;z-index:30;animation:fadeIn .25s ease-out}.contact-request-card{width:100%;max-width:340px;background:var(--bg-bubble-courier);border:1px solid var(--border);border-radius:18px;padding:32px 24px 22px;text-align:center;box-shadow:0 8px 32px #00000073}.contact-request-avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#f0a060,#c46a3b);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:36px;font-weight:600;color:#fff;box-shadow:0 4px 16px #c46a3b47}.contact-request-name{font-size:20px;font-weight:600;margin-bottom:2px}.contact-request-handle{font-size:13px;color:var(--text-dim);font-family:SF Mono,Menlo,monospace;margin-bottom:18px}.contact-request-msg{font-size:14px;color:var(--text);background:#ffffff08;border-radius:10px;padding:10px 14px;margin-bottom:18px;line-height:1.5}.contact-request-actions{display:flex;gap:8px;margin-bottom:12px}.contact-btn{flex:1;border:1px solid var(--border);padding:11px 0;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,transform .08s}.contact-btn:active{transform:scale(.98)}.contact-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.contact-btn-primary{background:var(--bg-bubble-player);color:#fff;border-color:var(--bg-bubble-player)}.contact-btn-primary:hover{background:var(--bg-bubble-player-2);border-color:var(--bg-bubble-player-2)}.contact-btn-ghost{background:transparent;color:var(--danger);border-color:#d9707059}.contact-btn-ghost:hover{background:#d9707014;border-color:var(--danger)}.contact-request-hint{font-size:11px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-family:SF Mono,Menlo,monospace}.contact-request-link{color:var(--text-dim);text-decoration:underline;text-decoration-color:#8a98a659;text-underline-offset:2px}.contact-request-link:hover{color:var(--accent);text-decoration-color:var(--accent)}.start-screen{width:100%;max-width:360px;text-align:center;animation:fadeIn .45s ease-out}.start-logo-wrap{display:inline-flex;align-items:flex-start;gap:4px;margin-bottom:12px}.start-logo{font-family:SF Mono,Menlo,monospace;font-size:52px;font-weight:700;letter-spacing:.16em;line-height:1;background:linear-gradient(135deg,#6cc0ff,#2b6cb0 55%,#1f3a5f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(94,182,255,.28))}.start-online-dot{width:9px;height:9px;margin-top:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80;animation:startPulse 2.2s ease-in-out infinite}@keyframes startPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.start-kicker{font-family:SF Mono,Menlo,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin-bottom:26px}.start-premise{font-size:15px;line-height:1.65;color:var(--text-dim);margin:0 auto 28px;max-width:300px}.start-premise b{color:var(--text);font-weight:600}.start-auth{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:18px;min-height:44px}.start-btn{width:100%;border:none;padding:15px 0;border-radius:12px;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#2b6cb0,#1f3a5f);box-shadow:0 6px 20px #2b6cb059;cursor:pointer;transition:transform .08s,box-shadow .15s,opacity .15s}.start-btn:hover:not(:disabled){box-shadow:0 8px 26px #2b6cb080}.start-btn:active:not(:disabled){transform:scale(.98)}.start-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.start-hint{margin-top:16px;font-size:11px;color:var(--text-muted);letter-spacing:.03em}.coming-soon-msg{font-size:17px;line-height:1.55;color:var(--text);margin:4px auto 10px;max-width:300px}.coming-soon-msg b{color:#6cc0ff;font-weight:700}.coming-soon-sub{font-size:13.5px;line-height:1.6;color:var(--text-dim);margin:0 auto;max-width:280px}.shift-logo{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#2b6cb0,#1f3a5f);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-family:SF Mono,Menlo,monospace;font-size:16px;font-weight:700;color:#e8e8e8;letter-spacing:.08em;box-shadow:0 4px 16px #2b6cb047}.shift-terms{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;text-align:left;background:#0000002e;border-radius:10px;padding:12px 14px}.shift-terms-row{display:flex;justify-content:space-between;font-size:13px;font-family:SF Mono,Menlo,monospace}.shift-terms-key{color:var(--text-dim)}.shift-terms-val{color:var(--text);font-weight:600}.contact-auth{margin-bottom:14px;display:flex;flex-direction:column;align-items:center;gap:8px}.google-signin-slot{display:flex;justify-content:center;min-height:40px}.contact-auth-user{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0000002e;border-radius:10px;width:100%}.contact-auth-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.contact-auth-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-bubble-player);color:#fff;font-weight:600;font-size:14px}.contact-auth-info{display:flex;flex-direction:column;min-width:0;flex:1}.contact-auth-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-auth-email{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:SF Mono,Menlo,monospace}.contact-auth-error{font-size:12px;color:var(--danger);font-family:SF Mono,Menlo,monospace;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chatlist{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;position:relative;background:var(--bg-chat);border-left:1px solid var(--border);border-right:1px solid var(--border)}.chatlist-header{position:absolute;top:0;left:0;right:0;z-index:10;padding:max(16px,env(safe-area-inset-top)) 18px 12px;background:#1c2733c7;-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border-bottom:1px solid var(--border)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.chatlist-header{background:var(--bg-header)}}.chatlist-title{font-size:18px;font-weight:700;letter-spacing:.04em;font-family:SF Mono,Menlo,monospace}.chatlist-sub{font-size:11px;color:var(--text-dim);font-family:SF Mono,Menlo,monospace;letter-spacing:.04em;margin-top:2px}.chatlist-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding-top:calc(64px + env(safe-area-inset-top))}.chatlist-empty{text-align:center;padding:48px 24px;color:var(--text-dim);font-size:14px;display:flex;flex-direction:column;gap:6px}.chatlist-empty-sub{font-size:12px;color:var(--text-muted);font-family:SF Mono,Menlo,monospace}.chatlist-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;color:inherit;font:inherit;text-align:left;transition:background .12s}.chatlist-row:hover{background:#ffffff06}.chatlist-row:active{background:#ffffff0d}.chatlist-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f0a060,#c46a3b);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;color:#fff;font-weight:600;font-size:18px}.chatlist-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;-webkit-user-select:none;user-select:none}.chatlist-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.chatlist-meta-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.chatlist-meta-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.chatlist-name{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatlist-time{font-size:11px;color:var(--text-muted);font-family:SF Mono,Menlo,monospace;flex-shrink:0}.chatlist-preview{font-size:13px;color:var(--text-dim);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatlist-unread{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.chatlist-check{font-size:12px;color:var(--accent);flex-shrink:0}.input-bar{display:flex;align-items:center;gap:8px;padding:10px 12px max(14px,env(safe-area-inset-bottom));background:var(--bg-header);border-top:1px solid var(--border);flex-shrink:0;box-sizing:border-box;overflow:hidden}.input-field{flex:1 1 0;width:0;min-width:0;background:var(--bg-bubble-courier);border:1px solid var(--border);border-radius:18px;padding:10px 14px;color:var(--text);font:inherit;font-size:16px;outline:none;transition:border-color .12s;box-sizing:border-box}.input-field:focus{border-color:var(--accent)}.input-field::placeholder{color:var(--text-muted)}.input-submit{background:var(--bg-bubble-player);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font:inherit;font-size:18px;cursor:pointer;flex-shrink:0;transition:background .12s,opacity .12s}.input-submit:hover:not(:disabled){background:var(--bg-bubble-player-2)}.input-submit:disabled{opacity:.35;cursor:not-allowed}.header-back{background:transparent;border:none;color:var(--text);width:32px;height:32px;border-radius:8px;font-size:22px;line-height:1;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .12s}.header-back:hover{background:#ffffff0f}.header-back:active{background:#ffffff1a}.avatar-letter{font-weight:600;font-size:18px;color:#fff}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:40;animation:fadeIn .2s ease-out}.profile-card{width:100%;max-width:480px;height:100dvh;background:var(--bg-chat);display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--border);border-right:1px solid var(--border)}@media (min-width: 520px){.profile-card{height:auto;max-height:88dvh;border-radius:16px;box-shadow:0 16px 48px #00000080;border:1px solid var(--border)}}.profile-header{display:flex;align-items:center;padding:10px 12px;background:var(--bg-header);border-bottom:1px solid var(--border);flex-shrink:0}.profile-back{background:transparent;border:none;color:var(--text);font-size:22px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.profile-back:hover{background:#ffffff0f}.profile-header-title{flex:1;text-align:center;font-weight:600;font-size:16px}.profile-header-spacer{width:36px;flex-shrink:0}.profile-body{flex:1;overflow-y:auto;padding:28px 20px 24px;text-align:center}.profile-avatar-big{width:144px;height:144px;border-radius:50%;background:linear-gradient(135deg,#f0a060,#c46a3b);border:none;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 4px 20px #c46a3b4d;transition:transform .12s}.profile-avatar-big:hover{transform:scale(1.02)}.profile-avatar-big:active{transform:scale(.99)}.profile-avatar-big>span{font-size:64px;font-weight:600;color:#fff}.profile-avatar-fallback{cursor:default}.profile-avatar-fallback:hover,.profile-avatar-fallback:active{transform:none}.profile-name{font-size:22px;font-weight:600;margin-bottom:2px}.profile-handle{font-size:14px;color:var(--text-dim);font-family:SF Mono,Menlo,monospace;margin-bottom:24px}.profile-fields{display:flex;flex-direction:column;gap:12px;text-align:left;max-width:360px;margin:0 auto}.profile-field{background:#ffffff08;border-radius:10px;padding:10px 14px}.profile-field-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-family:SF Mono,Menlo,monospace}.profile-field-value{font-size:15px;color:var(--text);line-height:1.4}.profile-field-value-dim{color:var(--text-dim)}.profile-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.profile-toggle{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:38px;height:22px;border-radius:11px;background:#ffffff1f;position:relative;cursor:pointer;transition:background .18s ease;flex-shrink:0}.profile-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#e8e8e8;transition:transform .18s ease}.profile-toggle:checked{background:var(--bg-bubble-player)}.profile-toggle:checked:after{transform:translate(16px)}.profile-toggle:disabled{opacity:.45;cursor:not-allowed}.profile-action-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border:none;border-radius:10px;padding:12px 14px;width:100%;cursor:pointer;font:inherit;color:var(--text);text-align:left;transition:background .12s}.profile-action-row:hover{background:#ffffff0f}.profile-action-row:active{background:#ffffff17}.profile-action-label{font-size:15px}.profile-action-chevron{color:var(--text-muted);font-size:18px;line-height:1}.sync-card .profile-header{margin-bottom:0}.sync-tabs{display:flex;gap:4px;margin:0 20px 18px;padding:4px;background:#ffffff0d;border-radius:10px}.sync-tab{flex:1;background:transparent;border:none;color:var(--text-dim);padding:8px 12px;border-radius:8px;font:inherit;font-size:13px;cursor:pointer;transition:background .12s,color .12s}.sync-tab:hover{color:var(--text)}.sync-tab-active{background:#ffffff14;color:var(--text)}.sync-body{padding:0 20px 22px;max-width:440px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:14px}.sync-hint{font-size:13px;color:var(--text-dim);line-height:1.45;margin:0}.sync-empty{font-size:14px;color:var(--text-dim);text-align:center;padding:32px 0}.sync-empty p{margin:0}.sync-code-box{background:#0000004d;border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-family:SF Mono,Menlo,monospace;font-size:12px;color:var(--text);line-height:1.5;word-break:break-all;user-select:all;-webkit-user-select:all;max-height:160px;overflow-y:auto}.sync-textarea{background:#0000004d;border:1px solid var(--border);border-radius:8px;padding:12px 14px;color:var(--text);font-family:SF Mono,Menlo,monospace;font-size:12px;line-height:1.5;resize:vertical;min-height:88px;width:100%;outline:none;transition:border-color .12s}.sync-textarea:focus{border-color:var(--accent)}.sync-textarea::placeholder{color:var(--text-muted)}.sync-action{background:var(--bg-bubble-player);color:#fff;border:none;padding:12px 16px;border-radius:10px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s,opacity .12s}.sync-action:hover:not(:disabled){background:var(--bg-bubble-player-2)}.sync-action:disabled{opacity:.4;cursor:not-allowed}.sync-error{background:#d970701f;border:1px solid rgba(217,112,112,.3);color:var(--danger);font-size:13px;padding:10px 12px;border-radius:8px;line-height:1.4}.sync-preview{background:#ffffff08;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.sync-preview-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-dim);gap:12px}.sync-preview-row strong{color:var(--text);font-weight:600}.sync-preview-row .mono{font-family:SF Mono,Menlo,monospace;font-size:12px;font-weight:500}.sync-applied{text-align:center;padding:28px 12px;display:flex;flex-direction:column;gap:8px;align-items:center}.sync-applied-title{font-size:16px;font-weight:600;color:var(--text)}.sync-applied-detail{font-size:12px;font-family:SF Mono,Menlo,monospace;color:var(--text-dim)}.profile-zoom{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;cursor:pointer;z-index:50;animation:fadeIn .2s ease-out}.profile-zoom-avatar{width:min(78vw,320px);height:min(78vw,320px);border-radius:50%;background:linear-gradient(135deg,#f0a060,#c46a3b);display:flex;align-items:center;justify-content:center;font-size:140px;font-weight:600;color:#fff;box-shadow:0 12px 48px #0009}.profile-zoom-hint{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-family:SF Mono,Menlo,monospace}.debug-panel{position:fixed;right:10px;bottom:10px;z-index:20;background:#000000c7;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 8px;max-width:240px;display:flex;flex-direction:column;gap:4px;font-family:SF Mono,Menlo,monospace;opacity:.85;pointer-events:none}.debug-vars{display:flex;gap:4px}.debug-var{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background:#ffffff0d;color:var(--text-dim)}.debug-var[data-kind=T]{color:#7cc99c}.debug-var[data-kind=A]{color:#d97070}.debug-var[data-kind=B]{color:#d9c170}.debug-flags{display:flex;flex-wrap:wrap;gap:3px;max-width:224px}.debug-flag{font-size:9px;letter-spacing:.04em;padding:1px 5px;border-radius:3px;background:#5eb6ff1f;color:var(--accent);border:1px solid rgba(94,182,255,.18)}.notif-banner{position:fixed;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:calc(100% - 16px);max-width:464px;display:flex;align-items:center;gap:14px;padding:16px;background:#1c2733eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 24px #0006,0 2px 6px #00000040;cursor:pointer;z-index:1000;animation:notif-slide-in .22s ease-out}@keyframes notif-slide-in{0%{transform:translate(-50%,-120%);opacity:0}to{transform:translate(-50%);opacity:1}}.notif-banner-avatar{flex-shrink:0;width:54px;height:54px;border-radius:50%;overflow:hidden;background:var(--bg-bubble-courier);display:flex;align-items:center;justify-content:center;color:var(--text);font-weight:600;font-size:22px}.notif-banner-avatar img{width:100%;height:100%;object-fit:cover}.notif-banner-body{flex:1;min-width:0}.notif-banner-name{font-size:15px;font-weight:600;color:var(--text);margin-bottom:3px}.notif-banner-message{font-size:14px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-banner-close{flex-shrink:0;background:transparent;border:none;color:var(--text-muted);font-size:26px;line-height:1;width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.notif-banner-close:hover{color:var(--text);background:#ffffff0f}.profile-action-danger,.profile-action-danger .profile-action-label{color:var(--danger)}.profile-action-danger .profile-action-chevron{color:var(--danger);opacity:.7}.profile-confirm{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:24px}.profile-confirm-card{background:var(--bg-header);border:1px solid var(--border);border-radius:14px;padding:20px 22px 16px;max-width:320px;width:100%;box-shadow:0 16px 40px #00000080}.profile-confirm-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px}.profile-confirm-body{font-size:14px;color:var(--text-dim);line-height:1.4;margin-bottom:18px}.profile-confirm-actions{display:flex;justify-content:flex-end;gap:6px}.profile-confirm-btn{background:transparent;border:none;color:var(--accent);padding:8px 14px;border-radius:8px;cursor:pointer;font:inherit;font-size:14px;font-weight:500}.profile-confirm-btn:hover{background:#ffffff0d}.profile-confirm-btn-danger{color:var(--danger)}.paywall-actions{margin:14px 0 8px;display:flex;flex-direction:column;align-items:stretch;gap:8px}.paywall-buy-btn{background:linear-gradient(180deg,var(--bg-bubble-player-2),var(--bg-bubble-player));color:#fff;border:none;border-radius:10px;padding:12px 16px;font-size:15px;font:inherit;font-weight:600;cursor:pointer;transition:transform .08s,box-shadow .12s;box-shadow:0 2px 8px #2b6cb059}.paywall-buy-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2b6cb073}.paywall-buy-btn:active:not(:disabled){transform:translateY(0)}.paywall-buy-btn:disabled{opacity:.6;cursor:wait}.paywall-status-good{background:#7cc99c1f;border:1px solid rgba(124,201,156,.3);color:#7cc99c;border-radius:10px;padding:10px 14px;font-size:13px;text-align:center;font-weight:500}.paywall-hint{font-size:12px;color:var(--text-muted);text-align:center;line-height:1.4}.paywall-error{font-size:12px;color:var(--danger);text-align:center}.checkout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1419d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.checkout-card{background:var(--bg-header);border:1px solid var(--border);border-radius:16px;padding:28px 24px 22px;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 60px #0000008c}.checkout-tag{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.checkout-tag-good{color:#7cc99c}.checkout-tag-dim{color:var(--text-muted)}.checkout-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:10px}.checkout-text{font-size:14px;color:var(--text-dim);margin-bottom:20px;line-height:1.45}.checkout-btn{background:var(--accent);color:#0f1419;border:none;border-radius:10px;padding:11px 20px;font:inherit;font-weight:600;font-size:14px;cursor:pointer}.checkout-btn:hover{filter:brightness(1.08)}.checkout-spinner{width:28px;height:28px;margin:0 auto;border:3px solid rgba(94,182,255,.2);border-top-color:var(--accent);border-radius:50%;animation:checkout-spin .8s linear infinite}@keyframes checkout-spin{to{transform:rotate(360deg)}}