:root{--sky-1: #4ec0ca;--sky-2: #8ee6ee;--sky-3: #d9f7ff;--pipe: #5ec84e;--pipe-dark: #2f6b25;--ground: #ded895;--ground-dark: #c9c26b;--bg-0: #07090f;--bg-1: #0b0f18;--bg-2: #111725;--panel: rgba(255, 255, 255, .04);--panel-2: rgba(255, 255, 255, .07);--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .14);--text: #eef2ff;--text-dim: #a3adc9;--text-dimmer: #6b7490;--accent: #ffd93b;--accent-2: #ff8c00;--brand: #00d4a8;--danger: #ff4d6d;--shadow: 0 20px 60px rgba(0, 0, 0, .5);--radius: 14px;--radius-lg: 22px;--bubble-mine: linear-gradient(135deg, #ffd93b 0%, #ffa500 100%);--bubble-theirs: #1a2030;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;background:var(--bg-0);color:var(--text);font-family:Inter,Poppins,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeSpeed}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;touch-action:manipulation}input,textarea{font-family:inherit;color:inherit;font-size:16px}::selection{background:#ffd93b66}.flappy-launch{position:relative;min-height:100dvh;width:100%;overflow:hidden;background:linear-gradient(180deg,var(--sky-1) 0%,var(--sky-2) 55%,var(--sky-3) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.flappy-topbar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:calc(14px + var(--safe-top)) 16px 14px;pointer-events:none}.flappy-topbar>*{pointer-events:auto}.flappy-logo{font-size:16px;font-weight:900;letter-spacing:4px;color:#04303a;text-shadow:0 2px 0 rgba(255,255,255,.5)}.flappy-logo span{color:#ff6b00}.flappy-login-mini{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:10px;font-weight:900;letter-spacing:1.5px;color:#04303a;background:#ffffffe6;border:2px solid #04303a;border-radius:10px;box-shadow:0 4px #04303a;transition:all .15s ease;white-space:nowrap}.flappy-login-mini:active{transform:translateY(3px);box-shadow:0 1px #04303a}.flappy-city{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.75),transparent 45%),radial-gradient(circle at 78% 22%,rgba(255,255,255,.55),transparent 40%),radial-gradient(circle at 55% 45%,rgba(255,255,255,.35),transparent 50%);pointer-events:none}.flappy-deco-pipe{position:absolute;width:60px;background:linear-gradient(90deg,#78e060,var(--pipe) 40%,#4aa83c);border:3px solid var(--pipe-dark);border-radius:6px;box-shadow:var(--shadow);animation:pipeBob 3s ease-in-out infinite;pointer-events:none}.flappy-deco-pipe.top{top:-40px;left:6%;height:160px;animation-delay:-.6s}.flappy-deco-pipe.bottom{bottom:80px;right:5%;height:140px;animation-delay:-1.8s}@keyframes pipeBob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.flappy-ground{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(180deg,var(--ground) 0%,var(--ground-dark) 100%);border-top:5px solid #7ecb4f;pointer-events:none}.flappy-menu{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 20px;text-align:center;width:100%;max-width:400px}.flappy-title{font-size:clamp(40px,13vw,72px);font-weight:900;letter-spacing:4px;color:#fff;text-shadow:0 4px 0 #04303a,0 10px 24px rgba(0,0,0,.35);line-height:1}.flappy-title span{color:#ffd93b;text-shadow:0 4px 0 #b96a00,0 10px 24px rgba(0,0,0,.35)}.flappy-tag{font-size:11px;letter-spacing:3px;font-weight:700;color:#04303a;opacity:.85}.flappy-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px;margin-top:14px}.flappy-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 22px;font-size:14px;font-weight:900;letter-spacing:2px;color:#04303a;background:#ffd93b;border:3px solid #04303a;border-radius:14px;box-shadow:0 5px #04303a;transition:all .15s ease;width:100%;text-transform:uppercase;min-height:52px}.flappy-btn:active{transform:translateY(4px);box-shadow:0 1px #04303a}.flappy-btn.big{padding:18px 24px;font-size:17px;background:#ff8c00;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25);min-height:58px}.flappy-btn.ghost{background:#fff}.flappy-btn:disabled{opacity:.6;cursor:not-allowed}.flappy-hint{margin-top:14px;font-size:9px;letter-spacing:1.5px;color:#04303a;opacity:.75;max-width:300px;line-height:1.6}.flappy-version{position:absolute;bottom:calc(10px + var(--safe-bottom));left:50%;transform:translate(-50%);font-size:8px;letter-spacing:2px;color:#04303a;opacity:.55;z-index:5}@media(max-width:700px){.flappy-launch{justify-content:flex-start;padding-top:calc(90px + var(--safe-top))}.flappy-menu{margin-top:auto;margin-bottom:90px;gap:12px}.flappy-buttons{margin-top:18px}}.flappy-wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0b1014;z-index:100;overflow:hidden;touch-action:none}.flappy-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:pointer}.flappy-hud{position:absolute;top:calc(16px + var(--safe-top));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;z-index:3}.flappy-score{font-size:clamp(44px,12vw,64px);font-weight:900;color:#fff;text-shadow:0 3px 0 #04303a,0 8px 20px rgba(0,0,0,.35);line-height:1;letter-spacing:2px}.flappy-best{font-size:10px;letter-spacing:3px;font-weight:800;color:#04303a;background:#ffffffb3;padding:4px 12px;border-radius:999px}.flappy-exit{position:absolute;top:calc(16px + var(--safe-top));right:16px;padding:8px 12px;font-size:10px;font-weight:900;letter-spacing:1.5px;color:#04303a;background:#ffffffe6;border:2px solid #04303a;border-radius:10px;box-shadow:0 4px #04303a;z-index:5;transition:all .15s ease}.flappy-exit:active{transform:translateY(3px);box-shadow:0 1px #04303a}.flappy-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#04141e99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:4;padding:24px 20px;text-align:center}.flappy-overlay h2{font-size:clamp(34px,11vw,60px);font-weight:900;letter-spacing:4px;color:#fff;text-shadow:0 4px 0 #04303a;line-height:1}.flappy-overlay p{font-size:11px;letter-spacing:2px;font-weight:800;color:#ffd93b;text-shadow:0 2px 0 #04303a}.flappy-tap-hint{font-size:12px!important;letter-spacing:3px!important}.flappy-mobile-note{font-size:10px!important;letter-spacing:1.5px!important;font-weight:600!important;color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important;max-width:260px;line-height:1.5}.flappy-overlay .flappy-btn{min-width:220px;padding:18px 24px;font-size:16px;min-height:58px;margin-top:10px}.flappy-tap-layer{position:absolute;inset:0;z-index:3;background:transparent;border:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(max-width:500px){.flappy-overlay{justify-content:flex-end;padding-bottom:calc(60px + var(--safe-bottom));gap:14px}.flappy-overlay h2{margin-bottom:auto;margin-top:60px}.flappy-overlay .flappy-btn{width:90%;max-width:320px}.flappy-exit{top:calc(14px + var(--safe-top));right:14px;padding:7px 11px;font-size:9px}}.settings-screen{justify-content:center;padding:80px 16px 30px}.settings-panel{position:relative;z-index:5;width:100%;max-width:460px;padding:22px 18px;border-radius:18px;background:#041e2dd9;border:3px solid #04303a;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.settings-panel h2{font-size:22px;letter-spacing:4px;font-weight:900}.settings-sub{font-size:10px;letter-spacing:2px;opacity:.7;margin-bottom:6px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:12px;border:2px solid rgba(255,255,255,.18);background:#ffffff0f;text-align:left;cursor:pointer;min-height:60px}.settings-row span{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.settings-row strong{font-size:11px;letter-spacing:1.5px;font-weight:800}.settings-row em{font-style:normal;font-size:10px;opacity:.75}.settings-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:42px;height:24px;border-radius:999px;background:#ffffff26;border:2px solid rgba(255,255,255,.35);position:relative;cursor:pointer;transition:all .2s ease;flex-shrink:0}.settings-row input[type=checkbox]:after{content:"";position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background:#fff;transition:all .2s ease}.settings-row input[type=checkbox]:checked{background:#ffd93b;border-color:#b96a00}.settings-row input[type=checkbox]:checked:after{left:20px;background:#04303a}.settings-back{margin-top:8px}.flappy-login{position:relative;min-height:100dvh;width:100%;background:linear-gradient(180deg,var(--sky-1) 0%,var(--sky-2) 55%,var(--sky-3) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:calc(70px + var(--safe-top)) 16px calc(30px + var(--safe-bottom))}.flappy-back-btn{position:absolute;top:calc(16px + var(--safe-top));left:16px;padding:8px 14px;font-size:10px;font-weight:900;letter-spacing:1.5px;color:#04303a;background:#ffffffe6;border:2px solid #04303a;border-radius:10px;box-shadow:0 4px #04303a;z-index:10}.flappy-back-btn:active{transform:translateY(3px);box-shadow:0 1px #04303a}.flappy-login-card{position:relative;z-index:5;width:100%;max-width:400px;padding:26px 22px;border-radius:20px;background:#041e2de6;border:3px solid #04303a;box-shadow:0 20px 60px #00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:14px;color:#fff}.flappy-login-header{text-align:center;display:flex;flex-direction:column;gap:6px}.flappy-logo.big-logo{font-size:22px;letter-spacing:5px;color:#fff;text-shadow:0 2px 0 #04303a}.flappy-logo.big-logo span{color:#ffd93b;text-shadow:0 2px 0 #b96a00}.flappy-login-sub{font-size:9px;letter-spacing:3px;color:#8ee6ee;font-weight:800}.flappy-login-form{display:flex;flex-direction:column;gap:6px}.flappy-login-form label{font-size:10px;letter-spacing:2px;font-weight:900;color:#ffd93b;margin-top:6px}.flappy-login-form input{padding:14px;border-radius:10px;border:2px solid rgba(255,255,255,.25);background:#0006;color:#fff;font-size:16px;outline:none;min-height:48px}.flappy-login-form input:focus{border-color:#ffd93b;box-shadow:0 0 0 3px #ffd93b33}.flappy-login-form input::placeholder{color:#ffffff59}.flappy-login-error{padding:10px 12px;border-radius:10px;background:#ff4d6d26;border:1px solid rgba(255,77,109,.5);color:#ffb3c0;font-size:12px;margin-top:6px}.login-go{margin-top:12px}.messenger-app{display:flex;height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);width:100%;background:var(--bg-0);color:var(--text);position:relative;overflow:hidden}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(320px,85vw);display:flex;flex-direction:column;background:var(--bg-1);border-right:1px solid var(--line);transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:50;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.sidebar.mobile-sidebar-open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;min-height:60px}.chat-brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;letter-spacing:2px}.chat-brand-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#ffd93b,#ff8c00);font-size:16px}.chat-icon-button{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--text-dim);transition:background .15s ease;flex-shrink:0}.chat-icon-button:active{background:var(--panel-2)}.sidebar-tools{padding:4px 18px 12px}.chat-search{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text-dim);min-height:46px}.chat-search input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14px;min-width:0}.chat-search input::placeholder{color:var(--text-dimmer)}.chat-section-heading{display:flex;justify-content:space-between;align-items:center;padding:10px 22px;font-size:10px;letter-spacing:2px;color:var(--text-dimmer);font-weight:800;text-transform:uppercase}.chat-section-heading span{color:var(--text-dim);background:var(--panel-2);padding:2px 8px;border-radius:999px;font-size:10px}.chat-contact{display:flex;align-items:center;gap:12px;padding:12px 16px;border-left:3px solid transparent;text-align:left;margin:0 8px;border-radius:12px;min-height:68px}.chat-contact.active{background:var(--panel-2);border-left-color:var(--accent)}.chat-avatar{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;font-weight:800;color:#2a1400;background:linear-gradient(135deg,#ffd93b,#ff8c00);flex-shrink:0;font-size:16px}.chat-avatar i{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2.5px solid var(--bg-1);transition:background .25s ease,box-shadow .25s ease}.chat-avatar.is-offline i{background:#6b7490;box-shadow:none}.chat-avatar.is-online i{background:#22c55e;box-shadow:0 0 8px #22c55eb3}.chat-contact-copy{display:flex;flex-direction:column;gap:2px;overflow:hidden;flex:1;min-width:0}.chat-contact-copy strong{font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.chat-contact-copy span{font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-contact-time{font-size:11px;color:var(--text-dimmer);font-weight:600;flex-shrink:0}.sidebar-footer{margin-top:auto;padding:14px 18px;border-top:1px solid var(--line)}.signed-in-user{display:flex;align-items:center;gap:10px}.user-initial{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#7b5cff,#5b3eff);color:#fff;font-weight:800;font-size:14px;flex-shrink:0}.signed-in-copy{display:flex;flex-direction:column;gap:1px;overflow:hidden;flex:1;min-width:0}.signed-in-copy strong{font-size:11px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signed-in-copy span{font-size:10px;color:var(--text-dim);display:inline-flex;align-items:center;gap:5px}.signed-in-copy i{width:6px;height:6px;border-radius:50%;background:#22c55e}.conversation{display:flex;flex-direction:column;width:100%;height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);background:var(--bg-0);overflow:hidden;position:relative}.conversation-header{display:flex;align-items:center;gap:10px;padding:calc(10px + var(--safe-top)) 12px 10px;border-bottom:1px solid var(--line);background:var(--bg-1);min-height:62px;flex-shrink:0}.mobile-chat-back{display:grid!important}.header-chat-avatar{width:40px;height:40px;border-radius:12px}.conversation-person{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.conversation-person strong{font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-person span{font-size:11px;color:var(--text-dim);display:inline-flex;align-items:center;gap:5px}.conversation-person span:before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55eb3}.conversation-person span.online{color:#22c55e}.conversation-person span.offline{color:var(--text-dimmer)}.conversation-person span.online:before{background:#22c55e;box-shadow:0 0 6px #22c55eb3}.conversation-person span.offline:before{background:#6b7490;box-shadow:none}.conversation-person span.typing{color:var(--accent)}.conversation-actions{display:flex;gap:2px;flex-shrink:0}.message-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 12px 8px;display:flex;flex-direction:column;gap:3px;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-padding-bottom:100px}.message-area::-webkit-scrollbar{width:4px}.message-area::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.chat-day-divider{align-self:center;margin:10px 0;font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--text-dim);padding:4px 12px;background:var(--panel-2);border-radius:999px;text-transform:uppercase}.chat-error{align-self:center;padding:10px 14px;border-radius:12px;background:#ff4d6d1f;border:1px solid rgba(255,77,109,.4);color:#ffb3c0;font-size:12px;margin-bottom:8px}.empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-dim);text-align:center;padding:40px 20px}.empty-chat strong{font-size:15px;color:var(--text);font-weight:700}.empty-chat span{font-size:12px;max-width:280px;line-height:1.6}.empty-chat-icon{font-size:52px;filter:drop-shadow(0 4px 20px rgba(255,217,59,.5))}.loading-spinner{width:28px;height:28px;border:2.5px solid rgba(255,255,255,.08);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message-row{display:flex;width:100%;margin-bottom:2px;padding:0 4px}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}.message-bubble{position:relative;max-width:82%;padding:8px 12px 5px;border-radius:16px;font-size:14.5px;line-height:1.4;word-wrap:break-word;word-break:break-word}.message-bubble.outgoing{background:var(--bubble-mine);color:#1a0e00;border-bottom-right-radius:4px}.message-bubble.outgoing p{font-weight:500}.message-bubble.incoming{background:var(--bubble-theirs);color:var(--text);border-bottom-left-radius:4px}.message-bubble p{margin:0;white-space:pre-wrap}.message-meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:10px;letter-spacing:.3px;opacity:.7;font-weight:600}.message-bubble.outgoing .message-meta{color:#1a0e00bf}.message-bubble.incoming .message-meta{color:var(--text-dim)}.msg-tick{display:inline-flex;align-items:center;justify-content:center}.message-bubble.outgoing .msg-tick.sent{color:#1a0e008c}.message-bubble.outgoing .msg-tick.read{color:#00b8ff}.message-delete{position:absolute;top:-8px;right:-8px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#ff4d6df2;color:#fff;opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease;cursor:pointer}.message-bubble.outgoing:hover .message-delete,.message-bubble.outgoing:active .message-delete{opacity:1;transform:scale(1)}.message-composer{display:flex;align-items:flex-end;gap:6px;padding:10px 10px calc(10px + var(--safe-bottom));background:var(--bg-0);border-top:1px solid var(--line);flex-shrink:0}.composer-icon{width:40px;height:40px;flex-shrink:0;color:var(--text-dim);border-radius:50%}.composer-icon:active{background:var(--panel-2)}.message-composer textarea{flex:1;min-height:40px;max-height:120px;padding:10px 16px;border-radius:20px;border:1px solid var(--line);background:var(--bg-1);resize:none;outline:none;font-size:16px;line-height:1.4;color:var(--text);min-width:0;-webkit-appearance:none;appearance:none}.message-composer textarea::placeholder{color:var(--text-dimmer)}.message-composer textarea:focus{border-color:#ffd93b80;background:var(--bg-2)}.send-message{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffd93b,#ff8c00);color:#1a0e00;flex-shrink:0}.send-message:active:not(:disabled){transform:scale(.92)}.send-message:disabled{opacity:.35;cursor:not-allowed;background:var(--panel-2);color:var(--text-dimmer)}.send-message.mic{background:var(--bg-2);color:var(--text);border:1px solid var(--line-2)}.call-fullscreen{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;color:#fff;background:#05070d;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.call-fullscreen.is-voice{background:radial-gradient(circle at 50% 30%,#1a2a4a,#0a0f1f 55%,#05070d)}.call-bg-gradient{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(123,92,255,.28),transparent 55%),radial-gradient(circle at 70% 80%,rgba(0,212,168,.22),transparent 55%);pointer-events:none}.call-remote-full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;z-index:1}.call-pip{position:absolute;top:calc(70px + var(--safe-top));right:12px;width:90px;height:130px;border-radius:14px;overflow:hidden;border:2px solid rgba(255,255,255,.15);z-index:5;background:#000}.call-pip-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.call-top{position:relative;z-index:6;padding:20px 16px 0;text-align:center;width:100%}.call-top-label{font-size:10px;letter-spacing:3px;font-weight:800;color:#ffffff8c}.call-top-video{position:absolute;top:0;left:0;right:0;padding:calc(16px + var(--safe-top)) 16px 16px;background:linear-gradient(180deg,rgba(0,0,0,.65),transparent);text-align:left}.call-video-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#0000008c;font-size:11px;font-weight:700}.dot-live{width:7px;height:7px;border-radius:50%;background:#22c55e}.call-center{position:relative;z-index:6;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;text-align:center;width:100%}.call-avatar-lg{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;font-size:48px;font-weight:800;color:#1a0e00;background:linear-gradient(135deg,#ffd93b,#ff8c00);letter-spacing:-2px}.call-name{font-size:22px;font-weight:800;letter-spacing:-.5px;color:#fff;margin-top:8px;word-break:break-word;max-width:90vw}.call-sub{font-size:13px;color:#fff9;font-weight:600}.call-error-inline{margin-top:6px;padding:8px 12px;border-radius:10px;background:#ff4d6d2e;border:1px solid rgba(255,77,109,.5);color:#ffb3c0;font-size:11px;max-width:300px}.call-bottom{position:relative;z-index:6;width:100%;padding:16px 12px calc(24px + var(--safe-bottom));display:flex;justify-content:center;align-items:flex-start;gap:12px;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent)}.call-bottom-incoming{justify-content:space-around;padding:20px 30px calc(30px + var(--safe-bottom));gap:30px;background:none}.call-icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:62px;height:62px;border-radius:50%;background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.08);position:relative;flex-shrink:0}.call-icon-btn:active{transform:scale(.94);background:#ffffff38}.call-icon-btn.is-off{background:#fff;color:#05070d}.call-icon-btn.end{background:#ff3b30;color:#fff}.call-icon-label{position:absolute;bottom:-20px;font-size:9px;font-weight:700;color:#ffffffb3;text-transform:uppercase;white-space:nowrap}.call-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;border-radius:22px;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;min-width:110px}.call-action span{font-size:10px;opacity:.9}.call-action.decline{background:#ff3b30;color:#fff}.call-action.accept{background:#22c55e;color:#fff}.call-footnote{margin-top:8px;font-size:9px;color:var(--text-dim);line-height:1.5}.message-bubble.media-bubble{padding:5px;background:var(--bg-1);border:1px solid var(--line);border-radius:16px;max-width:82%;overflow:hidden}.message-bubble.media-bubble.outgoing{background:var(--bg-1);color:var(--text)}.message-bubble.media-bubble .message-meta{padding:4px 8px 2px;color:var(--text-dim)}.media-image{display:block;border-radius:12px;overflow:hidden;cursor:zoom-in;max-width:100%;background:#000}.media-image img{display:block;width:100%;max-height:380px;object-fit:cover}.media-video{border-radius:12px;overflow:hidden;background:#000;max-width:100%}.media-video video{display:block;width:100%;max-height:360px;background:#000}.media-file{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--bg-2);text-decoration:none;color:var(--text);min-width:200px}.media-file:active{background:var(--panel-2)}.media-file-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ffd93b,#ff8c00);color:#1a0e00;flex-shrink:0}.media-file-info{display:flex;flex-direction:column;gap:2px;overflow:hidden;flex:1;min-width:0}.media-file-info strong{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.media-file-info span{font-size:10px;color:var(--text-dim)}.message-bubble.voice-bubble{padding:7px 10px 5px;max-width:82%}.message-bubble.voice-bubble.outgoing{background:var(--bubble-mine);color:#1a0e00}.message-bubble.voice-bubble.incoming{background:var(--bubble-theirs)}.voice-player{display:flex;align-items:center;gap:8px;min-width:200px}.voice-play-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.voice-player.outgoing .voice-play-btn{background:#1a0e00e6;color:#ffd93b}.voice-player.incoming .voice-play-btn{background:linear-gradient(135deg,#ffd93b,#ff8c00);color:#1a0e00}.voice-play-btn:active{transform:scale(.92)}.voice-track{position:relative;flex:1;height:22px;display:flex;align-items:center;cursor:pointer;min-width:60px}.voice-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;border-radius:2px;background:#fff3;transform:translateY(-50%)}.voice-player.outgoing .voice-track:before{background:#1a0e0040}.voice-track-fill{position:absolute;left:0;top:50%;height:3px;border-radius:2px;background:#ffd93b;transform:translateY(-50%);pointer-events:none}.voice-player.outgoing .voice-track-fill{background:#1a0e00}.voice-track-thumb{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);pointer-events:none}.voice-time{font-size:10px;font-weight:700;opacity:.85;white-space:nowrap}.voice-player.outgoing .voice-time{color:#1a0e00d9}.voice-rate{padding:3px 7px;border-radius:999px;font-size:9px;font-weight:800;background:#ffffff26;color:inherit;flex-shrink:0}.voice-player.outgoing .voice-rate{background:#1a0e002e;color:#1a0e00d9}.upload-progress{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-1);border-top:1px solid var(--line);font-size:11px;color:var(--text-dim);flex-shrink:0}.upload-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text);min-width:0}.upload-bar{width:80px;height:5px;border-radius:3px;background:var(--panel-2);overflow:hidden;flex-shrink:0}.upload-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#ffd93b,#ff8c00)}.upload-pct{font-weight:700;color:var(--accent);min-width:34px;text-align:right;font-size:10px}.recording-bar{display:flex;align-items:center;gap:8px;padding:12px 14px calc(12px + var(--safe-bottom));background:linear-gradient(90deg,#ff4d6d1f,#ff4d6d0f);border-top:1px solid rgba(255,77,109,.35);font-size:12px;font-weight:700;color:#ffb3c0;flex-shrink:0}.rec-dot{width:10px;height:10px;border-radius:50%;background:#ff4d6d;flex-shrink:0}.rec-time{font-variant-numeric:tabular-nums;color:#fff;font-size:12px;flex-shrink:0}.rec-label{flex:1;color:#ffb3c0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.rec-cancel,.rec-send{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.rec-cancel{background:#ffffff14;color:var(--text);border:1px solid var(--line-2)}.rec-send{background:linear-gradient(135deg,#ffd93b,#ff8c00);color:#1a0e00}.rec-send:active,.rec-cancel:active{transform:scale(.92)}.image-viewer{position:fixed;inset:0;z-index:1000;background:#000000f2;display:grid;place-items:center;padding:16px}.image-viewer img{max-width:100%;max-height:88vh;border-radius:12px;object-fit:contain}.image-viewer-close{position:absolute;top:calc(16px + var(--safe-top));right:16px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2)}.image-viewer-close:active{background:#ffffff38}.floating-call-error{position:fixed;bottom:calc(20px + var(--safe-bottom));left:50%;transform:translate(-50%);z-index:1001;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:#ff4d6d26;border:1px solid rgba(255,77,109,.5);color:#ffb3c0;font-size:12px;max-width:calc(100vw - 32px)}.floating-call-error button{color:inherit;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;cursor:pointer;flex-shrink:0}.loading-screen{min-height:100dvh;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;font-size:11px;letter-spacing:3px;color:var(--text-dim);background:var(--bg-0);font-weight:800;padding:20px;text-align:center}.typing-row{margin-top:2px}.typing-bubble{display:inline-flex!important;align-items:center;gap:4px;padding:10px 14px!important;min-width:54px;max-width:70px}.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--text-dim);opacity:.5;animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1;background:var(--accent)}}@media(min-width:768px){.sidebar{position:relative;transform:none;width:300px;flex-shrink:0}.messenger-app{flex-direction:row}.conversation{flex:1}.mobile-chat-back{display:none!important}.message-bubble{max-width:74%}.conversation-header{padding:14px 24px;min-height:66px}.message-area{padding:24px 24px 8px}.message-composer{padding:14px 20px 20px;gap:10px}.composer-icon,.send-message{width:44px;height:44px}.call-avatar-lg{width:140px;height:140px;font-size:60px}.call-name{font-size:28px}.call-icon-btn{width:68px;height:68px}.call-pip{width:110px;height:150px;top:calc(80px + var(--safe-top));right:20px}}@media(min-width:1100px){.sidebar{width:320px}.chat-contact{padding:14px 20px;min-height:72px}.message-area{padding:26px 32px 12px}.message-composer{padding:16px 28px 22px}}@media(max-width:380px){.chat-icon-button{width:38px;height:38px}.conversation-header{gap:6px;padding:8px}.chat-avatar,.header-chat-avatar{width:36px;height:36px;font-size:14px}.message-bubble{max-width:88%;font-size:14px}.call-icon-btn{width:56px;height:56px}.call-bottom{gap:8px;padding:12px 8px calc(20px + var(--safe-bottom))}.call-avatar-lg{width:96px;height:96px;font-size:40px}.call-name{font-size:20px}.call-action{padding:14px 18px;min-width:100px}.media-file,.voice-player{min-width:180px}}@media(max-height:500px)and (orientation:landscape){.call-avatar-lg{width:80px;height:80px;font-size:32px}.call-name{font-size:18px;margin-top:4px}.call-center{gap:6px}.call-icon-btn{width:52px;height:52px}.flappy-title{font-size:40px}.flappy-menu{gap:8px}}@media(max-width:768px){.message-bubble.outgoing,.message-bubble.incoming{box-shadow:none!important}.sidebar{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.conversation-header,.message-composer{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.send-message{box-shadow:none!important}}@media(prefers-reduced-motion:reduce){.flappy-deco-pipe,.loading-spinner,.dot-live,.rec-dot,.typing-dot{animation:none!important}.sidebar{transition:none}}