:root,[data-theme=light]{--bg-primary: #F2F4F7;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-elevated: #EAECF0;--bg-input: #F7F8FA;--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #9CA3AF;--border: rgba(0,0,0,.08);--border-light: rgba(0,0,0,.12);--bubble-sent: linear-gradient(135deg, #D4A04C, #C67B3B);--bubble-sent-text: #FFFFFF;--bubble-received: #FFFFFF;--bubble-received-border: rgba(0,0,0,.07);--overlay: rgba(17, 24, 39, .45);--shadow: 0 4px 24px rgba(0,0,0,.1);--glass: rgba(255,255,255,.9);--glass-border: rgba(0,0,0,.07)}[data-theme=dark]{--bg-primary: #0C0B0A;--bg-secondary: #161412;--bg-card: #1C1A17;--bg-elevated: #242220;--bg-input: #1A1816;--text-primary: #F5F0E8;--text-secondary: #A89B8A;--text-muted: #5C5347;--border: rgba(245,200,120,.06);--border-light: rgba(245,200,120,.12);--bubble-sent: linear-gradient(135deg, #D4A04C, #C67B3B);--bubble-sent-text: #1A1008;--bubble-received: rgba(255,255,255,.05);--bubble-received-border: rgba(255,255,255,.08);--overlay: rgba(12, 11, 10, .92);--shadow: 0 12px 48px rgba(0,0,0,.5);--glass: rgba(255,255,255,.03);--glass-border: rgba(255,255,255,.06)}[data-theme=midnight]{--bg-primary: #000000;--bg-secondary: #0A0908;--bg-card: #121110;--bg-elevated: #1C1A18;--bg-input: #0E0D0C;--text-primary: #F5F0E8;--text-secondary: #8A7E70;--text-muted: #4A4238;--border: rgba(255,255,255,.05);--border-light: rgba(255,255,255,.09);--bubble-sent: linear-gradient(135deg, #D4A04C, #C67B3B);--bubble-sent-text: #1A1008;--bubble-received: rgba(255,255,255,.05);--bubble-received-border: rgba(255,255,255,.08);--overlay: rgba(0,0,0,.94);--shadow: 0 12px 48px rgba(0,0,0,.9);--glass: rgba(255,255,255,.02);--glass-border: rgba(255,255,255,.05)}[data-theme=ocean]{--bg-primary: #080C12;--bg-secondary: #0D1318;--bg-card: #131A22;--bg-elevated: #1A232E;--bg-input: #101820;--text-primary: #D8E8F8;--text-secondary: #6890B0;--text-muted: #3A5570;--border: rgba(100,180,220,.08);--border-light: rgba(100,180,220,.14);--bubble-sent: linear-gradient(135deg, #3498DB, #2980B9);--bubble-sent-text: #ffffff;--bubble-received: rgba(52,152,219,.08);--bubble-received-border: rgba(52,152,219,.12);--overlay: rgba(8, 12, 18, .92);--shadow: 0 12px 48px rgba(0,0,0,.6);--glass: rgba(52,152,219,.03);--glass-border: rgba(52,152,219,.08)}[data-theme=forest]{--bg-primary: #080C08;--bg-secondary: #0E140E;--bg-card: #141E14;--bg-elevated: #1C281C;--bg-input: #101810;--text-primary: #D8F0D8;--text-secondary: #5A9860;--text-muted: #304830;--border: rgba(80,180,90,.08);--border-light: rgba(80,180,90,.14);--bubble-sent: linear-gradient(135deg, #27AE60, #1E8449);--bubble-sent-text: #ffffff;--bubble-received: rgba(39,174,96,.07);--bubble-received-border: rgba(39,174,96,.11);--overlay: rgba(8, 12, 8, .92);--shadow: 0 12px 48px rgba(0,0,0,.6);--glass: rgba(39,174,96,.03);--glass-border: rgba(39,174,96,.07)}[data-theme=warm]{--bg-primary: #100A06;--bg-secondary: #1A120C;--bg-card: #241A12;--bg-elevated: #30221A;--bg-input: #1E1610;--text-primary: #F8ECD8;--text-secondary: #C09060;--text-muted: #705030;--border: rgba(220,140,50,.1);--border-light: rgba(220,140,50,.16);--bubble-sent: linear-gradient(135deg, #E67E22, #D35400);--bubble-sent-text: #ffffff;--bubble-received: rgba(230,126,34,.08);--bubble-received-border: rgba(230,126,34,.12);--overlay: rgba(16, 10, 6, .92);--shadow: 0 12px 48px rgba(0,0,0,.6);--glass: rgba(230,126,34,.03);--glass-border: rgba(230,126,34,.07)}:root,[data-accent=cyan]{--accent: #D4A04C;--accent2: #C67B3B;--accent-dim: rgba(212,160,76,.12);--accent-glow: 0 0 28px rgba(212,160,76,.25)}[data-accent=teal]{--accent: #2ECC9A;--accent2: #1ABC9C;--accent-dim: rgba(46,204,154,.12);--accent-glow: 0 0 28px rgba(46,204,154,.25)}[data-accent=orange]{--accent: #E67E22;--accent2: #D35400;--accent-dim: rgba(230,126,34,.12);--accent-glow: 0 0 28px rgba(230,126,34,.25)}[data-accent=rose]{--accent: #E74C6F;--accent2: #C0392B;--accent-dim: rgba(231,76,111,.12);--accent-glow: 0 0 28px rgba(231,76,111,.25)}:root{--teal: #2ECC9A;--teal-dim: rgba(46,204,154,.12);--online: #2ECC71;--error: #E74C3C;--error-dim: rgba(231,76,60,.12);--warning: #F39C12;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;height:-webkit-fill-available;overflow:hidden}body,#root{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;transition:background-color .3s ease,color .3s ease}button{font-family:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}button:not(:focus-visible){outline:none}button:active{transform:scale(.97)}input,textarea{font-family:inherit;border:none;background:none;-webkit-tap-highlight-color:transparent}input:not(:focus-visible),textarea:not(:focus-visible){outline:none}a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}a:not(:focus-visible){outline:none}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){:root{--text-muted: #6B7280;--border: rgba(0,0,0,.25)}[data-theme=dark],[data-theme=midnight]{--text-muted: #9CA3AF;--border: rgba(255,255,255,.25)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-width:3px;outline-color:var(--accent)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent2, #C67B3B));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes emojiPopIn{0%{transform:scale(0) rotate(-20deg);opacity:0}50%{transform:scale(1.4) rotate(8deg);opacity:1}70%{transform:scale(.85) rotate(-4deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes emojiWiggle{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-12deg) scale(1.1)}40%{transform:rotate(10deg) scale(1.1)}60%{transform:rotate(-8deg) scale(1.08)}80%{transform:rotate(6deg) scale(1.05)}}@keyframes emojiFloatLoop{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}@keyframes emojiHeartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.12)}}@keyframes emojiTada{0%{transform:scale(0) rotate(-45deg)}40%{transform:scale(1.35) rotate(15deg)}60%{transform:scale(.9) rotate(-8deg)}80%{transform:scale(1.12) rotate(3deg)}to{transform:scale(1) rotate(0)}}.emoji-animate-pop{animation:emojiPopIn .6s cubic-bezier(.34,1.56,.64,1) both}.emoji-animate-wiggle{animation:emojiWiggle .7s ease-in-out}.emoji-animate-float{animation:emojiFloatLoop 2.5s ease-in-out infinite;animation-delay:1s}.emoji-animate-heartbeat{animation:emojiHeartbeat .8s ease-in-out}.emoji-animate-tada{animation:emojiTada .7s cubic-bezier(.34,1.56,.64,1) both}.reaction-pop-anim{animation:emojiPopIn .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes msgHighlight{0%{background:transparent}25%{background:#00c2ff2e}75%{background:#00c2ff2e}to{background:transparent}}.msg-highlight{animation:msgHighlight 1.2s ease-out forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathe{0%,to{box-shadow:0 0 #d4a04c33}50%{box-shadow:0 0 0 8px #d4a04c00}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.animate-slideUp{animation:slideUp .35s ease-out forwards}.animate-scaleIn{animation:scaleIn .25s ease-out forwards}@keyframes slideUpIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes navPop{0%{transform:scale(1)}40%{transform:scale(.88)}70%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes bottomSheetIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes typingBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.app-root{height:100vh;height:-webkit-fill-available;height:100dvh}.mob-back-btn{display:none!important}.chat-row{-webkit-tap-highlight-color:transparent}.nav-icon-active{animation:navPop .3s cubic-bezier(.34,1.56,.64,1) forwards}.bottom-sheet-overlay{animation:overlayFadeIn .2s ease forwards}.bottom-sheet{animation:bottomSheetIn .32s cubic-bezier(.32,.72,0,1) forwards}.sheet-handle{width:36px;height:4px;border-radius:99px;background:var(--border-light);margin:10px auto 0;flex-shrink:0}.section-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px}*{-webkit-tap-highlight-color:transparent}.scroll-smooth{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}.mob-only{display:none!important}@media(max-width:768px){.mob-only{display:flex!important}button:not([data-no-min]):not(.toggle-thumb):not(.toggle-track){min-width:44px;min-height:44px}.app-root{height:var(--vvh, -webkit-fill-available);padding-top:env(safe-area-inset-top,0px);background:var(--bg-secondary)}.app-sidebar{display:none!important}.app-bottom-nav{display:flex!important;padding-bottom:env(safe-area-inset-bottom,0px);height:calc(60px + env(safe-area-inset-bottom,0px))!important;background:var(--bg-secondary)!important;backdrop-filter:blur(28px) saturate(1.6)!important;-webkit-backdrop-filter:blur(28px) saturate(1.6)!important;border-top:1px solid var(--border)!important}body.keyboard-open .app-bottom-nav{display:none!important}.app-main{padding-bottom:0!important;-webkit-overflow-scrolling:touch}.mob-list{width:100%!important;flex-shrink:unset!important;border-right:none!important;max-width:100%!important}.mob-right,.mob-chat-open .mob-list{display:none!important}.mob-chat-open .mob-right{display:flex!important;flex:1!important}.mob-detail-open .mob-list{display:none!important}.mob-detail-open .mob-right{display:flex!important;flex:1!important;flex-direction:column!important;overflow-y:auto!important}.mob-back-btn{display:flex!important}.profile-container{padding:16px 16px calc(80px + env(safe-area-inset-bottom,0px))!important}.profile-card-mobile{padding:20px 16px!important}.auth-left{display:none!important}.auth-right{width:100%!important;padding:40px 24px 32px!important;border-left:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;align-items:flex-start!important}.auth-form-card{max-width:100%!important;width:100%!important}.setup-page{padding:40px 16px 20px!important;justify-content:flex-start!important}.setup-card{padding:24px 16px 28px!important;border-radius:20px!important}.msg-bubble{max-width:82vw!important}.mob-modal-full{width:100%!important;max-width:100%!important;border-radius:24px 24px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;max-height:92vh!important;animation:bottomSheetIn .32s cubic-bezier(.32,.72,0,1) forwards!important}.new-conv-modal{width:calc(100vw - 16px)!important;max-width:100%!important;max-height:90vh!important;border-radius:24px 24px 0 0!important;position:fixed!important;bottom:0!important;left:8px!important;right:8px!important;animation:bottomSheetIn .3s cubic-bezier(.32,.72,0,1) forwards!important}.modal-safe{width:calc(100vw - 24px)!important;max-width:480px!important;border-radius:20px!important}.stories-add-modal{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;border-radius:24px 24px 0 0!important;max-height:92vh!important;overflow-y:auto!important;animation:bottomSheetIn .3s cubic-bezier(.32,.72,0,1) forwards!important}.stories-viewer-card{max-width:100%!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.stories-panel{padding-bottom:env(safe-area-inset-bottom,0px)!important}.story-share-modal{width:100%!important;max-width:100%!important;border-radius:24px 24px 0 0!important;max-height:70vh!important}.story-icon-btn,.story-del-btn{min-width:44px!important;min-height:44px!important;padding:10px!important}.story-action-btn{min-height:44px!important;padding:10px 8px!important}.stories-add-modal input,.stories-add-modal textarea,.story-share-modal input{font-size:16px!important}.stories-feed{padding:0!important}.page-header-pad{padding:16px 14px 10px!important}.tap-row{min-height:60px!important;padding-top:10px!important;padding-bottom:10px!important}.chat-input-bar{padding:8px 8px 10px!important;gap:2px!important}.chat-row-mobile{border-radius:16px!important}.chat-header-mob{padding:10px 12px!important}.input-toolbar{display:none!important}.input-action-sm{width:40px!important;height:40px!important;border-radius:10px!important}.chat-video-btn,.chat-translate-label{display:none!important}.chat-translate-pill{padding:0 10px!important;height:36px!important;margin:6px 2px!important;gap:2px!important;min-width:36px!important}.chat-tone-btn{height:36px!important;width:36px!important;margin:6px 1px!important}.chat-tone-menu{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;min-width:unset!important;z-index:400!important}.ai-reply-strip{flex-wrap:nowrap!important}.ai-search-label{display:inline!important}.ai-summary-sheet{border-radius:20px 20px 0 0!important;max-height:65vh!important}.chat-textarea{font-size:16px!important}.chat-inline-send{width:36px!important;height:36px!important;margin:5px 2px 5px 0!important}.chat-input-actions{gap:4px!important}.chat-mic-btn{width:40px!important;height:40px!important}.chat-inline-send,.chat-mic-btn{transition:all .25s cubic-bezier(.34,1.56,.64,1)!important}.chat-inline-send:active,.chat-mic-btn:active{transform:scale(.88)!important}.calls-list-panel{width:100%!important;max-width:100%!important;border-right:none!important}.contact-detail-card{padding:20px 16px!important;margin:0!important;border-radius:0!important;border:none!important;max-width:100%!important;width:100%!important;box-shadow:none!important}.contact-action-row{gap:8px!important}.group-info-panel{width:100%!important;max-width:100%!important;right:0!important;border-left:none!important;border-radius:0!important}.ctx-menu{max-width:calc(100vw - 32px)!important}.emoji-picker-mob{width:100%!important;border-radius:0!important;position:relative!important;max-height:40vh!important;z-index:50!important;bottom:auto!important;left:auto!important;right:auto!important}.safe-top{padding-top:env(safe-area-inset-top,0px)!important}.profile-section-grid{grid-template-columns:1fr!important}.ad-cta-btn{min-height:44px!important;padding:10px 20px!important;font-size:14px!important;border-radius:22px!important}.ad-card-image{aspect-ratio:16/9!important;max-height:220px!important}input,textarea,select{font-size:max(16px,1em)!important}}@media(max-width:480px){.auth-right{padding:32px 16px 24px!important}.setup-card{padding:20px 14px 24px!important}.msg-bubble{max-width:86vw!important}.input-action-sm{width:40px!important;height:40px!important}.input-eye-hide{display:none!important}.chat-input-actions{gap:3px!important}.chat-mic-btn{width:38px!important;height:38px!important}.chat-inline-send{width:38px!important;height:38px!important;margin:4px 1px 4px 0!important}.contact-action-row{flex-wrap:wrap!important;gap:8px!important}.header-btn{width:40px!important;height:40px!important}.chat-header-mob{padding:8px 10px!important;gap:6px!important}.chat-header-mob .header-actions-scroll{overflow-x:visible!important;max-width:none!important;flex-wrap:nowrap}.chat-header-mob .header-btn{min-width:44px!important;min-height:44px!important}.ai-search-label{display:none!important}}@media(max-width:380px){.app-main{padding-bottom:0!important}.app-bottom-nav{height:calc(56px + env(safe-area-inset-bottom,0px))!important}.chat-input-bar{padding-bottom:6px!important}.page-header-pad{padding:12px 12px 8px!important}.msg-bubble{max-width:90vw!important}.new-conv-modal{left:0!important;right:0!important;width:100%!important}.stories-add-modal{width:100%!important}.input-action-sm{width:40px!important;height:40px!important}.header-btn{width:40px!important;height:40px!important;border-radius:10px!important}.chat-input-actions{gap:2px!important}.chat-mic-btn{width:36px!important;height:36px!important}.chat-inline-send{width:36px!important;height:36px!important;margin:4px 1px 4px 0!important}}@media(hover:none){button:active{transform:scale(.94);transition:transform .1s ease}.chat-row:active{background:var(--bg-elevated)!important;transition:background .05s ease!important}.tap-highlight:active{opacity:.7}}@media(hover:hover){.chat-row:hover{background:var(--bg-elevated)!important}.chat-row:hover .chat-lock-btn{opacity:1!important}button:hover{opacity:.85}.story-tab-btn:hover{color:var(--text-primary)!important}}@media(max-width:480px){.chat-lock-btn{opacity:1!important;width:28px!important;height:28px!important;right:4px!important}}.story-tab-btn{-webkit-tap-highlight-color:transparent}.story-tab-btn:active{transform:scale(.97)}@media(max-width:480px){.story-tab-btn{padding:10px 4px!important;gap:5px!important;font-size:12.5px!important}.story-tab-btn svg{width:15px!important;height:15px!important}}@media(max-width:360px){.story-tab-btn{font-size:11.5px!important;gap:4px!important}}@media(max-width:768px){.legal-hero{padding:28px 16px 36px!important}.legal-body{padding:28px 16px 48px!important}.legal-page .legal-content h1,.legal-page h1{font-size:26px!important}.legal-page .legal-content h2{font-size:17px!important}.legal-page .legal-content p,.legal-page .legal-content li{font-size:14px!important;line-height:1.7!important}.legal-back{margin-bottom:16px!important}}@media(max-width:480px){.legal-hero{padding:20px 14px 28px!important}.legal-body{padding:20px 14px 40px!important}.legal-page .legal-content h1,.legal-page h1{font-size:22px!important}.legal-page .legal-content h2{font-size:16px!important}.legal-page .legal-content p,.legal-page .legal-content li{font-size:13.5px!important;line-height:1.65!important}.legal-page .legal-content ul{padding-left:18px!important}.legal-page .legal-content section{margin-bottom:28px!important}.legal-page .cross-links{gap:6px!important}.legal-page .cross-link{font-size:12px!important}}@media(max-width:768px){.flicks-keyboard-hints{display:none!important}}@media(max-width:380px){.flicks-top-bar-tabs button{padding:8px 14px!important;font-size:13px!important}}
