*{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;-webkit-user-select:none;user-select:none}.animated-element,.echomoji{backface-visibility:hidden;transform:translateZ(0);will-change:transform,opacity}button,input,textarea{font-size:16px!important;touch-action:manipulation}.clickable,button{min-height:44px;min-width:44px;padding:12px 16px}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#12121acc;--bg-input:#ffffff0d;--text-primary:#fff;--text-secondary:#aaa;--text-muted:#666;--border-color:#ffffff14;--shadow-color:#0000004d;--scrollbar-thumb:#6c3ce1;--scrollbar-track:#0000}html.theme-dark{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#12121acc;--bg-input:#ffffff0d;--text-primary:#fff;--text-secondary:#aaa;--text-muted:#666;--border-color:#ffffff14;--shadow-color:#0000004d}html.theme-light{--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-card:#ffffffe6;--bg-input:#0000000a;--text-primary:#1a1a2e;--text-secondary:#444;--text-muted:#888;--border-color:#00000014;--shadow-color:#0000001a}#root,body,html{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-text-size-adjust:100%;height:100%;overflow:hidden;touch-action:manipulation;width:100%}body{background:#0a0a0f;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;transition:background .3s ease,color .3s ease}.clickable,a,button,input,select,textarea{-webkit-tap-highlight-color:transparent!important;box-shadow:none!important;outline:none!important}#root{overflow:hidden}*{-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000;background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:#6c3ce1;background:var(--scrollbar-thumb);border-radius:10px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c3ce1,#ec4899);-webkit-background-clip:text;background-clip:text}@keyframes echoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes echoRingPulse{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes accessoryPop{0%{opacity:0;transform:scale(.5) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.toast{animation:toastIn .3s ease;background:#12121a;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:50px;bottom:80px;box-shadow:0 8px 30px #0000004d;box-shadow:0 8px 30px var(--shadow-color);color:#fff;color:var(--text-primary);font-size:14px;font-weight:500;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);z-index:99999}.toast-success{background:#10b98126;border-color:#10b981;color:#10b981}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}body.hide-bottom-nav .bottom-nav-container{display:none!important}.notification-bell-wrapper{position:relative}.notification-dropdown{background:#12121a;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 40px #0000004d;box-shadow:0 12px 40px var(--shadow-color);left:auto;left:auto!important;max-height:min(360px,calc(100vh - 120px))!important;overflow-y:auto;padding:8px 0;position:absolute;position:fixed!important;right:0;right:16px!important;top:44px;top:60px!important;transform:none!important;width:min(320px,calc(100vw - 32px))!important;z-index:9999!important}@media (max-width:480px){.notification-dropdown{border-radius:12px;max-height:calc(100vh - 100px)!important;right:8px!important;top:56px!important;width:calc(100vw - 16px)!important}.notification-dropdown .notification-item-title{font-size:13px!important}.notification-dropdown .notification-item-body{font-size:12px!important}}.notification-dropdown::-webkit-scrollbar{width:4px}.notification-dropdown::-webkit-scrollbar-track{background:#0000}.notification-dropdown::-webkit-scrollbar-thumb{background:#6c3ce1;border-radius:4px}.notification-dropdown .notification-item{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);cursor:pointer;padding:10px 16px;transition:background .15s}.notification-dropdown .notification-item:hover{background:#ffffff0a}.notification-dropdown .notification-item.unread{background:#6c3ce114}.notification-dropdown .notification-item .title{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.notification-dropdown .notification-item .body{color:#aaa;color:var(--text-secondary);font-size:13px;line-height:1.3;margin:4px 0 0;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-dropdown .notification-item .unread-dot{background:#6c3ce1;border-radius:50%;flex-shrink:0;height:8px;width:8px}.page-back-header{background:#0a0a0f;border-bottom:1px solid #ffffff14;gap:14px;margin-bottom:16px;padding:10px 16px}.page-back-btn{align-items:center;background:none;border:none;border-radius:8px;color:#aaa;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;gap:6px;padding:4px 8px;transition:background .2s,color .2s}.page-back-btn:hover{background:#ffffff0d;background:var(--bg-input);color:#fff;color:var(--text-primary)}.page-back-title{color:#fff;color:var(--text-primary);flex:1 1;font-size:18px;font-weight:700}@keyframes echoBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bottom-nav-wave{align-items:center!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;background:#0a0a0fd9!important;border:1px solid #ffffff14!important;border:1px solid var(--border-color)!important;bottom:16px!important;box-shadow:0 8px 40px #0000004d!important;box-shadow:0 8px 40px var(--shadow-color)!important;display:flex!important;flex-direction:column!important;height:72px!important;justify-content:center!important;left:50%!important;max-width:440px!important;padding:4px 0!important;position:fixed!important;touch-action:none!important;transform:translateX(-50%)!important;-webkit-user-select:none!important;user-select:none!important;width:calc(100% - 16px)!important;will-change:transform!important;z-index:50!important}.bottom-nav-wave,.wave-video-container{border-radius:28px!important;overflow:hidden!important}.wave-video-container{inset:0!important;pointer-events:none!important;position:absolute!important;z-index:0!important}.wave-video{height:100%!important;object-fit:cover!important;opacity:.5!important;transform:scale(1.05)!important;transition:opacity .3s ease!important;width:100%!important}html.theme-light .bottom-nav-wave{background:#ffffffeb!important}html.theme-light .wave-video{opacity:.25!important}@keyframes echomoji-idle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.01)}}@keyframes echomoji-wave{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-2px) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}75%{transform:translateY(-2px) rotate(-3deg)}}@keyframes echomoji-jump{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-2px) scale(1.02)}50%{transform:translateY(-10px) scale(1.05)}75%{transform:translateY(-2px) scale(1.02)}}@keyframes echomoji-cry{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(1px) rotate(-1deg)}50%{transform:translateY(2px) rotate(1deg)}75%{transform:translateY(1px) rotate(-1deg)}}@keyframes echomoji-dance{0%{transform:rotate(-5deg) scale(1)}25%{transform:rotate(5deg) scale(1.05)}50%{transform:rotate(-5deg) scale(1)}75%{transform:rotate(5deg) scale(1.05)}to{transform:rotate(-5deg) scale(1)}}@keyframes chatPreviewIn{0%{opacity:0;transform:scale(.88) translateY(14px)}60%{opacity:1;transform:scale(1.015) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes chatPreviewOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.92) translateY(10px)}}.typing-dot{animation:typingBounce 1.2s ease-in-out infinite;background:#aaa;background:var(--text-secondary);border-radius:50%;display:inline-block;height:6px;width:6px}@keyframes wallpaperSlideUp{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}body.theme-default{background-color:#0a0a0f;color:#fff}body.theme-midnight{background-color:#0a1128;color:#e0e0e0}body.theme-amoled{background-color:#000;color:#fff}body.theme-ocean{background:linear-gradient(135deg,#001f3f,#036);color:#fff}.message-bubble.own.neon{background:#0000;border:2px solid #0ff;box-shadow:0 0 10px #00ffff4d;color:#0ff}.message-bubble.partner.neon{background:#0000;border:2px solid #f0f;box-shadow:0 0 10px #ff00ff4d;color:#f0f}.message-bubble.own.glass{background:#6c3ce166}.message-bubble.own.glass,.message-bubble.partner.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3}.message-bubble.partner.glass{background:#ffffff1a}.plus-avatar-ring{border-radius:50%;padding:4px}.plus-avatar-ring.gold{background:linear-gradient(135deg,gold,orange);box-shadow:0 0 20px #ffd70080}.plus-avatar-ring.neon{background:linear-gradient(135deg,#0ff,#f0f);box-shadow:0 0 20px #00ffff80}.plus-avatar-ring.fire{background:linear-gradient(135deg,#ff4500,red)}.verified-badge{height:20px;margin-left:8px;vertical-align:middle;width:20px}.btn-upgrade-plus{align-items:center;background:linear-gradient(135deg,gold,orange);border:none;border-radius:20px;box-shadow:0 4px 15px #ffd7004d;color:#000;cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;transition:transform .2s,box-shadow .2s}.btn-upgrade-plus:hover{box-shadow:0 6px 20px #ffd70080;transform:translateY(-2px)}.plus-customizer{background:#12121a;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;margin-top:20px;padding:20px}.customizer-title{color:gold;font-size:1.2rem;margin-bottom:20px;text-align:center}.custom-section{margin-bottom:24px}.custom-section h3{color:#aaa;color:var(--text-secondary);font-size:.9rem;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.pill-btn,.theme-card{background:#ffffff0d}.pill-btn{border:1px solid #ffffff14;color:#aaa}.checkout-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.checkout-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;box-shadow:0 20px 50px #00000080;color:#fff;max-width:400px;padding:30px;width:90%}.gold-text{color:gold}.payment-form{gap:15px;margin-top:20px}.input-group,.payment-form{display:flex;flex-direction:column}.input-group{gap:5px;text-align:left}.input-group label{color:#aaa;font-size:.85rem}.input-group input{background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;outline:none;padding:12px;transition:border .2s}.input-group input:focus{border-color:gold}.card-row{display:flex;gap:10px;margin-top:5px}.btn-pay{background:linear-gradient(135deg,gold,orange);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:10px;padding:15px}.btn-pay:disabled{cursor:not-allowed;opacity:.7}.secure-text{color:#666;font-size:.75rem;margin-top:10px;text-align:center}.btn-close{background:#0000;border:none;color:#888;cursor:pointer;margin-top:15px;width:100%}.echo-plus-status-card{align-items:center;background:linear-gradient(135deg,#ffd7001a,#ffa5000d);border:1px solid #ffd7004d;border-radius:16px;box-shadow:0 4px 20px #ffd70026;display:flex;justify-content:center;margin-bottom:20px;overflow:hidden;padding:16px;position:relative}.plus-card-glow{animation:pulseGlow 3s infinite alternate;background:radial-gradient(circle,#ffd70026 0,#0000 60%);height:150%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150%;z-index:0}.plus-card-content{align-items:center;display:flex;gap:12px;position:relative;text-align:left;z-index:1}.plus-crown{font-size:24px}.plus-card-content h4{color:gold;font-size:15px;font-weight:800;margin:0}.plus-card-content p{color:#aaa;font-size:12px;margin:2px 0 0}.message-bubble.own.gold{background:linear-gradient(135deg,gold,orange);border:none;box-shadow:0 4px 15px #ffd70066;color:#000}.message-bubble.partner.gold{background:#ffffff0d;border:1px solid #ffd70066;color:#fff}.premium-typing{background:linear-gradient(135deg,#ffd7001a,#0000);border:1px solid #ffd7004d;border-radius:20px 20px 20px 4px;box-shadow:0 0 15px #ffd70033;padding:8px 12px}.premium-typing-content{align-items:center;display:flex;gap:8px}.premium-typing-text{animation:textPulse 1.5s infinite;color:gold;font-size:12px;font-weight:700;letter-spacing:.5px}@keyframes textPulse{0%,to{opacity:.5}50%{opacity:1}}.customizer-subtitle{color:#aaa;font-size:12px;margin-bottom:20px;margin-top:-15px;text-align:center}.pill-btn.ring-gold.active{background:linear-gradient(135deg,gold,orange);border-color:#0000;color:#000}.pill-btn.ring-neon.active{background:linear-gradient(135deg,#0ff,#f0f);border-color:#0000;color:#000}.pill-btn.ring-fire.active{background:linear-gradient(135deg,#ff4500,red);border-color:#0000;color:#fff}.buddy-pass-section{background:linear-gradient(135deg,#ffd7000d,#0000);border:1px dashed #ffd70066;margin-top:10px}.buddy-pass-display{align-items:center;display:flex;flex-direction:column;gap:10px}.pass-count{color:gold;font-size:24px;font-weight:900;text-shadow:0 0 10px #ffd7004d}.pass-count span{font-size:14px;font-weight:500}.pass-count span,.pass-desc{color:#aaa;color:var(--text-secondary)}.pass-desc{font-size:12px;line-height:1.4;max-width:250px;text-align:center}.btn-copy-pass{align-items:center;background:#ffd70026;border:1px solid gold;border-radius:12px;color:gold;cursor:pointer;display:flex;font-weight:700;gap:8px;margin-top:10px;padding:10px 20px;transition:all .2s}.btn-copy-pass:hover:not(.disabled){background:gold;color:#000}.btn-copy-pass.disabled{background:#0000;border-color:#666;border-color:var(--text-muted);color:#666;color:var(--text-muted);cursor:not-allowed;opacity:.5}.redeem-page{background:#0a0a0f}.redeem-card{background:#12121acc;border:1px solid #ffffff14}.redeem-card h2{color:#fff}.redeem-card p{color:#aaa}.premium-bg-aurora{animation:auroraShift 10s ease infinite!important;background:linear-gradient(135deg,#00c6ff,#0072ff,#a855f7,#ec4899)!important;background-size:400% 400%!important;filter:blur(20px) brightness(.7)!important}@keyframes auroraShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.premium-bg-matrix{animation:matrixMove 5s linear infinite!important;background:#000!important;background-image:linear-gradient(0deg,#0000 24%,#00ff004d 25%,#00ff004d 26%,#0000 27%,#0000 74%,#00ff004d 75%,#00ff004d 76%,#0000 77%,#0000),linear-gradient(90deg,#0000 24%,#00ff004d 25%,#00ff004d 26%,#0000 27%,#0000 74%,#00ff004d 75%,#00ff004d 76%,#0000 77%,#0000)!important;background-size:50px 50px!important;filter:blur(2px) brightness(.6)!important}@keyframes matrixMove{0%{background-position:0 0}to{background-position:50px 50px}}.premium-bg-galaxy{background:radial-gradient(circle at bottom,#1b2735 0,#090a0f 100%)!important;position:relative}.premium-bg-galaxy:after{animation:galaxyTwinkle 3s infinite alternate;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0}@keyframes galaxyTwinkle{0%{opacity:.4}to{opacity:.9}}.group-sender-name.premium-sender{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,gold,orange);-webkit-background-clip:text;font-weight:900;text-shadow:0 0 10px #ffd7004d}.message-bubble.own.premium-glow{animation:premiumPulse 2s infinite;border:1px solid #ffd70080;box-shadow:0 0 15px #ffd70066,inset 0 0 10px #ffd7001a}@keyframes premiumPulse{0%{box-shadow:0 0 10px #ffd7004d,inset 0 0 5px #ffd7001a}50%{box-shadow:0 0 20px #ffd70099,inset 0 0 15px #ffd70033}to{box-shadow:0 0 10px #ffd7004d,inset 0 0 5px #ffd7001a}}.echo-call{background:#0a0a0f;color:#fff;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;inset:0;overflow:hidden;position:fixed;z-index:99999}.echo-call:before{background:radial-gradient(ellipse 80% 50% at 50% 20%,#6c3ce12e,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 80%,#ec48991a,#0000 50%),radial-gradient(ellipse 50% 30% at 10% 70%,#6c3ce114,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.echo-call-stage{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;position:relative;z-index:1}.echo-call-remote-video{background:#000;height:100%;object-fit:contain;width:100%}.echo-call-placeholder{flex-direction:column;inset:0;padding:24px;text-align:center;z-index:2}.echo-call-placeholder,.echo-call-rings{align-items:center;display:flex;justify-content:center;position:absolute}.echo-call-rings{height:220px;left:50%;pointer-events:none;top:50%;transform:translate(-50%,calc(-50% - 36px));width:220px}.echo-call-ring{animation:echoPulse 2.8s ease-out infinite;border:2px solid #6c3ce159;border-radius:50%;position:absolute}.echo-call-ring:first-child{animation-delay:0s;height:140px;width:140px}.echo-call-ring:nth-child(2){animation-delay:.7s;border-color:#ec489940;height:180px;width:180px}.echo-call-ring:nth-child(3){animation-delay:1.4s;border-color:#6c3ce126;height:220px;width:220px}@keyframes echoPulse{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.echo-call-avatar-wrap{background:linear-gradient(135deg,#6c3ce1,#ec4899);border-radius:50%;box-shadow:0 0 40px #6c3ce173,0 0 80px #ec489933;flex-shrink:0;line-height:0;padding:4px;position:relative;z-index:2}.echo-call-avatar-wrap .initials-avatar,.echo-call-avatar-wrap img{border:3px solid #0a0a0f;border-radius:50%;display:block;margin:0 auto}.echo-call-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 30%,#c4b5fd);-webkit-background-clip:text;background-clip:text;font-size:clamp(22px,5vw,28px);font-weight:800;letter-spacing:.5px;margin-top:28px;text-align:center}.echo-call-status{align-items:center;color:#a78bfae6;display:flex;font-size:14px;font-weight:500;gap:8px;letter-spacing:1.5px;margin-top:10px;text-transform:uppercase}.echo-call-status-dot{animation:statusBlink 1.2s ease-in-out infinite;background:#a78bfa;border-radius:50%;height:8px;width:8px}.echo-call-status-dot.live{animation:none;background:#4ade80;box-shadow:0 0 10px #4ade80}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}.echo-call-sub{color:#ffffff59;font-size:13px;margin-top:6px}.echo-call-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c3ce1,#ec4899);-webkit-background-clip:text;background-clip:text;font-weight:800;left:50%;letter-spacing:4px;opacity:.9;top:28px;transform:translateX(-50%)}.echo-call-brand,.echo-call-live-chip{font-size:13px;position:absolute;z-index:5}.echo-call-live-chip{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0fb3;border:1px solid #6c3ce14d;border-radius:24px;bottom:24px;display:flex;font-weight:600;gap:10px;left:20px;padding:8px 16px}.echo-call-live-chip .duration{font-feature-settings:"tnum";color:#4ade80;font-variant-numeric:tabular-nums;font-weight:700;margin-left:4px}.echo-call-pip{background:#000;border:2px solid #6c3ce180;border-radius:16px;bottom:120px;box-shadow:0 8px 32px #00000080,0 0 20px #6c3ce140;height:150px;overflow:hidden;position:absolute;right:16px;width:110px;z-index:10}.echo-call-pip video{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.echo-call-pip-label{background:#00000080;border-radius:8px;bottom:6px;color:#ffffffb3;font-size:10px;font-weight:600;left:8px;letter-spacing:.5px;padding:2px 8px;position:absolute}.echo-call-pip-off{align-items:center;background:#0a0a0fd9;color:#a78bfacc;display:flex;font-size:22px;inset:0;justify-content:center;position:absolute}@media (min-width:768px){.echo-call-pip{bottom:130px;height:120px;right:24px;width:160px}}.echo-call-controls{background:linear-gradient(0deg,#0a0a0ff2 40%,#0000);gap:20px;padding:20px 16px 36px;position:relative;z-index:20}.echo-call-btn,.echo-call-controls{align-items:center;display:flex;justify-content:center}.echo-call-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:56px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;width:56px}.echo-call-btn:hover{background:#ffffff24;transform:scale(1.08)}.echo-call-btn:active{transform:scale(.95)}.echo-call-btn.accept{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;box-shadow:0 6px 28px #6c3ce180;font-size:24px;height:68px;width:68px}.echo-call-btn.accept:hover{box-shadow:0 8px 36px #6c3ce1a6}.echo-call-btn.decline{background:#ef444433;border:1px solid #ef444466;color:#f87171;font-size:22px;height:68px;width:68px}.echo-call-btn.decline:hover{background:#ef444459}.echo-call-btn.end{background:#ef444440;border:1px solid #ef444473;color:#f87171}.echo-call-btn.end:hover{background:#ef444466}.echo-call-btn.muted,.echo-call-btn.video-off{background:#6c3ce140;border-color:#6c3ce166;color:#c4b5fd}.echo-call-mute-badge{align-items:center;background:#ef444440;border:1px solid #ef444466;border-radius:50%;color:#f87171;display:inline-flex;font-size:11px;height:26px;justify-content:center;margin-left:4px;width:26px}.echo-call-remote-mute-float{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0fbf;border:1px solid #ef444459;border-radius:20px;bottom:28px;color:#f87171;display:flex;font-size:13px;font-weight:600;gap:8px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%);z-index:6}.echo-call-pip-avatar{background:linear-gradient(160deg,#1a1230,#0a0a0f);height:100%;width:100%}.echo-call-pip-avatar,.echo-call-pip-mute{align-items:center;display:flex;justify-content:center}.echo-call-pip-mute{background:#ef4444d9;border-radius:50%;color:#fff;font-size:11px;height:24px;position:absolute;right:6px;top:6px;width:24px}.echo-call-result{flex:1 1;flex-direction:column;padding:32px;text-align:center;z-index:2}.echo-call-result,.echo-call-result-icon{align-items:center;display:flex;justify-content:center}.echo-call-result-icon{border-radius:50%;font-size:36px;height:80px;margin-bottom:20px;width:80px}.echo-call-result-icon.declined{background:#ef444426;border:1px solid #ef44444d}.echo-call-result-icon.ended{background:#6c3ce126;border:1px solid #6c3ce14d}.echo-call-result h2{font-size:24px;font-weight:800;margin:0}.echo-call-result p{color:#ffffff80;font-size:15px;margin:12px 0 28px}.echo-call-result-btn{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:30px;box-shadow:0 4px 24px #6c3ce159;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px 36px;transition:transform .15s,box-shadow .2s}.echo-call-result-btn:hover{box-shadow:0 6px 32px #6c3ce180;transform:scale(1.04)}@media (max-width:480px){.echo-call-rings{height:170px;width:170px}.echo-call-ring:first-child{height:120px;width:120px}.echo-call-ring:nth-child(2){height:150px;width:150px}.echo-call-ring:nth-child(3){height:180px;width:180px}.echo-call-controls{gap:16px;padding:16px 12px 28px}.echo-call-btn{font-size:18px;height:50px;width:50px}.echo-call-btn.accept,.echo-call-btn.decline{height:60px;width:60px}}.echo-stage-line{-webkit-tap-highlight-color:transparent;align-items:flex-start;display:flex;gap:0;justify-content:center;margin-top:22px;padding:0 4px;-webkit-user-select:none;user-select:none;width:min(92vw,340px)}.echo-stage-step{align-items:center;background:none;border:none;color:#ffffff59;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:8px 4px 4px;position:relative;transition:color .25s ease,transform .2s ease}.echo-stage-step.done{color:#a78bfa}.echo-stage-step.current{color:#e9d5ff}.echo-stage-step.tapped{transform:scale(1.08)}.echo-stage-dot{align-items:center;background:#0a0a0f99;border:2px solid #fff3;border-radius:50%;display:flex;font-size:11px;font-weight:800;height:28px;justify-content:center;transition:all .3s ease;width:28px;z-index:2}.echo-stage-step.done .echo-stage-dot{background:linear-gradient(135deg,#6c3ce1,#ec4899);border-color:#0000;box-shadow:0 0 16px #6c3ce173;color:#fff}.echo-stage-step.current .echo-stage-dot{animation:stagePulse 1.6s ease-in-out infinite;border-color:#c4b5fd;box-shadow:0 0 0 4px #6c3ce133;color:#c4b5fd}.echo-stage-step.tapped .echo-stage-dot{box-shadow:0 0 20px #ec489980;transform:scale(1.15)}.echo-stage-label{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}.echo-stage-bar{background:#ffffff1f;border-radius:2px;height:3px;left:calc(50% + 16px);overflow:hidden;position:absolute;right:calc(-50% + 16px);top:20px;z-index:1}.echo-stage-bar.filled{background:linear-gradient(90deg,#6c3ce1,#ec4899)}.echo-stage-bar.active:after{animation:stageShimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#c4b5fd,#0000);content:"";inset:0;position:absolute}@keyframes stagePulse{0%,to{box-shadow:0 0 0 4px #6c3ce126}50%{box-shadow:0 0 0 8px #6c3ce147}}@keyframes stageShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:380px){.echo-stage-label{font-size:9px}.echo-stage-dot{font-size:10px;height:24px;width:24px}.echo-stage-bar{top:18px}}.echo-call-timer-large{font-feature-settings:"tnum";color:#4ade80;font-size:28px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:2px;margin-top:16px;text-shadow:0 0 20px #4ade8059}.echo-stage-line.stage-2 .echo-stage-step.done .echo-stage-dot{box-shadow:0 0 18px #4ade8059}.echo-stage-step.current .echo-stage-dot .fa-circle{animation:stageDotBlink 1s ease-in-out infinite;font-size:8px}@keyframes stageDotBlink{0%,to{opacity:1}50%{opacity:.35}}.echo-stage-step:active{transform:scale(.94)}.echo-stage-line:active{filter:brightness(1.15)}.echo-incoming-banner{align-items:center;animation:echoBannerIn .35s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#10101af0;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 16px 48px #00000080;box-sizing:border-box;display:flex;flex-direction:row;gap:12px;justify-content:space-between;left:50%;padding:12px 14px;position:fixed;top:16px;transform:translateX(-50%);width:min(440px,calc(100vw - 20px));z-index:100000}@keyframes echoBannerIn{0%{opacity:0;transform:translateX(-50%) translateY(-16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.echo-incoming-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.echo-incoming-avatar{flex-shrink:0}.echo-incoming-phone-icon{align-items:center;background:linear-gradient(135deg,#6c3ce1,#22d3ee);border-radius:50%;color:#fff;display:flex;font-size:18px;height:48px;justify-content:center;width:48px}.echo-incoming-text{min-width:0;text-align:left}.echo-incoming-name{color:#fff;font-size:15px;font-weight:700;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.echo-incoming-sub{color:#ffffff80;font-size:12px;margin-top:2px}.echo-incoming-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.echo-incoming-accept,.echo-incoming-decline{align-items:center;border:none;border-radius:22px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:10px 14px;transition:transform .15s,opacity .15s;white-space:nowrap}.echo-incoming-accept:active,.echo-incoming-decline:active{transform:scale(.96)}.echo-incoming-decline{background:#ef44442e;border:1px solid #ef444459;color:#f87171}.echo-incoming-accept{background:linear-gradient(135deg,#34d399,#22d3ee);box-shadow:0 4px 16px #34d39959;color:#041016}@media (max-width:420px){.echo-incoming-banner{flex-wrap:wrap;gap:10px;padding:12px;top:12px;width:calc(100vw - 16px)}.echo-incoming-left{flex:1 1 auto;min-width:0}.echo-incoming-name{font-size:14px;max-width:min(180px,42vw)}.echo-incoming-actions{flex:1 1 100%;gap:10px;justify-content:stretch}.echo-incoming-accept,.echo-incoming-decline{flex:1 1;font-size:14px;padding:12px 10px}}@media (max-width:340px){.echo-incoming-name{max-width:120px}}.redeem-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.redeem-card{animation:slideUp .4s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 50px #00000080;max-width:400px;padding:40px 30px;text-align:center;width:100%}.redeem-card.success{border-color:gold;box-shadow:0 0 40px #ffd70033}.redeem-icon{font-size:50px;margin-bottom:20px}.redeem-icon.success{color:gold;text-shadow:0 0 20px #ffd70080}.redeem-icon.error{color:#ef4444}.redeem-card h2{color:var(--text-primary);font-size:22px;margin-bottom:10px}.redeem-card p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:20px}.redirect-text{font-size:12px;margin-top:20px;opacity:.5}.redeem-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:gold;height:40px;margin:0 auto 20px;width:40px}.redeem-btn{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:12px 24px;width:100%}.live-chat{background:var(--bg-secondary);color:var(--text-primary);display:flex;flex-direction:column;height:100%;min-height:0}.live-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:12px 10px}.live-chat-message{align-items:flex-end;align-self:flex-start;max-width:92%}.live-chat-message.is-own{align-self:flex-end;flex-direction:row-reverse}.live-chat-message-body{max-width:calc(100% - 36px)}.live-chat-message-header{margin-bottom:3px}.live-chat-message.is-own .live-chat-message-header{flex-direction:row-reverse}.live-chat-message-name{color:var(--text-secondary);font-size:11px}.live-chat-message-text{background:var(--bg-input);border:1px solid var(--border-color);border-radius:14px 14px 14px 4px;color:var(--text-primary);display:inline-block;font-size:14px;line-height:1.4;padding:8px 12px;word-break:break-word}.live-chat-message.is-own .live-chat-message-text{background:#6c3ce1;border-color:#0000;border-radius:14px 14px 4px 14px;color:#fff}html.theme-light .live-chat-message:not(.is-own) .live-chat-message-text{background:#fff;border-color:#00000014;color:#1a1a2e}html.theme-dark .live-chat-message:not(.is-own) .live-chat-message-text{background:#ffffff14;border-color:#ffffff14;color:#f4f4f5}.live-chat-delete-btn,.live-chat-react-btn{font-size:11px;padding:2px}.live-chat-reaction-badge{border:1px solid var(--border-color);border-radius:999px}.live-chat-reaction-picker{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-top:6px;padding:6px}.live-chat-reaction-picker button{background:none;border:none;cursor:pointer;font-size:18px}.live-chat-pulses{flex-wrap:wrap;gap:6px;padding:8px 10px 0}.live-pulse-btn{border:1px solid var(--border-color);border-radius:999px;cursor:pointer;font-size:16px;padding:4px 8px}.live-chat-input{padding:10px}.live-chat-input input{border-radius:12px;padding:10px 12px}.live-chat-input button{background:#6c3ce1;border-radius:12px;width:42px}.message-row.just-sent .message-bubble{animation:echoSentIn .38s ease}.message-row.just-received .message-bubble{animation:echoReceivedIn .38s ease}.message-row.deleting{animation:echoTideOut .45s ease forwards}@keyframes echoSentIn{0%{opacity:0;transform:translateX(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes echoReceivedIn{0%{opacity:0;transform:translateX(-12px) scale(.98)}to{opacity:1;transform:none}}@keyframes echoTideOut{0%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.message-actions{top:-34px}.message-wrapper.own .message-actions{right:0}.message-wrapper.partner .message-actions{left:0}.message-action-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-size:12px;height:28px;width:28px}.message-meta-time,.message-sender-time,.own-time{font-feature-settings:"tnum";font-size:10px;font-variant-numeric:tabular-nums;line-height:1;margin-top:4px;opacity:.72}.message-row.own .message-meta-time,.message-row.own .own-time{text-align:right}.message-action-btn{font-size:11px!important;height:24px!important;width:24px!important}.message-actions{display:flex!important;gap:6px!important;position:absolute!important;top:-30px!important;z-index:30!important}.message-action-btn{align-items:center!important;border-radius:50%!important;display:inline-flex!important;height:26px!important;justify-content:center!important;min-height:26px!important;min-width:26px!important;padding:0!important;width:26px!important}.message-action-btn,.message-action-btn i{font-size:13px!important;line-height:1!important}.message-action-btn i{height:auto!important;width:auto!important}.live-viewer-modal{background:#05050a}.live-viewer-chat-pane{background:#10101af5;border-left:1px solid #ffffff0f}@media (max-width:900px){.live-viewer-stage{flex-direction:column}.live-viewer-video-pane{flex:0 0 46vh;height:46vh}.live-viewer-chat-pane{border-left:none;border-top:1px solid #ffffff0f;flex:1 1 auto;max-width:none;min-width:0;width:100%}.live-viewer-chat-toggle{align-items:center;display:inline-flex;gap:6px}.live-viewer-stage:has(.live-viewer-chat-pane.is-closed) .live-viewer-video-pane{flex:1 1;height:auto}}.live-viewer-modal{background:var(--bg-primary);inset:0;position:fixed;z-index:100000}.live-viewer-stage{display:flex;height:100%;min-height:0;width:100%}.live-viewer-video-pane{align-items:center;background:#000;display:flex;flex:1 1 auto;justify-content:center;min-height:0;min-width:0;position:relative}.live-viewer-video{background:#000;height:100%;object-fit:contain;width:100%}.live-viewer-status-overlay{background:#00000059;color:#ffffffd9;font-size:16px;inset:0;justify-content:center}.live-viewer-chip,.live-viewer-status-overlay{align-items:center;display:flex;font-weight:600;position:absolute}.live-viewer-chip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0fb8;border:1px solid #ffffff1a;border-radius:24px;color:#fff;font-size:13px;gap:8px;left:14px;max-width:calc(100% - 28px);padding:7px 12px;top:16px}.live-viewer-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-viewer-dot{animation:livePulse 1.2s ease-in-out infinite;background:#ef4444;border-radius:50%;box-shadow:0 0 10px #ef4444;height:8px;width:8px}.live-viewer-badge{background:#ef4444;border-radius:8px;color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;padding:3px 7px}.live-viewer-actions{bottom:18px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.live-viewer-chat-toggle,.live-viewer-leave{border:none;border-radius:28px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 18px}.live-viewer-leave{background:#ef4444eb;color:#fff}.live-viewer-chat-toggle{background:#101018cc;border:1px solid #ffffff1f;color:#fff;display:none}.live-viewer-error{color:#fff;padding:24px;text-align:center}.live-viewer-error h2{color:#fca5a5;font-size:16px;margin:0 0 20px}.live-viewer-error button{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:28px;color:#fff;cursor:pointer;font-weight:700;padding:12px 32px}.live-viewer-chat-pane{background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex:0 0 340px;flex-direction:column;height:100%;max-width:420px;min-height:0;min-width:280px;width:340px}.live-viewer-chat-pane.is-closed{display:none}.live-viewer-chat-pane .live-chat{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}@media (max-width:900px){.live-viewer-stage{flex-direction:column}.live-viewer-video-pane{flex:0 0 46vh;height:46vh}.live-viewer-chat-pane{border-left:none;border-top:1px solid var(--border-color);flex:1 1 auto;max-width:none;min-width:0;width:100%}.live-viewer-chat-toggle{align-items:center;display:inline-flex;gap:6px}.live-viewer-stage:has(.live-viewer-chat-pane.is-closed) .live-viewer-video-pane{flex:1 1;height:auto}}@media (max-width:480px){.live-viewer-video-pane{flex-basis:40vh;height:40vh}.live-viewer-chip{font-size:12px;left:10px;padding:5px 10px;top:10px}}.broadcast-view{background:#05050a;color:#fff}.broadcast-chat-pane{background:#0c0c14f5;border-left:1px solid #ffffff14}.broadcast-chat-pane .live-chat-header,.live-viewer-chat-pane .live-chat-header{border-bottom:1px solid #ffffff0f;color:#fff}.live-chat-empty{color:#ffffff59}.live-chat-message-content{background:#ffffff0f;color:#fff}.live-chat-message-header{color:#ffffff80}.live-chat-message-time{color:#ffffff4d}.live-chat-delete-btn,.live-chat-react-btn{color:#ffffff59}.live-chat-reaction-badge{background:#ffffff14}.live-pulse-btn{background:#ffffff0f}.live-chat-input{border-top:1px solid #ffffff0f}.live-chat-input input{background:#ffffff0f;border:1px solid #ffffff14;color:#fff}@media (max-width:900px){.broadcast-stage{flex-direction:column}.broadcast-video-pane{flex:0 0 48vh;height:48vh}.broadcast-chat-pane{border-left:none;border-top:1px solid #ffffff14;flex:1 1 auto;height:auto;max-width:none;min-width:0;width:100%}.broadcast-chat-toggle{align-items:center;display:inline-flex;gap:6px}.broadcast-chat-pane.is-closed{display:none}.broadcast-stage:has(.broadcast-chat-pane.is-closed) .broadcast-video-pane{flex:1 1;height:auto}}.live-dialog{background:#16161f;border:1px solid #ffffff14;color:#f4f4f5}.live-dialog-kicker{color:#a1a1aa}.live-dialog-copy{color:#b4b4bb}.live-dialog-ghost{border:1px solid #ffffff1f;color:#d4d4d8}.broadcast-view{background:var(--bg-primary);color:var(--text-primary);inset:0;position:fixed;z-index:100000}.broadcast-stage{display:flex;height:100%;min-height:0;width:100%}.broadcast-video-pane{align-items:center;background:#000;display:flex;flex:1 1 auto;justify-content:center;min-height:0;min-width:0;position:relative}.broadcast-video{background:#000;height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.broadcast-video-ui{inset:0;pointer-events:none;position:absolute}.broadcast-top-bar{align-items:center;background:linear-gradient(180deg,#0000009e,#0000);display:flex;gap:10px;padding:14px 16px;pointer-events:auto}.broadcast-live-badge{animation:livePulse 1.2s ease-in-out infinite;background:#ef4444;border-radius:8px;color:#fff;font-size:11px;font-weight:800;letter-spacing:1px;padding:4px 8px}.broadcast-host-name{color:#fff;font-size:15px;font-weight:700;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.broadcast-end-btn{align-items:center;background:#ef444438;border:1px solid #ef444473;border-radius:999px;color:#fca5a5;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:8px 14px}.broadcast-end-btn:hover{background:#ef444466}.broadcast-chat-toggle{background:#0a0a10b8;border:1px solid #ffffff29;border-radius:999px;bottom:16px;color:#fff;cursor:pointer;display:none;font-size:12px;font-weight:700;padding:8px 12px;pointer-events:auto;position:absolute;right:14px}.broadcast-pulses{inset:0;overflow:hidden;pointer-events:none;position:absolute}.broadcast-pulse{animation:floatPulse 2.1s ease-out forwards;bottom:18%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));font-size:28px;position:absolute}.broadcast-chat-pane{background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex:0 0 340px;flex-direction:column;height:100%;max-width:420px;min-height:0;min-width:280px;width:340px}.broadcast-chat-pane.is-closed{display:none}.broadcast-chat-pane .live-chat{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}.broadcast-chat-pane .live-chat-header,.live-viewer-chat-pane .live-chat-header{border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;flex-shrink:0;font-size:13px;font-weight:700;justify-content:space-between;padding:12px 14px}.broadcast-chat-pane .live-chat-messages,.live-viewer-chat-pane .live-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding:10px 12px}.live-chat-empty{color:var(--text-muted);font-size:13px;padding:20px 8px;text-align:center}.live-chat-message{align-items:flex-start;display:flex;gap:8px;max-width:94%}.live-chat-message.own{align-self:flex-end;flex-direction:row-reverse}.live-chat-message-content{background:var(--bg-input);border-radius:12px;color:var(--text-primary);font-size:13px;padding:7px 10px;word-break:break-word}.live-chat-message.own .live-chat-message-content{background:#6c3ce180;color:#fff}.live-chat-message-header{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:6px;margin-bottom:2px}.live-chat-message-name{color:#c4b5fd;font-weight:700}.live-chat-message-time{color:var(--text-muted);font-size:10px}.live-chat-delete-btn,.live-chat-react-btn{background:none;border:none;color:var(--text-muted);cursor:pointer}.live-chat-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.live-chat-reaction-badge{background:var(--bg-input);border-radius:10px;font-size:12px;padding:1px 6px}.live-chat-reaction-picker{display:flex;gap:4px;margin-top:4px}.live-chat-reaction-picker button,.live-pulse-btn{background:none;border:none;cursor:pointer;font-size:18px}.live-chat-pulses{display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:6px 10px 0}.live-pulse-btn{background:var(--bg-input);border-radius:50%;height:34px;width:34px}.live-chat-input{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:8px;padding:10px 12px 12px}.live-chat-input input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:8px 14px}.live-chat-input input::placeholder{color:var(--text-muted)}.live-chat-input button{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:50%;color:#fff;cursor:pointer;height:36px;width:36px}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes floatPulse{0%{opacity:0;transform:translateY(0) scale(.8)}12%{opacity:1}to{opacity:0;transform:translateY(-160px) scale(1.25)}}@media (max-width:900px){.broadcast-stage{flex-direction:column}.broadcast-video-pane{flex:0 0 48vh;height:48vh}.broadcast-chat-pane{border-left:none;border-top:1px solid var(--border-color);flex:1 1 auto;height:auto;max-width:none;min-width:0;width:100%}.broadcast-chat-toggle{align-items:center;display:inline-flex;gap:6px}.broadcast-chat-pane.is-closed{display:none}.broadcast-stage:has(.broadcast-chat-pane.is-closed) .broadcast-video-pane{flex:1 1;height:auto}}@media (max-width:480px){.broadcast-video-pane{flex-basis:42vh;height:42vh}.broadcast-top-bar{padding:10px 12px}.broadcast-host-name{font-size:13px}}.broadcast-viewer-count,.live-viewer-count{background:#00000073;border:1px solid #ffffff1f;border-radius:999px;color:#ffffffeb;font-size:12px;font-weight:600;margin-left:8px;padding:4px 10px}.live-dialog-backdrop{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08080eb8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:80}.live-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 24px 80px #00000073;color:var(--text-primary);padding:28px 24px 22px;text-align:left;width:min(420px,100%)}.live-dialog-kicker{color:var(--text-muted);font-size:11px;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.live-dialog-title{font-size:20px;font-weight:650;line-height:1.3;margin:0 0 8px}.live-dialog-copy{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 22px}.live-dialog-actions{display:flex;gap:10px;justify-content:flex-end}.live-dialog-danger,.live-dialog-ghost,.live-dialog-primary{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px}.live-dialog-primary{background:#6c3ce1;color:#fff;width:100%}.live-dialog-danger{background:#e11d48;color:#fff}.live-dialog-ghost{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.stories-bar-container{bottom:90px;left:0;max-width:450px;pointer-events:auto;position:fixed;width:100%;z-index:9999}.stories-bar-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:14px;overflow-x:auto;padding:10px 16px;scrollbar-width:none}.stories-bar-scroll::-webkit-scrollbar{display:none}.story-circle-wrapper{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.story-ring{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:68px;justify-content:center;padding:3px;position:relative;transition:transform .15s ease;width:68px}.story-circle-wrapper:active .story-ring{transform:scale(.92)}.story-ring.has-story{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.story-ring.own{background:#ffffff1a}.story-avatar-inner{align-items:center;background:#000;border:2px solid #000;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.story-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.own-avatar-content{height:100%;position:relative;width:100%}.add-badge{align-items:center;background:#0095f6;border:2px solid #000;border-radius:50%;bottom:0;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:0;width:24px;z-index:3}.story-name{color:#fff;font-size:12px;font-weight:500;max-width:68px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.viewer-overlay{background:#000;color:#fff;display:flex;flex-direction:column;inset:0;overflow:hidden;position:fixed;-webkit-user-select:none;user-select:none;z-index:10000}.progress-bar-container{display:flex;gap:4px;left:20px;position:absolute;right:20px;top:calc(10px + env(safe-area-inset-top, 0px));z-index:10}.progress-segment{background:#ffffff4d;border-radius:3px;flex:1 1;height:3px;overflow:hidden}.progress-segment.full{background:#fffc}.progress-bar-fill{background:#fff;height:100%;transition:width .1s linear}.viewer-header{align-items:center;display:flex;justify-content:space-between;left:20px;position:absolute;right:20px;top:calc(24px + env(safe-area-inset-top, 0px));z-index:20}.viewer-header-info{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000080;border-radius:999px;display:flex;gap:10px;padding:4px 14px 4px 4px}.viewer-avatar-ring{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-radius:50%;height:32px;padding:2px;width:32px}.viewer-avatar{border:2px solid #000;border-radius:50%;height:100%;object-fit:cover;width:100%}.owner-name{font-size:14px;font-weight:700}.viewer-time{color:#ffffffb3;font-size:12px;margin-left:4px}.close-viewer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000080;border:none;border-radius:50%;color:#fff;font-size:16px;height:36px;width:36px}.close-viewer,.viewer-tap-area{align-items:center;cursor:pointer;display:flex;justify-content:center}.viewer-tap-area{flex:1 1;padding:40px 0;position:relative;z-index:2}.stacked-cards-bg{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:1}.stack-card{aspect-ratio:9/15;background:#222;border:1px solid #ffffff1a;border-radius:40px;box-shadow:0 10px 30px #00000080;max-width:400px;overflow:hidden;position:absolute;width:85vw}.stack-card img{filter:blur(4px);height:100%;object-fit:cover;opacity:.4;width:100%}.stack-card.layer-1{transform:rotate(-8deg) scale(.9) translateY(-10px)}.stack-card.layer-2{transform:rotate(6deg) scale(.95) translateY(10px)}.viewer-image-container{aspect-ratio:9/15;border-radius:40px;box-shadow:0 20px 50px #000c;max-width:400px;overflow:hidden;position:relative;transition:transform .2s ease;width:85vw;z-index:5}.viewer-image{height:100%;object-fit:cover;width:100%}.instants-floating-reactions{bottom:calc(30px + env(safe-area-inset-bottom, 0px));gap:16px;left:0;position:absolute;right:0;z-index:20}.instants-floating-reactions,.reaction-btn{align-items:center;display:flex;justify-content:center}.reaction-btn{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 10px 20px #0009;color:#fff;cursor:pointer;transition:transform .15s}.reaction-btn:active{transform:scale(.9)}.reaction-btn.small{font-size:20px;height:48px;width:48px}.reaction-btn.large{color:#ec4899;font-size:28px;height:64px;width:64px}@media (min-width:768px){.stack-card,.viewer-image-container{aspect-ratio:auto;height:700px;width:420px}}.instants-intro-overlay{align-items:center;background:#000;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:999999}.instants-intro-content{align-items:center;display:flex;flex-direction:column;max-width:400px;text-align:center}.instants-intro-stack{height:160px;margin-bottom:30px;position:relative;width:160px}.intro-card-layer{border:2px solid #222;border-radius:20px;box-shadow:0 10px 30px #00000080;inset:0;overflow:hidden;position:absolute}.intro-card-layer img{height:100%;object-fit:cover;width:100%}.intro-card-layer.layer-1{opacity:.5;transform:rotate(-15deg) scale(.8)}.intro-card-layer.layer-2{opacity:.8;transform:rotate(10deg) scale(.9)}.intro-card-layer.layer-3{transform:rotate(0deg);z-index:2}.instants-intro-title{font-size:24px;font-weight:700;margin-bottom:30px}.instants-feature-list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;text-align:left;width:100%}.instants-feature{align-items:flex-start;display:flex;gap:16px}.instants-feature i{color:#fff;font-size:20px;margin-top:4px}.instants-feature h4{font-size:15px;font-weight:700;margin:0 0 4px}.instants-feature p{color:#fff9;font-size:12px;line-height:1.4;margin:0}.instants-disclaimer{color:#fff6;font-size:10px;line-height:1.4;margin-bottom:20px}.instants-try-btn{background:#0095f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:16px;width:100%}.instants-camera-overlay{margin:0!important;max-width:none!important;padding:0!important}.instants-camera-header{background:#000!important;padding:calc(16px + env(safe-area-inset-top, 0px)) 24px 16px!important}.camera-close-btn,.camera-history-btn{background:none!important;border:none!important;color:#fff!important;cursor:pointer!important;font-size:24px!important;position:relative!important}.camera-title{font-size:16px!important;font-weight:700!important;margin:0!important}.history-badge{align-items:center!important;background:#ff3040!important;border-radius:50%!important;color:#fff!important;display:flex!important;font-size:10px!important;font-weight:700!important;height:16px!important;justify-content:center!important;position:absolute!important;right:-8px!important;top:-4px!important;width:16px!important}.instants-camera-preview{margin:0 20px!important;max-height:calc(100dvh - 250px)!important}.instants-flash{animation:flash .2s ease-out forwards!important;background:#fff!important;inset:0!important;position:absolute!important;z-index:10!important}.instants-camera-controls{background:#000!important;gap:30px!important;justify-content:center!important;padding:30px 20px!important}.camera-side-btn{background:#1a1a1a!important;color:#fff!important;font-size:20px!important;height:50px!important;width:50px!important}.camera-shutter-btn,.camera-side-btn{align-items:center!important;border:none!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;justify-content:center!important}.camera-shutter-btn{background:#fff3!important;height:80px!important;padding:6px!important;width:80px!important}.shutter-inner{background:#fff!important;border-radius:50%!important;height:100%!important;transition:transform .1s!important;width:100%!important}.camera-shutter-btn:active .shutter-inner{transform:scale(.9)!important}.instants-audience-pill{align-self:center!important;background:#1a1a1a!important;border:1px solid #ffffff1a!important;border-radius:999px!important;color:#fff!important;flex-shrink:0!important;font-size:14px!important;font-weight:600!important;gap:8px!important;padding:10px 20px!important}.audience-avatar,.instants-audience-pill{align-items:center!important;display:flex!important}.audience-avatar{background:#0095f6!important;border-radius:50%!important;font-size:10px!important;height:20px!important;justify-content:center!important;width:20px!important}.memories-glass-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 10px 40px #0006;left:10px;max-height:250px;overflow-y:auto;padding:15px;position:absolute;right:10px;top:20px;z-index:10}.memories-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.memories-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.memory-card{aspect-ratio:1/1;background:#000;border:1px solid #ffffff1a;border-radius:10px;overflow:hidden;position:relative}.memory-card img{height:100%;object-fit:cover;width:100%}.memory-info{align-items:center;background:#0009;bottom:0;color:#fff;display:flex;font-size:10px;justify-content:space-between;left:0;padding:4px;position:absolute;right:0}.delete-memory{background:#ff0000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;padding:2px 4px}.memory-fullscreen-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:10001}.memory-fullscreen-content{align-items:center;background:#1e1e1ee6;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 80px #0009;display:flex;flex-direction:column;gap:15px;max-height:80vh;max-width:90vw;padding:20px}.memory-fullscreen-content img{border-radius:12px;max-height:60vh;max-width:100%;object-fit:contain}.memory-fullscreen-actions{display:flex;gap:15px;justify-content:center;width:100%}.cancel-memory-btn,.delete-memory-btn{border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px}.cancel-memory-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.delete-memory-btn{background:#ff3040;color:#fff}.viewer-image-container.fade-in{animation:storyFadeIn .3s cubic-bezier(.2,1,.4,1) forwards}.viewer-image-container.fade-out{animation:storyFadeOut .25s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}.stack-card.fade-out{animation:bgFadeOut .25s ease-out forwards}@keyframes storyFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes storyFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@keyframes bgFadeOut{0%{opacity:1}to{opacity:0}}.instants-camera-overlay{align-items:center!important;background:#000!important;display:flex!important;flex-direction:column!important;height:100dvh!important;inset:0!important;position:fixed!important;width:100vw!important;z-index:9999999!important}.instants-camera-preview{background:#111!important;border-radius:40px!important;flex:1 1!important;margin:10px 0!important;max-width:420px!important;overflow:hidden!important;position:relative!important;width:100%!important}.instants-video-feed{height:100%!important;object-fit:cover!important;width:100%!important}.instants-camera-controls{padding:20px 40px!important}.instants-camera-controls,.instants-camera-header{align-items:center!important;display:flex!important;flex-shrink:0!important;justify-content:space-between!important;max-width:420px!important;width:100%!important}.instants-camera-header{padding:calc(16px + env(safe-area-inset-top, 0px)) 20px 16px!important}.instants-audience-pill{margin-bottom:calc(20px + env(safe-area-inset-bottom, 0px))!important}.home-page{background:var(--bg-primary);justify-content:center;min-height:100vh;overflow-x:hidden;padding:16px 16px calc(96px + env(safe-area-inset-bottom, 0px))}.home-container,.home-page{box-sizing:border-box;display:flex;width:100%}.home-container{flex-direction:column;gap:14px;max-width:720px}.home-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;padding:16px 16px 10px;transition:border-color .2s ease}.home-section:hover{border-color:#6c3ce12e}.section-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:2px}.section-title-group{align-items:center;display:flex;gap:8px;min-width:0}.section-title{color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:-.2px;margin:0}.live-dot{background:#4ade80;border-radius:50%;box-shadow:0 0 6px #4ade8099;display:inline-block;flex-shrink:0;height:8px;width:8px}.live-dot.is-live{animation:liveDotPulse 2s ease-in-out infinite}@keyframes liveDotPulse{0%,to{opacity:1}50%{opacity:.45}}.section-count{color:var(--text-muted);flex-shrink:0;font-size:12px;font-weight:500;white-space:nowrap}.section-hint{color:var(--text-muted);font-size:12.5px;font-weight:400;line-height:1.4;margin:2px 0 12px}.live-users-scroll{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 12px;scrollbar-width:none}.live-users-scroll::-webkit-scrollbar{display:none}.live-user-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:inherit;gap:6px;min-width:78px;padding:6px 4px;transition:background .15s ease}.live-user-card:hover{background:var(--bg-input)}.live-user-card:active{background:var(--border-color)}.live-avatar-wrapper{display:inline-block;line-height:0;position:relative}.live-avatar-ring{border-radius:50%;display:inline-block;line-height:0;transition:transform .2s ease}.live-user-card.is-live .live-avatar-ring{background:linear-gradient(135deg,#6c3ce1,#a78bfa);box-shadow:0 0 12px #6c3ce173;padding:3px}.live-avatar-ring>*{border:2px solid var(--bg-primary);border-radius:50%;display:block}.online-dot{background:#4ade80;border:2px solid var(--bg-card);bottom:2px;pointer-events:none;right:2px}.live-badge{animation:liveBadgePulse 2.4s ease-in-out infinite;background:#ef4444;border-radius:999px;bottom:-6px;box-shadow:0 2px 8px #ef444480;color:#fff;font-size:9px;font-weight:800;left:50%;letter-spacing:.4px;padding:2px 7px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}@keyframes liveBadgePulse{0%,to{opacity:1}50%{opacity:.75}}.live-username{color:var(--text-primary);font-size:12.5px;font-weight:500;margin-top:2px;max-width:76px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.live-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;padding:24px 12px;text-align:center;width:100%}.live-empty i{font-size:22px;opacity:.5}.live-empty span{font-size:13px}.live-empty-action{background:#0000;border:none;border-radius:999px;color:#a78bfa;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;margin-top:4px;padding:6px 12px;transition:background .15s ease}.live-empty-action:hover{background:#6c3ce11f}.go-live-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:14px;box-shadow:0 6px 20px #8b5cf638;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14.5px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.2px;padding:13px 18px;transition:transform .12s ease,box-shadow .2s ease,opacity .15s ease;width:100%}.go-live-btn:hover{box-shadow:0 8px 26px #8b5cf652}.go-live-btn:active{opacity:.92;transform:scale(.985)}.go-live-btn i{font-size:14px}.go-live-btn.is-live{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #dc262647}.go-live-btn.is-live:hover{box-shadow:0 8px 26px #dc26265c}.home-error-inline{background:#ef44441f;border-radius:12px;color:#ef4444;font-size:13px;font-weight:500;padding:10px 14px;text-align:center}.peer-error-toast{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ef4444f5;border-radius:14px;bottom:calc(92px + env(safe-area-inset-bottom, 0px));box-shadow:0 10px 32px #0006;color:#fff;display:flex;font-size:13.5px;font-weight:500;gap:10px;left:50%;max-width:min(420px,calc(100vw - 32px));padding:12px 14px;position:fixed;transform:translateX(-50%);z-index:9999}.peer-error-toast>span{flex:1 1}.peer-error-toast>button{background:#fff;border:none;border-radius:999px;color:#ef4444;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;padding:6px 12px;white-space:nowrap}.peer-error-dismiss{background:#0000!important;color:#fff!important;font-size:20px!important;line-height:1;padding:0 6px!important}.home-stories-dock{bottom:calc(88px + env(safe-area-inset-bottom, 0px));left:0;max-width:450px;pointer-events:auto;position:fixed;width:100%;z-index:9998}.home-header-skeleton{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.skeleton-block{animation:skeletonPulse 1.5s ease-in-out infinite;background:var(--bg-input)}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.75}}@media (max-width:600px){.home-page{padding:12px 12px calc(88px + env(safe-area-inset-bottom, 0px))}.home-section{border-radius:16px;padding:14px 14px 8px}.live-user-card{min-width:72px}.live-username{font-size:12px;max-width:68px}.go-live-btn{border-radius:12px;font-size:14px;padding:12px 16px}}@media (max-width:400px){.home-page{padding:10px 10px calc(84px + env(safe-area-inset-bottom, 0px))}.home-section{padding:12px 12px 6px}.section-title{font-size:14px}.go-live-btn{font-size:13.5px}}@media (prefers-reduced-motion:reduce){.live-badge,.live-dot,.skeleton-block{animation:none!important}.go-live-btn:active{transform:none!important}}.chats-page{--brand:var(--brand-600,#6c3ce1);--brand-light:var(--brand-300,#a78bfa);--brand-lighter:#d8b4fe;--brand-deep:#2e1065;--brand-mid:#4c1d95;--brand-a06:#6c3ce10f;--brand-a12:#6c3ce11f;--brand-a20:#6c3ce133;--brand-a40:#6c3ce166;--online:#10b981;--offline:#6b7280;--alert:#ef4444;--text-2xs:10px;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:26px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:28px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--avatar-size:48px;--z-sticky:20;--z-overlay:1000;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--dur-fast:0.15s;--dur-base:0.25s;--dur-slow:0.5s;--stagger:45ms;--halo-hot:#ff0080;--halo-warm:#ff8c00;--bottom-nav-space:88px;--glass-bg-dark:linear-gradient(180deg,#1e1637b8,#140f23e6);--glass-bg-light:linear-gradient(180deg,#ffffffbf,#f5f3ffeb);--glass-border:#ffffff1f;--glass-rim-top:inset 0 1px 0 #ffffff24;--glass-rim-bot:inset 0 -1px 0 #00000040;--glass-blur:blur(40px) saturate(180%);--glass-shadow:0 -30px 90px #0000008c;--glass-shadow-sm:0 10px 30px #00000059;--glass-ease:cubic-bezier(0.22,1,0.36,1)}html.theme-light .chats-page{--glass-bg-dark:var(--glass-bg-light);--glass-border:#00000014;--glass-rim-top:inset 0 1px 0 #ffffffe6;--glass-rim-bot:inset 0 -1px 0 #0000000d;--glass-shadow:0 -30px 90px #00000026;--glass-shadow-sm:0 10px 30px #0000001a}.chats-page{background:var(--bg-primary);box-sizing:border-box;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:var(--space-3) var(--space-4) calc(var(--bottom-nav-space) + env(safe-area-inset-bottom, 0px));width:100%}.chats-page *,.chats-page :after,.chats-page :before{box-sizing:inherit}.search-container{background:var(--bg-primary);margin-bottom:var(--space-3);padding-block:0 var(--space-3);position:sticky;top:env(safe-area-inset-top,0);z-index:var(--z-sticky)}.search-input-wrapper{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-2);height:48px;padding-inline:var(--space-4);transition:border-color var(--dur-base) ease,box-shadow var(--dur-base) ease}.search-input-wrapper:focus-within{border-color:var(--brand-a40);box-shadow:0 0 0 3px var(--brand-a12)}.search-icon{flex-shrink:0;font-size:var(--text-base);transition:color var(--dur-base) ease,transform var(--dur-base) var(--ease-spring)}.search-input-wrapper:focus-within .search-icon{color:var(--brand-light);transform:scale(1.1)}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:var(--text-base);min-width:0;outline:none}.search-input::placeholder{color:var(--text-muted)}.search-clear{animation:pop-in var(--dur-base) var(--ease-spring) both;background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:grid;font-size:var(--text-base);height:44px;margin-right:calc(var(--space-2)*-1);place-items:center;transition:color var(--dur-fast) ease,background var(--dur-fast) ease,transform var(--dur-fast) ease;width:44px}.search-clear:hover{background:var(--brand-a06);color:var(--text-primary)}.search-clear:active{transform:scale(.9)}.search-skeleton-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.premium-end-pill,.premium-status-pill{align-items:center;animation:pill-drop .4s var(--ease-spring) both;background:var(--bg-input);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);justify-content:center;margin:var(--space-5) auto var(--space-2);max-width:90%;padding:10px var(--space-5);width:fit-content}.premium-end-pill{background:var(--brand-a06);border-color:var(--brand-a20);color:var(--brand-light)}.pill-spinner{animation:spin .7s linear infinite;border:2px solid var(--brand-a20);border-radius:50%;border-top-color:var(--brand-light);height:14px;width:14px}.end-icon{animation:pop-in .4s var(--ease-spring) .1s both;color:var(--brand-light);font-size:14px}.demo-search-empty,.no-chats-premium{align-items:center;animation:rise .45s var(--ease-out) both;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;margin:var(--space-6) auto;max-width:380px;padding:48px var(--space-6);text-align:center}.demo-search-icon,.no-chats-icon-wrapper{border-radius:50%;display:grid;font-size:22px;height:60px;margin-bottom:var(--space-4);place-items:center;width:60px}.no-chats-icon-wrapper{animation:pop-in .5s var(--ease-spring) .12s both,halo-breathe 3.2s ease-in-out .6s infinite;background:radial-gradient(circle,var(--brand-a20) 0,var(--brand-a06) 70%);border:1px solid var(--brand-a40);box-shadow:0 0 0 0 var(--brand-a20);color:var(--brand-light)}.demo-search-icon{animation:pop-in .5s var(--ease-spring) .12s both;background:radial-gradient(circle,#10b98138 0,#10b9810d 70%);border:1px solid #10b9814d;color:var(--online)}.demo-search-title,.no-chats-title{animation:rise .45s var(--ease-out) .18s both;color:var(--text-primary);font-size:var(--text-lg);font-weight:700;letter-spacing:-.2px;margin:0 0 var(--space-1)}.demo-search-subtitle,.no-chats-subtitle{animation:rise .45s var(--ease-out) .26s both;color:var(--text-muted);font-size:var(--text-sm);line-height:1.5;max-width:28ch}.recent-chats{display:flex;flex-direction:column;gap:var(--space-2)}.section-header{animation:rise .4s var(--ease-out) both;color:var(--text-muted);font-size:var(--text-sm);font-weight:600;letter-spacing:0;margin-bottom:var(--space-1)}.chat-item{align-items:center;animation:row-in .45s var(--ease-out) both;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) 14px;position:relative;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur-fast) ease,box-shadow var(--dur-base) ease}.chat-item:first-child{animation-delay:calc(var(--stagger)*0)}.chat-item:nth-child(2){animation-delay:calc(var(--stagger)*1)}.chat-item:nth-child(3){animation-delay:calc(var(--stagger)*2)}.chat-item:nth-child(4){animation-delay:calc(var(--stagger)*3)}.chat-item:nth-child(5){animation-delay:calc(var(--stagger)*4)}.chat-item:nth-child(6){animation-delay:calc(var(--stagger)*5)}.chat-item:nth-child(7){animation-delay:calc(var(--stagger)*6)}.chat-item:nth-child(8){animation-delay:calc(var(--stagger)*7)}.chat-item:nth-child(9){animation-delay:calc(var(--stagger)*8)}.chat-item:nth-child(10){animation-delay:calc(var(--stagger)*9)}.chat-item:nth-child(11){animation-delay:calc(var(--stagger)*10)}.chat-item:nth-child(n+12){animation-delay:calc(var(--stagger)*11)}.chat-item:hover{background:color-mix(in srgb,var(--bg-input) 88%,var(--text-primary));border-color:var(--brand-a20);box-shadow:0 4px 18px #0000002e}.chat-item:active{transform:scale(.985);transition-duration:.08s}.chat-avatar:focus-visible,.chat-halo-btn:focus-visible,.chat-item:focus-visible,.hero-action-btn:focus-visible,.search-clear:focus-visible{outline:2px solid var(--brand-light);outline-offset:2px}.chat-avatar{border-radius:50%;cursor:pointer;flex-shrink:0;height:var(--avatar-size);position:relative;transition:transform var(--dur-base) var(--ease-spring);width:var(--avatar-size)}.chat-avatar:hover{transform:scale(1.06)}.avatar-placeholder,.user-profile-img{border-radius:50%;height:var(--avatar-size);width:var(--avatar-size)}.user-profile-img{border:1px solid var(--border-color);object-fit:cover}.avatar-placeholder{background:linear-gradient(135deg,#3a2b5c,#231b36);color:#fff;display:grid;font-size:var(--text-lg);font-weight:700;place-items:center}.presence-dot{border:2px solid var(--bg-input);border-radius:50%;bottom:1px;height:10px;position:absolute;right:1px;width:10px}.presence-dot.online{animation:presence-ripple 2.6s ease-out infinite;background:var(--online)}.presence-dot.offline{background:var(--offline)}.unread-badge{animation:pop-in .35s var(--ease-spring) both,nudge .6s ease-in-out .35s 2;background:var(--alert);border:2px solid var(--bg-input);border-radius:999px;color:#fff;display:grid;font-size:var(--text-xs);font-weight:700;height:20px;line-height:1;min-width:20px;padding-inline:5px;place-items:center;pointer-events:none;position:absolute;right:-4px;top:-4px}.archived-badge{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;bottom:-2px;font-size:14px;padding:2px;position:absolute;right:-2px}.archived-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:400}.chat-info{flex:1 1;min-width:0}.chat-title-row{align-items:center;display:flex;gap:var(--space-1);margin-bottom:2px;min-width:0}.chat-name{color:var(--text-primary);font-size:var(--text-base);font-weight:600;min-width:0}.chat-last,.chat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-last{font-size:var(--text-sm)}.chat-last,.chat-time{color:var(--text-muted)}.chat-time{align-self:flex-start;flex-shrink:0;font-size:var(--text-xs)}.ai-badge,.chat-location-badge,.ended-badge{animation:pop-in .3s var(--ease-spring) both;border-radius:var(--radius-sm);flex-shrink:0;font-size:var(--text-2xs);font-weight:700;padding:2px 6px;white-space:nowrap}.ai-badge{background:var(--brand);color:#fff}.chat-location-badge,.ended-badge{background:var(--brand-a12);color:var(--brand-light)}.chat-location-badge{font-size:var(--text-xs);font-weight:500}.regular-chat-item.location-matched{background:var(--brand-a06);border-left:none}.regular-chat-item.location-matched:before{animation:wipe-down .4s var(--ease-out) .1s both;background:var(--brand-light);border-radius:var(--radius-md) 0 0 var(--radius-md);bottom:0;content:"";left:0;position:absolute;top:0;transform-origin:top;width:3px}.skeleton-avatar,.skeleton-text{background:var(--bg-input);overflow:hidden;position:relative}.skeleton-text{border-radius:var(--space-1)}.skeleton-avatar{border-radius:50%;height:var(--avatar-size);width:var(--avatar-size)}.skeleton-avatar:after,.skeleton-text:after{animation:shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff12 50%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.chat-halo-btn{animation:gradient-drift 6s ease-in-out infinite alternate;background-size:160% 160%;border:none;box-shadow:0 2px 12px #ff008047;cursor:pointer;display:grid;font-size:var(--text-lg);height:44px;place-items:center;position:relative;transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) ease;width:44px}.chat-halo-btn:hover{box-shadow:0 4px 20px #ff8c0073;transform:scale(1.08)}.chat-halo-btn:after{border:2px solid var(--halo-warm);border-radius:50%;content:"";inset:0;opacity:0;pointer-events:none;position:absolute}.chat-halo-btn:focus-visible:after,.chat-halo-btn:hover:after{animation:halo-ring 1.4s var(--ease-out) infinite}.chat-halo-btn:active{transform:scale(.94)}.echo-halo-overlay{animation:fade .22s ease-out both;display:grid;padding:calc(var(--space-4) + env(safe-area-inset-top, 0px)) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom, 0px));place-items:center;z-index:var(--z-overlay)}.echo-halo-content{animation:reveal .4s var(--ease-spring) .06s both;background:#ffffff14;border:1px solid #ffffff3d;border-radius:var(--radius-lg);max-height:100%;padding:var(--space-5);width:100%}.echo-halo-header{align-items:center;font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-4)}.echo-halo-timer{font-feature-settings:"tnum";animation:tick 1s step-end infinite;font-variant-numeric:tabular-nums}.echo-halo-image-wrapper{min-height:0}.echo-halo-image-wrapper img{border-radius:var(--radius-md)}.echo-halo-caption{animation:rise .4s var(--ease-out) .2s both;font-size:var(--text-base);margin-top:var(--space-4)}.hero-result-card{animation:hero-enter .55s var(--ease-out) both;background:linear-gradient(135deg,var(--brand-mid) 0,var(--brand) 55%,var(--brand-deep) 100%);border:1px solid var(--brand-a40);border-radius:var(--radius-lg);box-shadow:0 10px 30px #6c3ce140;cursor:pointer;margin:0 auto var(--space-4);max-width:500px;overflow:hidden;padding:var(--space-6) var(--space-5);position:relative;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) ease;width:100%}.hero-result-card:hover{box-shadow:0 16px 40px #6c3ce159;transform:translateY(-3px)}.hero-result-card:active{transform:translateY(-1px) scale(.995)}.hero-bg-glow{animation:glow-drift 7s ease-in-out infinite alternate;background:radial-gradient(circle,#a78bfa47 0,#0000 55%);inset:-50%;pointer-events:none;position:absolute}.hero-content{align-items:center;display:flex;flex-direction:column;position:relative;text-align:center;z-index:1}.hero-avatar-wrapper{animation:pop-in .5s var(--ease-spring) .1s both,avatar-breathe 3.6s ease-in-out .6s infinite;background:linear-gradient(135deg,var(--brand-light),#8b5cf6,var(--brand-light));background-size:200% 200%;border-radius:50%;margin-bottom:var(--space-4);padding:4px;position:relative}.hero-avatar-wrapper .presence-dot{border-color:var(--brand-mid);border-width:3px;bottom:4px;height:16px;right:4px;width:16px}.hero-info{width:100%}.hero-name{animation:rise .5s var(--ease-out) .18s both;color:#fff;font-size:var(--text-xl);font-weight:800;letter-spacing:-.5px;margin:0 0 var(--space-1)}.hero-meta{animation:rise .5s var(--ease-out) .25s both;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:10px}.hero-badge{background:#ffffff26;border-radius:999px;color:#e9d5ff;font-size:12px;font-weight:600;padding:var(--space-1) var(--space-3)}.hero-bio{animation:rise .5s var(--ease-out) .32s both;color:var(--brand-lighter);font-size:14px;line-height:1.45;margin:0 auto var(--space-5);max-width:34ch}.hero-action-btn{animation:rise .5s var(--ease-out) .4s both;background:#fff;border:none;border-radius:999px;box-shadow:0 4px 15px #0003;color:var(--brand);cursor:pointer;font-size:var(--text-base);font-weight:700;overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;transition:transform var(--dur-base) var(--ease-spring),background var(--dur-base) ease,box-shadow var(--dur-base) ease}.hero-action-btn:before{background:linear-gradient(90deg,#0000,var(--brand-a20),#0000);content:"";height:100%;left:-120%;position:absolute;top:0;transition:left .6s var(--ease-out);width:100%}.hero-action-btn:hover:before{left:120%}.hero-action-btn:hover{background:#f3e8ff;box-shadow:0 6px 20px #6c3ce166;transform:scale(1.04)}.hero-action-btn:active{transform:scale(.97)}@media (max-width:480px){.chats-page{--avatar-size:42px;--stagger:35ms;padding-inline:var(--space-3)}.unread-badge{font-size:var(--text-2xs);height:18px;min-width:18px;right:-3px;top:-3px}.hero-result-card{padding:var(--space-5) var(--space-4)}}@media (min-width:720px){.chats-page{margin-inline:auto;max-width:680px}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes hero-enter{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes row-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes pill-drop{0%{opacity:0;transform:translateY(-10px) scale(.94)}to{opacity:1;transform:none}}@keyframes reveal{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:none}}@keyframes wipe-down{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes nudge{0%,to{transform:scale(1)}40%{transform:scale(1.14)}70%{transform:scale(.97)}}@keyframes presence-ripple{0%{box-shadow:0 0 0 0 #10b98180}70%,to{box-shadow:0 0 0 6px #10b98100}}@keyframes halo-breathe{0%,to{box-shadow:0 0 0 0 var(--brand-a20)}50%{box-shadow:0 0 0 10px #6c3ce100}}@keyframes halo-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes gradient-drift{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes tick{0%,60%{opacity:1}61%,to{opacity:.55}}@keyframes glow-drift{0%{opacity:.65;transform:scale(1) translate(0)}to{opacity:1;transform:scale(1.25) translate(-4%,4%)}}@keyframes avatar-breathe{0%,to{background-position:0 50%;box-shadow:0 0 26px #a78bfa8c}50%{background-position:100% 50%;box-shadow:0 0 38px #a78bfad9}}.avatar-typing-overlay{animation:snap-typing-pop .22s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:radial-gradient(circle,#6c3ce159 0,#6c3ce10d 70%);border-radius:50%;display:grid;inset:-2px;place-items:center;pointer-events:none;position:absolute;z-index:3}.avatar-typing-ring{animation:snap-typing-ring 1.4s ease-out infinite;border:2.5px solid #a78bfa;border:2.5px solid var(--brand-light,#a78bfa);border-radius:50%;inset:-3px;position:absolute}@keyframes snap-typing-ring{0%{opacity:.9;transform:scale(1)}70%{opacity:0;transform:scale(1.25)}to{opacity:0;transform:scale(1.25)}}.avatar-typing-dots{align-items:center;display:inline-flex;gap:3px;z-index:1}.avatar-typing-dot{animation:snap-typing-dot 1.3s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 8px #ffffffd9;display:inline-block;height:7px;width:7px}.avatar-typing-dot:nth-child(2){animation-delay:.18s}.avatar-typing-dot:nth-child(3){animation-delay:.36s}@keyframes snap-typing-dot{0%,60%,to{opacity:.7;transform:translateY(0) scale(.9)}30%{opacity:1;transform:translateY(-3px) scale(1.2)}}@keyframes snap-typing-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.echomoji-holder{align-items:center;display:flex;justify-content:center;transition:opacity .25s ease,transform .25s ease}.echomoji-holder.is-typing{opacity:.15;transform:scale(.85)}.typing-status-text{animation:typing-text-fade .3s ease;color:#a78bfa;color:var(--brand-light,#a78bfa);font-style:italic;font-weight:700;letter-spacing:.2px}@keyframes typing-text-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.notes-strip{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;gap:18px;margin:0 -4px 18px;overflow-x:auto;overflow-y:visible;padding:18px 4px 26px;scroll-snap-type:x proximity;scrollbar-width:none;width:100%}.notes-strip::-webkit-scrollbar{display:none}.note-card{-webkit-touch-callout:none;align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:inherit;gap:10px;padding:0;position:relative;scroll-snap-align:start;transition:transform .2s cubic-bezier(.34,1.56,.64,1);user-select:none;-webkit-user-select:none;width:104px}.note-card:hover{transform:translateY(-2px)}.note-card:active{transform:scale(.96)}.note-avatar-wrap{display:grid;height:68px;place-items:center;position:relative;width:68px}.note-avatar-wrap.has-note:before{animation:notesRingSpin 5s linear infinite;background:conic-gradient(from 140deg,#6c3ce1,#ec4899,#f472b6,#6c3ce1);border-radius:50%;content:"";inset:-4px;position:absolute;z-index:0}@keyframes notesRingSpin{to{transform:rotate(1turn)}}@keyframes notesRingSpinReverse{to{transform:rotate(-1turn)}}.note-avatar-wrap.has-note:after{background:#0a0a0f;background:var(--bg-primary,#0a0a0f);border-radius:50%;content:"";inset:-1px;position:absolute;z-index:0}.note-avatar-wrap>*{position:relative;z-index:1}.note-plus{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:2.5px solid #0a0a0f;border:2.5px solid var(--bg-primary,#0a0a0f);border-radius:50%;bottom:-4px;box-shadow:0 3px 12px #6c3ce199;color:#fff;display:grid;font-size:18px;font-weight:700;height:28px;line-height:1;place-items:center;position:absolute;right:-4px;transition:transform .2s ease;width:28px;z-index:2}.note-card:hover .note-plus{transform:scale(1.1)}.note-bubble{-webkit-line-clamp:3;-webkit-box-orient:vertical;animation:noteBubbleIn .32s cubic-bezier(.34,1.56,.64,1) both;background:#13131c;background:var(--bg-card,var(--bg-secondary,#13131c));border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-radius:16px;box-shadow:0 6px 18px #00000040;color:var(--text-primary);display:-webkit-box;font-size:12.5px;line-height:1.35;max-width:104px;min-height:32px;min-width:64px;overflow:hidden;padding:8px 12px;position:relative;text-align:center;word-break:break-word}@keyframes noteBubbleIn{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}.note-bubble:after{background:inherit;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color,#ffffff14);border-right:1px solid #ffffff14;border-right:1px solid var(--border-color,#ffffff14);bottom:-5px;content:"";height:10px;left:50%;position:absolute;transform:translateX(-50%) rotate(45deg);width:10px}.note-bubble-mine{background:linear-gradient(135deg,#6c3ce138,#ec489938);border-color:#6c3ce173}.note-placeholder{color:var(--text-muted);font-size:12px;font-style:italic}.note-text{display:block}.note-text-emoji-lg{font-size:22px;line-height:1.15}.note-text-emoji-xl{font-size:30px;line-height:1}.note-name{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:12px;font-weight:600;margin-top:4px;max-width:104px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.note-card-new{animation:noteCardPop .55s cubic-bezier(.34,1.56,.64,1) both}@keyframes noteCardPop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.note-viewers-row{align-items:center;background:#ffffff0f;border-radius:12px;display:inline-flex;margin-top:4px;padding:2px 6px 2px 4px}.note-viewer-avatar{background:#0d0d14;background:var(--bg-primary,#0d0d14);border:2px solid #0d0d14;border:2px solid var(--bg-primary,#0d0d14);border-radius:50%;display:inline-flex;margin-left:-6px;overflow:hidden}.note-viewer-avatar:first-child{margin-left:0}.note-viewer-more{color:#aaa;color:var(--text-secondary,#aaa);font-size:10px;font-weight:700;margin-left:4px}.note-reaction-badges{border-top:1px solid #ffffff0f;display:inline-flex;font-size:10px;gap:3px;margin-top:4px;padding-top:4px}.note-reaction-badge{align-items:center;background:#ffffff14;border-radius:8px;display:inline-flex;font-size:11px;gap:2px;line-height:1;padding:1px 4px}.note-reaction-backdrop{animation:fadeIn .15s ease both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000080;display:grid;inset:0;place-items:center;position:fixed;z-index:9999}.note-reaction-picker{animation:reactionPop .22s cubic-bezier(.34,1.56,.64,1) both;background:#1a1a24;background:var(--bg-card,#1a1a24);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:24px;box-shadow:0 20px 60px #00000080;display:flex;gap:6px;padding:12px 14px}@keyframes reactionPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.note-reaction-btn{background:#0000;border:none;border-radius:50%;cursor:pointer;display:grid;font-size:24px;height:42px;line-height:1;min-height:auto;min-width:auto;padding:0;place-items:center;transition:transform .15s ease,background .15s ease;width:42px}.note-reaction-btn:hover{background:#ffffff0f;transform:scale(1.25)}.note-reaction-btn:active{transform:scale(.9)}.note-menu{animation:reactionPop .22s cubic-bezier(.34,1.56,.64,1) both;background:#1a1a24;background:var(--bg-card,#1a1a24);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:20px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;gap:2px;min-width:200px;padding:8px}.note-menu-item{align-items:center;background:#0000;border:none;border-radius:14px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:500;gap:10px;min-height:auto;min-width:auto;padding:12px 14px;text-align:left;transition:background .15s ease}.note-menu-item:hover{background:#ffffff0f}.note-menu-item.danger{color:#ff5470}.note-menu-item.danger:hover{background:#ff54701f}.note-emoji-badge{background:linear-gradient(135deg,#6c3ce140,#ec489940);border-radius:10px;color:#fff;color:var(--text-primary,#fff);font-size:11px;font-weight:600;letter-spacing:.3px;margin-left:auto;padding:2px 10px}.note-composer-backdrop{align-items:center;animation:fadeIn .2s ease both;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.note-composer{animation:composerIn .3s cubic-bezier(.16,1,.3,1) both;background:#13131c;background:var(--bg-card,var(--bg-secondary,#13131c));border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-radius:22px;box-shadow:0 24px 80px #0009;max-width:420px;padding:24px;width:100%}@keyframes composerIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}.note-composer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.note-composer-header h3{color:var(--text-primary);font-size:17px;font-weight:800;letter-spacing:-.2px;margin:0}.note-composer-close{background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:grid;font-size:15px;height:34px;place-items:center;transition:background .15s ease,color .15s ease;width:34px}.note-composer-close:hover{background:#ffffff0f;background:var(--bg-input,#ffffff0f);color:var(--text-primary)}.note-composer-hint{color:var(--text-muted);font-size:13px;line-height:1.5;margin:0 0 16px}.note-composer-input{background:#ffffff0a;background:var(--bg-input,#ffffff0a);border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-radius:14px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14.5px;outline:none;padding:13px 15px;resize:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.note-composer-input:focus{border-color:#6c3ce199;box-shadow:0 0 0 3px #6c3ce126}.note-composer-meta{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.note-counter{color:var(--text-muted);font-size:11.5px;font-weight:700;letter-spacing:.3px}.note-counter.low{color:#f87171}.note-composer-actions{display:flex;gap:10px;margin-top:18px}.note-btn{border:1px solid #0000;border-radius:12px;cursor:pointer;flex:1 1;font-family:inherit;font-size:14.5px;font-weight:600;padding:12px 18px;transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.note-btn:active{transform:scale(.98)}.note-btn:disabled{cursor:not-allowed;opacity:.55}.note-btn-primary{background:linear-gradient(135deg,#6c3ce1,#ec4899);box-shadow:0 6px 18px #6c3ce159;color:#fff}.note-btn-primary:not(:disabled):hover{box-shadow:0 10px 26px #6c3ce180;transform:translateY(-1px)}.note-btn-danger{background:#0000;border-color:#ef444466;color:#f87171}.note-btn-danger:not(:disabled):hover{background:#ef444414}.note-preview-backdrop{align-items:center;animation:notePreviewFadeIn .25s ease both;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#0009;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:10000}@keyframes notePreviewFadeIn{0%{opacity:0}to{opacity:1}}.note-preview{align-items:center;animation:notePreviewPop .35s cubic-bezier(.34,1.56,.64,1) both;background:#140f23bf;border:1px solid #ffffff1f;border-radius:28px;box-shadow:0 30px 80px #0009,0 0 0 1px #6c3ce133,0 0 60px #6c3ce126;display:flex;flex-direction:column;max-width:380px;padding:40px 24px 28px;position:relative;text-align:center;width:100%}@keyframes notePreviewPop{0%{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:none}}html.theme-light .note-preview{background:#ffffffd9;border-color:#00000014;box-shadow:0 30px 80px #00000040,0 0 0 1px #6c3ce133,0 0 60px #6c3ce126}.note-preview-close{background:#ffffff14;border:none;border-radius:50%;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);cursor:pointer;display:grid;font-size:15px;height:36px;place-items:center;position:absolute;right:12px;top:12px;transition:background .15s ease,color .15s ease,transform .15s ease;width:36px}.note-preview-close:hover{background:#ffffff26;color:var(--text-primary);transform:scale(1.08)}.note-preview-avatar{animation:notesRingSpin 6s linear infinite;background:conic-gradient(from 140deg,#6c3ce1,#ec4899,#f472b6,#6c3ce1);border-radius:50%;box-shadow:0 0 40px #6c3ce180;margin-bottom:16px;padding:5px;position:relative}.note-preview-avatar>*{animation:notesRingSpinReverse 6s linear infinite;border-radius:50%;display:block}.note-preview-name{color:var(--text-primary);font-size:20px;font-weight:800;letter-spacing:-.4px;margin:0 0 4px}.note-preview-time{color:var(--text-muted);font-size:12.5px;font-weight:500;letter-spacing:.5px;margin:0 0 22px;text-transform:uppercase}.note-preview-bubble{background:linear-gradient(135deg,#6c3ce126,#ec489926);border:1px solid #6c3ce159;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff0f,0 8px 24px #6c3ce126;margin-bottom:24px;max-width:320px;padding:22px 20px;position:relative;width:100%}.note-preview-bubble:before{background:#6c3ce126;border-left:1px solid #6c3ce159;border-top:1px solid #6c3ce159;content:"";height:12px;left:50%;position:absolute;top:-6px;transform:translateX(-50%) rotate(45deg);width:12px}.note-preview-text{color:var(--text-primary);font-size:17px;font-weight:500;letter-spacing:-.1px;line-height:1.45;margin:0;white-space:pre-wrap;word-break:break-word}.note-preview-reply{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:14px;box-shadow:0 8px 24px #6c3ce166;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;max-width:320px;padding:14px 24px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;width:100%}.note-preview-reply:hover{box-shadow:0 12px 32px #6c3ce18c;transform:translateY(-2px)}.note-preview-reply:active{transform:translateY(0) scale(.98)}.note-preview-hint{color:var(--text-muted);font-size:11.5px;letter-spacing:.2px;margin:16px 0 0;opacity:.7}@media (max-width:480px){.note-preview{border-radius:24px;max-width:100%;padding:32px 20px 24px}.note-preview-text{font-size:15.5px}}.note-reply-card{animation:noteReplyCardIn .35s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(135deg,#6c3ce138,#ec48992e);border-left:3px solid #a78bfa;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff14;display:flex;flex-direction:column;gap:6px;margin-bottom:10px;max-width:240px;padding:10px 14px;position:relative;text-align:left;width:100%}@keyframes noteReplyCardIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}.note-reply-card:before{color:#c4b5fd;content:"📝 Replying to note";display:block;font-size:10.5px;font-weight:700;letter-spacing:.4px;opacity:.9;text-transform:uppercase}.note-reply-text{color:var(--text-primary);font-size:13px;font-style:italic;font-weight:500;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}html.theme-light .note-reply-card{background:linear-gradient(135deg,#6c3ce11f,#ec48991a);border-left-color:#6c3ce1}html.theme-light .note-reply-card:before{color:#6c3ce1}.message-bubble.own .note-reply-card{background:#ffffff24;border-left-color:#fff}.message-bubble.own .note-reply-card:before{color:#ffffffd9}.message-bubble.own .note-reply-text{color:#fff}.note-reply-preview-banner{align-items:center;animation:noteReplyBannerIn .25s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(135deg,#6c3ce126,#ec48991f);border-left:3px solid #a78bfa;border-radius:12px;display:flex;gap:10px;margin-bottom:8px;padding:10px 12px}@keyframes noteReplyBannerIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.note-reply-preview-banner-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.note-reply-preview-banner-label{color:#c4b5fd;font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.note-reply-preview-banner-text{color:var(--text-primary);font-size:13px;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-reply-preview-banner-close{background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:14px;min-height:auto;min-width:auto;padding:4px 8px}.note-reply-preview-banner-close:hover{background:var(--bg-input);color:var(--text-primary)}@media (prefers-reduced-motion:reduce){.chats-page *,.chats-page :after,.chats-page :before,.echo-halo-overlay,.echo-halo-overlay *,.echo-halo-overlay :after,.echo-halo-overlay :before{animation-delay:0ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.chat-avatar:hover,.chat-halo-btn:hover,.chat-item,.hero-action-btn:hover,.hero-result-card{transform:none!important}.skeleton-avatar:after,.skeleton-text:after{display:none}.skeleton-avatar,.skeleton-text{opacity:.55}.note-avatar-wrap.has-note:before,.note-preview-avatar,.note-preview-avatar>*{animation:none!important}}.note-song-pill{align-items:center;background:#00000052;border:1px solid #ffffff14;border-radius:10px;box-sizing:border-box;color:inherit;cursor:default;display:flex;font-family:inherit;gap:8px;margin-top:6px;min-height:auto;padding:6px 8px;text-align:left;transition:background .15s ease,transform .15s ease;width:100%}.note-song-pill.is-interactive{cursor:pointer}.note-song-pill.is-interactive:hover{background:#00000073;transform:translateY(-1px)}.note-song-pill.is-interactive:active{transform:scale(.97)}.note-song-art{background:#ffffff14;border-radius:6px;display:grid;flex-shrink:0;height:30px;overflow:hidden;place-items:center;width:30px}.note-song-art img{display:block;height:100%;object-fit:cover;width:100%}.note-song-art-fallback{font-size:15px}.note-song-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.note-song-title{color:#fff;color:var(--text-primary,#fff);font-size:11.5px;font-weight:700}.note-song-artist,.note-song-title{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-song-artist{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:10px;font-weight:500}.note-song-play{background:linear-gradient(135deg,#6c3ce1,#ec4899);border-radius:50%;box-shadow:0 2px 6px #6c3ce180;color:#fff;display:grid;flex-shrink:0;height:22px;place-items:center;transition:transform .15s ease;width:22px}.note-song-play svg{margin-left:1px}.note-song-pill.is-playing{background:#6c3ce147;border-color:#6c3ce199}.note-song-pill.is-playing .note-song-play{animation:songPlayingPulse 1.4s ease-in-out infinite}.note-song-pill.is-interactive:hover .note-song-play{transform:scale(1.1)}@keyframes songPlayingPulse{0%,to{box-shadow:0 0 0 0 #ec489966}50%{box-shadow:0 0 0 6px #ec489900}}.note-song-block{margin-top:10px}.note-song-add-btn{align-items:center;background:#6c3ce11f;border:1px dashed #6c3ce180;border-radius:12px;color:#a78bfa;color:var(--brand-light,#a78bfa);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13.5px;font-weight:600;gap:8px;min-height:auto;padding:9px 14px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.note-song-add-btn:hover{background:#6c3ce133;border-color:#6c3ce1cc;transform:translateY(-1px)}.note-song-add-btn:active{transform:scale(.97)}.note-song-add-icon{font-size:15px}.note-song-attached{align-items:center;display:flex;gap:6px;position:relative}.note-song-attached .note-song-pill{background:#6c3ce126;border-color:#6c3ce166;cursor:default;flex:1 1;margin-top:0}.note-song-remove{background:#ff547026;border:1px solid #ff547066;border-radius:50%;color:#ff5470;cursor:pointer;display:grid;flex-shrink:0;font-size:13px;font-weight:700;height:30px;min-height:auto;min-width:auto;place-items:center;transition:background .15s ease,transform .15s ease;width:30px}.note-song-remove:hover{background:#ff54704d;transform:scale(1.06)}.note-song-remove:active{transform:scale(.94)}.note-reply-song{align-items:center;background:#00000040;border:1px solid #ffffff1a;border-radius:9px;color:inherit;cursor:pointer;display:flex;font-family:inherit;gap:8px;margin-bottom:8px;min-height:auto;padding:7px 9px;text-align:left;transition:background .15s ease,transform .15s ease;width:100%}.note-reply-song:hover{background:#0006;transform:translateY(-1px)}.note-reply-song:active{transform:scale(.98)}.note-reply-song-art{background:#ffffff14;border-radius:6px;display:grid;flex-shrink:0;font-size:14px;height:28px;overflow:hidden;place-items:center;width:28px}.note-reply-song-art img{display:block;height:100%;object-fit:cover;width:100%}.note-reply-song-meta{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.note-reply-song-title{color:#fff;color:var(--text-primary,#fff);font-size:11.5px;font-weight:700}.note-reply-song-artist,.note-reply-song-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-reply-song-artist{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:10px;font-weight:500}.note-reply-song-play{background:linear-gradient(135deg,#6c3ce1,#ec4899);border-radius:50%;color:#fff;display:grid;flex-shrink:0;height:20px;place-items:center;width:20px}.note-reply-song-play svg{margin-left:1px}.message-bubble.own .note-reply-song{background:#ffffff24;border-color:#fff3}.message-bubble.own .note-reply-song-title{color:#fff}.message-bubble.own .note-reply-song-artist{color:#ffffffbf}.note-song-sheet-backdrop{align-items:flex-end;animation:fadeIn .15s ease both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:10001}.note-song-sheet{animation:sheetSlideUp .3s cubic-bezier(.16,1,.3,1) both;background:#13131c;background:var(--bg-card,#13131c);border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-bottom:none;border-radius:24px 24px 0 0;box-shadow:0 -20px 60px #00000080;box-sizing:border-box;display:flex;flex-direction:column;max-height:85vh;max-width:520px;padding:12px 20px 24px;width:100%}.note-song-sheet-handle{background:#ffffff2e;border-radius:2px;flex-shrink:0;height:4px;margin:0 auto 12px;width:40px}.note-song-sheet-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px}.note-song-sheet-header h3{color:var(--text-primary);font-size:17px;font-weight:800;letter-spacing:-.2px;margin:0}.note-song-sheet-close{background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:grid;font-size:15px;height:34px;place-items:center;transition:background .15s ease;width:34px}.note-song-sheet-close:hover{background:#ffffff0f;color:var(--text-primary)}.note-song-sheet-tabs{background:#ffffff0a;border-radius:12px;display:flex;flex-shrink:0;gap:6px;margin-bottom:12px;padding:4px}.note-song-tab{background:#0000;border:none;border-radius:9px;color:var(--text-muted);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;padding:8px 12px;transition:background .15s ease,color .15s ease}.note-song-tab.active{background:#6c3ce138;color:#c4b5fd}.note-song-search-row{flex-shrink:0;margin-bottom:10px}.note-song-search-input{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.note-song-search-input:focus{border-color:#6c3ce199;box-shadow:0 0 0 3px #6c3ce126}.note-song-list{flex:1 1;margin:0 -8px;min-height:0;overflow-y:auto;padding:0 8px}.note-song-list::-webkit-scrollbar{width:6px}.note-song-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.note-song-list-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .15s ease}.note-song-list-item:hover{background:#ffffff0d}.note-song-list-item.is-selected{background:#6c3ce12e;box-shadow:inset 0 0 0 1px #6c3ce180}.note-song-list-art{background:#ffffff14;border-radius:8px;display:grid;flex-shrink:0;font-size:18px;height:44px;overflow:hidden;place-items:center;width:44px}.note-song-list-art img{display:block;height:100%;object-fit:cover;width:100%}.note-song-list-meta{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.note-song-list-title{color:var(--text-primary);font-size:14px;font-weight:700}.note-song-list-artist,.note-song-list-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-song-list-artist{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:12px}.note-song-list-play{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:50%;box-shadow:0 3px 10px #6c3ce166;color:#fff;cursor:pointer;display:grid;flex-shrink:0;height:34px;place-items:center;transition:transform .15s ease;width:34px}.note-song-list-play:hover{transform:scale(1.08)}.note-song-list-play:active{transform:scale(.92)}.note-song-list-play.is-playing{animation:songPlayingPulse 1.4s ease-in-out infinite;background:linear-gradient(135deg,#ec4899,#6c3ce1)}.note-song-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.note-song-empty-icon{font-size:36px;margin-bottom:12px;opacity:.6}.note-song-empty p{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.note-song-empty-hint{color:var(--text-muted)!important;font-size:12px!important;font-weight:400!important;max-width:280px}.note-song-paste{display:flex;flex-direction:column;gap:10px;padding:4px 0}.note-song-paste-btn{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:12px 18px;transition:transform .15s ease,opacity .15s ease}.note-song-paste-btn:disabled{cursor:not-allowed;opacity:.5}.note-song-paste-btn:not(:disabled):hover{transform:translateY(-1px)}.note-song-paste-error{background:#ef44441a;border-left:3px solid #f87171;border-radius:8px;color:#f87171;font-size:12.5px;margin:0;padding:10px 12px}.note-song-paste-preview{align-items:center;animation:noteBubbleIn .25s ease both;background:#6c3ce11f;border:1px solid #6c3ce159;border-radius:12px;display:flex;gap:10px;padding:10px 12px}.note-song-sheet-footer{border-top:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:10px;margin-top:16px;padding-top:16px}.note-song-sheet-footer .note-btn{flex:1 1}.note-reply-badge{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;color:#d4d4d8;color:var(--text-secondary,#d4d4d8);cursor:pointer;display:inline-flex;font-family:inherit;font-size:10.5px;font-weight:700;gap:5px;letter-spacing:.2px;margin-top:6px;min-height:auto;min-width:auto;padding:4px 9px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s ease,border-color .15s ease}.note-reply-badge:hover{background:#6c3ce12e;border-color:#6c3ce180;color:#c4b5fd;transform:translateY(-1px)}.note-reply-badge:active{transform:scale(.94)}.note-reply-badge.is-mine{background:linear-gradient(135deg,#6c3ce138,#ec489938);border-color:#6c3ce173;color:#e9d5ff}.note-reply-badge-icon{font-size:11px;line-height:1}.note-reply-badge-count{line-height:1}.nrs-backdrop{align-items:flex-end;animation:nrsFadeIn .2s ease both;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);background:#0000008c;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:10002}@keyframes nrsFadeIn{0%{opacity:0}to{opacity:1}}.nrs-sheet{animation:nrsSlideUp .35s var(--glass-ease) both;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg-dark);border:1px solid var(--glass-border);border-bottom:none;border-radius:28px 28px 0 0;box-shadow:var(--glass-shadow),0 0 0 1px #ffffff0a,var(--glass-rim-top);box-sizing:border-box;display:flex;flex-direction:column;max-height:85vh;max-width:540px;overflow:hidden;padding:12px 20px calc(20px + env(safe-area-inset-bottom, 0px));position:relative;width:100%}html.theme-light .nrs-sheet{background:var(--glass-bg-light);border-color:var(--glass-border);box-shadow:var(--glass-shadow),0 0 0 1px #0000000a,inset 0 1px 0 #ffffffe6}@keyframes nrsSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.nrs-glow{background:radial-gradient(circle,#6c3ce159 0,#ec489926 40%,#0000 70%);border-radius:50%;filter:blur(30px);height:340px;left:50%;pointer-events:none;position:absolute;top:-120px;transform:translateX(-50%);width:340px;z-index:0}.nrs-handle{background:#fff3;border-radius:2px;flex-shrink:0;height:4px;margin:0 auto 14px;position:relative;width:40px;z-index:1}html.theme-light .nrs-handle{background:#00000026}.nrs-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;margin-bottom:12px;padding-bottom:14px;position:relative;z-index:1}html.theme-light .nrs-header{border-bottom-color:#0000000f}.nrs-header-left{align-items:center;display:flex;gap:12px;min-width:0}.nrs-header-icon{background:linear-gradient(135deg,#6c3ce1,#ec4899);border-radius:14px;box-shadow:0 6px 18px #6c3ce173,inset 0 1px 0 #ffffff40;color:#fff;display:grid;flex-shrink:0;font-size:18px;height:40px;place-items:center;width:40px}.nrs-title{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:800;letter-spacing:-.2px;line-height:1.1;margin:0 0 2px}.nrs-subtitle{color:#a1a1aa;color:var(--text-muted,#a1a1aa);display:block;font-size:11.5px;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nrs-close{background:#ffffff0f;border:none;border-radius:50%;color:#a1a1aa;color:var(--text-muted,#a1a1aa);cursor:pointer;display:grid;flex-shrink:0;font-size:14px;height:34px;min-height:auto;min-width:auto;place-items:center;transition:background .15s ease,color .15s ease,transform .15s ease;width:34px}.nrs-close:hover{background:#ffffff24;color:#fff;color:var(--text-primary,#fff);transform:scale(1.06)}.nrs-close:active{transform:scale(.94)}html.theme-light .nrs-close{background:#0000000a}html.theme-light .nrs-close:hover{background:#00000014;color:#111}.nrs-list{flex:1 1;margin:0 -8px;min-height:0;overflow-y:auto;padding:4px 8px 8px;position:relative;scroll-behavior:smooth;z-index:1}.nrs-list::-webkit-scrollbar{width:6px}.nrs-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}html.theme-light .nrs-list::-webkit-scrollbar-thumb{background:#0000001f}.nrs-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.nrs-empty-icon{filter:drop-shadow(0 4px 12px rgba(108,60,225,.4));font-size:40px;margin-bottom:12px;opacity:.7}.nrs-empty p{color:#fff;color:var(--text-primary,#fff);font-size:14.5px;font-weight:700;margin:0 0 4px}.nrs-empty span{color:#a1a1aa;color:var(--text-muted,#a1a1aa);font-size:12.5px;font-weight:500}.nrs-reply{align-items:flex-start;animation:nrsReplyIn .3s cubic-bezier(.34,1.56,.64,1) both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.035);border:1px solid #ffffff0f;border-radius:16px;display:flex;gap:10px;margin-bottom:8px;padding:12px 12px 12px 8px;position:relative;transition:background .15s ease,border-color .15s ease}html.theme-light .nrs-reply{background:#fff9;border-color:#0000000f}.nrs-reply:hover{background:#ffffff0f;border-color:#6c3ce140}html.theme-light .nrs-reply:hover{background:#ffffffe6}@keyframes nrsReplyIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.nrs-reply-avatar-btn{background:#0000;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;min-height:auto;min-width:auto;padding:0;transition:transform .15s ease}.nrs-reply-avatar-btn:hover{transform:scale(1.06)}.nrs-reply-avatar-btn:active{transform:scale(.94)}.nrs-reply-body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.nrs-reply-head{align-items:baseline;display:flex;gap:8px;justify-content:space-between;min-width:0}.nrs-reply-name{color:#fff;color:var(--text-primary,#fff);font-size:13px;font-weight:700;letter-spacing:-.1px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nrs-reply-you{color:#c4b5fd;font-size:11.5px;font-weight:600}.nrs-reply-time{color:#a1a1aa;color:var(--text-muted,#a1a1aa);flex-shrink:0;font-size:10.5px;font-weight:600;letter-spacing:.2px}.nrs-reply-text{color:#d4d4d8;color:var(--text-secondary,#d4d4d8);font-size:13.5px;line-height:1.45;margin:0;white-space:pre-wrap;word-break:break-word}html.theme-light .nrs-reply-text{color:#3f3f46}.nrs-reply-song{align-items:center;background:#6c3ce124;border:1px solid #6c3ce152;border-radius:10px;color:inherit;cursor:pointer;display:flex;font-family:inherit;gap:8px;margin-top:4px;min-height:auto;padding:7px 9px;text-align:left;transition:background .15s ease,transform .15s ease,border-color .15s ease;width:100%}.nrs-reply-song:hover{background:#6c3ce138;border-color:#6c3ce18c;transform:translateY(-1px)}.nrs-reply-song:active{transform:scale(.98)}.nrs-reply-song.is-playing{background:#6c3ce147;border-color:#6c3ce1a6}.nrs-reply-song-art{background:#ffffff14;border-radius:7px;display:grid;flex-shrink:0;font-size:14px;height:30px;overflow:hidden;place-items:center;width:30px}.nrs-reply-song-art img{display:block;height:100%;object-fit:cover;width:100%}.nrs-reply-song-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.nrs-reply-song-title{color:#fff;color:var(--text-primary,#fff);font-size:12px;font-weight:700}.nrs-reply-song-artist,.nrs-reply-song-title{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nrs-reply-song-artist{color:#a1a1aa;color:var(--text-muted,#a1a1aa);font-size:10.5px;font-weight:500}.nrs-reply-song-play{background:linear-gradient(135deg,#6c3ce1,#ec4899);border-radius:50%;box-shadow:0 2px 8px #6c3ce180;color:#fff;display:grid;flex-shrink:0;height:22px;place-items:center;width:22px}.nrs-reply-song-play svg{margin-left:1px}.nrs-reply-dm{align-self:flex-start;background:#0000;border:1px solid #6c3ce159;border-radius:999px;color:#c4b5fd;cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;margin-top:4px;min-height:auto;min-width:auto;padding:5px 10px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.nrs-reply-dm:hover{background:#6c3ce133;border-color:#6c3ce199;transform:translateY(-1px)}.nrs-reply-dm:active{transform:scale(.96)}.nrs-reply-delete{background:#ffffff0a;border:none;border-radius:50%;color:#a1a1aa;color:var(--text-muted,#a1a1aa);cursor:pointer;display:grid;font-size:11px;height:24px;min-height:auto;min-width:auto;opacity:0;place-items:center;position:absolute;right:8px;top:8px;transition:opacity .15s ease,background .15s ease,color .15s ease;width:24px}.nrs-reply:hover .nrs-reply-delete{opacity:1}.nrs-reply-delete:hover{background:#ef444433;color:#f87171}.nrs-footer{border-top:1px solid #ffffff0f;flex-shrink:0;margin-top:8px;padding-top:14px;position:relative;z-index:1}html.theme-light .nrs-footer{border-top-color:#0000000f}.nrs-footer-btn{align-items:center;background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:16px;box-shadow:0 10px 28px #6c3ce173,inset 0 1px 0 #ffffff40;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14.5px;font-weight:700;gap:8px;justify-content:center;letter-spacing:-.1px;min-height:auto;padding:14px 18px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;width:100%}.nrs-footer-btn:hover{box-shadow:0 14px 34px #6c3ce18c,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.nrs-footer-btn:active{transform:translateY(0) scale(.98)}.nrs-footer-icon{font-size:16px}.nrs-confirm-backdrop{animation:nrsFadeIn .15s ease both;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0009;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:10003}.nrs-confirm{animation:nrsConfirmPop .28s cubic-bezier(.34,1.56,.64,1) both;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:linear-gradient(180deg,#1e1637eb,#140f23f5);border:1px solid #ffffff1a;border-radius:22px;box-shadow:0 30px 80px #0000008c,inset 0 1px 0 #ffffff24;max-width:340px;padding:22px 20px 18px;text-align:center;width:100%}html.theme-light .nrs-confirm{background:#fffffff2;border-color:#00000014;box-shadow:0 30px 80px #0003,inset 0 1px 0 #ffffffe6}@keyframes nrsConfirmPop{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:none}}.nrs-confirm h4{color:#fff;color:var(--text-primary,#fff);font-size:17px;font-weight:800;letter-spacing:-.2px;margin:0 0 6px}.nrs-confirm p{color:#a1a1aa;color:var(--text-muted,#a1a1aa);font-size:13px;line-height:1.5;margin:0 0 20px}.nrs-confirm-actions{display:flex;gap:10px}.nrs-confirm-btn{border:1px solid #0000;border-radius:12px;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:700;min-height:auto;padding:12px 16px;transition:transform .15s ease,background .15s ease,border-color .15s ease}.nrs-confirm-btn:active{transform:scale(.97)}.nrs-confirm-cancel{background:#ffffff0f;border-color:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.nrs-confirm-cancel:hover{background:#ffffff1f}html.theme-light .nrs-confirm-cancel{background:#0000000d;border-color:#00000014;color:#111}html.theme-light .nrs-confirm-cancel:hover{background:#00000014}.nrs-confirm-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 20px #ef444459;color:#fff}.nrs-confirm-danger:hover{box-shadow:0 10px 26px #ef444480;transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.nrs-backdrop,.nrs-confirm,.nrs-confirm-backdrop,.nrs-reply,.nrs-sheet{animation:none!important}.nrs-close:hover,.nrs-confirm-danger:hover,.nrs-footer-btn:hover,.nrs-reply-avatar-btn:hover,.nrs-reply-badge:hover,.nrs-reply-dm:hover,.nrs-reply-song:hover{transform:none!important}}@media (max-width:480px){.nrs-sheet{border-radius:24px 24px 0 0;padding-left:16px;padding-right:16px}.nrs-header-icon{font-size:16px;height:36px;width:36px}.nrs-title{font-size:15px}.nrs-reply{padding:10px 10px 10px 6px}.nrs-reply-text{font-size:13px}}.nrs-note-preview{animation:nrsNotePreviewIn .35s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(135deg,#6c3ce124,#ec48991f);border:1px solid #6c3ce147;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff14,0 6px 16px #6c3ce11f;flex-shrink:0;margin-bottom:14px;padding:12px 14px;position:relative;z-index:1}html.theme-light .nrs-note-preview{background:linear-gradient(135deg,#6c3ce114,#ec489912);border-color:#6c3ce133}@keyframes nrsNotePreviewIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.nrs-note-preview-top{align-items:center;display:flex;gap:8px;margin-bottom:8px}.nrs-note-preview-author{color:#c4b5fd;flex:1 1;font-size:12.5px;font-weight:700;letter-spacing:-.1px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nrs-note-preview-time{color:#a1a1aa;color:var(--text-muted,#a1a1aa);flex-shrink:0;font-size:10.5px;font-weight:600;letter-spacing:.2px}.nrs-note-preview-text{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:500;letter-spacing:-.1px;line-height:1.45;margin:0;white-space:pre-wrap;word-break:break-word}.nrs-note-preview-song{align-items:center;background:#0000003d;border:1px solid #ffffff14;border-radius:10px;color:inherit;cursor:pointer;display:flex;font-family:inherit;gap:8px;margin-top:8px;min-height:auto;padding:7px 9px;text-align:left;transition:background .15s ease,transform .15s ease;width:100%}.nrs-note-preview-song:hover{background:#0000005c;transform:translateY(-1px)}.nrs-note-preview-song.is-playing{background:#6c3ce147;border-color:#6c3ce199}.nrs-note-preview-song-art{background:#ffffff14;border-radius:6px;display:grid;flex-shrink:0;font-size:14px;height:28px;overflow:hidden;place-items:center;width:28px}.nrs-note-preview-song-art img{display:block;height:100%;object-fit:cover;width:100%}.nrs-note-preview-song-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.nrs-note-preview-song-title{color:#fff;color:var(--text-primary,#fff);font-size:11.5px;font-weight:700}.nrs-note-preview-song-artist,.nrs-note-preview-song-title{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nrs-note-preview-song-artist{color:#a1a1aa;color:var(--text-muted,#a1a1aa);font-size:10px;font-weight:500}.nrs-note-preview-song-play{background:linear-gradient(135deg,#6c3ce1,#ec4899);border-radius:50%;color:#fff;display:grid;flex-shrink:0;height:22px;place-items:center;width:22px}.nrs-note-preview-song-play svg{margin-left:1px}.nrs-you-badge{align-items:center;animation:nrsYouBadgeIn .4s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(135deg,#6c3ce147,#ec489947);border:1px solid #a78bfa66;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff0a,0 2px 8px #6c3ce140;display:inline-flex;gap:3px;margin-left:6px;padding:1px 6px 1px 5px;transform:translateY(-1px);vertical-align:middle}@keyframes nrsYouBadgeIn{0%{opacity:0;transform:translateY(-1px) scale(.7)}to{opacity:1;transform:translateY(-1px) scale(1)}}.nrs-you-badge-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c4b5fd,#f9a8d4);-webkit-background-clip:text;background-clip:text;font-size:9.5px;font-weight:800;letter-spacing:.3px;line-height:1;text-transform:uppercase}.nrs-you-badge-tick{background:linear-gradient(135deg,#6c3ce1,#ec4899);border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff26,0 1px 3px #6c3ce180;color:#fff;display:inline-grid;height:12px;place-items:center;width:12px}.nrs-you-badge-tick svg{display:block}.nrs-you-badge-lg{padding:2px 8px 2px 6px}.nrs-you-badge-lg .nrs-you-badge-text{font-size:10.5px}.nrs-you-badge-lg .nrs-you-badge-tick{height:14px;width:14px}.nrs-reply-tappable{cursor:pointer;padding-right:30px}.nrs-reply-chevron{color:#c4b5fd8c;display:grid;height:22px;opacity:0;place-items:center;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s ease,transform .2s ease,color .2s ease;width:22px}.nrs-reply-tappable:focus-visible .nrs-reply-chevron,.nrs-reply-tappable:hover .nrs-reply-chevron{color:#c4b5fd;opacity:1;transform:translateY(-50%) translateX(2px)}@media (hover:none){.nrs-reply-chevron{opacity:.6}}.nrs-quick-react-row{display:flex;gap:8px;justify-content:center;margin-top:18px}.nrs-quick-react-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;cursor:pointer;display:grid;font-size:22px;height:46px;line-height:1;min-height:auto;min-width:auto;padding:0;place-items:center;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s ease,border-color .15s ease,box-shadow .15s ease;width:46px}.nrs-quick-react-btn:hover{background:#6c3ce138;border-color:#6c3ce18c;box-shadow:0 8px 20px #6c3ce159,0 0 0 4px #6c3ce114;transform:translateY(-3px) scale(1.08)}.nrs-quick-react-btn:active{transform:translateY(0) scale(.94)}.nrs-quick-react-btn:disabled{cursor:not-allowed;opacity:.45}html.theme-light .nrs-quick-react-btn{background:#ffffffb3;border-color:#00000014}html.theme-light .nrs-quick-react-btn:hover{background:#6c3ce11f}.nrs-detail-backdrop{animation:nrsFadeIn .2s ease both;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#0009;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:10004}.nrs-detail{align-items:center;animation:nrsDetailPop .32s cubic-bezier(.34,1.56,.64,1) both;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg-dark);border:1px solid var(--glass-border);border-radius:28px;box-shadow:0 30px 90px #0009,0 0 0 1px #ffffff0a,var(--glass-rim-top);display:flex;flex-direction:column;max-width:380px;padding:32px 24px 24px;position:relative;text-align:center;width:100%}html.theme-light .nrs-detail{background:var(--glass-bg-light);border-color:var(--glass-border);box-shadow:0 30px 90px #0003,inset 0 1px 0 #ffffffe6}@keyframes nrsDetailPop{0%{opacity:0;transform:scale(.9) translateY(16px)}to{opacity:1;transform:none}}.nrs-detail-close{background:#ffffff0f;border:none;border-radius:50%;color:#a1a1aa;color:var(--text-muted,#a1a1aa);cursor:pointer;display:grid;font-size:14px;height:34px;min-height:auto;min-width:auto;place-items:center;position:absolute;right:12px;top:12px;transition:background .15s ease,color .15s ease,transform .15s ease;width:34px}.nrs-detail-close:hover{background:#ffffff24;color:#fff;color:var(--text-primary,#fff);transform:scale(1.08)}html.theme-light .nrs-detail-close{background:#0000000a}html.theme-light .nrs-detail-close:hover{background:#00000014;color:#111}.nrs-detail-name{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;flex-wrap:wrap;font-size:18px;font-weight:800;gap:6px;justify-content:center;letter-spacing:-.3px;margin:14px 0 4px}.nrs-detail-time{color:#a1a1aa;color:var(--text-muted,#a1a1aa);font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:18px;text-transform:uppercase}.nrs-detail-text{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:500;letter-spacing:-.1px;line-height:1.5;margin:0 0 18px;max-width:100%;white-space:pre-wrap;word-break:break-word}.nrs-detail-song{align-items:center;background:#6c3ce124;border:1px solid #6c3ce152;border-radius:14px;color:inherit;cursor:pointer;display:flex;font-family:inherit;gap:10px;margin-bottom:18px;min-height:auto;padding:10px 12px;text-align:left;transition:background .15s ease,transform .15s ease,border-color .15s ease;width:100%}.nrs-detail-song:hover{background:#6c3ce138;border-color:#6c3ce18c;transform:translateY(-1px)}.nrs-detail-song.is-playing{background:#6c3ce147;border-color:#6c3ce1a6}.nrs-detail-song-art{background:#ffffff14;border-radius:9px;display:grid;flex-shrink:0;font-size:18px;height:40px;overflow:hidden;place-items:center;width:40px}.nrs-detail-song-art img{display:block;height:100%;object-fit:cover;width:100%}.nrs-detail-song-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.nrs-detail-song-title{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:700}.nrs-detail-song-artist,.nrs-detail-song-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nrs-detail-song-artist{color:#a1a1aa;color:var(--text-muted,#a1a1aa);font-size:11.5px;font-weight:500}.nrs-detail-song-play{background:linear-gradient(135deg,#6c3ce1,#ec4899);border-radius:50%;box-shadow:0 3px 10px #6c3ce180;color:#fff;display:grid;flex-shrink:0;height:30px;place-items:center;width:30px}.nrs-detail-song-play svg{margin-left:1px}.nrs-detail-actions{display:flex;flex-direction:column;gap:8px;width:100%}.nrs-detail-btn{align-items:center;border:1px solid #0000;border-radius:14px;cursor:pointer;display:flex;font-family:inherit;font-size:14.5px;font-weight:700;gap:8px;justify-content:center;min-height:auto;padding:12px 16px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s ease,box-shadow .2s ease,border-color .15s ease;width:100%}.nrs-detail-btn:active{transform:scale(.97)}.nrs-detail-btn-primary{background:linear-gradient(135deg,#6c3ce1,#ec4899);box-shadow:0 10px 24px #6c3ce173,inset 0 1px 0 #ffffff40;color:#fff}.nrs-detail-btn-primary:hover{box-shadow:0 14px 32px #6c3ce18c,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.nrs-detail-btn-ghost{background:#ffffff0d;border-color:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.nrs-detail-btn-ghost:hover{background:#ffffff1a;border-color:#ffffff2e}html.theme-light .nrs-detail-btn-ghost{background:#0000000a;border-color:#00000014;color:#111}html.theme-light .nrs-detail-btn-ghost:hover{background:#00000014}.nrs-detail-btn-danger{background:#ef44441f;border-color:#ef44444d;color:#f87171}.nrs-detail-btn-danger:hover{background:#ef444433;border-color:#ef444480}@media (prefers-reduced-motion:reduce){.nrs-detail,.nrs-note-preview,.nrs-you-badge{animation:none!important}.nrs-detail-btn-primary:hover,.nrs-detail-song:hover,.nrs-quick-react-btn:hover,.nrs-reply-tappable:hover .nrs-reply-chevron{transform:none!important}}.lg-bottom-bar{align-items:center;animation:lgBarIn .5s var(--glass-ease) both;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg-dark);border:1px solid var(--glass-border);border-radius:32px;bottom:calc(16px + env(safe-area-inset-bottom, 0px));box-shadow:var(--glass-shadow-sm),var(--glass-rim-top),var(--glass-rim-bot);display:flex;gap:4px;height:64px;justify-content:space-around;left:50%;max-width:460px;padding:0 10px;position:fixed;transform:translateX(-50%) translateZ(0);width:calc(100% - 32px);will-change:transform,opacity;z-index:500}@keyframes lgBarIn{0%{opacity:0;transform:translateX(-50%) translateY(24px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.lg-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:24px;color:#a1a1aa;color:var(--text-muted,#a1a1aa);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;font-size:10.5px;font-weight:600;gap:2px;height:48px;justify-content:center;letter-spacing:.2px;min-width:0;position:relative;transition:color .2s ease,background .2s ease,transform .15s cubic-bezier(.34,1.56,.64,1)}.lg-tab:active{transform:scale(.92)}.lg-tab.is-active{background:linear-gradient(135deg,#6c3ce159,#ec489947);box-shadow:inset 0 1px 0 #ffffff2e,0 4px 14px #6c3ce159;color:#fff}.lg-tab-icon{display:grid;font-size:18px;height:22px;line-height:1;place-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);width:22px}.lg-tab.is-active .lg-tab-icon{transform:translateY(-1px) scale(1.06)}.lg-tab-label{line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chats-page{padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px))!important}@media (prefers-reduced-motion:reduce){.lg-bottom-bar{animation:none!important}.lg-tab,.lg-tab-icon{transition-duration:.01ms!important}}.new-group-btn-top{align-items:center;background:#6c3ce10f;border:1.5px dashed #6c3ce166;border-radius:14px;color:#a78bfa;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.2px;margin-top:10px;padding:12px 18px;transition:all .2s ease;width:100%}.new-group-btn-top:hover{background:#6c3ce124;border-color:#6c3ce1b3;transform:translateY(-1px)}.new-group-btn-top:active{transform:scale(.98)}.new-group-btn-top i{font-size:15px}.group-chat-item .chat-avatar.group-avatar{background:linear-gradient(135deg,#6c3ce147,#ec48993d);border:2px solid #6c3ce159;display:grid;place-items:center}.group-avatar-emoji{font-size:22px;line-height:1}.group-badge{align-items:center;background:#6c3ce138;border:1px solid #6c3ce166;border-radius:999px;color:#c4b5fd;display:inline-flex;font-size:10.5px;font-weight:800;height:18px;justify-content:center;letter-spacing:.3px;margin-left:6px;min-width:20px;padding:0 5px}.new-group-overlay{align-items:flex-end;animation:ngOverlayIn .22s ease both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000009e;display:flex;inset:0;justify-content:center;position:fixed;z-index:9500}@keyframes ngOverlayIn{0%{opacity:0}to{opacity:1}}.new-group-sheet{animation:ngSheetIn .34s cubic-bezier(.2,1.15,.4,1) both;background:#16121e;background:var(--bg-card,#16121e);border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-bottom:none;border-radius:28px 28px 0 0;box-shadow:0 -24px 60px #00000080;box-sizing:border-box;display:flex;flex-direction:column;max-height:92vh;max-width:520px;padding:10px 20px calc(20px + env(safe-area-inset-bottom, 0px));width:100%}@keyframes ngSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.new-group-handle{background:#ffffff26;background:var(--border-color,#ffffff26);border-radius:999px;flex-shrink:0;height:4px;margin:6px auto 14px;width:40px}.new-group-header{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;margin-bottom:14px}.new-group-header h2{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:20px;font-weight:800;letter-spacing:-.3px;margin:0;text-align:center}.new-group-header h2:first-child{text-align:left}.new-group-back,.new-group-close{background:#ffffff0f;border:none;border-radius:50%;color:#a1a1aa;color:var(--text-muted,#a1a1aa);cursor:pointer;display:grid;flex-shrink:0;font-size:13px;height:34px;place-items:center;transition:all .15s ease;width:34px}.new-group-back:hover,.new-group-close:hover{background:#ffffff1f;color:#fff;color:var(--text-primary,#fff)}.new-group-selected-strip{align-items:center;display:flex;flex-shrink:0;gap:6px;margin:0 -4px;overflow-x:auto;padding:6px 2px 12px;scrollbar-width:none}.new-group-selected-strip::-webkit-scrollbar{display:none}.new-group-selected-chip{cursor:pointer;flex-shrink:0;position:relative;transition:transform .15s ease}.new-group-selected-chip:hover{transform:scale(1.06)}.new-group-selected-chip .chip-remove{background:#ef4444;border:2px solid #16121e;border:2px solid var(--bg-card,#16121e);border-radius:50%;color:#fff;cursor:pointer;display:grid;font-size:10px;height:16px;line-height:1;min-height:auto;min-width:auto;padding:0;place-items:center;position:absolute;right:-3px;top:-3px;width:16px}.new-group-selected-count{color:#a78bfa;flex-shrink:0;font-size:12px;font-weight:700;padding:0 8px}.new-group-search-wrapper{align-items:center;background:#ffffff0a;background:var(--bg-input,#ffffff0a);border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-radius:14px;display:flex;flex-shrink:0;gap:10px;height:46px;margin-bottom:12px;padding:0 16px}.new-group-search-wrapper i{color:#a1a1aa;color:var(--text-muted,#a1a1aa);font-size:13px}.new-group-search{background:#0000;border:none;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-family:inherit;font-size:14px;min-width:0;outline:none}.new-group-search::placeholder{color:#a1a1aa;color:var(--text-muted,#a1a1aa)}.new-group-friends-list{flex:1 1;margin:0 -6px;min-height:0;overflow-y:auto;padding:0 6px 8px}.new-group-friends-list::-webkit-scrollbar{width:5px}.new-group-friends-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.new-group-friend{align-items:center;background:#0000;border:1px solid #0000;border-radius:14px;color:inherit;cursor:pointer;display:flex;font-family:inherit;gap:12px;margin-bottom:4px;min-height:auto;padding:10px 12px;text-align:left;transition:all .15s ease;width:100%}.new-group-friend:hover{background:#ffffff0a}.new-group-friend.selected{background:#6c3ce124;border-color:#6c3ce166}.new-group-friend-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.new-group-friend-info strong{color:#fff;color:var(--text-primary,#fff);font-size:14.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-group-friend-info span{color:#a78bfa;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-group-check{border:2px solid #ffffff40;border-radius:50%;color:#0000;display:grid;flex-shrink:0;height:24px;place-items:center;transition:all .18s ease;width:24px}.new-group-check.checked{background:linear-gradient(135deg,#6c3ce1,#ec4899);border-color:#0000;color:#fff;transform:scale(1.05)}.new-group-empty{align-items:center;color:#a1a1aa;color:var(--text-muted,#a1a1aa);display:flex;flex-direction:column;justify-content:center;padding:48px 20px;text-align:center}.new-group-empty-icon{font-size:42px;margin-bottom:12px;opacity:.6}.new-group-empty p{color:#fff;color:var(--text-primary,#fff);font-size:15px;font-weight:700;margin:0 0 4px}.new-group-empty span{color:#a1a1aa;color:var(--text-muted,#a1a1aa);font-size:12.5px}.new-group-error{background:#ef44441f;border-left:3px solid #ef4444;border-radius:10px;color:#fca5a5;flex-shrink:0;font-size:13px;font-weight:600;margin-top:8px;padding:10px 12px}.new-group-actions{border-top:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:10px;margin-top:16px;padding-top:16px}.new-group-btn{border:none;border-radius:14px;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:700;padding:14px;transition:all .2s ease}.new-group-btn.cancel{background:#ffffff0f;border:1px solid #ffffff14;color:#a1a1aa;color:var(--text-secondary,#a1a1aa)}.new-group-btn.cancel:hover{background:#ffffff1a}.new-group-btn.primary{background:linear-gradient(135deg,#6c3ce1,#ec4899);box-shadow:0 8px 24px #6c3ce159;color:#fff}.new-group-btn.primary:hover:not(:disabled){box-shadow:0 12px 28px #6c3ce180;transform:translateY(-1px)}.new-group-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.new-group-preview{align-items:center;background:#6c3ce11a;border:1px solid #6c3ce147;border-radius:18px;display:flex;flex-shrink:0;gap:14px;margin-bottom:18px;padding:16px}.new-group-preview-emoji{background:linear-gradient(135deg,#6c3ce159,#ec48994d);border-radius:50%;box-shadow:0 6px 18px #6c3ce14d;display:grid;flex-shrink:0;font-size:28px;height:56px;place-items:center;width:56px}.new-group-preview-info{display:flex;flex-direction:column;gap:2px;min-width:0}.new-group-preview-name{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-group-preview-count{color:#a78bfa;font-size:12px;font-weight:600}.new-group-label{color:#a1a1aa;color:var(--text-muted,#a1a1aa);display:block;font-size:11px;font-weight:800;letter-spacing:.6px;margin:14px 0 8px;text-transform:uppercase}.new-group-input{background:#ffffff0a;background:var(--bg-input,#ffffff0a);border:2px solid #ffffff14;border:2px solid var(--border-color,#ffffff14);border-radius:14px;box-sizing:border-box;color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:15px;font-weight:600;outline:none;padding:13px 16px;transition:border-color .2s ease;width:100%}.new-group-input:focus{border-color:#6c3ce1;box-shadow:0 0 0 4px #6c3ce126}.new-group-counter{color:#a1a1aa;color:var(--text-muted,#a1a1aa);font-size:11px;margin-top:4px;text-align:right}.new-group-emojis{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.new-group-emoji{background:#ffffff0a;border:2px solid #0000;border-radius:14px;cursor:pointer;font-size:22px;height:44px;min-height:auto;min-width:auto;padding:0;transition:all .15s ease;width:44px}.new-group-emoji:hover{background:#ffffff14;transform:scale(1.08)}.new-group-emoji.selected{background:#6c3ce133;border-color:#6c3ce1;box-shadow:0 4px 14px #6c3ce166;transform:scale(1.1)}@media (prefers-reduced-motion:reduce){.new-group-overlay,.new-group-sheet{animation:none!important}.new-group-emoji:hover,.new-group-friend:hover,.new-group-selected-chip:hover{transform:none!important}}.media-lightbox-overlay{animation:mediaLightboxIn .22s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:12px;touch-action:none;transition:background .15s ease;user-select:none;-webkit-user-select:none;z-index:999999}.media-lightbox-overlay.closing{animation:mediaLightboxOut .2s ease-in forwards}@keyframes mediaLightboxIn{0%{opacity:0}to{opacity:1}}@keyframes mediaLightboxOut{0%{opacity:1}to{opacity:0}}.media-lightbox-content{justify-content:center;max-height:100%;max-width:100%;will-change:transform}.media-lightbox-image{-webkit-user-drag:none;border-radius:10px;box-shadow:0 30px 80px #000000b3;max-height:calc(100vh - 24px);max-width:calc(100vw - 24px);object-fit:contain;-webkit-user-select:none;user-select:none}.media-lightbox-close{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff26;font-size:16px;right:16px;top:16px;transition:background .2s,transform .15s;z-index:4}.media-lightbox-close:hover{background:#ef4444d9;transform:scale(1.08)}.media-lightbox-reset{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff26;border-radius:50%;bottom:24px;color:#fff;cursor:pointer;display:flex;font-size:15px;height:40px;justify-content:center;position:absolute;right:24px;transition:background .2s,transform .15s;width:40px;z-index:4}.media-lightbox-reset:hover{background:#6c3ce1d9;transform:scale(1.08)}.media-lightbox-caption{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000a6;border-radius:999px;bottom:24px;color:#fff;font-size:13px;left:50%;max-width:min(560px,calc(100vw - 40px));overflow:hidden;padding:10px 18px;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translateX(-50%);white-space:nowrap;z-index:4}@media (max-width:480px){.media-lightbox-close{height:36px;right:12px;top:12px;width:36px}.media-lightbox-caption{bottom:18px;font-size:12px}.media-lightbox-reset{bottom:18px;right:18px}}.echo-video-player-overlay{align-items:center;animation:echoVideoIn .3s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000eb;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999999}.echo-video-player-overlay.is-fullscreen{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000;padding:0}@keyframes echoVideoIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.echo-video-player-content{background:#000;border-radius:16px;box-shadow:0 24px 80px #000c;max-height:90vh;max-width:900px;overflow:hidden;position:relative;transition:border-radius .2s,box-shadow .2s;width:100%}.echo-video-player-content.is-fullscreen{border-radius:0;box-shadow:none;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.echo-video-player-video{background:#000;cursor:pointer;display:block;max-height:85vh;width:100%}.echo-video-player-content.is-fullscreen .echo-video-player-video{height:100vh;max-height:100vh;object-fit:contain;width:100%}.echo-video-loader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.echo-video-spinner{animation:echoVideoSpin .8s linear infinite;border:3px solid #ffffff26;border-radius:50%;border-top-color:#6c3ce1;height:48px;width:48px}@keyframes echoVideoSpin{to{transform:rotate(1turn)}}.echo-video-controls-overlay{align-items:center;background:linear-gradient(0deg,#0009 0,#0000 40%,#0003);display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute;transition:opacity .4s ease}.echo-video-controls-overlay.visible{opacity:1;pointer-events:auto}.echo-video-controls-overlay.hidden{opacity:0;pointer-events:none}.echo-video-center-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;box-shadow:0 8px 30px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:28px;height:72px;justify-content:center;pointer-events:auto;transition:all .2s ease;width:72px}.echo-video-center-btn:hover{background:#fff3;transform:scale(1.05)}.echo-video-center-btn:active{transform:scale(.92)}.echo-video-center-btn.hidden{opacity:0;pointer-events:none}.echo-video-close-top{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;pointer-events:auto;position:absolute;right:16px;top:16px;transition:all .2s;width:44px;z-index:10}.echo-video-close-top:hover{background:#fff3;transform:scale(1.05)}.echo-video-close-top:active{transform:scale(.92)}.echo-video-controls-bar{background:linear-gradient(0deg,#000000d9,#0000);bottom:0;left:0;padding:16px 20px 20px;pointer-events:auto;position:absolute;right:0}.echo-video-progress-track{background:#fff3;border-radius:4px;cursor:pointer;height:4px;margin-bottom:12px;position:relative;transition:height .15s;width:100%}.echo-video-progress-track:hover{height:6px}.echo-video-progress-fill{background:linear-gradient(135deg,#6c3ce1,#ec4899);border-radius:4px;height:100%;transition:width .05s linear}.echo-video-progress-handle{background:#fff;border-radius:50%;box-shadow:0 2px 10px #0000004d;height:14px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:14px}.echo-video-progress-track:hover .echo-video-progress-handle{opacity:1}.echo-video-controls-bottom{align-items:center;display:flex;gap:8px}.echo-video-controls-spacer{flex:1 1}.echo-video-control-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffd9;cursor:pointer;display:flex;font-size:18px;justify-content:center;min-height:38px;min-width:38px;padding:6px 10px;pointer-events:auto;transition:color .15s,transform .15s,background .2s}.echo-video-control-btn:hover{background:#ffffff1f;color:#fff;transform:scale(1.05)}.echo-video-control-btn:active{transform:scale(.92)}.echo-video-time{font-feature-settings:"tnum";color:#ffffffbf;font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.3px;margin-left:6px;-webkit-user-select:none;user-select:none}@media (max-width:480px){.echo-video-player-overlay{padding:8px}.echo-video-player-overlay.is-fullscreen{padding:0}.echo-video-player-content{border-radius:12px}.echo-video-player-content.is-fullscreen{border-radius:0}.echo-video-center-btn{font-size:22px;height:60px;width:60px}.echo-video-controls-bar{padding:12px 14px 16px}.echo-video-control-btn{font-size:16px;min-height:34px;min-width:34px}.echo-video-time{font-size:11px}.echo-video-progress-track{height:3px;margin-bottom:10px}.echo-video-progress-handle{height:12px;width:12px}.echo-video-close-top{font-size:16px;height:36px;right:10px;top:10px;width:36px}}:root{--header-height:60px;--nav-bottom-offset:88px}.chat-view{background:var(--bg-primary);bottom:0!important;box-sizing:border-box;display:flex;flex-direction:column;left:0;margin:0!important;max-width:100%;overflow:hidden;padding:0!important;position:fixed;right:0;top:0!important;transition:bottom .25s ease;width:100%;z-index:10}body.hide-global-top-bar .main-header,body.hide-global-top-bar .top-nav,body.hide-global-top-bar header{display:none!important}.messages-container{-webkit-overflow-scrolling:touch;align-items:stretch;background:#0000;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;flex-wrap:nowrap;gap:8px;margin:0!important;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 12px!important;position:relative;scroll-behavior:smooth;transition:padding-bottom .25s ease;z-index:2}@media (max-width:820px) and (hover:none) and (pointer:coarse){body,html{-webkit-text-size-adjust:100%;overscroll-behavior:none}#root,body,html{height:100%;overflow:hidden}.chat-view{bottom:auto!important;height:100dvh!important;height:var(--vvh,100dvh)!important;position:fixed;top:0!important;top:var(--vvt,0)!important;transition:height .18s cubic-bezier(.22,1,.36,1),top .18s cubic-bezier(.22,1,.36,1)}.chat-input{font-size:16px}}@supports not (height:100dvh){@media (max-width:820px) and (hover:none),(max-width:820px) and (pointer:coarse){.chat-view{height:100vh;height:var(--vvh,100vh)}}}.message-row{box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;max-width:100%;overflow:visible;position:relative;width:100%}.message-row.own{align-items:flex-end}.message-row.partner{align-items:flex-start}.message-row .message-bubble{max-width:min(82vw,480px);width:fit-content}.message-stack{display:flex;flex-direction:column;gap:4px;max-width:min(85%,480px);position:relative;width:fit-content}.message-stack.own{align-items:flex-end;margin-left:auto}.message-stack.partner{align-items:flex-start;margin-right:auto}.message-meta-time{font-feature-settings:"tnum";font-size:10px;font-variant-numeric:tabular-nums;line-height:1;margin:0!important;opacity:.58;white-space:nowrap}.message-row.own .message-meta-time{color:#ffffffc7;text-align:right}.message-row.partner .message-meta-time{color:var(--text-muted);text-align:left}.message-bubble{border-radius:16px;box-sizing:border-box;font-size:14px;line-height:1.4;max-width:85%;overflow-wrap:anywhere;padding:10px 14px;position:relative;transition:all .2s ease;white-space:pre-wrap;word-break:normal;z-index:2}.message-bubble.own{align-self:flex-end;background:#6c3ce18c;border:1px solid #a78bfa47;border-bottom-right-radius:4px;box-shadow:0 4px 18px #6c3ce126;color:#fff}.message-bubble.own,.message-bubble.partner{-webkit-tap-highlight-color:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:default}.message-bubble.partner{align-self:flex-start;background:#ffffff0f;border:1px solid #ffffff14;border-bottom-left-radius:4px;box-shadow:0 4px 16px #0000001f;color:var(--text-primary)}.message-bubble.own:active,.message-bubble.own:hover{background:#6c3ce1ad;box-shadow:0 8px 28px #6c3ce147}.message-bubble.partner:active,.message-bubble.partner:hover{background:#ffffff1f;box-shadow:0 8px 24px #0003}body.light .message-bubble.partner,html[data-theme=light] .message-bubble.partner{background:#ffffff8c;border-color:#0000000f;box-shadow:0 4px 14px #0000000f}body.light .message-bubble.partner:active,body.light .message-bubble.partner:hover,html[data-theme=light] .message-bubble.partner:active,html[data-theme=light] .message-bubble.partner:hover{background:#ffffffc7}body.light .message-bubble.own,html[data-theme=light] .message-bubble.own{background:#6c3ce19e}body.light .message-bubble.own:active,body.light .message-bubble.own:hover,html[data-theme=light] .message-bubble.own:active,html[data-theme=light] .message-bubble.own:hover{background:#6c3ce1c7}.message-text{overflow-wrap:anywhere;white-space:pre-wrap;word-break:normal}.message-bubble.deleting{animation:deleteShrink .3s ease forwards}.message-bubble.highlight-flash{animation:highlightPulse 1s ease}@keyframes deleteShrink{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}to{margin:0;max-height:0;opacity:0;overflow:hidden;padding:0;transform:scale(.8)}}@keyframes highlightPulse{0%{background-color:#6c3ce14d}50%{background-color:#6c3ce199}to{background-color:initial}}.message-wrapper{display:flex;flex-direction:column;position:relative;width:100%}.message-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;min-width:148px;opacity:0;pointer-events:none;position:absolute;right:0;top:-36px;transition:opacity .15s ease;width:max-content;z-index:30}.message-bubble.partner .message-actions,.message-wrapper.partner .message-actions{left:0;right:auto}.message-actions.visible{opacity:1;pointer-events:auto}.message-action-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 2px 12px #0000004d;color:#fff;cursor:pointer;display:inline-flex;height:26px;justify-content:center;min-height:26px;min-width:26px;padding:0;transition:background .2s,transform .15s;width:26px}.message-action-btn,.message-action-btn i{font-size:13px;line-height:1}.message-action-btn.reply{color:#a78bfa}.message-action-btn.reply:hover{background:#a78bfa33}.message-action-btn.delete{color:#ef4444}.message-action-btn.delete:hover{background:#ef444433}.message-action-btn.copy{color:#60a5fa}.message-action-btn.copy:hover{background:#60a5fa33}.message-action-btn.copy .fa-check{color:#10b981}.message-action-btn.edit{color:#60a5fa}.message-action-btn.edit:hover{background:#60a5fa33}.message-action-btn.save{color:#fbbf24}.message-action-btn.save.saved{background:#f59e0b33}.message-action-btn.save.saved i{color:#f59e0b!important}.message-action-btn:active{transform:scale(.9)}.chat-media-image-wrapper,.chat-media-video-wrapper{background:#000;border-radius:12px;box-sizing:border-box;cursor:pointer;max-width:100%!important;overflow:hidden;position:relative;width:100%!important}.chat-media-image,.chat-media-video{display:block!important;height:auto!important;max-height:min(48vh,340px)!important;max-width:100%!important;object-fit:contain!important;width:100%!important}.chat-media-image{background:var(--bg-primary);transition:opacity .3s ease}.chat-media-video{background:#000}.chat-media-caption{background:#0000;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:11px;line-height:1.4;margin-top:4px;padding:8px 10px 6px;word-break:break-word}.media-upload-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;border-radius:12px;display:flex;inset:0;justify-content:center;position:absolute;z-index:3}.upload-spinner{height:50px;position:relative;width:50px}.spinner-ring{animation:spin 1s linear infinite;transform-origin:center}.spinner-path{stroke:#6c3ce1;stroke-dasharray:125;stroke-dashoffset:125;animation:dash 1.5s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:125}50%{stroke-dashoffset:0}to{stroke-dashoffset:-125}}.video-mute-btn-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:none;border-radius:50%;bottom:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:12px;transition:background .2s;width:32px;z-index:2}.video-mute-btn-overlay:hover{background:#fff3}.message-bubble.partner .video-mute-btn-overlay{left:12px;right:auto}.video-play-icon-overlay{color:#ffffffd9;font-size:56px;left:50%;pointer-events:none;position:absolute;text-shadow:0 4px 20px #0009;top:50%;transform:translate(-50%,-50%);transition:transform .2s}.chat-media-video-wrapper:hover .video-play-icon-overlay{transform:translate(-50%,-50%) scale(1.05)}.video-loading-spinner{color:#fff;font-size:28px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.media-lightbox-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;inset:0;justify-content:center;overflow:hidden!important;padding:8px!important;position:fixed;z-index:999999!important}.media-lightbox-content,.media-lightbox-overlay{align-items:center;box-sizing:border-box!important;display:flex}.media-lightbox-content{flex-direction:column;max-height:calc(100dvh - 16px)!important;max-width:calc(100vw - 16px)!important;overflow:hidden;position:relative;width:min(100vw - 16px,100%)!important}.media-lightbox-image{border-radius:8px;box-shadow:0 20px 60px #000c;height:auto!important;max-height:calc(100dvh - 88px)!important;max-width:calc(100vw - 16px)!important;object-fit:contain!important;touch-action:none;transform-origin:center center;width:100%!important}.media-lightbox-caption{color:var(--text-secondary);font-size:16px;margin-top:12px;max-width:80%;text-align:center}.media-lightbox-close{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:40px;position:absolute;right:12px;top:12px;width:40px}.fullscreen-video-overlay,.media-lightbox-close{align-items:center;display:flex;justify-content:center}.fullscreen-video-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f2;inset:0;position:fixed;z-index:999999!important}.fullscreen-video-content{height:auto;max-height:90vh;max-width:90%;position:relative;width:100%}.fullscreen-video{border-radius:8px;height:auto;max-height:90vh;object-fit:contain;width:100%}.fullscreen-close-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:22px;height:44px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .2s;width:44px}.fullscreen-close-btn:hover{background:#fff3}.fullscreen-play-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:none;border-radius:50%;bottom:30px;color:#fff;cursor:pointer;display:flex;font-size:28px;height:56px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:transform .2s,background .2s;width:56px}.fullscreen-play-btn:hover{background:#fff3;transform:translateX(-50%) scale(1.1)}.fullscreen-loading-spinner{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:18px;gap:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.fullscreen-loading-spinner i{font-size:40px;opacity:.7}.fullscreen-error{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:16px;gap:12px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.fullscreen-error i{color:#ef4444;font-size:40px}.fullscreen-error button{background:#6c3ce1;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:8px 20px}.image-error-placeholder{align-items:center;background:var(--bg-input);border-radius:12px;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center;width:100%}.image-retry-btn{align-items:center;background:#6c3ce1;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:8px;padding:8px 20px;transition:background .2s}.image-retry-btn:hover{background:#7c4ce1}.chat-input-container{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#00000059;border-top:1px solid #ffffff0f;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;padding:10px 16px;position:relative;width:100%;z-index:20}body.light .chat-input-container,html[data-theme=light] .chat-input-container{background:#ffffffb8;border-top-color:#0000000f}.chat-input-row{align-items:center;display:flex;gap:10px;width:100%}.chat-attach-btn,.chat-emoji-btn,.chat-halo-btn,.chat-voice-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:22px;padding:4px 8px;transition:color .2s}.chat-attach-btn:hover,.chat-emoji-btn:hover,.chat-voice-btn:hover{color:#a78bfa}.chat-halo-btn{align-items:center;background:linear-gradient(135deg,#ff0080,#ff8c00);border-radius:50%;box-shadow:0 0 15px #ff00804d;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;transition:transform .2s,box-shadow .2s;width:40px}.chat-halo-btn:hover{box-shadow:0 0 25px #ff8c0080;transform:scale(1.1)}.chat-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:24px;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:12px 18px;position:relative;transition:all .3s ease}.chat-input:focus{border-color:#6c3ce1}.chat-send-btn{align-items:center;background:#6c3ce1;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;min-width:42px;width:42px}.chat-send-btn:disabled{cursor:not-allowed;opacity:.4}.chat-input.halo-active{animation:haloSpin 1s linear infinite;background-clip:padding-box,border-box;background-image:linear-gradient(var(--bg-input),var(--bg-input)),conic-gradient(from 0deg,#ff0080,#ff8c00,#ffe600,#0f0,#0ff,#8b5cf6,#ff0080);background-origin:border-box;border:2px solid #0000;box-shadow:0 0 20px #ff008080,0 0 40px #8b5cf64d}@keyframes haloSpin{0%{background-position:0 50%}to{background-position:100% 50%}}.echo-halo-overlay{align-items:center;background:#000000f2;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.echo-halo-content{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:20px;display:flex;flex-direction:column;max-width:400px;padding:20px;position:relative;width:90%}.echo-halo-header{color:#fff;display:flex;font-size:16px;font-weight:800;justify-content:space-between;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase;width:100%}.echo-halo-timer{color:#ff0080}.echo-halo-image-wrapper{max-height:60vh;width:100%}.echo-halo-image-wrapper img{border-radius:12px;max-height:60vh;object-fit:contain;width:100%}.echo-halo-caption{color:#fff;font-size:16px;margin-top:15px;text-align:center}.reply-preview{background:var(--bg-input);border-radius:12px 12px 0 0;border-top:1px solid var(--border-color);margin:0 12px;padding:10px 16px 6px;width:calc(100% - 24px)}.reply-preview-content{display:flex;flex-direction:column;gap:2px}.reply-preview-header{align-items:center;color:#a78bfa;display:flex;font-size:11px;font-weight:600;justify-content:space-between}.reply-preview-header strong{color:var(--text-primary);font-weight:700}.reply-preview-close{background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px 8px;transition:background .2s}.reply-preview-close:hover{background:var(--bg-input);color:var(--text-primary)}.reply-preview-body{align-items:center;border-left:3px solid #6c3ce1;color:var(--text-secondary);display:flex;font-size:14px;min-height:28px;padding-left:12px}.reply-preview-text{display:block;font-weight:500;max-width:90%;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replied-message{align-items:flex-start;background:var(--bg-input);border-left:4px solid #6c3ce1;border-radius:10px;cursor:pointer;display:flex;gap:10px;margin-bottom:6px;padding:8px 10px;transition:background .15s}.replied-message:hover{background:var(--border-color)}.replied-message-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.replied-message-sender{color:#a78bfa;font-size:12px;font-weight:700;letter-spacing:.3px}.replied-message-text{color:var(--text-secondary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-bubble.own .replied-message{background:#ffffff14;border-left-color:#a78bfa}.message-bubble.own .replied-message-sender{color:#c4b5fd}.message-bubble.own .replied-message-text{color:#e5e7eb}.message-bubble.partner .replied-message{background:var(--bg-input)}.message-bubble.partner .replied-message-sender{color:#a78bfa}.message-bubble.partner .replied-message-text{color:var(--text-secondary)}.delete-modal-overlay,.edit-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:999999}.delete-modal-content{animation:modalScale .2s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px var(--shadow-color);max-width:380px;padding:32px 28px 24px;text-align:center;width:90%}.delete-modal-icon{align-items:center;background:#ef444426;border-radius:50%;color:#ef4444;display:flex;font-size:24px;height:56px;justify-content:center;margin:0 auto 12px;width:56px}.delete-modal-content h3{color:var(--text-primary);font-size:18px;margin:0 0 8px}.delete-modal-content p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 20px}.delete-modal-actions{display:flex;gap:12px;justify-content:center}.delete-modal-btn{border:none;border-radius:30px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 24px;transition:all .2s}.delete-modal-btn.cancel{background:var(--bg-input);color:var(--text-secondary)}.delete-modal-btn.cancel:hover{background:var(--border-color)}.delete-modal-btn.confirm{background:#ef4444;color:#fff}.delete-modal-btn.confirm:hover{background:#dc2626}.edit-modal-content{animation:modalScale .2s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px var(--shadow-color);max-width:420px;padding:24px 28px 20px;width:90%}.edit-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.edit-modal-header h3{color:var(--text-primary);font-size:18px;margin:0}.edit-modal-close{background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;font-size:20px;padding:4px 8px;transition:background .2s}.edit-modal-close:hover,.edit-modal-textarea{background:var(--bg-input);color:var(--text-primary)}.edit-modal-textarea{border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:15px;min-height:80px;outline:none;padding:12px 14px;resize:vertical;width:100%}.edit-modal-textarea:focus{border-color:#6c3ce1}.edit-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.edit-modal-btn{border:none;border-radius:30px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.edit-modal-btn.cancel{background:var(--bg-input);color:var(--text-secondary)}.edit-modal-btn.cancel:hover{background:var(--border-color)}.edit-modal-btn.save{background:linear-gradient(135deg,#6c3ce1,#ec4899);color:#fff}.edit-modal-btn.save:hover:not(:disabled){box-shadow:0 4px 20px #6c3ce14d;transform:scale(1.02)}.edit-modal-btn.save:disabled{cursor:not-allowed;opacity:.4}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gif-message-container{background:#0000;border-radius:12px;max-width:100%;overflow:hidden}.gif-message-img{border-radius:12px;display:block;max-height:300px;object-fit:contain;width:100%}.gif-message-caption{color:var(--text-secondary);font-size:11px;opacity:.8;padding:6px 8px 4px;text-align:center}.typing-indicator{display:flex;gap:6px;padding:4px 0}.typing-indicator span{animation:typingBounce 1.2s ease-in-out infinite;background:var(--text-muted);height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.voice-recorder-overlay{animation:voiceSlideUp .25s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;bottom:88px;box-shadow:0 8px 30px var(--shadow-color);left:50%;max-width:420px;padding:10px 16px;position:fixed;transform:translateX(-50%);width:92%;z-index:99999}@keyframes voiceSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.voice-recorder-content{align-items:center;display:flex;gap:10px;justify-content:space-between}.voice-recorder-status{align-items:center;display:flex;flex:1 1;gap:8px}.recording-dot{animation:pulse-dot 1s infinite;background:#ef4444;border-radius:50%;height:10px;width:10px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.recording-time{font-feature-settings:"tnum";color:var(--text-primary);font-size:16px;font-variant-numeric:tabular-nums;font-weight:600}.voice-recorder-preview{gap:12px}.audio-waveform,.voice-recorder-preview{align-items:center;display:flex;flex:1 1}.audio-waveform{gap:2px;height:30px}.audio-waveform .waveform-bar{animation:none;background:#a78bfa;border-radius:2px;height:10px;width:3px}.audio-duration{font-feature-settings:"tnum";color:var(--text-muted);font-size:14px;font-variant-numeric:tabular-nums}.voice-recorder-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.recorder-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:transform .15s,background .2s;width:36px}.recorder-btn:hover{transform:scale(1.05)}.recorder-btn.start{background:#6c3ce1;color:#fff}.recorder-btn.stop{background:#ef4444;color:#fff}.recorder-btn.send{background:#10b981;color:#fff}.recorder-btn.cancel{background:var(--bg-input);color:var(--text-muted)}.recorder-btn.cancel:hover{background:var(--border-color)}.message-bubble .audio-player{align-items:center;background:var(--bg-input);border-radius:30px;box-sizing:border-box;display:flex;gap:12px;margin:0;max-width:100%;padding:8px 12px;width:100%}.message-bubble.own .audio-player{background:#6c3ce133;border:1px solid #6c3ce14d}.audio-play-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;transition:background .2s,transform .15s;width:36px}.audio-play-btn:hover{background:#fff3;transform:scale(1.05)}.message-bubble.own .audio-play-btn{background:#6c3ce180}.message-bubble.own .audio-play-btn:hover{background:#6c3ce1b3}.audio-progress{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.audio-waveform-bars{align-items:center;display:flex;gap:2px;height:28px}.audio-waveform-bars .waveform-bar{background:#a78bfa;border-radius:2px;transition:height .15s ease;width:3px;will-change:height}.message-bubble.own .audio-waveform-bars .waveform-bar{background:#c4b5fd}.audio-slider{-webkit-appearance:none;background:var(--border-color);border-radius:2px;box-sizing:border-box;height:3px;margin:0!important;outline:none;padding:0!important;transition:background .2s;width:100%!important}.message-bubble.own .audio-slider{background:#6c3ce14d}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#6c3ce1;border-radius:50%;box-shadow:0 0 10px #6c3ce14d;cursor:pointer;height:12px;width:12px}.audio-slider::-moz-range-thumb{background:#6c3ce1;border-radius:50%;box-shadow:0 0 10px #6c3ce14d;cursor:pointer;height:12px;width:12px}.audio-time{color:var(--text-muted);display:flex;font-size:10px;justify-content:space-between;letter-spacing:.3px}.message-bubble.own .audio-time{color:#c4b5fd}.media-error-placeholder{align-items:center;background:var(--bg-input);border-radius:12px;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:120px;padding:20px}.media-error-placeholder i{font-size:28px;opacity:.4}.media-error-placeholder button{background:#6c3ce1;border:none;border-radius:16px;color:#fff;cursor:pointer;font-weight:600;padding:4px 16px}.audio-placeholder{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:8px;padding:6px 12px}.audio-placeholder i{font-size:18px;opacity:.5}.audio-error-placeholder{align-items:center;color:#ef4444;display:flex;font-size:11px;gap:8px;padding:4px 8px}.audio-error-placeholder button{background:#6c3ce1;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:2px 12px}.audio-loading-placeholder{align-items:center;background:var(--bg-input);border-radius:30px;display:flex;justify-content:center;min-height:50px;padding:12px 16px}.audio-loading-placeholder .upload-spinner{height:28px;width:28px}.message-edited-badge{color:var(--text-muted);font-size:10px;font-weight:400;letter-spacing:.3px;margin-left:6px}.emoji-picker-inline{animation:slideUp .25s ease-out;background:var(--bg-secondary);border-top:1px solid var(--border-color);flex-direction:column;max-height:260px;overflow:hidden}.emoji-picker-inline,.emoji-picker-tabs{border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0}.emoji-picker-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .2s}.emoji-picker-tab.active{border-bottom-color:#6c3ce1;color:var(--text-primary)}.emoji-picker-tab:hover{background:var(--bg-input)}.emoji-picker-content{-ms-overflow-style:none;max-height:200px;scrollbar-width:none}.emoji-picker-content::-webkit-scrollbar{display:none}.mood-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);padding:4px 2px}.mood-item{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:8px 2px;transition:all .2s}.mood-item:hover{background:#6c3ce11f;border-color:#6c3ce133}.mood-label{font-size:9px;text-transform:capitalize}.mood-footer,.mood-label{color:var(--text-muted);font-weight:500}.mood-footer{border-top:1px solid var(--border-color);font-size:11px;letter-spacing:.3px;margin-top:6px;padding:6px 0 4px;text-align:center}.echo-input-wrapper{position:relative}.echo-input,.echo-input-wrapper{align-items:center;display:flex;flex:1 1;min-height:44px}.echo-input{-ms-overflow-style:none!important;background:var(--bg-input);border:1px solid var(--border-color);border-radius:24px;color:var(--text-primary);cursor:text;flex-wrap:wrap;font-size:14px;gap:2px;line-height:1.4;max-height:120px;outline:none;overflow-y:auto;padding:10px 16px;scrollbar-width:none!important;transition:border-color .2s}.echo-input::-webkit-scrollbar{background:#0000!important;display:none!important;height:0!important;width:0!important}.echo-input:focus{border-color:#6c3ce1}.echo-input .echomoji-inline{display:inline-block;line-height:0;margin:0 2px;vertical-align:middle}.echo-input .echomoji-inline .echomoji{height:28px!important;width:28px!important}.echo-input .echomoji-inline .echomoji .echomoji-rings{display:none!important}.echo-input-placeholder{color:var(--text-muted);font-size:14px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s}.echo-input:focus~.echo-input-placeholder,.echo-input:not(:empty)~.echo-input-placeholder{opacity:0}.message-bubble.partner .markdown-body{color:var(--text-primary);font-size:inherit;line-height:1.4}.message-bubble.partner .markdown-body p{margin:.5em 0}.message-bubble.partner .markdown-body ol,.message-bubble.partner .markdown-body ul{margin:.5em 0;padding-left:1.5em}.message-bubble.partner .markdown-body li{margin-bottom:.2em}.message-bubble.partner .markdown-body strong{color:#a78bfa}.message-bubble.partner .markdown-body em{font-style:italic}.message-bubble.partner .markdown-body h1,.message-bubble.partner .markdown-body h2,.message-bubble.partner .markdown-body h3{color:#c4b5fd;font-weight:600;margin:.6em 0 .3em}.message-bubble.partner .markdown-body a{color:#60a5fa;text-decoration:underline}.message-bubble.partner .markdown-body code{background:var(--bg-input);border-radius:4px;font-family:monospace;padding:.1em .4em}.message-bubble.partner .markdown-body pre{background:#0000004d;border-radius:8px;overflow-x:auto;padding:.8em}.message-bubble.own .markdown-body{color:#fff}.message-bubble.own .markdown-body strong{color:#e0d4ff}.message-bubble.own .markdown-body h1,.message-bubble.own .markdown-body h2,.message-bubble.own .markdown-body h3{color:#d4c4ff}.message-bubble.partner .markdown-body table{border-collapse:collapse;border-radius:8px;font-size:11px;margin:12px 0;overflow:hidden;width:100%}.message-bubble.partner .markdown-body td,.message-bubble.partner .markdown-body th{border:1px solid var(--border-color);padding:8px 12px;text-align:left}.message-bubble.partner .markdown-body th{background:#6c3ce140;color:#c4b5fd;font-weight:600}.message-bubble.partner .markdown-body tr:nth-child(2n){background:var(--bg-input)}.message-bubble.partner .markdown-body tr:hover{background:var(--border-color)}.message-bubble.own .markdown-body table{border-collapse:collapse;font-size:11px;margin:12px 0;width:100%}.message-bubble.own .markdown-body td,.message-bubble.own .markdown-body th{border:1px solid #fff3;padding:6px 10px}.message-bubble.own .markdown-body th{background:#6c3ce14d;font-weight:600}.message-bubble.own .markdown-body tr:nth-child(2n){background:#ffffff0f}.message-bubble.system{align-self:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:20px;box-shadow:none;color:var(--text-muted);font-size:11px;margin:8px auto;max-width:85%;padding:6px 18px;position:relative;text-align:center;z-index:2}.chat-end-btn{background:none;border:none;color:#ef4444;cursor:pointer;flex-shrink:0;font-size:22px;padding:4px 8px;transition:color .2s,transform .15s}.chat-end-btn:hover{color:#f87171;transform:scale(1.08)}.echo-rings-bg{align-items:center;display:flex;inset:0;justify-content:center;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.echo-bg-ring{border-radius:50%;box-sizing:border-box;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);will-change:transform,opacity}.echo-rings-bg.is-active .echo-bg-ring{animation:echoRingCalm 6s ease-in-out infinite;border-style:solid}.echo-rings-bg.is-active .echo-bg-ring.r1{animation-delay:0s;border-color:#6c3ce180;border-width:4px;height:min(90vw,520px);width:min(90vw,520px)}.echo-rings-bg.is-active .echo-bg-ring.r2{animation-delay:2s;border-color:#ec489952;border-width:3px;height:min(120vw,720px);width:min(120vw,720px)}.echo-rings-bg.is-active .echo-bg-ring.r3{animation-delay:4s;border-color:#6c3ce138;border-width:2.5px;height:min(150vw,920px);width:min(150vw,920px)}body.light .echo-rings-bg.is-active .echo-bg-ring.r1,html[data-theme=light] .echo-rings-bg.is-active .echo-bg-ring.r1{border-color:#6c3ce18c;border-width:4.5px}body.light .echo-rings-bg.is-active .echo-bg-ring.r2,html[data-theme=light] .echo-rings-bg.is-active .echo-bg-ring.r2{border-color:#ec489966}body.light .echo-rings-bg.is-active .echo-bg-ring.r3,html[data-theme=light] .echo-rings-bg.is-active .echo-bg-ring.r3{border-color:#6c3ce147}@keyframes echoRingCalm{0%{opacity:.85;transform:translate(-50%,-50%) scale(.92)}50%{opacity:.45;transform:translate(-50%,-50%) scale(1.08)}to{opacity:.85;transform:translate(-50%,-50%) scale(.92)}}.chat-more-wrapper{align-items:center;display:inline-flex;flex-shrink:0;position:relative;z-index:30}.chat-more-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:22px;line-height:1;padding:4px 8px;transition:color .2s}.chat-more-btn:hover{color:#a78bfa}.chat-more-options-popup{animation:moreMenuIn .15s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;bottom:calc(100% + 10px);box-shadow:0 12px 40px #00000073;display:flex;flex-direction:column;left:0;min-width:168px;overflow:visible;padding:6px 0;position:absolute;right:auto;z-index:100}@keyframes moreMenuIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-more-option{white-space:nowrap;width:100%}.chat-more-option i{color:var(--text-muted);font-size:15px;text-align:center;width:18px}.chat-more-option.danger i{color:#ef4444}.echo-tide-chip{align-items:center;background:#0000002e;border:1px solid #ffffff14;border-radius:999px;color:var(--text-muted);display:inline-flex;flex-shrink:0;font-size:9px;font-weight:700;gap:3px;height:16px;letter-spacing:.02em;line-height:1;margin:6px 0 0;padding:1px 6px;white-space:nowrap}.message-bubble.own .echo-tide-chip{align-self:flex-end;background:#0000002e;color:#fffc}.message-bubble.partner .echo-tide-chip{align-self:flex-start;background:#6c3ce11f;color:#c4b5fd}.echo-tide-chip i{color:#6c3ce1;font-size:8px;opacity:.85}.message-row.own .message-bubble,.message-row.partner .message-bubble{animation:echoBubbleIn .3s cubic-bezier(.2,.9,.25,1.05) both;transform-origin:bottom;transition:transform .2s cubic-bezier(.2,.9,.25,1.05),box-shadow .25s ease;will-change:transform,opacity}.message-row.own .message-bubble{transform-origin:bottom right}.message-row.partner .message-bubble{transform-origin:bottom left}@keyframes echoBubbleIn{0%{opacity:0;transform:translateY(10px) scale(.84)}60%{opacity:1;transform:translateY(-1px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}@media (hover:hover){.message-row:hover .message-bubble{box-shadow:0 8px 22px #0000002e;transform:translateY(-2px)}}.message-row.pressed .message-bubble{transform:scale(.94);transition:transform .15s ease}.message-row .message-bubble.pending{animation:echoSendingPulse 1.4s ease-in-out infinite}@keyframes echoSendingPulse{0%,to{box-shadow:0 0 0 0 #6c3ce100}50%{box-shadow:0 0 0 4px #6c3ce126}}.message-receipt{display:inline-block;transition:color .25s ease,transform .25s ease}.message-receipt.delivered{animation:receiptDeliveredPop .32s cubic-bezier(.2,1.4,.4,1) both;color:#fffc}.message-receipt.read{animation:receiptReadPop .45s cubic-bezier(.2,1.5,.4,1) both}@keyframes receiptDeliveredPop{0%{opacity:.4;transform:scale(.7)}60%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes receiptReadPop{0%{color:#fff9;opacity:.4;transform:scale(.7)}40%{color:#60a5fa;opacity:1;transform:scale(1.25)}to{color:#60a5fa;opacity:1;transform:scale(1)}}.chat-send-btn{overflow:visible;position:relative;transition:transform .12s ease,background .2s ease,box-shadow .2s ease}.chat-send-btn:not(:disabled):active{transform:scale(.88)}.chat-send-btn:not(:disabled):hover{box-shadow:0 6px 18px #6c3ce173;transform:scale(1.06)}.chat-send-btn.rippling:after{animation:sendRipple .6s cubic-bezier(.2,.8,.4,1) forwards;border:2px solid #6c3ce18c;border-radius:50%;content:"";inset:-4px;pointer-events:none;position:absolute}@keyframes sendRipple{0%{opacity:.85;transform:scale(.9)}to{opacity:0;transform:scale(2.4)}}.message-row.own.just-sent .message-bubble{animation:sentGlow .75s ease-out both}@keyframes sentGlow{0%{box-shadow:0 0 0 0 #6c3ce18c,0 4px 14px #6c3ce159}to{box-shadow:0 0 0 14px #6c3ce100,0 4px 14px #6c3ce159}}.message-row.partner.just-arrived .message-bubble{animation:arrivedPulse .6s ease-out both}@keyframes arrivedPulse{0%{box-shadow:0 0 0 0 #ec489966}to{box-shadow:0 0 0 12px #ec489900}}.chat-date-separator{display:flex;justify-content:center;margin:10px 0 6px;pointer-events:none;position:sticky;top:8px;z-index:5}.chat-date-separator>span{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#140f23c7;border:1px solid #ffffff0f;border-radius:999px;box-shadow:0 2px 8px #00000040;color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.02em;padding:4px 12px;pointer-events:auto}body.light .chat-date-separator>span,html.theme-light .chat-date-separator>span,html[data-theme=light] .chat-date-separator>span{background:#ffffffeb;border:1px solid #0000000f;box-shadow:0 2px 8px #0000001f;color:#111}.message-row.group-mid{margin-top:1px}.message-row.group-top{margin-top:8px}.message-row.own.group-top .message-bubble{border-bottom-right-radius:18px}.message-row.own.group-mid .message-bubble{border-bottom-right-radius:4px;border-top-right-radius:4px}.message-row.own.group-bottom .message-bubble{border-top-right-radius:4px}.message-row.partner.group-top .message-bubble{border-bottom-left-radius:18px}.message-row.partner.group-mid .message-bubble{border-bottom-left-radius:4px;border-top-left-radius:4px}.message-row.partner.group-bottom .message-bubble{border-top-left-radius:4px}.message-row.group-mid:not(.group-bottom) .message-meta-time{opacity:.5}.message-row.group-bottom:not(.group-top) .message-bubble,.message-row.group-mid .message-bubble{animation:none}.chat-scroll-fab{align-items:center;animation:fabIn .25s cubic-bezier(.2,1.3,.4,1) both;background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:999px;bottom:96px;box-shadow:0 8px 24px #6c3ce166;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 14px 8px 12px;position:absolute;right:16px;z-index:20}.chat-scroll-fab:hover{box-shadow:0 10px 28px #6c3ce180;transform:translateY(-2px)}.chat-scroll-fab:active{transform:translateY(0) scale(.96)}.chat-scroll-fab svg{fill:currentColor;height:16px;width:16px}@keyframes fabIn{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.message-bubble.pinned{box-shadow:inset 0 0 0 1.5px #ffc10780}.message-pin-badge{align-items:center;background:#ffc107;border-radius:50%;box-shadow:0 2px 6px #00000040;color:#111;display:inline-flex;height:18px;justify-content:center;position:absolute;right:8px;top:-6px;width:18px}.message-row.partner .message-pin-badge{left:8px;right:auto}.pinned-banner{align-items:center;animation:pinnedIn .25s cubic-bezier(.2,1.3,.4,1) both;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#140f23eb;border-bottom:1px solid #ffffff14;color:#fff;cursor:pointer;display:flex;gap:10px;padding:8px 12px;position:sticky;top:0;z-index:9}body.light .pinned-banner,html.theme-light .pinned-banner,html[data-theme=light] .pinned-banner{background:#fffffff5;border-bottom:1px solid #00000014;color:#111}.pinned-banner:hover{background:#1e1432f5}body.light .pinned-banner:hover,html.theme-light .pinned-banner:hover,html[data-theme=light] .pinned-banner:hover{background:#fafafa}.pinned-banner-icon{align-items:center;background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:50%;color:#111;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.pinned-banner-body{flex:1 1;min-width:0}.pinned-banner-label{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:1px;opacity:.75;text-transform:uppercase}.pinned-banner-text{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-banner-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;opacity:.75;padding:4px}.pinned-banner-close:hover{opacity:1}@keyframes pinnedIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-row.select-mode{cursor:pointer;padding-left:34px;padding-right:34px;transition:background .15s ease}.message-row.select-mode.selected{background:#6c3ce124}body.light .message-row.select-mode.selected,html.theme-light .message-row.select-mode.selected,html[data-theme=light] .message-row.select-mode.selected{background:#6c3ce114}.select-checkbox{align-items:center;background:#0000;border:2px solid #ffffff80;border-radius:50%;color:#0000;display:flex;height:22px;justify-content:center;left:8px;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s ease;width:22px;z-index:4}body.light .select-checkbox,html.theme-light .select-checkbox,html[data-theme=light] .select-checkbox{border-color:#00000059}.message-row.own .select-checkbox{left:auto;right:8px}.select-checkbox.checked{animation:checkboxPop .22s cubic-bezier(.2,1.4,.4,1);background:linear-gradient(135deg,#6c3ce1,#ec4899);border-color:#0000;color:#fff}@keyframes checkboxPop{0%{transform:translateY(-50%) scale(.6)}60%{transform:translateY(-50%) scale(1.15)}to{transform:translateY(-50%) scale(1)}}.select-top-bar{align-items:center;animation:selectTopIn .22s ease both;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#140f23f2;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;gap:10px;left:0;padding:10px 14px;position:absolute;right:0;top:0;z-index:30}body.light .select-top-bar,html.theme-light .select-top-bar,html[data-theme=light] .select-top-bar{background:#fffffffa;border-bottom:1px solid #00000014;color:#111}@keyframes selectTopIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.select-top-title{flex:1 1;font-size:15px;font-weight:700}.select-top-btn{background:none;border:none;border-radius:8px;color:inherit;cursor:pointer;font-size:14px;font-weight:600;padding:6px 10px}.select-top-btn:hover{background:#ffffff1a}body.light .select-top-btn:hover,html.theme-light .select-top-btn:hover,html[data-theme=light] .select-top-btn:hover{background:#0000000f}.select-bottom-bar{align-items:center;animation:selectBottomIn .22s ease both;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#140f23f2;border-top:1px solid #ffffff1a;bottom:0;display:flex;gap:4px;justify-content:space-around;left:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom, 0px));position:absolute;right:0;z-index:30}body.light .select-bottom-bar,html.theme-light .select-bottom-bar,html[data-theme=light] .select-bottom-bar{background:#fffffffa;border-top:1px solid #00000014}@keyframes selectBottomIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.select-action{align-items:center;background:none;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:11px;font-weight:600;gap:3px;padding:6px 4px;transition:background .15s ease}body.light .select-action,html.theme-light .select-action,html[data-theme=light] .select-action{color:#111}.select-action:hover:not(:disabled){background:#ffffff1a}body.light .select-action:hover:not(:disabled),html.theme-light .select-action:hover:not(:disabled),html[data-theme=light] .select-action:hover:not(:disabled){background:#0000000f}.select-action:disabled{cursor:not-allowed;opacity:.35}.select-action svg{fill:currentColor;height:20px;width:20px}.select-action.danger{color:#ff6b6b}@media (max-width:480px){.chat-attach-btn,.chat-emoji-btn,.chat-halo-btn,.chat-voice-btn{font-size:18px!important;padding:2px 6px!important}.chat-input-row{gap:6px!important}.chat-send-btn{font-size:14px!important;height:36px!important;min-width:36px!important;width:36px!important}.message-bubble{font-size:13px;max-width:90%}.chat-input-container,.message-bubble{padding:8px 12px}.chat-halo-btn{height:34px;width:34px}.media-preview-overlay{max-height:80vh;padding:16px 12px}.media-preview-media{max-height:250px;min-height:80px}.media-preview-image,.media-preview-video{max-height:250px}.empty-icon{font-size:36px}.empty-chat-state p{font-size:14px}.delete-modal-content{padding:24px 20px}.delete-modal-btn{font-size:11px;min-width:80px;padding:8px 16px}.message-action-btn{font-size:11px;height:28px;width:28px}.reply-preview{margin:0 8px;padding:6px 12px}.voice-recorder-overlay{bottom:80px;min-width:260px;padding:16px 20px}.message-bubble .audio-player{padding:6px 10px}.chat-media-image-wrapper{max-width:min(100%,72vw)}.chat-media-image{max-height:42vh}.media-lightbox-close{right:8px;top:8px}.chat-more-btn{font-size:18px;padding:2px 6px}.chat-more-options-popup{bottom:calc(100% + 8px);min-width:150px}.chat-more-option{font-size:11px;padding:10px 14px}.chat-end-btn{font-size:18px!important;padding:2px 6px!important}.emoji-picker-inline{max-height:220px}.emoji-picker-content{max-height:160px;padding:6px 4px}.emoji-grid{grid-template-columns:repeat(6,1fr)}.mood-grid{grid-template-columns:repeat(4,1fr)}.emoji-item{font-size:22px;padding:2px}.chat-scroll-fab{bottom:84px;font-size:12px;padding:7px 12px 7px 10px;right:12px}.chat-date-separator{top:6px}.chat-date-separator>span{font-size:11px;padding:3px 10px}.pinned-banner{gap:8px;padding:6px 10px}.pinned-banner-label{font-size:10px}.pinned-banner-text{font-size:12px}.pinned-banner-icon{height:24px;width:24px}.select-top-bar{padding:8px 10px}.select-top-title{font-size:14px}.select-bottom-bar{padding:6px 8px calc(6px + env(safe-area-inset-bottom, 0px))}.select-action{font-size:10px;padding:5px 2px}.select-action svg{height:18px;width:18px}.select-checkbox{height:20px;width:20px}.message-row.select-mode{padding-left:30px;padding-right:30px}.link-preview-card{max-width:100%;min-width:200px}.link-preview-image{max-height:140px}.link-preview-title{font-size:13px}.link-preview-description{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.chat-date-separator,.chat-scroll-fab,.message-receipt.delivered,.message-receipt.read,.message-row .message-bubble.pending,.message-row.own .message-bubble,.message-row.own.just-sent .message-bubble,.message-row.partner .message-bubble,.message-row.partner.just-arrived .message-bubble,.pinned-banner,.select-bottom-bar,.select-checkbox.checked,.select-top-bar{animation:none!important}.chat-scroll-fab:hover,.chat-send-btn:not(:disabled):active,.chat-send-btn:not(:disabled):hover,.message-row.pressed .message-bubble,.message-row:hover .message-bubble{transform:none}}.echo-reaction-emoji{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;transition:transform .15s cubic-bezier(.2,1.3,.4,1),background .15s ease;width:44px}.echo-reaction-emoji .rx-svg{animation:rxIdleBounce 3.2s ease-in-out infinite;display:block;height:32px;overflow:visible;width:32px}.echo-reaction-emoji:first-child .rx-svg{animation-delay:0s}.echo-reaction-emoji:nth-child(2) .rx-svg{animation-delay:.15s}.echo-reaction-emoji:nth-child(3) .rx-svg{animation-delay:.3s}.echo-reaction-emoji:nth-child(4) .rx-svg{animation-delay:.45s}.echo-reaction-emoji:nth-child(5) .rx-svg{animation-delay:.6s}.echo-reaction-emoji:nth-child(6) .rx-svg{animation-delay:.75s}@keyframes rxIdleBounce{0%,75%,to{transform:translateY(0) scale(1)}82%{transform:translateY(-3px) scale(1.08)}90%{transform:translateY(0) scale(1)}}.echo-reaction-emoji:hover{background:#ffffff14;transform:scale(1.15)}.echo-reaction-emoji:hover .rx-svg{animation:rxHoverBounce .5s cubic-bezier(.2,1.5,.4,1)}@keyframes rxHoverBounce{0%{transform:scale(1) rotate(0deg)}35%{transform:scale(1.35) rotate(-8deg)}65%{transform:scale(1.15) rotate(6deg)}to{transform:scale(1.15) rotate(0deg)}}body.light .echo-reaction-emoji:hover,html[data-theme=light] .echo-reaction-emoji:hover{background:#0000000d}.echo-reaction-emoji.tapped .rx-svg{animation:rxTapPop .42s cubic-bezier(.2,1.6,.4,1)}@keyframes rxTapPop{0%{transform:scale(1)}40%{transform:scale(1.55) rotate(0deg)}70%{transform:scale(1.3) rotate(-4deg)}to{transform:scale(1) rotate(0deg)}}.rx-heart-path{animation:rxHeartBeat 1.6s ease-in-out infinite;transform-origin:20px 24px}@keyframes rxHeartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.1)}30%{transform:scale(.98)}45%{transform:scale(1.06)}60%{transform:scale(1)}}.rx-heart-shine{animation:rxHeartShine 1.6s ease-in-out infinite}@keyframes rxHeartShine{0%,to{opacity:.55;transform:scale(1)}15%{opacity:.85;transform:scale(1.2)}30%{opacity:.55;transform:scale(1)}}.rx-laugh-eye-left,.rx-laugh-eye-right{animation:rxLaughSquint 2s ease-in-out infinite;transform-origin:center}.rx-laugh-eye-right{animation-delay:.05s}@keyframes rxLaughSquint{0%,80%,to{transform:scaleY(1)}88%{transform:scaleY(.4)}}.rx-laugh-tear{animation:rxLaughTear 2s ease-in-out infinite}@keyframes rxLaughTear{0%,40%,to{opacity:0;transform:translateY(0) scale(0)}55%{opacity:1;transform:translateY(0) scale(1)}90%{opacity:0;transform:translateY(4px) scale(.6)}}.rx-wow-eye-left,.rx-wow-eye-right{animation:rxWowEyes 1.6s ease-in-out infinite;transform-origin:center}@keyframes rxWowEyes{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.rx-wow-mouth{animation:rxWowMouth 1.2s ease-in-out infinite;transform-origin:20px 26px}@keyframes rxWowMouth{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.rx-sad-tear{animation:rxSadTear 2.4s ease-in-out infinite;transform-origin:17px 20px}@keyframes rxSadTear{0%,40%,to{opacity:0;transform:translateY(0) scale(.4)}55%{opacity:1;transform:translateY(0) scale(1)}90%{opacity:0;transform:translateY(6px) scale(.7)}}.rx-pray-left{animation:rxPrayLeft 2.4s ease-in-out infinite;transform-origin:20px 34px}.rx-pray-right{animation:rxPrayRight 2.4s ease-in-out infinite;transform-origin:20px 34px}@keyframes rxPrayLeft{0%,to{transform:rotate(0deg)}50%{transform:rotate(3deg)}}@keyframes rxPrayRight{0%,to{transform:rotate(0deg)}50%{transform:rotate(-3deg)}}.rx-pray-sparkle{animation:rxPraySparkle 2.4s ease-in-out infinite;transform-origin:32px 12px}@keyframes rxPraySparkle{0%,to{opacity:.4;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.35) rotate(180deg)}}.rx-fire-outer{animation:rxFireFlicker .9s ease-in-out infinite;transform-origin:20px 34px}@keyframes rxFireFlicker{0%,to{transform:scale(1) skewX(0deg)}25%{transform:scale(1.03) skewX(2deg)}50%{transform:scale(.98) skewX(-2deg)}75%{transform:scale(1.05) skewX(1deg)}}.rx-fire-inner{animation:rxFireInner .7s ease-in-out infinite;transform-origin:20px 30px}@keyframes rxFireInner{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.echo-reaction-emoji .rx-svg,.echo-reaction-emoji.tapped .rx-svg,.echo-reaction-emoji:hover .rx-svg,.rx-fire-inner,.rx-fire-outer,.rx-heart-path,.rx-heart-shine,.rx-laugh-eye-left,.rx-laugh-eye-right,.rx-laugh-tear,.rx-pray-left,.rx-pray-right,.rx-pray-sparkle,.rx-sad-tear,.rx-wow-eye-left,.rx-wow-eye-right,.rx-wow-mouth{animation:none!important}}.blocked-composer-bar{align-items:center;background:var(--bg-input);border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:14px;gap:12px;justify-content:space-between;padding:14px 16px}.blocked-composer-unblock{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:inherit;font-weight:600;padding:8px 18px}.media-preview-overlay{align-items:center;animation:mediaPreviewFadeIn .22s ease-out;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999999}@keyframes mediaPreviewFadeIn{0%{opacity:0}to{opacity:1}}.media-preview-content{animation:mediaPreviewSlideUp .28s cubic-bezier(.2,1.2,.4,1);background:#140f23eb;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 24px 80px #0009;display:flex;flex-direction:column;gap:14px;max-height:92vh;max-width:560px;overflow:hidden;padding:18px;position:relative;width:100%}body.light .media-preview-content,html.theme-light .media-preview-content,html[data-theme=light] .media-preview-content{background:#fffffffa;border-color:#00000014;box-shadow:0 24px 80px #00000040}@keyframes mediaPreviewSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.media-preview-close{align-items:center;background:#0000008c;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:15px;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .2s,transform .15s;width:36px;z-index:3}.media-preview-close:hover{background:#ef4444b3;transform:scale(1.08)}body.light .media-preview-close,html.theme-light .media-preview-close,html[data-theme=light] .media-preview-close{background:#00000014;border-color:#00000014;color:#111}body.light .media-preview-close:hover,html.theme-light .media-preview-close:hover,html[data-theme=light] .media-preview-close:hover{background:#ef444426;color:#ef4444}.media-preview-media{align-items:center;background:#000;border-radius:16px;display:flex;justify-content:center;max-height:60vh;min-height:120px;overflow:hidden;position:relative}.media-preview-image,.media-preview-video{display:block;max-height:60vh;max-width:100%;object-fit:contain}.media-preview-caption-row{align-items:flex-end;display:flex;gap:8px;width:100%}.media-preview-caption{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-sizing:border-box;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:120px;min-height:44px;outline:none;padding:12px 16px;resize:none;transition:border-color .2s,background .2s;width:100%}.media-preview-caption:focus{background:#6c3ce10f;border-color:#6c3ce1}body.light .media-preview-caption,html.theme-light .media-preview-caption,html[data-theme=light] .media-preview-caption{background:#00000008;border-color:#00000014;color:#111}body.light .media-preview-caption:focus,html.theme-light .media-preview-caption:focus,html[data-theme=light] .media-preview-caption:focus{background:#6c3ce10d}.media-preview-emoji-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;color:#a78bfa;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;transition:background .2s,transform .15s;width:44px}.media-preview-emoji-btn:hover{background:#a78bfa26;transform:scale(1.05)}body.light .media-preview-emoji-btn,html.theme-light .media-preview-emoji-btn,html[data-theme=light] .media-preview-emoji-btn{background:#0000000a;border-color:#0000000f}.media-preview-send{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:20px;box-shadow:0 8px 24px #6c3ce159;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.02em;padding:14px 24px;transition:transform .15s,box-shadow .2s,opacity .2s;width:100%}.media-preview-send:hover:not(:disabled){box-shadow:0 12px 32px #6c3ce180;transform:translateY(-1px)}.media-preview-send:active:not(:disabled){transform:translateY(0) scale(.99)}.media-preview-send:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.media-preview-overlay{align-items:flex-end;padding:10px}.media-preview-content{border-radius:22px 22px 0 0;gap:12px;max-height:94vh;max-width:100%;padding:14px}.media-preview-media{border-radius:14px;max-height:55vh}.media-preview-image,.media-preview-video{max-height:55vh}.media-preview-send{font-size:14px;padding:13px 20px}}.media-download-btn{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0000008c;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:background .2s,transform .15s,opacity .2s;width:34px;z-index:5}.chat-media-image-wrapper:active .media-download-btn,.chat-media-image-wrapper:hover .media-download-btn,.chat-media-video-wrapper:active .media-download-btn,.chat-media-video-wrapper:hover .media-download-btn{opacity:1}.media-download-btn:hover{background:#6c3ce1e6;transform:scale(1.08)}.media-download-btn.saving{background:#6c3ce1e6;opacity:1}.media-download-btn.saved{background:#10b981e6;opacity:1}@media (hover:none){.media-download-btn{opacity:1}}.link-preview-card{-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 16px #0003;cursor:pointer;display:flex;flex-direction:column;margin-top:8px;max-width:420px;min-width:260px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}body.light .link-preview-card,html.theme-light .link-preview-card,html[data-theme=light] .link-preview-card{background:#fffffff2;border-color:#0000000f;box-shadow:0 4px 16px #00000014}.link-preview-card:hover{background:#ffffff1a;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}body.light .link-preview-card:hover,html.theme-light .link-preview-card:hover,html[data-theme=light] .link-preview-card:hover{background:#fff;box-shadow:0 8px 24px #0000001f}.link-preview-card:active{transform:translateY(0) scale(.99)}.link-preview-image{align-items:center;background:#0000004d;display:flex;justify-content:center;max-height:220px;overflow:hidden;width:100%}.link-preview-image img{display:block;height:auto;max-height:220px;object-fit:cover;width:100%}.link-preview-body{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px 14px 14px}.link-preview-header{align-items:center;display:flex;gap:12px;min-width:0}.link-preview-logo-box{align-items:center;background:#6c3ce126;border:1px solid #6c3ce140;border-radius:12px;box-sizing:border-box;display:flex;flex-shrink:0;height:44px;justify-content:center;min-width:44px;overflow:hidden;padding:6px;width:44px}body.light .link-preview-logo-box,html.theme-light .link-preview-logo-box,html[data-theme=light] .link-preview-logo-box{background:#6c3ce114;border-color:#6c3ce12e}.link-preview-logo{border-radius:6px;display:block;height:100%;object-fit:contain;width:100%}.link-preview-logo-fallback{align-items:center;color:#a78bfa;display:inline-flex;font-size:18px;height:100%;justify-content:center;width:100%}.link-preview-header-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.link-preview-host-text{color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.link-preview-host-text,.link-preview-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-url{color:var(--text-muted);font-size:11.5px}.link-preview-title{-webkit-line-clamp:2;color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.3;margin-top:2px}.link-preview-description,.link-preview-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;word-break:break-word}.link-preview-description{-webkit-line-clamp:3;color:var(--text-secondary);font-size:13px;line-height:1.4}.message-bubble.own .link-preview-card{background:#00000040;border-color:#ffffff1f}.message-bubble.own .link-preview-card:hover{background:#00000059}.message-bubble.own .link-preview-logo-box{background:#ffffff1f;border-color:#ffffff2e}.message-bubble.own .link-preview-title{color:#fff}.message-bubble.own .link-preview-description{color:#ffffffd9}.message-bubble.own .link-preview-host-text{color:#fff}.message-bubble.own .link-preview-url{color:#ffffffa6}.message-bubble.own .link-preview-logo-fallback{color:#fff}.link-preview-loading{align-items:center;animation:linkPreviewPulse 1.2s ease-in-out infinite;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;display:flex;gap:12px;margin-top:8px;max-width:360px;min-width:220px;padding:12px 14px}@keyframes linkPreviewPulse{0%,to{opacity:.55}50%{opacity:1}}.link-preview-skeleton-logo{background:#ffffff14;border-radius:12px;height:44px;min-width:44px;width:44px}body.light .link-preview-skeleton-logo,html.theme-light .link-preview-skeleton-logo,html[data-theme=light] .link-preview-skeleton-logo{background:#0000000f}.link-preview-skeleton-lines{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.link-preview-skeleton-line{background:#ffffff14;border-radius:4px;height:10px}body.light .link-preview-skeleton-line,html.theme-light .link-preview-skeleton-line,html[data-theme=light] .link-preview-skeleton-line{background:#0000000f}.link-preview-skeleton-line.w70{width:70%}.link-preview-skeleton-line.w90{width:90%}.link-preview-skeleton-line.w50{width:50%}.chat-header-info-btn{background:var(--bg-input);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:grid;font-size:15px;height:36px;margin-left:auto;place-items:center;transition:background .15s ease,transform .15s ease;width:36px}.chat-header-info-btn:hover{background:var(--border-color);color:#6c3ce1}.chat-header-info-btn:active{transform:scale(.92)}.chat-header-mute-btn{background:var(--bg-input);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:grid;font-size:14px;height:36px;place-items:center;transition:all .15s ease;width:36px}.chat-header-mute-btn.muted{background:#ef44441f;color:#ef4444}.chat-header-mute-btn:hover{background:var(--border-color)}.chat-header-mute-btn:active{transform:scale(.92)}.mention{background:#6c3ce138;border:1px solid #6c3ce166;border-radius:6px;color:#a78bfa;display:inline-block;font-weight:700;line-height:1.3;padding:1px 6px}.mention-everyone{background:linear-gradient(135deg,#6c3ce147,#ec489947);border-color:#ec489980;color:#f0abfc}.chat-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.message-bubble.neon{background:#0009!important;border:2px solid #00f3ff!important;box-shadow:0 0 15px #00f3ff80,inset 0 0 10px #00f3ff33!important;color:#00f3ff!important;text-shadow:0 0 5px #00f3ff80}.message-bubble.neon .message-text{color:#00f3ff}.message-bubble.glass{backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;background:#ffffff26!important;border:1px solid #fff6!important;box-shadow:0 8px 32px #0003!important;color:#fff!important}.message-bubble.gold{background:linear-gradient(135deg,gold,orange)!important;border:none!important;box-shadow:0 4px 20px #ffd70066!important;color:#000!important;font-weight:600!important}.message-bubble.gold .message-text{color:#000}.message-bubble.gold .message-meta-time{color:#0009!important}.message-bubble.holographic{animation:holoGradient 4s ease infinite!important;background:linear-gradient(45deg,#ff9a9e,#fecfef,#a1c4fd,#c2e9fb)!important;background-size:400% 400%!important;border:none!important;box-shadow:0 4px 20px #c8c8ff80!important;color:#000!important;font-weight:600!important}.message-bubble.holographic .message-text{color:#000}@keyframes holoGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:820px){.chat-input-container{padding:8px 10px calc(10px + env(safe-area-inset-bottom, 10px))!important}.chat-send-btn{flex-shrink:0!important;font-size:18px!important;height:46px!important;margin-left:6px!important;min-height:46px!important;min-width:46px!important;width:46px!important;z-index:100!important}.chat-input-row{align-items:flex-end!important;gap:6px!important}.chat-input{font-size:16px!important;min-height:46px!important;padding:12px 16px!important}.chat-voice-btn{flex-shrink:0!important;font-size:20px!important;height:46px!important;min-width:46px!important;width:46px!important}}.telegram-empty-state{align-items:center;animation:fadeIn .4s ease-out;display:flex;flex:1 1;justify-content:center;padding:20px}.telegram-empty-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-width:400px;padding:32px 24px;text-align:center}html[data-theme=light] .telegram-empty-card{background:#00000005;border-color:#0000000d}.telegram-empty-avatar{align-items:center;animation:floatAvatar 3.5s ease-in-out infinite;background:radial-gradient(circle,#6c3ce159 0,#ec489914 60%,#0000 80%);border-radius:50%;display:flex;height:120px;justify-content:center;margin-bottom:20px;padding:12px;position:relative;width:120px}@keyframes floatAvatar{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.telegram-empty-name{color:var(--text-primary);font-size:22px;font-weight:800;margin-bottom:8px}.telegram-empty-text{color:var(--text-muted);font-size:14px;line-height:1.5;margin-bottom:20px}.telegram-empty-action{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:20px;box-shadow:0 4px 12px #6c3ce14d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 24px;transition:transform .2s,box-shadow .2s}.telegram-empty-action:active{transform:scale(.95)}.premium-sticker-message{animation:echoBubbleIn .3s cubic-bezier(.2,.9,.25,1.05) both;background:#0000!important;border:none!important;box-shadow:none!important;flex-direction:column;height:240px;margin:8px 0;padding:0!important;width:240px}.premium-lottie-message,.premium-sticker-message{align-items:center;display:flex;justify-content:center}.premium-lottie-message{margin:6px 0;min-height:80px;min-width:80px}.message-reactions-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:2px;margin-top:6px}.reaction-pill{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;height:26px;padding:0 8px;transition:background .15s ease,transform .12s ease}.reaction-pill:hover{background:#ffffff24}.reaction-pill:active{transform:scale(.94)}.reaction-pill.mine{background:#6c3ce138;border-color:#a78bfa80}.reaction-pill.premium{padding:0 6px}.reaction-pill .reaction-svg-wrap{display:inline-flex;height:18px;width:18px}body.light .reaction-pill,html[data-theme=light] .reaction-pill{background:#0000000d;border-color:#00000014;color:#111}body.light .reaction-pill.mine,html[data-theme=light] .reaction-pill.mine{background:#6c3ce124;border-color:#6c3ce14d}.message-meta-row{gap:6px;justify-content:flex-end;line-height:1;margin-top:4px}.chat-header,.message-meta-row{align-items:center;display:flex}.chat-header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#00000059;border-bottom:1px solid #ffffff0f;gap:10px;min-height:60px;padding:10px 12px;position:relative;z-index:15}body.light .chat-header,html[data-theme=light] .chat-header{background:#ffffffd9;border-bottom-color:#0000000f}.chat-back-btn{background:none;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;font-size:20px;padding:6px 10px}.chat-back-btn:hover{background:#ffffff14}.chat-header-profile{align-items:center;background:none;border:none;border-radius:12px;color:inherit;cursor:pointer;display:flex;flex:1 1;gap:10px;min-width:0;padding:2px 4px;text-align:left}.chat-header-profile:hover{background:#ffffff0d}.chat-header-text{display:flex;flex-direction:column;min-width:0}.chat-header-name{color:var(--text-primary);font-size:15px;font-weight:700}.chat-header-name,.chat-header-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-status{color:var(--text-muted);font-size:11px}.typing-text{color:#a78bfa;font-style:italic}.chat-more-dropdown{background:#0003;inset:0;position:absolute;z-index:40}.chat-more-dropdown-inner{animation:moreMenuIn .15s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 12px 40px #00000073;display:flex;flex-direction:column;min-width:180px;padding:6px 0;position:absolute;right:12px;top:64px}.chat-more-option{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 18px;text-align:left;transition:background .15s}.chat-more-option:hover{background:var(--bg-input)}.chat-more-option.danger{color:#ef4444}.chat-more-option.danger:hover{background:#ef44441a}.message-sender-name{font-size:11px;font-weight:700;letter-spacing:.02em;margin-bottom:3px;opacity:.9}.emoji-only{display:inline-block;line-height:1.15}.message-row.highlight .message-bubble{animation:highlightPulse 1.2s ease}.floating-echo-plus-text{animation:floatText 2s ease-in-out infinite;color:gold;font-size:9px;font-weight:800;left:50%;letter-spacing:.5px;pointer-events:none;position:absolute;text-shadow:0 0 8px #ffd700cc,0 0 16px #ffd70066;text-transform:uppercase;top:-22px;transform:translateX(-50%);white-space:nowrap}@keyframes floatText{0%,to{opacity:.8;transform:translateX(-50%) translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(-3px)}}.cv-menu-reactions{-ms-overflow-style:none;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#141419bf!important;border:1px solid #ffffff26!important;border-radius:30px!important;box-shadow:0 10px 40px #00000080!important;gap:4px;overflow-x:auto;overflow-y:hidden;padding:6px 8px;scrollbar-width:none}.cv-menu-reactions::-webkit-scrollbar{display:none}.cv-menu-list{backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;background:#141419d9!important;border:1px solid #ffffff1a!important;border-radius:16px!important;box-shadow:0 10px 40px #00000080!important;overflow:hidden;padding:6px!important}.cv-menu-item{border-radius:8px;padding:12px 16px;transition:background .15s ease}.cv-menu-item:hover{background:#ffffff1a}.cv-menu-item.danger{color:#ff4a4a}.cv-menu-item.danger:hover{background:#ff4a4a26}.cv-menu-item i{opacity:.8}.cv-premium-toggle{background:#ffd7001a!important;border-radius:50%!important;flex-shrink:0;margin-left:auto;margin-right:4px}.cv-premium-toggle svg{filter:drop-shadow(0 0 6px rgba(255,215,0,.6));height:22px;transition:transform .2s ease;width:22px}.cv-premium-toggle:hover svg{transform:rotate(18deg) scale(1.1)}body.light .cv-menu-list,body.light .cv-menu-reactions,html[data-theme=light] .cv-menu-list,html[data-theme=light] .cv-menu-reactions{background:#ffffffd9!important;border-color:#00000014!important;box-shadow:0 10px 40px #00000026!important}body.light .cv-menu-item,html[data-theme=light] .cv-menu-item{color:#111}body.light .cv-menu-item:hover,html[data-theme=light] .cv-menu-item:hover{background:#0000000d}.premium-picker-overlay{align-items:flex-end;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.premium-picker-content{animation:slideUp .3s cubic-bezier(.2,1,.4,1);background:var(--bg-secondary);border-radius:24px 24px 0 0;border-top:1px solid var(--border-color);box-shadow:0 -10px 40px #0000004d;display:flex;flex-direction:column;height:45vh;max-width:600px;width:100%}.premium-picker-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:12px 16px;position:relative}.premium-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:8px 0;transition:all .2s}.premium-tab.active{border-bottom-color:#6c3ce1;color:var(--text-primary)}.premium-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;position:absolute;right:16px}.premium-picker-body{flex:1 1;overflow-y:auto;padding:16px}.emoji-grid{grid-gap:8px;gap:8px}.emoji-item{font-size:28px}.emoji-item:hover{background:var(--bg-input)}.premium-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.premium-sticker-btn{align-items:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:transform .15s,background .15s}.premium-sticker-btn:hover{background:#ffffff1a;transform:scale(1.05)}.premium-sticker-btn.locked{opacity:.7}.lock-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;border-radius:12px;color:gold;display:flex;font-size:20px;inset:0;justify-content:center;position:absolute}@media (max-width:768px){.premium-picker-header{align-items:center;display:flex;justify-content:space-between;padding-right:48px}.premium-close-btn{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:36px;justify-content:center;right:12px;top:50%;transform:translateY(-50%);width:36px;z-index:10}.premium-tab{font-size:13px;padding:6px 2px}.chat-input-container{padding-bottom:calc(10px + env(safe-area-inset-bottom, 10px))!important}}.chat-item.unread-active .chat-name{color:#ff3b30}.chat-item.unread-active .chat-last{color:#ff3b30;font-weight:700}.message-receipt{align-items:center;display:inline-flex;justify-content:center;margin-left:4px;vertical-align:middle}.message-receipt.sent{color:#ffffff8c}.message-receipt.delivered{color:#ffffffd9}.message-receipt.read{color:#60a5fa}.message-receipt.pending{color:#ffffff80}.message-receipt.failed{color:#ef4444}body.light .message-receipt.sent,html[data-theme=light] .message-receipt.sent{color:#0006}body.light .message-receipt.delivered,html[data-theme=light] .message-receipt.delivered{color:#0009}body.light .message-receipt.read,html[data-theme=light] .message-receipt.read{color:#3b82f6}.chat-list-tick{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.chat-list-tick.read{color:#60a5fa}.chat-list-tick.delivered{color:#fff9}body.light .chat-list-tick.delivered,html[data-theme=light] .chat-list-tick.delivered{color:#00000080}.chat-last-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-menu-root{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:999999}.cv-menu-backdrop{animation:cvFadeIn .2s ease-out;backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);background:#00000073;inset:0;position:absolute}.cv-menu-reactions{align-items:center;animation:cvSpringPop .35s cubic-bezier(.25,1.5,.5,1) both;border-radius:32px;display:flex;justify-content:space-around;padding:10px;position:absolute}.cv-menu-lift{animation:cvSpringLift .35s cubic-bezier(.25,1.5,.5,1) both;pointer-events:none;position:absolute;z-index:10}.cv-menu-lift>*{box-shadow:0 20px 60px #0009;pointer-events:auto;transform:scale(1.05)}.cv-menu-list{animation:cvSpringPop .35s cubic-bezier(.25,1.5,.5,1) both;border-radius:18px;display:flex;flex-direction:column;gap:0;max-width:85vw;padding:6px;position:absolute;width:240px;z-index:11}.cv-glass{backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:#1c1c1ed9;border:1px solid #ffffff1a;box-shadow:0 10px 40px #00000080}html[data-theme=light] .cv-glass{background:#ffffffe6;border-color:#00000014;box-shadow:0 10px 40px #00000026}.cv-menu-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:space-between;padding:14px 18px;text-align:left;transition:background .1s}html[data-theme=light] .cv-menu-item{color:#000}.cv-menu-item:active{background:#ffffff26}html[data-theme=light] .cv-menu-item:active{background:#00000014}.cv-menu-item.danger{border-radius:0 0 12px 12px;border-top:1px solid #ffffff1a;color:#ff453a;margin-top:6px}html[data-theme=light] .cv-menu-item.danger{border-top:1px solid #0000001a}.cv-menu-item.danger i{color:#ff453a}.cv-menu-item i{font-size:18px;opacity:.9}.cv-swipe-reply{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%) scale(.2);transition:transform .2s cubic-bezier(.2,1,.4,1),opacity .2s;width:32px;z-index:-1}.cv-swipe-reply.armed{background:#6c3ce1;box-shadow:0 0 20px #6c3ce180;transform:translateY(-50%) scale(1.1)}.message-row.own .cv-swipe-reply{left:10px;right:auto}.cv-source-hidden{opacity:0;pointer-events:none}.cv-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:-6px;padding:0 8px;position:relative;z-index:2}.cv-reactions.own{justify-content:flex-end}.cv-reaction{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e192de6;border:1px solid #ffffff1a;border-radius:999px;box-shadow:0 2px 8px #0003;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:4px 10px;transition:all .1s}html[data-theme=light] .cv-reaction{background:#ffffffe6;border-color:#00000014}.cv-reaction.mine{background:#6c3ce14d;border-color:#6c3ce180}html[data-theme=light] .cv-reaction.mine{background:#6c3ce126}.cv-reaction:active{transform:scale(.9)}.cv-reaction-count{font-weight:700;opacity:.8}.cv-link{color:#60a5fa;text-decoration:underline}.message-bubble.own .cv-link{color:#c4b5fd}@keyframes cvFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cvSpringPop{0%{opacity:0;transform:scale(.6) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cvSpringLift{0%{transform:translateY(var(--dy)) scale(1)}to{transform:translateY(0) scale(1.05)}}.cv-swap-in{animation:cvSpringPop .3s cubic-bezier(.2,1.2,.4,1)}@media (max-width:820px){.cv-menu-root{justify-content:center}.chat-input-container{padding-bottom:calc(10px + env(safe-area-inset-bottom, 10px))!important;padding-left:10px!important;padding-right:10px!important}.chat-input{border-radius:22px!important;font-size:16px!important}.message-bubble.own{border-bottom-right-radius:6px}.message-bubble.partner{border-bottom-left-radius:6px}}.emoji-picker-overlay{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:99999}.emoji-picker-panel{animation:fadeIn .2s ease;background:#1a1a24;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;left:0;max-height:340px;overflow:hidden;pointer-events:auto;position:absolute;top:0;width:340px}.emoji-picker-header{align-items:center;background:#1a1a24;border-bottom:1px solid #ffffff0f;border-radius:20px 20px 0 0;cursor:grab;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px;-webkit-user-select:none;user-select:none}.emoji-picker-header:active{cursor:grabbing}.emoji-picker-header span{color:#fff;font-size:16px;font-weight:600}.emoji-picker-close{background:none;border:none;color:#888;cursor:pointer;font-size:20px;padding:0 4px;transition:color .2s}.emoji-picker-close:hover{color:#fff}.emoji-picker-content{flex:1 1;max-height:280px;overflow-y:auto;padding:10px 8px;scroll-behavior:smooth;scrollbar-color:#444 #0000;scrollbar-width:thin}.emoji-picker-content::-webkit-scrollbar{width:4px}.emoji-picker-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.emoji-picker-content::-webkit-scrollbar-track{background:#0000}.emoji-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.emoji-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:26px;justify-content:center;padding:4px;transition:background .15s}.emoji-item:hover{background:#ffffff14}@media (max-width:480px){.emoji-picker-overlay{pointer-events:none}.emoji-picker-panel{border-radius:0 0 16px 16px!important;box-shadow:0 8px 30px #0009!important;left:0!important;margin:0!important;max-height:35vh!important;position:fixed!important;right:0!important;top:0!important;transform:none!important;width:100%!important}.emoji-picker-header{border-radius:0!important;padding:8px 12px}.emoji-picker-header span{font-size:14px}.emoji-picker-content{align-content:flex-start;display:flex!important;flex-direction:column;flex-wrap:wrap;max-height:calc(35vh - 44px)!important;overflow-x:auto;overflow-y:hidden;padding:6px 4px;scrollbar-width:thin}.emoji-picker-content::-webkit-scrollbar{height:4px;width:0}.emoji-picker-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.emoji-grid{align-content:flex-start;display:flex!important;flex-wrap:wrap;gap:4px;height:124px}.emoji-item{border-radius:6px;flex:0 0 auto;font-size:22px!important;height:36px;padding:4px!important;width:36px}}.ai-thinking{align-items:center;display:flex;gap:10px;padding:10px 14px}.ai-thinking-label{color:var(--text-secondary);font-size:13px}.typing-indicator{align-items:center;display:inline-flex;gap:4px}.typing-indicator span{animation:aiThinkDot 1s ease-in-out infinite;background:#8b5cf6;border-radius:50%;height:6px;width:6px}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes aiThinkDot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.echo-ai-chat{background:var(--bg-primary)}.echo-ai-empty{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:70vh;padding:40px 24px 20px;text-align:center}.echo-ai-empty-avatar{animation:echoAiPulse 3.6s ease-in-out infinite;background:linear-gradient(135deg,#6c3ce140,#ec489933);border-radius:50%;box-shadow:0 0 0 3px var(--bg-primary),0 0 0 5px #6c3ce159,0 12px 40px #6c3ce159;height:88px;margin-bottom:14px;overflow:hidden;width:88px}.echo-ai-empty-avatar img{display:block;height:100%;object-fit:cover;width:100%}@keyframes echoAiPulse{0%,to{box-shadow:0 0 0 3px var(--bg-primary),0 0 0 5px #6c3ce159,0 12px 40px #6c3ce159}50%{box-shadow:0 0 0 3px var(--bg-primary),0 0 0 6px #ec489966,0 14px 50px #ec489966}}.echo-ai-empty-title{color:var(--text-primary);font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0}.echo-ai-empty-sub{color:var(--text-muted);font-size:14px;line-height:1.5;margin:0 0 20px;max-width:340px}.echo-ai-suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:420px}.echo-ai-chip{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;padding:10px 14px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.echo-ai-chip i{color:#a78bfa;font-size:12px}.echo-ai-chip:hover{background:#6c3ce124;border-color:#6c3ce166;transform:translateY(-1px)}.echo-ai-chip:active{transform:scale(.97)}.echo-ai-cursor{animation:echoAiBlink .9s steps(2,start) infinite;background:linear-gradient(135deg,#6c3ce1,#ec4899);border-radius:2px;display:inline-block;height:14px;margin-left:2px;vertical-align:text-bottom;width:8px}@keyframes echoAiBlink{0%,to{opacity:1}50%{opacity:.15}}.echo-ai-message-actions{display:flex;gap:4px;margin-left:4px;margin-top:6px;opacity:.35;transition:opacity .2s ease}.message-bubble:focus-within .echo-ai-message-actions,.message-bubble:hover .echo-ai-message-actions{opacity:1}.echo-ai-action-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:12px;height:28px;justify-content:center;transition:background .15s ease,color .15s ease,transform .15s ease;width:28px}.echo-ai-action-btn:hover{background:var(--bg-input);color:#a78bfa}.echo-ai-action-btn:active{transform:scale(.9)}.echo-ai-error-row{animation:echoAiErrorIn .28s cubic-bezier(.2,1.2,.4,1) both;display:flex;justify-content:flex-start;padding:6px 12px}@keyframes echoAiErrorIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.echo-ai-error-bubble{align-items:flex-start;background:#ef44441f;border:1px solid #ef444459;border-radius:16px;color:#fca5a5;display:flex;gap:12px;max-width:88%;padding:12px 14px}.echo-ai-error-icon{background:#ef444433;border-radius:50%;color:#ef4444;display:grid;flex-shrink:0;font-size:13px;height:26px;place-items:center;width:26px}.echo-ai-error-body{display:flex;flex-direction:column;gap:10px;min-width:0}.echo-ai-error-text{color:#fecaca;font-size:13.5px;font-weight:500;line-height:1.5}.echo-ai-retry-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:999px;box-shadow:0 4px 14px #ef44444d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12.5px;font-weight:700;gap:6px;padding:7px 14px;transition:transform .15s ease,box-shadow .2s ease}.echo-ai-retry-btn:hover{box-shadow:0 6px 18px #ef444480}.echo-ai-retry-btn:active{transform:scale(.95)}.echo-ai-stop-btn{background:#0000;border:1px solid #ffffff26;border-radius:999px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:11.5px;font-weight:700;margin-left:auto;padding:5px 12px;transition:background .15s ease,color .15s ease}.echo-ai-stop-btn:hover{background:#ef44441f;border-color:#ef44444d;color:#f87171}.echo-ai-chat .markdown-body{word-wrap:break-word;color:var(--text-primary);font-size:14.5px;line-height:1.6}.echo-ai-chat .markdown-body p{margin:0 0 10px}.echo-ai-chat .markdown-body p:last-child{margin-bottom:0}.echo-ai-chat .markdown-body strong{font-weight:700}.echo-ai-chat .markdown-body em{font-style:italic}.echo-ai-chat .markdown-body a{color:#a78bfa;text-decoration:underline;text-underline-offset:2px}.echo-ai-chat .markdown-body ol,.echo-ai-chat .markdown-body ul{margin:8px 0;padding-left:22px}.echo-ai-chat .markdown-body li{margin:4px 0}.echo-ai-chat .markdown-body code{background:#6c3ce124;border-radius:6px;color:#c4b5fd;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.9em;padding:2px 6px}.echo-ai-chat .markdown-body pre{background:#00000059;border:1px solid var(--border-color);border-radius:12px;margin:10px 0;overflow-x:auto;padding:12px 14px}.echo-ai-chat .markdown-body pre code{background:#0000;color:var(--text-primary);font-size:13px;padding:0}.echo-ai-chat .markdown-body blockquote{background:#6c3ce114;border-left:3px solid #a78bfa;border-radius:6px;color:var(--text-secondary);margin:10px 0;padding:8px 14px}.echo-ai-chat .markdown-body table{border-collapse:collapse;font-size:13px;margin:10px 0;width:100%}.echo-ai-chat .markdown-body td,.echo-ai-chat .markdown-body th{border:1px solid var(--border-color);padding:6px 10px;text-align:left}.echo-ai-chat .markdown-body th{background:var(--bg-input);font-weight:700}.echo-ai-chat .ai-thinking{align-items:center;display:flex;gap:10px}.echo-ai-chat .ai-thinking-label{color:var(--text-muted);font-size:13px;font-style:italic}[data-theme=light] .echo-ai-error-bubble,html.theme-light .echo-ai-error-bubble{background:#ef444414;border-color:#ef444447}[data-theme=light] .echo-ai-error-text,html.theme-light .echo-ai-error-text{color:#b91c1c}[data-theme=light] .echo-ai-chat .markdown-body pre,html.theme-light .echo-ai-chat .markdown-body pre{background:#0000000a}[data-theme=light] .echo-ai-chat .markdown-body code,html.theme-light .echo-ai-chat .markdown-body code{background:#6c3ce11a;color:#5b21b6}@media (prefers-reduced-motion:reduce){.echo-ai-cursor,.echo-ai-empty-avatar,.echo-ai-error-row{animation:none!important}.echo-ai-action-btn:active,.echo-ai-chip:hover,.echo-ai-retry-btn:active{transform:none!important}}@media (max-width:480px){.echo-ai-empty{min-height:60vh;padding:30px 16px 16px}.echo-ai-empty-avatar{height:72px;width:72px}.echo-ai-empty-title{font-size:19px}.echo-ai-empty-sub{font-size:13px}.echo-ai-chip{font-size:12.5px;padding:9px 12px}}.echo-ai-chat .message-bubble{max-width:min(78%,560px);overflow-wrap:anywhere;word-break:break-word}.echo-ai-error-detail{background:#0003;border-radius:6px;color:#fca5a5bf;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.4;max-width:100%;padding:6px 8px;word-break:break-all}.am-overlay{align-items:flex-end;animation:amFadeIn .22s ease both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000009e;display:flex;inset:0;justify-content:center;position:fixed;z-index:9500}@keyframes amFadeIn{0%{opacity:0}to{opacity:1}}.am-sheet{animation:amSheetUp .34s cubic-bezier(.2,1.15,.4,1) both;background:var(--bg-card);border:1px solid var(--border-color);border-bottom:none;border-radius:28px 28px 0 0;box-shadow:0 -24px 60px #00000080;box-sizing:border-box;display:flex;flex-direction:column;max-height:88vh;max-width:520px;padding:8px 20px calc(20px + env(safe-area-inset-bottom, 0px));width:100%}@keyframes amSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.am-handle{background:var(--border-color);border-radius:999px;flex-shrink:0;height:4px;margin:6px auto 14px;width:40px}.am-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:14px}.am-header h2{color:var(--text-primary);font-size:19px;font-weight:800;letter-spacing:-.3px;margin:0}.am-close{background:var(--bg-input);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:grid;font-size:13px;height:34px;place-items:center;transition:background .15s ease,transform .15s ease;width:34px}.am-close:hover{background:var(--border-color)}.am-close:active{transform:scale(.92)}.am-search-wrap{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:14px;display:flex;flex-shrink:0;gap:10px;height:46px;margin-bottom:12px;padding:0 16px}.am-search-wrap i{color:var(--text-muted);font-size:13px}.am-search{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;min-width:0;outline:none}.am-search::placeholder{color:var(--text-muted)}.am-list{flex:1 1;margin:0 -6px;min-height:0;overflow-y:auto;padding:0 6px 8px}.am-list::-webkit-scrollbar{width:5px}.am-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.am-friend{align-items:center;background:#0000;border:1px solid #0000;border-radius:14px;color:inherit;cursor:pointer;display:flex;font-family:inherit;gap:12px;margin-bottom:4px;padding:10px 12px;text-align:left;transition:background .15s ease,border-color .15s ease;width:100%}.am-friend:hover{background:var(--bg-input)}.am-friend.selected{background:#6c3ce124;border-color:#6c3ce166}.am-friend-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.am-friend-info strong{color:var(--text-primary);font-size:14px;font-weight:700}.am-friend-info span,.am-friend-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.am-friend-info span{color:#a78bfa;font-size:12px;font-weight:600}.am-check{border:2px solid var(--border-color);border-radius:50%;color:#0000;display:grid;flex-shrink:0;height:24px;place-items:center;transition:all .18s ease;width:24px}.am-check.checked{background:linear-gradient(135deg,#6c3ce1,#ec4899);border-color:#0000;color:#fff;transform:scale(1.05)}.am-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:44px 20px;text-align:center}.am-empty-icon{font-size:40px;margin-bottom:12px;opacity:.6}.am-empty p{color:var(--text-primary);font-size:15px;font-weight:700;margin:0 0 4px}.am-empty span{font-size:12.5px}.am-actions{border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:10px;margin-top:14px;padding-top:14px}.am-btn{border:none;border-radius:14px;cursor:pointer;flex:1 1;font-family:inherit;font-size:14.5px;font-weight:700;padding:13px;transition:transform .15s ease,box-shadow .2s ease}.am-btn.cancel{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary)}.am-btn.cancel:hover{background:var(--border-color)}.am-btn.primary{background:linear-gradient(135deg,#6c3ce1,#ec4899);box-shadow:0 8px 24px #6c3ce159;color:#fff}.am-btn.primary:not(:disabled):hover{box-shadow:0 12px 28px #6c3ce180;transform:translateY(-1px)}.am-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (prefers-reduced-motion:reduce){.am-overlay,.am-sheet{animation:none!important}.am-btn.primary:hover,.am-close:active,.am-friend:hover{transform:none!important}}.gim-overlay{align-items:flex-end;animation:gimFadeIn .22s ease both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000009e;display:flex;inset:0;justify-content:center;position:fixed;z-index:9500}@keyframes gimFadeIn{0%{opacity:0}to{opacity:1}}.gim-sheet{animation:gimSheetUp .34s cubic-bezier(.2,1.15,.4,1) both;background:var(--bg-card);border:1px solid var(--border-color);border-bottom:none;border-radius:28px 28px 0 0;box-shadow:0 -24px 60px #00000080;box-sizing:border-box;display:flex;flex-direction:column;max-height:90vh;max-width:520px;padding:8px 20px calc(20px + env(safe-area-inset-bottom, 0px));width:100%}@keyframes gimSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.gim-handle{background:var(--border-color);border-radius:999px;flex-shrink:0;height:4px;margin:6px auto 14px;width:40px}.gim-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:16px}.gim-header h2{color:var(--text-primary);font-size:19px;font-weight:800;margin:0}.gim-close{background:var(--bg-input);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:grid;font-size:13px;height:34px;place-items:center;transition:background .15s ease,transform .15s ease;width:34px}.gim-close:hover{background:var(--border-color)}.gim-close:active{transform:scale(.92)}.gim-create-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:16px;flex-shrink:0;margin-bottom:20px;padding:16px}.gim-create-title{color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.6px;margin-bottom:14px;text-transform:uppercase}.gim-toggle-row{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:10px 0}.gim-toggle{background:var(--border-color);border:none;border-radius:999px;cursor:pointer;height:26px;padding:0;position:relative;transition:background .2s ease;width:44px}.gim-toggle.on{background:#6c3ce1}.gim-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:20px}.gim-toggle.on .gim-toggle-thumb{transform:translateX(18px)}.gim-selects{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:12px 0 14px}.gim-select{display:flex;flex-direction:column;gap:6px}.gim-select span{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.gim-select select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:13px;font-weight:600;outline:none;padding:10px 12px}.gim-create-btn,.gim-select select{cursor:pointer;font-family:inherit;width:100%}.gim-create-btn{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:12px;box-shadow:0 6px 18px #6c3ce159;color:#fff;font-size:14.5px;font-weight:700;padding:13px;transition:transform .15s ease,box-shadow .2s ease}.gim-create-btn:not(:disabled):hover{box-shadow:0 10px 24px #6c3ce180;transform:translateY(-1px)}.gim-create-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.gim-existing{flex:1 1;margin:0 -6px;min-height:0;overflow-y:auto;padding:0 6px}.gim-existing-title{color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.6px;margin-bottom:10px;text-transform:uppercase}.gim-invite-row{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:8px;margin-bottom:8px;padding:12px}.gim-invite-row.invalid{opacity:.55}.gim-invite-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.gim-invite-code{color:#a78bfa;font-family:monospace;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gim-invite-meta{color:var(--text-muted);display:flex;font-size:11px;font-weight:500;gap:5px}.invalid-tag{color:#ef4444;font-weight:700}.gim-invite-actions{display:flex;flex-shrink:0;gap:4px}.gim-icon-btn{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:grid;font-size:12px;height:32px;place-items:center;transition:background .15s ease,transform .15s ease;width:32px}.gim-icon-btn:hover:not(:disabled){background:var(--border-color)}.gim-icon-btn:active:not(:disabled){transform:scale(.9)}.gim-icon-btn:disabled{cursor:not-allowed;opacity:.35}.gim-icon-btn.danger:hover:not(:disabled){background:#ef444426;color:#ef4444}.gim-empty{color:var(--text-muted);font-size:13px;padding:24px 16px;text-align:center}@media (prefers-reduced-motion:reduce){.gim-overlay,.gim-sheet{animation:none!important}}.group-info-page{background:var(--bg-primary);min-height:100vh;padding-bottom:calc(40px + env(safe-area-inset-bottom, 0px))}.gi-top-bar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:10}.gi-back-btn{background:var(--bg-input);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:grid;font-size:15px;height:36px;place-items:center;transition:transform .15s ease,background .15s ease;width:36px}.gi-back-btn:hover{background:var(--border-color)}.gi-back-btn:active{transform:scale(.92)}.gi-top-bar h1{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.gi-hero{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;padding:28px 20px 26px;position:relative}.gi-hero:before{background:radial-gradient(circle,#6c3ce12e 0,#0000 70%);border-radius:50%;content:"";height:280px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:280px;z-index:0}.gi-avatar-wrap{height:108px;margin-bottom:22px;position:relative;width:108px;z-index:1}.gi-avatar-img{background:var(--bg-input);border:3px solid var(--bg-primary);border-radius:50%;box-shadow:0 12px 32px #6c3ce159;cursor:pointer;height:100%;object-fit:cover;transition:transform .2s ease,box-shadow .2s ease;width:100%}.gi-avatar-img:hover{box-shadow:0 14px 40px #6c3ce180;transform:scale(1.04)}.gi-avatar-img.uploading{opacity:.55;pointer-events:none}.gi-emoji-btn{background:linear-gradient(135deg,#6c3ce152,#ec489942);border:none;border-radius:50%;box-shadow:0 12px 32px #6c3ce159;cursor:pointer;display:grid;height:108px;place-items:center;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:108px}.gi-emoji-btn:not(:disabled):hover{box-shadow:0 14px 40px #6c3ce180;transform:scale(1.05)}.gi-emoji-btn:not(:disabled):active{transform:scale(.96)}.gi-emoji-btn:disabled{cursor:default}.gi-emoji{font-size:52px;line-height:1}.gi-upload-ring{animation:giSpin .8s linear infinite;border-color:#6c3ce1 #ec4899 #0000 #0000;border-radius:50%;border-style:solid;border-width:3px;inset:-4px;pointer-events:none;position:absolute}@keyframes giSpin{to{transform:rotate(1turn)}}.gi-avatar-menu{background:var(--bg-card);border:1px solid var(--border-color);border-radius:999px;bottom:-14px;box-shadow:0 6px 20px #00000059;display:flex;gap:2px;left:50%;padding:4px 6px;position:absolute;transform:translateX(-50%);z-index:3}.gi-avatar-menu-btn{background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:grid;font-size:12px;height:30px;place-items:center;transition:background .15s ease,color .15s ease,transform .15s ease;width:30px}.gi-avatar-menu-btn:hover:not(:disabled){background:var(--border-color);color:#6c3ce1}.gi-avatar-menu-btn:active:not(:disabled){transform:scale(.88)}.gi-avatar-menu-btn:disabled{cursor:not-allowed;opacity:.5}.gi-avatar-menu-btn.danger:hover:not(:disabled){background:#ef444426;color:#ef4444}.gi-name{align-items:center;border-radius:10px;color:var(--text-primary);display:flex;font-size:23px;font-weight:800;gap:8px;letter-spacing:-.35px;margin-bottom:6px;padding:4px 12px;text-align:center;transition:background .15s ease;z-index:1}.gi-name.editable{cursor:pointer}.gi-name.editable:hover{background:var(--bg-input)}.gi-name-pencil{color:var(--text-muted);font-size:12px;opacity:.7}.gi-name-edit{align-items:center;display:flex;gap:6px;margin-bottom:6px;max-width:360px;width:100%;z-index:1}.gi-name-input{background:var(--bg-input);border:2px solid #6c3ce1;border-radius:12px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:15px;font-weight:600;outline:none;padding:10px 14px}.gi-name-cancel,.gi-name-save{border:none;border-radius:50%;cursor:pointer;display:grid;font-size:13px;height:36px;place-items:center;transition:transform .15s ease;width:36px}.gi-name-save{background:linear-gradient(135deg,#6c3ce1,#ec4899);color:#fff}.gi-name-cancel{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary)}.gi-name-cancel:active,.gi-name-save:active{transform:scale(.92)}.gi-meta{color:var(--text-muted);font-size:12.5px;font-weight:500;z-index:1}.gi-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin:14px 16px 0;overflow:hidden;transition:box-shadow .2s ease}.gi-section:hover{box-shadow:0 4px 16px #00000014}.gi-section-header{align-items:center;background:linear-gradient(180deg,#0000,#6c3ce108);border-bottom:1px solid var(--border-color);color:var(--text-muted);display:flex;font-size:11.5px;font-weight:800;justify-content:space-between;letter-spacing:.7px;padding:12px 16px;text-transform:uppercase}.gi-add-btn{align-items:center;background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:999px;box-shadow:0 4px 12px #6c3ce140;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.3px;padding:6px 12px;transition:transform .15s ease,box-shadow .15s ease}.gi-add-btn:hover{box-shadow:0 6px 16px #6c3ce166;transform:translateY(-1px)}.gi-add-btn:active{transform:scale(.95)}.gi-edit-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:10.5px;font-weight:700;gap:4px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase;transition:all .15s ease}.gi-edit-btn:hover{background:var(--bg-input);border-color:#6c3ce1;color:#6c3ce1}.gi-edit-btn i{font-size:9px}.gi-desc-text{color:var(--text-primary);font-size:14px;line-height:1.55;padding:14px 16px;white-space:pre-wrap;word-break:break-word}.gi-desc-empty{align-items:center;color:var(--text-muted);display:flex;font-size:13px;font-style:italic;justify-content:center;min-height:44px;padding:14px 16px;text-align:center}.gi-desc-empty.clickable{cursor:pointer;transition:background .15s ease,color .15s ease}.gi-desc-empty.clickable:hover{background:var(--bg-input);color:#a78bfa;font-style:normal}.gi-desc-edit{padding:12px 16px 16px;position:relative}.gi-desc-textarea{background:var(--bg-input);border:2px solid #6c3ce1;border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;min-height:84px;outline:none;padding:12px 14px;resize:vertical;transition:border-color .15s ease;width:100%}.gi-desc-textarea:focus{border-color:#ec4899;box-shadow:0 0 0 3px #6c3ce126}.gi-desc-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.gi-desc-cancel,.gi-desc-save{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:8px 20px;transition:transform .15s ease,box-shadow .15s ease}.gi-desc-cancel{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary)}.gi-desc-save{background:linear-gradient(135deg,#6c3ce1,#ec4899);box-shadow:0 4px 14px #6c3ce159;color:#fff}.gi-desc-save:hover{box-shadow:0 6px 18px #6c3ce180}.gi-desc-cancel:active,.gi-desc-save:active{transform:scale(.96)}.gi-desc-counter{bottom:22px;color:var(--text-muted);font-size:10.5px;font-weight:600;pointer-events:none;position:absolute;right:26px}.gi-desc-counter.warn{color:#f59e0b}.gi-desc-counter.danger{color:#ef4444}.gi-member-list{max-height:520px;overflow-y:auto}.gi-member-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:12px 16px;transition:background .15s ease}.gi-member-row:last-child{border-bottom:none}.gi-member-row:hover{background:var(--bg-input)}.gi-member-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.gi-member-name{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:14px;font-weight:700;gap:6px}.gi-you{color:var(--text-muted);font-size:11px;font-weight:500}.gi-member-handle{color:#8b5cf6;font-size:11.5px;font-weight:600}.gi-role-badge{align-items:center;border:1px solid;border-radius:999px;display:inline-flex;font-size:10px;font-weight:800;gap:3px;letter-spacing:.4px;line-height:1.4;margin-left:6px;padding:2px 8px;text-transform:uppercase}.gi-role-badge.owner{background:#ffd70026;border-color:#ffd70080;box-shadow:0 0 12px #ffd70033;color:gold}.gi-role-badge.admin{background:#a78bfa26;border-color:#a78bfa80;color:#a78bfa}.gi-role-badge.moderator{background:#60a5fa26;border-color:#60a5fa80;color:#60a5fa}.gi-member-menu-btn{background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:grid;font-size:14px;height:34px;place-items:center;transition:background .15s ease,transform .15s ease;width:34px}.gi-member-menu-btn:hover{background:var(--border-color);color:#6c3ce1}.gi-member-menu-btn:active{transform:scale(.9)}.gi-pending-actions{display:flex;flex-shrink:0;gap:6px}.gi-pending-btn{border:none;border-radius:50%;cursor:pointer;display:grid;font-size:13px;height:34px;place-items:center;transition:transform .15s ease,background .15s ease;width:34px}.gi-pending-btn:active{transform:scale(.9)}.gi-pending-btn.approve{background:#10b98126;color:#10b981}.gi-pending-btn.approve:hover{background:#10b9814d}.gi-pending-btn.reject{background:#ef444426;color:#ef4444}.gi-pending-btn.reject:hover{background:#ef44444d}.gi-actions{display:flex;flex-direction:column}.gi-action-btn{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:12px;padding:16px;text-align:left;transition:background .15s ease}.gi-action-btn:last-child{border-bottom:none}.gi-action-btn:hover{background:var(--bg-input)}.gi-action-btn.warn{color:#f59e0b}.gi-action-btn.danger{color:#ef4444}.gi-action-btn i{font-size:15px;text-align:center;width:20px}.gi-invite-action{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:14px 16px;text-align:left;transition:background .15s ease;width:100%}.gi-invite-action:hover{background:var(--bg-input)}.gi-invite-action>i:first-child{background:linear-gradient(135deg,#6c3ce133,#ec489933);border-radius:50%;color:#a78bfa;display:grid;flex-shrink:0;font-size:13px;height:32px;place-items:center;width:32px}.gi-invite-action-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.gi-invite-action-info strong{color:var(--text-primary);font-size:14px;font-weight:700}.gi-invite-action-info span{color:var(--text-muted);font-size:12px;font-weight:500}.gi-invite-action>i:last-child{color:var(--text-muted);flex-shrink:0;font-size:12px}.gi-emoji-overlay{align-items:flex-end;animation:giFadeIn .2s ease both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:9000}@keyframes giFadeIn{0%{opacity:0}to{opacity:1}}.gi-emoji-sheet{animation:giSheetUp .3s cubic-bezier(.2,1.15,.4,1) both;background:var(--bg-card);border-radius:24px 24px 0 0;box-shadow:0 -12px 40px #0006;max-height:80vh;max-width:480px;overflow-y:auto;padding:12px 20px calc(24px + env(safe-area-inset-bottom, 0px));width:100%}@keyframes giSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.gi-emoji-sheet-handle{background:var(--border-color);border-radius:999px;height:4px;margin:0 auto 16px;width:40px}.gi-emoji-sheet h3{color:var(--text-primary);font-size:16px;font-weight:800;margin:0 0 16px;text-align:center}.gi-emoji-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.gi-emoji-option{aspect-ratio:1;background:var(--bg-input);border:2px solid #0000;border-radius:14px;cursor:pointer;display:grid;font-size:26px;padding:0;place-items:center;transition:all .15s ease}.gi-emoji-option:hover{background:var(--border-color);transform:scale(1.08)}.gi-emoji-option.selected{background:#6c3ce12e;border-color:#6c3ce1;box-shadow:0 4px 14px #6c3ce159}.gi-loading{color:var(--text-muted);font-size:14px;padding:60px 20px;text-align:center}@media (prefers-reduced-motion:reduce){.gi-emoji-overlay,.gi-emoji-sheet,.gi-upload-ring{animation:none!important}.gi-add-btn:hover,.gi-avatar-img:hover,.gi-emoji-btn:not(:disabled):hover,.gi-emoji-option:hover,.gi-member-menu-btn:active{transform:none!important}}.gip-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px 16px;position:relative}.gip-page:before{background:radial-gradient(circle at 20% 20%,#6c3ce126 0,#0000 50%),radial-gradient(circle at 80% 80%,#ec48991f 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.gip-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 60px #0006,0 0 0 1px #6c3ce114;display:flex;flex-direction:column;max-width:420px;padding:40px 28px 32px;position:relative;text-align:center;width:100%;z-index:1}.gip-group-avatar{background:linear-gradient(135deg,#6c3ce147,#ec48993d);border-radius:50%;box-shadow:0 12px 32px #6c3ce159,0 0 0 4px var(--bg-card),0 0 0 6px #6c3ce126;display:grid;flex-shrink:0;height:96px;margin-bottom:20px;overflow:hidden;place-items:center;width:96px}.gip-group-avatar img{height:100%;object-fit:cover;width:100%}.gip-emoji{font-size:44px;line-height:1}.gip-icon-wrap{background:linear-gradient(135deg,#6c3ce133,#ec48992e);border-radius:50%;display:grid;height:72px;margin-bottom:20px;place-items:center;width:72px}.gip-icon-wrap.error{background:linear-gradient(135deg,#ef44442e,#dc26261f)}.gip-icon{color:#a78bfa;font-size:26px}.gip-icon-wrap.error .gip-icon{color:#ef4444}.gip-success-check{animation:gipPop .4s cubic-bezier(.2,1.5,.4,1) both;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 12px 32px #10b98166;color:#fff;display:grid;font-size:36px;height:84px;margin-bottom:20px;place-items:center;width:84px}@keyframes gipPop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.gip-title{color:var(--text-primary);font-size:22px;font-weight:800;letter-spacing:-.3px;line-height:1.25;margin:0 0 8px;word-break:break-word}.gip-subtitle{color:var(--text-muted);font-size:13px;font-weight:500;line-height:1.5;margin:0 0 20px}.gip-subtitle strong{color:var(--text-primary);font-weight:700}.gip-text{color:var(--text-secondary);font-size:14px;line-height:1.55;margin:0 0 24px;max-width:320px}.gip-member-previews{flex-direction:column;gap:8px;margin-bottom:20px}.gip-avatar-stack,.gip-member-previews{align-items:center;display:flex}.gip-avatar-stack-item{background:var(--bg-input);border:2px solid var(--bg-card);border-radius:50%;box-shadow:0 2px 8px #0003;display:grid;height:36px;margin-left:-10px;overflow:hidden;place-items:center;width:36px}.gip-avatar-stack-item:first-child{margin-left:0}.gip-avatar-stack-more{background:linear-gradient(135deg,#6c3ce1,#ec4899);color:#fff;font-size:11px;font-weight:800}.gip-members-label{color:var(--text-muted);font-size:12px;font-weight:500}.gip-description{background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:12px 14px;text-align:left;width:100%}.gip-description p{color:var(--text-secondary);font-size:13.5px;line-height:1.5;margin:0;max-height:100px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.gip-primary-btn{align-items:center;background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:14px;box-shadow:0 8px 24px #6c3ce159;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.2px;padding:14px 20px;transition:transform .15s ease,box-shadow .2s ease;width:100%}.gip-primary-btn:hover:not(:disabled){box-shadow:0 10px 28px #6c3ce180;transform:translateY(-1px)}.gip-primary-btn:active:not(:disabled){transform:scale(.97)}.gip-primary-btn:disabled{cursor:not-allowed;opacity:.7}.gip-secondary-btn{background:#0000;border:1px solid var(--border-color);border-radius:14px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-top:10px;padding:12px 20px;transition:background .15s ease,color .15s ease;width:100%}.gip-secondary-btn:hover:not(:disabled){background:var(--bg-input);color:var(--text-primary)}.gip-secondary-btn:disabled{cursor:not-allowed;opacity:.5}.gip-spinner{animation:gipSpin .8s linear infinite;border-bottom:3px solid var(--border-color);border-left:3px solid var(--border-color);border-radius:50%;border-right:3px solid #ec4899;border-top:3px solid #6c3ce1;height:40px;margin-bottom:16px;width:40px}@keyframes gipSpin{to{transform:rotate(1turn)}}.gip-btn-spinner{animation:gipSpin .7s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (prefers-reduced-motion:reduce){.gip-btn-spinner,.gip-spinner,.gip-success-check{animation:none!important}.gip-primary-btn:hover:not(:disabled){transform:none!important}}@media (max-width:480px){.gip-card{border-radius:20px;padding:32px 22px 26px}.gip-group-avatar{height:84px;width:84px}.gip-emoji{font-size:38px}.gip-title{font-size:20px}}.gif-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.gif-modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px var(--shadow-color);display:flex;flex-direction:column;max-height:90vh;max-width:700px;padding:20px;position:relative;width:90%}.gif-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.gif-modal-header h2{color:var(--text-primary);font-size:20px;margin:0}.gif-modal-coins{background:#f5d74226;border:1px solid #f5d7424d;border-radius:20px;color:#f5d742;font-size:14px;font-weight:700;padding:6px 14px}.gif-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:24px}.gif-search-bar input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;margin-bottom:12px;padding:10px 14px;width:100%}.gif-categories{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:8px}.gif-cat-btn{background:var(--bg-input);border:none;border-radius:16px;color:var(--text-muted);cursor:pointer;font-size:12px;padding:6px 14px;white-space:nowrap}.gif-cat-btn.active{background:#6c3ce1;color:#fff}.gif-grid-container{flex:1 1;overflow-y:auto}.gif-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1px))}.gif-grid.profile-grid{grid-auto-rows:110px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.gif-grid.shop-grid{grid-auto-rows:130px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.gif-item{background:#000;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;overflow:hidden;position:relative}.gif-item.profile-mode{aspect-ratio:1/1;border:2px solid var(--border-color);border-radius:50%}.gif-item.shop-mode{aspect-ratio:1/1;border-radius:12px}.gif-item .gif-thumb,.gif-item img{height:100%;object-fit:cover;width:100%}.gif-coin-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border:1px solid #f5d74266;border-radius:10px;color:#f5d742;font-size:11px;padding:3px 8px}.gif-coin-badge,.gif-unlocked-badge{font-weight:700;position:absolute;right:6px;top:6px;z-index:2}.gif-unlocked-badge{background:#10b981d9;border-radius:10px;color:#fff;font-size:10px;padding:3px 6px}.gif-overlay{align-items:flex-end;background:linear-gradient(#0000,#000000d9);bottom:0;display:flex;justify-content:space-between;left:0;opacity:1;padding:8px 10px;pointer-events:none;position:absolute;right:0}.gif-item.profile-mode .gif-overlay{border-radius:0 0 50% 50%;padding-bottom:12px}.gif-title{color:#fff;font-size:11px;font-weight:500;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gif-price{align-items:center;background:#00000080;border-radius:6px;color:#f5d742;display:inline-flex;font-size:12px;font-weight:700;gap:3px;padding:2px 6px}.gif-skeleton{animation:pulse 1.2s ease-in-out infinite;background:var(--bg-input);border-radius:inherit;height:100%;position:relative;width:100%}.gif-loading-spinner{color:#6c3ce1;font-size:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.gif-error{background:var(--bg-input);color:var(--text-muted);font-size:24px;height:100%;width:100%}.gif-error,.gif-purchase-modal{align-items:center;display:flex;justify-content:center}.gif-purchase-modal{background:#000c;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:100}.gif-purchase-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;max-width:320px;padding:24px;text-align:center}.gif-purchase-content h3{color:var(--text-primary);margin-bottom:12px;margin-top:0}.gif-purchase-content p{color:var(--text-secondary);font-size:14px;margin:6px 0}.gif-purchase-actions{display:flex;gap:12px;justify-content:center;margin-top:18px}.gif-purchase-actions button{border:none;border-radius:20px;cursor:pointer;font-weight:600;padding:8px 18px}.gif-purchase-actions button:first-child{background:#6c3ce1;color:#fff}.gif-purchase-actions button:last-child{background:var(--bg-input);color:var(--text-secondary)}.gif-modal-controls{display:flex;margin-bottom:16px;width:100%}.gif-search-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;height:42px;padding:0 16px;width:100%}.username-editor-overlay{align-items:flex-end;animation:usernameOverlayIn .22s ease both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9000}@keyframes usernameOverlayIn{0%{opacity:0}to{opacity:1}}.username-editor-sheet{animation:usernameSheetIn .32s cubic-bezier(.2,1.15,.4,1) both;background:#16121e;background:var(--bg-card,#16121e);border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-bottom:none;border-radius:28px 28px 0 0;box-shadow:0 -20px 60px #00000080;max-width:480px;padding:8px 24px 32px;position:relative;width:100%}@keyframes usernameSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.username-editor-handle{background:#ffffff26;background:var(--border-color,#ffffff26);border-radius:999px;height:4px;margin:8px auto 20px;width:40px}.username-editor-header h2{color:#fff;color:var(--text-primary,#fff);font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0 0 6px}.username-editor-header p{color:#fff9;color:var(--text-secondary,#fff9);font-size:14px;line-height:1.5;margin:0 0 24px}.username-editor-input-wrap{align-items:center;background:#ffffff0a;background:var(--bg-input,#ffffff0a);border:2px solid #ffffff1a;border:2px solid var(--border-color,#ffffff1a);border-radius:16px;display:flex;padding:4px 16px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.username-editor-input-wrap:focus-within{border-color:#6c3ce1;box-shadow:0 0 0 4px #6c3ce126}.username-editor-prefix{color:#6c3ce1;font-size:20px;font-weight:700;margin-right:4px}.username-editor-input{background:#0000;border:none;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:18px;font-weight:600;letter-spacing:.3px;outline:none;padding:14px 0}.username-editor-input::placeholder{color:#ffffff4d;color:var(--text-muted,#ffffff4d);font-weight:500}.username-editor-length{color:#fff6;color:var(--text-muted,#fff6);font-size:11px;font-weight:600}.username-editor-status{border-radius:10px;display:inline-block;font-size:13px;font-weight:600;margin-top:10px;padding:8px 12px}.username-editor-status.checking{background:#ffffff0a;color:#fff9;color:var(--text-secondary,#fff9)}.username-editor-status.available{background:#10b9811f;color:#10b981}.username-editor-status.invalid,.username-editor-status.taken{background:#ef44441f;color:#ef4444}.username-editor-status.idle{background:#ffffff0a;color:#ffffff80;color:var(--text-muted,#ffffff80)}.username-editor-suggestions{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-color,#ffffff0f);margin-top:16px;padding-top:16px}.username-editor-suggestions-label{color:#ffffff80;color:var(--text-muted,#ffffff80);font-size:12px;font-weight:700;letter-spacing:.6px;margin-bottom:10px;text-transform:uppercase}.username-editor-suggestions-list{display:flex;flex-wrap:wrap;gap:8px}.username-editor-suggestion{background:#ffffff0a;background:var(--bg-input,#ffffff0a);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:999px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s ease}.username-editor-suggestion:hover{background:#6c3ce11a;border-color:#6c3ce1;transform:translateY(-1px)}.username-editor-rules{align-items:center;background:#ffffff08;border-radius:12px;color:#ffffff80;color:var(--text-muted,#ffffff80);display:flex;flex-wrap:wrap;font-size:12px;font-weight:500;gap:6px;margin-top:18px;padding:12px 14px}.username-editor-actions{display:flex;gap:10px;margin-top:24px}.username-editor-btn{border:none;border-radius:14px;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:700;padding:14px;transition:all .2s ease}.username-editor-btn.cancel{background:#ffffff0a;background:var(--bg-input,#ffffff0a);border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);color:#fff9;color:var(--text-secondary,#fff9)}.username-editor-btn.cancel:hover:not(:disabled){background:#ffffff14}.username-editor-btn.primary{background:linear-gradient(135deg,#6c3ce1,#ec4899);box-shadow:0 8px 24px #6c3ce159;color:#fff}.username-editor-btn.primary:hover:not(:disabled){box-shadow:0 12px 28px #6c3ce173;transform:translateY(-1px)}.username-editor-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}html.theme-light .username-editor-sheet{background:#fff;border-color:#00000014}html.theme-light .username-editor-header h2{color:#111}html.theme-light .username-editor-header p{color:#0009}html.theme-light .username-editor-input-wrap{background:#00000008;border-color:#0000001a}html.theme-light .username-editor-input{color:#111}html.theme-light .username-editor-suggestion{background:#0000000a;border-color:#00000014;color:#111}html.theme-light .username-editor-rules{background:#00000008;color:#0009}html.theme-light .username-editor-btn.cancel{background:#0000000d;border-color:#00000014;color:#0009}.username-pill{align-items:center;color:#8b5cf6;display:inline-flex;font-weight:600;gap:3px;transition:color .2s ease,background .2s ease;white-space:nowrap}.username-pill-sm{font-size:12px}.username-pill-md{font-size:14px}.username-pill-lg{font-size:16px;font-weight:700}.username-pill.clickable{border-radius:8px;cursor:pointer;margin:-2px -6px;padding:2px 6px}.username-pill.clickable:hover{background:#6c3ce11f;color:#a78bfa}html.theme-light .username-pill{color:#6c3ce1}html.theme-light .username-pill.clickable:hover{background:#6c3ce114;color:#4a2a9e}.account-switcher-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999999}.account-switcher-dropdown{animation:dropdownPop .25s cubic-bezier(.2,1,.4,1);background:#1c1c1e;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;max-width:360px;overflow:hidden;width:100%}@keyframes dropdownPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.account-item{align-items:center;background:#0000;border:none;display:flex;gap:14px;padding:16px;text-align:left;transition:background .15s;width:100%}.account-item.clickable{cursor:pointer}.account-item.clickable:hover{background:#ffffff0d}.account-item.expired{cursor:not-allowed;opacity:.6}.account-avatar-wrapper{flex-shrink:0;height:48px;position:relative;width:48px}.account-avatar-wrapper img{border-radius:50%;height:100%;object-fit:cover;width:100%}.account-avatar-fallback{background:#333;border-radius:50%;font-size:20px;font-weight:700;height:100%;width:100%}.account-avatar-fallback,.account-edit-badge{align-items:center;color:#fff;display:flex;justify-content:center}.account-edit-badge{background:#000;border:2px solid #1c1c1e;border-radius:50%;bottom:-2px;font-size:9px;height:20px;position:absolute;right:-2px;width:20px}.account-info{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.account-name{color:#fff;font-size:15px;font-weight:600}.account-email,.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-email{color:#ffffff80;font-size:13px}.account-collapse-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.account-session-badge{background:#ffffff1a;border-radius:6px;color:#ffffffb3;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.account-divider{background:#ffffff14;height:1px;margin:0 16px}.account-action-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:14px;padding:16px;text-align:left;transition:background .15s;width:100%}.account-action-btn:hover{background:#ffffff0d}.account-action-btn.sign-out{color:#ff453a}.action-icon-circle{align-items:center;background:#ffffff14;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.snap-profile{transition:box-shadow .3s ease,border-top .3s ease}.snap-hero-bg{filter:blur(20px) brightness(.6);transform:scale(1.1)}.snap-hero-bg[class*=premium-bg-]{filter:brightness(.85);transform:scale(1)}.premium-bg-default{background-color:var(--bg-card)}.premium-bg-aurora{animation:auroraMove 10s ease infinite;background:linear-gradient(135deg,#a78bfa,#ec4899,#3b82f6);background-size:300% 300%}.premium-bg-matrix{animation:matrixScroll 5s linear infinite;background:#000;background-image:linear-gradient(#00ff0026 1px,#0000 0),linear-gradient(90deg,#00ff0026 1px,#0000 0);background-size:20px 20px}.premium-bg-galaxy{animation:galaxyPulse 6s ease-in-out infinite;background:radial-gradient(circle at top right,#2c1654,#000,#001f3f)}.premium-bg-gold{animation:goldShimmer 4s ease infinite;background:linear-gradient(135deg,gold,#b8860b,gold);background-size:300% 300%}@keyframes auroraMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes matrixScroll{0%{background-position:0 0}to{background-position:0 20px}}@keyframes galaxyPulse{0%,to{filter:brightness(.8)}50%{filter:brightness(1.2)}}@keyframes goldShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.snap-hero-overlay{background:linear-gradient(to top,var(--bg-primary) 0,#0000 100%)}.snap-avatar-ring{animation:rotateRing 4s linear infinite;background:conic-gradient(from 0deg,#6c3ce1,#ec4899,#6c3ce1);border-radius:50%;inset:-4px;position:absolute;z-index:0}.plus-avatar-ring.gold{animation:ringPulseGold 2s infinite alternate;border:3px solid gold;box-shadow:0 0 20px #ffd70099}.plus-avatar-ring.neon{animation:ringPulseNeon 2s infinite alternate;border:3px solid #00f0ff;box-shadow:0 0 20px #00f0ff99}.plus-avatar-ring.fire{animation:ringPulseFire 1.5s infinite alternate;border:3px solid #ff4500;box-shadow:0 0 20px #ff450099}.plus-avatar-ring.rainbow{animation:rotateRing 4s linear infinite;background:conic-gradient(from 0deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red);background-clip:padding-box;border:3px solid #0000;box-shadow:0 0 20px #fff6}@keyframes ringPulseGold{0%{box-shadow:0 0 10px #ffd70066}to{box-shadow:0 0 30px #ffd700e6}}@keyframes ringPulseNeon{0%{box-shadow:0 0 10px #00f0ff66}to{box-shadow:0 0 30px #00f0ffe6}}@keyframes ringPulseFire{0%{box-shadow:0 0 10px #ff450066}to{box-shadow:0 0 30px #ff4500e6}}@keyframes rotateRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.snap-avatar{cursor:pointer;height:100px;width:100px}.avatar-overlay{align-items:center;background:#00000080;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.snap-avatar:hover .avatar-overlay{opacity:1}.snap-name{font-size:22px;gap:6px;letter-spacing:-.3px;transition:color .3s ease,text-shadow .3s ease}.snap-meta{font-size:11.5px}.snap-meta i{margin-right:3px}.snap-bio{font-size:14px}.snap-actions-row{flex-direction:column;width:100%}.snap-btn-primary,.snap-btn-secondary{font-size:13px;gap:6px;padding:10px 16px;transition:transform .15s ease}.snap-btn-primary{box-shadow:0 4px 14px #6c3ce14d}.snap-stat-btn{padding:14px 8px}.snap-stat-btn:hover{background:#ffffff05}.snap-stat-btn strong{font-size:16px}.snap-stat-btn span{letter-spacing:.5px;margin-top:2px}.snap-tab{letter-spacing:.5px;padding:14px}.snap-content-area{padding:16px}.empty-tab-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-tab-state i{font-size:32px;margin-bottom:12px;opacity:.4}.ios-sheet-overlay{align-items:flex-end;animation:fadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.ios-sheet-content{animation:slideUp .3s cubic-bezier(.2,1,.4,1);background:var(--bg-card);border-radius:24px 24px 0 0;box-shadow:0 -10px 40px #0006;max-width:480px;padding:12px 20px calc(24px + env(safe-area-inset-bottom, 0px));width:100%}.ios-sheet-handle{background:var(--border-color);border-radius:99px;height:5px;margin:0 auto 20px;width:36px}.ios-sheet-title{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:20px;text-align:center}.ios-sheet-actions{background:var(--bg-input);border-radius:16px;display:flex;flex-direction:column;margin-bottom:8px;overflow:hidden}.ios-sheet-btn{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:background .1s}.ios-sheet-btn:last-child{border-bottom:none}.ios-sheet-btn:active{background:var(--border-color)}.ios-sheet-cancel{background:var(--bg-input);border:none;border-radius:16px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:16px;width:100%}.ios-sheet-cancel:active{background:var(--border-color)}.custom-modal-overlay,.echowers-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}.echowers-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:420px;overflow:hidden;width:100%}.echowers-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.echowers-modal-header h3{color:var(--text-primary);font-size:18px;margin:0}.close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px;transition:color .2s}.close-btn:hover{color:var(--text-primary)}.echowers-tabs{border-bottom:1px solid var(--border-color);display:flex;padding:0 16px}.echowers-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:14px 8px;transition:all .2s}.echowers-tabs button.active{border-bottom-color:#6c3ce1;color:#6c3ce1}.echowers-list{flex:1 1;overflow-y:auto;padding:12px}.echower-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.echower-item:hover{background:var(--bg-input)}.echower-item .item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.echower-item .item-info strong{color:var(--text-primary);font-size:14px}.echower-item .item-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.echower-item .item-info span,.echower-item>i{color:var(--text-muted);font-size:12px}.empty-state{color:var(--text-muted);font-size:13px;padding:32px 16px;text-align:center}.profile-name-edit-wrapper{position:relative;width:100%}.profile-name-input-wrapper{align-items:center;display:flex;position:relative}.profile-name-input{background:var(--bg-input);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:16px;font-weight:600;outline:none;padding:12px 16px;text-align:center;width:100%}.profile-bio-edit-wrapper{margin-bottom:16px;position:relative}.profile-bio-textarea{background:var(--bg-input);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:80px;padding:12px 16px;resize:vertical;text-align:center;width:100%}.btn-echo-plus-status{align-items:center;background:linear-gradient(135deg,#ffd70026,#ffa5000d);border:1px solid gold;border-radius:12px;box-shadow:0 0 15px #ffd70033;color:gold;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:800;gap:8px;justify-content:center;margin-bottom:12px;padding:14px;transition:all .2s ease;width:100%}.btn-echo-plus-status:hover{background:linear-gradient(135deg,#ffd70040,#ffa5001a);box-shadow:0 0 25px #ffd70066;transform:translateY(-2px)}.echo-plus-popup-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}.echo-plus-popup-content{animation:slideUp .3s cubic-bezier(.2,1,.4,1);background:var(--bg-card);border:1px solid #ffd7004d;border-radius:24px;box-shadow:0 20px 60px #ffd70026;display:flex;flex-direction:column;max-height:85vh;max-width:480px;overflow:hidden;width:100%}.echo-plus-popup-header{align-items:center;background:linear-gradient(180deg,#ffd7001a,#0000);border-bottom:1px solid #ffd7001a;display:flex;justify-content:space-between;padding:20px}.echo-plus-popup-header h2{align-items:center;color:gold;display:flex;font-size:20px;font-weight:900;gap:8px;margin:0}.echo-plus-popup-body{flex:1 1;overflow-y:auto;padding:20px}.plus-section{background:#ffffff05;border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;padding:16px}.plus-section-title{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:800;gap:6px;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.theme-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.theme-card{background:var(--bg-input);border:2px solid #0000;border-radius:12px;cursor:pointer;padding:10px;text-align:center;transition:.2s}.theme-card.active{background:#ffd7001a;border-color:gold}.theme-preview{border-radius:8px;height:50px;margin-bottom:8px}.theme-preview.default-preview{background:#0a0a0a;border:1px solid #333}.theme-preview.midnight-preview{background:#0a1128}.theme-preview.amoled-preview{background:#000;border:1px solid #222}.theme-preview.ocean-preview{background:linear-gradient(135deg,#001f3f,#036)}.option-row{display:flex;flex-wrap:wrap;gap:10px}.pill-btn{background:var(--bg-input);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:.2s}.pill-btn.active{background:gold;border-color:gold;box-shadow:0 0 10px #ffd7004d;color:#000;font-weight:700}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.profile-page.profile-accent-gold{border-top:3px solid gold;box-shadow:inset 0 0 100px #ffd7001a}.profile-page.profile-accent-neon{border-top:3px solid #00f0ff;box-shadow:inset 0 0 100px #00f0ff1a}.profile-page.profile-accent-purple{border-top:3px solid #6c3ce1;box-shadow:inset 0 0 100px #6c3ce126}.snap-name.snap-name-accent-gold{color:gold;text-shadow:0 0 10px #ffd70080}.snap-name.snap-name-accent-neon{color:#00f0ff;text-shadow:0 0 10px #00f0ff80}.snap-name.snap-name-accent-purple{color:#6c3ce1;text-shadow:0 0 10px #6c3ce180}.profile-overlay-mode{z-index:9999}.snap-profile{background:var(--bg-primary);margin:0 auto;max-width:600px;min-height:100vh;padding-bottom:100px;position:relative}.snap-hero{align-items:center;display:flex;flex-direction:column;height:220px;justify-content:flex-end;overflow:hidden;position:relative}.snap-back-btn{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#00000073;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:grid;font-size:16px;height:42px;left:16px;place-items:center;position:absolute;top:16px;transition:transform .15s ease,background .15s ease;width:42px;z-index:10}.snap-back-btn:hover{background:#000000b3}.snap-back-btn:active{transform:scale(.9)}.snap-hero-bg{background-position:50%;background-size:cover;filter:blur(25px) brightness(.6);inset:0;position:absolute;transform:scale(1.15);z-index:0}.snap-hero-overlay{background:linear-gradient(to top,var(--bg-primary) 0,#0a0a0f66 50%,#0000 100%);inset:0;position:absolute;z-index:1}.snap-avatar-wrapper{margin-bottom:12px;position:relative;z-index:2}.snap-avatar{background:var(--bg-input);border:4px solid var(--bg-primary);border-radius:50%;height:104px;overflow:hidden;position:relative;width:104px;z-index:1}.snap-avatar img,.snap-avatar video{height:100%;object-fit:cover;width:100%}.snap-info{padding:0 16px;position:relative;text-align:center;z-index:2}.snap-name{align-items:center;color:var(--text-primary);flex-wrap:wrap;font-size:24px;font-weight:800;gap:8px;letter-spacing:-.4px;margin:0 0 4px}.snap-name,.snap-username-wrap{display:flex;justify-content:center}.snap-username-wrap{margin-bottom:6px}.snap-meta{color:var(--text-muted);display:flex;font-size:12px;font-weight:600;gap:12px;justify-content:center}.snap-meta i{font-size:10px;margin-right:4px}.snap-bio-section{padding:16px 20px 20px;text-align:center}.snap-bio{color:var(--text-secondary);font-size:14.5px;line-height:1.5;margin:0 0 16px}.snap-actions-row{display:flex;gap:10px;justify-content:center}.snap-btn-primary,.snap-btn-secondary{align-items:center;border:none;border-radius:999px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:14px;font-weight:700;gap:8px;justify-content:center;max-width:160px;padding:12px 16px;transition:transform .15s ease,box-shadow .2s ease}.snap-btn-primary:active,.snap-btn-secondary:active{transform:scale(.95)}.snap-btn-primary{background:linear-gradient(135deg,#6c3ce1,#ec4899);box-shadow:0 4px 14px #6c3ce159;color:#fff}.snap-btn-primary:hover{box-shadow:0 6px 20px #6c3ce180}.snap-btn-secondary{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary)}.snap-btn-secondary.following{background:#10b9811a;border-color:#10b9814d;color:#10b981}.snap-stats-row{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex}.snap-stat-btn{align-items:center;background:#0000;border:none;border-right:1px solid var(--border-color);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;justify-content:center;padding:16px 8px;transition:background .15s ease}.snap-stat-btn:last-child{border-right:none}.snap-stat-btn strong{color:var(--text-primary);display:block;font-size:17px;font-weight:800;line-height:1.1}.snap-stat-btn span{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.8px;margin-top:4px;text-transform:uppercase}.snap-tabs{border-bottom:1px solid var(--border-color);display:flex;margin-top:4px}.snap-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:700;letter-spacing:.8px;padding:16px;text-transform:uppercase;transition:all .2s}.snap-tab i{font-size:12px;margin-right:6px}.snap-tab.active{border-bottom-color:#6c3ce1;color:var(--text-primary)}.snap-content-area{padding:2px}.user-profile-page.error,.user-profile-page.loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh;padding:80px 24px}.user-profile-page.is-overlay{background:var(--bg-primary);inset:0;position:fixed;z-index:9999}.user-profile-spinner{animation:user-profile-spin .9s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #6c3ce1;height:36px;width:36px}@keyframes user-profile-spin{to{transform:rotate(1turn)}}@media (max-width:480px){.snap-name{font-size:20px}.snap-avatar{height:90px;width:90px}.snap-stats-row{flex-wrap:wrap}.snap-stat-btn{border-bottom:1px solid var(--border-color);min-width:33%}.snap-stat-btn:nth-child(3){border-right:none}.snap-actions-row{align-items:center;flex-direction:column}.snap-btn-primary,.snap-btn-secondary{max-width:100%;width:100%}}.snap-name-accent-gold{color:gold!important;text-shadow:0 0 15px #ffd70099}.snap-name-accent-neon{color:#00f0ff!important;text-shadow:0 0 15px #00f0ff99}.snap-name-accent-purple{color:#a78bfa!important;text-shadow:0 0 15px #a78bfa99}.snap-name-accent-red{color:#ef4444!important;text-shadow:0 0 15px #ef444499}.plus-cosmic-bg{background:radial-gradient(circle at top right,#1a0b2e,#000 70%);inset:0;overflow:hidden;position:fixed;z-index:-1}.cosmic-orb{animation:floatOrb 20s ease-in-out infinite alternate;border-radius:50%;filter:blur(100px);opacity:.5;position:absolute}.orb-1{background:#6c3ce1;height:400px;left:-100px;top:-100px;width:400px}.orb-2{animation-delay:-5s;background:#ec4899;bottom:-50px;height:350px;right:-100px;width:350px}.orb-3{animation-delay:-10s;background:gold;height:300px;left:40%;opacity:.15;top:40%;width:300px}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(50px,50px) scale(1.2)}}.plus-profile-glass-wrapper{backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);background:#0f0f1499;border:1px solid #ffffff14;border-radius:32px;box-shadow:0 30px 80px #0009,inset 0 1px 0 #ffffff0d;margin:16px auto;max-width:600px;overflow:hidden;width:calc(100% - 32px)}.plus-member-banner{align-items:center;animation:pulseBanner 2s infinite alternate;background:linear-gradient(135deg,#ffd70026,#ffa5000d);border:1px solid #ffd70066;border-radius:999px;box-shadow:0 0 20px #ffd70033;display:inline-flex;gap:8px;margin-top:12px;padding:6px 16px}.plus-member-banner span{color:gold;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}@keyframes pulseBanner{0%{box-shadow:0 0 10px #ffd7001a}to{box-shadow:0 0 25px #ffd70066}}.premium-custom-badge{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,gold,orange);-webkit-background-clip:text;font-size:14px;font-weight:900;letter-spacing:1px;margin-left:8px;text-shadow:0 0 10px #ffd7004d;text-transform:uppercase}.plus-spotlight-frame{background:#ffd7000d;border:2px solid #ffd7004d;border-radius:20px;box-shadow:inset 0 0 20px #ffd7000d;margin-left:16px;margin-right:16px;margin-top:16px;padding:8px}.plus-avatar-glow{animation:pulseGlow 3s infinite alternate;border-radius:50%;filter:blur(20px);height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:0}.plus-avatar-glow.gold{background:#ffd70099}.plus-avatar-glow.pink{background:#ec489999}.plus-avatar-glow.cyan{background:#00f3ff99}.plus-avatar-glow.rainbow{animation:pulseGlow 3s infinite alternate,rainbowSpin 6s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8);background-size:400%}@keyframes pulseGlow{0%{opacity:.4;transform:translate(-50%,-50%) scale(.9)}to{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.other-page{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:640px;min-height:100vh;padding:20px 16px 100px;text-align:center}.other-header{margin-bottom:28px;padding:8px 0 4px}.other-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c3ce1,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;margin:0 0 6px}.other-header p{color:var(--text-muted);font-size:16px;margin:0}.other-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0 auto;max-width:480px}.other-card{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:18px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:10px;justify-content:center;min-height:100px;padding:24px 12px;text-align:center;transition:all .25s ease}.other-card:hover{background:var(--bg-secondary);border-color:#6c3ce14d;border-color:var(--card-color,#6c3ce14d);box-shadow:0 8px 30px #00000014;transform:translateY(-4px)}.other-card:active{transform:scale(.97)}.other-card-icon{align-items:center;border-radius:14px;display:inline-flex;font-size:20px;height:48px;justify-content:center;transition:transform .2s;width:48px}.other-card:hover .other-card-icon{transform:scale(1.06)}.other-card-label{color:var(--text-primary);font-size:15px;font-weight:700}.other-footer{border-top:1px solid var(--border-color);color:var(--text-muted);font-size:13px;margin-top:32px;padding-top:16px;text-align:center}@media (min-width:600px){.other-grid{grid-template-columns:repeat(3,1fr);max-width:480px}}@media (min-width:1024px){.other-page{max-width:720px;padding:32px 24px 80px}.other-header h1{font-size:40px}}@media (max-width:480px){.other-header h1{font-size:28px}.other-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.other-card{min-height:80px;padding:16px 8px}.other-card-icon{font-size:17px;height:40px;width:40px}.other-card-label{font-size:13px}}.bookmarks-page{color:var(--text-primary);margin:0 auto;max-width:720px;padding:16px 16px 80px}.bookmarks-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:40vh;padding:24px 16px;text-align:center}.bookmarks-empty i{color:#f59e0b;font-size:36px;margin-bottom:12px}.bookmarks-empty p{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 6px}.bookmarks-empty span{font-size:13px;line-height:1.5;max-width:280px}.echo-bookmark-list{margin:8px 0 0}.echo-bookmark-item{align-items:center;background:var(--bg-input);padding:12px 14px;transition:transform .18s ease,box-shadow .18s ease}.echo-bookmark-item:hover{box-shadow:0 8px 20px #6c3ce11f;transform:translateY(-4px)}.echo-bookmark-main{align-items:flex-start;color:inherit;display:flex;flex:1 1;gap:10px;min-width:0;text-align:left}.echo-bookmark-main,.echo-bookmark-remove{background:#0000;border:none;cursor:pointer}.echo-bookmark-remove{align-items:center;color:var(--text-muted);display:inline-flex;flex-shrink:0;font-size:13px;gap:6px}.echo-bookmark-remove i{color:#f59e0b}.echo-bookmark-remove:hover,.settings-page{color:var(--text-primary)}.settings-page{background:var(--bg-primary);margin:0 auto;max-width:720px;min-height:100%;padding:20px 16px 80px}@media (min-width:1024px){.settings-page{max-width:100%;padding:32px 40px 80px}.settings-page .settings-header h1{font-size:32px}.settings-page .settings-card{border-radius:20px;padding:28px 32px}.settings-page .settings-card h2{font-size:22px}.settings-page .settings-card p{font-size:16px}.settings-page .btn-cancel,.settings-page .btn-danger,.settings-page .btn-verify{font-size:16px;padding:12px 32px}.settings-page .verify-input{font-size:16px;padding:12px 16px}}.settings-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;gap:12px;margin-bottom:8px;padding:6px 12px;position:sticky;top:0;z-index:10}.settings-back{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;gap:6px;padding:4px 8px;transition:background .2s,color .2s}.settings-back:hover{background:var(--bg-input);color:var(--text-primary)}.settings-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c3ce1,#ec4899);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:18px;font-size:24px;font-weight:700;margin:0}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:16px;padding:20px 24px}.settings-card h2{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:8px}.settings-card h2 i{color:#ff6b6b}.settings-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.danger-zone{background:#ff505008;border-color:#ff505033}.btn-danger{align-items:center;background:#ef4444;border:none;border-radius:40px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:10px 24px;transition:transform .2s,box-shadow .2s}.btn-danger:hover{box-shadow:0 4px 20px #ef44444d;transform:scale(1.02)}.confirm-section,.verify-section{margin-top:12px}.verify-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px;margin:8px 0;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.verify-input:focus{border-color:#6c3ce14d}.error-text{color:#ef4444;font-size:13px;margin-top:4px}.confirm-actions,.verify-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.btn-verify{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:transform .2s}.btn-verify:hover{transform:scale(1.02)}.btn-cancel{background:var(--bg-input);border:1px solid var(--border-color);border-radius:40px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.btn-cancel:hover{background:var(--border-color);color:var(--text-primary)}.deleting-section{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px 0}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #6c3ce1;height:32px;width:32px}.done-section{flex-direction:column;gap:16px;padding:20px 0}.done-section,.echo-animation{align-items:center;display:flex}.echo-animation{height:80px;justify-content:center;position:relative;width:80px}.ripple{animation:rippleOut 1.8s ease-out infinite;border:2px solid #6c3ce1;border-radius:50%;height:40px;opacity:.6;position:absolute;width:40px}.ripple:first-child{animation-delay:0s}.ripple:nth-child(2){animation-delay:.4s}.ripple:nth-child(3){animation-delay:.8s}@keyframes rippleOut{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.chat-management .chat-loading,.chat-management .no-chats-message{color:var(--text-muted);padding:20px 0;text-align:center}.chat-list-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:12px}.chat-list-header,.chat-select-all{align-items:center;display:flex;gap:8px}.chat-select-all{color:var(--text-secondary);font-size:14px}.chat-select-all input[type=checkbox]{accent-color:#6c3ce1;cursor:pointer;height:18px;width:18px}.chat-actions{display:flex;flex-wrap:wrap;gap:8px}.chat-actions button{align-items:center;border:none;border-radius:20px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:transform .15s,opacity .2s}.chat-actions button:hover:not(:disabled){transform:scale(1.02)}.chat-actions button:disabled{cursor:not-allowed;opacity:.5}.btn-clear-history{background:#6c3ce126;color:#8b5cf6}.btn-clear-history:hover:not(:disabled){background:#6c3ce140}.btn-delete-chat{background:#ef444426;color:#ef4444}.btn-delete-all,.btn-delete-chat:hover:not(:disabled){background:#ef444440}.btn-delete-all{color:#f87171}.btn-delete-all:hover:not(:disabled){background:#ef444459}.chat-list{background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;max-height:350px;overflow-y:auto;padding:4px 0}.chat-list::-webkit-scrollbar{width:4px}.chat-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.chat-list-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:10px 14px;transition:background .15s}.chat-list-item:last-child{border-bottom:none}.chat-list-item:hover{background:#ffffff0a}.chat-list-item.is-cleared{opacity:.6}.chat-list-item .chat-checkbox{accent-color:#6c3ce1;cursor:pointer;flex-shrink:0;height:18px;width:18px}.chat-list-item .chat-avatar{flex-shrink:0}.chat-list-item .chat-info{flex:1 1;min-width:0}.chat-list-item .chat-name{color:var(--text-primary);font-size:14px;font-weight:600}.chat-list-item .chat-name .cleared-badge{color:var(--text-muted);font-size:12px;font-weight:400}.chat-list-item .chat-last-message{color:var(--text-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-item .chat-actions-single{display:flex;flex-shrink:0;gap:4px}.chat-list-item .chat-actions-single button{background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px 6px;transition:background .2s,color .2s}.chat-list-item .chat-actions-single .btn-clear-single:hover{background:#6c3ce11a;color:#8b5cf6}.chat-list-item .chat-actions-single .btn-delete-single:hover{background:#ef44441a;color:#ef4444}.chat-search-wrapper{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;display:flex;margin-bottom:12px;padding:0 12px;transition:border-color .2s}.chat-search-wrapper:focus-within{border-color:#6c3ce1}.chat-search-wrapper .search-icon{color:var(--text-muted);font-size:14px;margin-right:10px}.chat-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:10px 0}.chat-search-input::placeholder{color:var(--text-muted)}.chat-search-wrapper .search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px}.chat-search-wrapper .search-clear:hover{color:var(--text-primary)}@media (max-width:600px){.chat-list-header{align-items:stretch;flex-direction:column;gap:8px}.chat-actions{justify-content:stretch}.chat-actions button{flex:1 1;justify-content:center}.chat-list-item{flex-wrap:wrap;gap:8px;padding:8px 10px}.chat-list-item .chat-name{font-size:13px}.chat-list-item .chat-last-message{font-size:12px}.chat-list-item .chat-actions-single{margin-left:auto}}.echo-toggle-btn{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:12px;margin-top:8px;padding:8px 4px}.echo-toggle-track{background:var(--border-color);border-radius:20px;flex-shrink:0;height:28px;position:relative;transition:background .2s;width:48px}.echo-toggle-btn.on .echo-toggle-track{background:linear-gradient(135deg,#6c3ce1,#ec4899)}.echo-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 6px #00000040;height:22px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:22px}.echo-toggle-btn.on .echo-toggle-thumb{transform:translateX(20px)}.echo-toggle-label{color:var(--text-secondary)}.echo-bookmark-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:12px 0 0;padding:0}.echo-bookmark-item{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.echo-bookmark-item p{color:var(--text-secondary);font-size:13px;margin:4px 0 0}.echo-bookmark-item button{background:#0000;border:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;padding:4px 6px}.echo-bookmark-item button:hover{color:#ef4444}.echo-bookmark-source{color:var(--text-muted);font-size:12px;font-weight:500}.settings-grid-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:14px}.settings-grid-3 .settings-card{height:100%;margin:0}@media (min-width:900px){.settings-grid-3{align-items:stretch;grid-template-columns:repeat(3,1fr)}.settings-page{margin:0 auto;max-width:1100px}}@media (max-width:899px){.settings-grid-3{grid-template-columns:1fr}}.settings-hero{margin:0 0 18px}.settings-kicker{color:#8b5cf6;font-size:11px;font-weight:800;letter-spacing:.16em;margin:0 0 6px;text-transform:uppercase}.settings-hero h1{font-size:28px;font-weight:800;margin:0 0 4px}.settings-hero p{color:var(--text-muted);font-size:14px;margin:0}.settings-card{border-radius:18px}@media (min-width:900px){.settings-hero h1{font-size:32px}}@media (max-width:640px){.settings-hero h1{font-size:24px}}.sessions-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.session-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;gap:14px;padding:12px 14px}.session-icon,.session-item{align-items:center;display:flex}.session-icon{background:#60a5fa1f;border-radius:50%;color:#60a5fa;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.session-info{flex:1 1;min-width:0}.session-name{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;font-weight:600;gap:8px}.session-current-badge{background:#10b981;border-radius:12px;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.session-details{color:var(--text-muted);font-size:12px;margin-top:2px}.session-logout-btn{background:none;border:none;border-radius:50%;color:#ef4444;cursor:pointer;font-size:16px;padding:6px 10px}.session-logout-btn:hover{background:#ef44441a}.about-page{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:820px;padding:20px 16px 80px}.about-hero{animation:aboutFadeIn .8s ease-out;margin-bottom:40px;padding:20px 0 10px;text-align:center}.about-kicker{color:#8b5cf6;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.about-hero h1,.about-kicker{font-weight:800;margin:0 0 6px}.about-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c3ce1,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:36px;letter-spacing:-.03em}.about-hero p{color:var(--text-muted);font-size:16px;margin:0}.about-timeline{flex-direction:column;gap:0;padding:8px 0}.about-item,.about-timeline{display:flex;position:relative}.about-item{align-items:flex-start;gap:20px;opacity:0;padding:20px 0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.about-item-visible{opacity:1;transform:translateY(0)}.about-item-visible .about-item-icon{animation:aboutIconPop .5s ease .2s both}.about-item:not(:last-child):after{animation:aboutLinePulse 3s ease-in-out infinite;background:linear-gradient(180deg,#6c3ce1,#ec4899);bottom:0;content:"";left:22px;opacity:.15;position:absolute;top:72px;width:2px}.about-item:last-child:not(:last-child):after{display:none}.about-item-icon{align-items:center;background:#6c3ce11f;border:2px solid var(--border-color);border-radius:50%;color:#8b5cf6;display:flex;font-size:18px;height:44px;justify-content:center;min-width:44px;position:relative;transition:all .3s ease;width:44px;z-index:2}.about-item-icon:after{border:2px solid #6c3ce11a;border-radius:50%;content:"";inset:-4px;opacity:0;position:absolute;transition:all .3s ease}.about-item:hover .about-item-icon{background:#6c3ce133;border-color:#6c3ce1;transform:scale(1.08) rotate(-4deg)}.about-item:hover .about-item-icon:after{opacity:1;transform:scale(1.1)}.about-item-content{background:var(--bg-input);border:1px solid var(--border-color);border-radius:16px;flex:1 1;padding:16px 20px;position:relative;transition:all .3s ease}.about-item-content:before{background:linear-gradient(135deg,#6c3ce11a,#ec48991a);border-radius:16px;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity .4s ease}.about-item:hover .about-item-content:before{opacity:1}.about-item:hover .about-item-content{border-color:#6c3ce140;box-shadow:0 8px 30px #6c3ce10f;transform:translateX(4px)}.about-item-content h3{color:var(--text-primary);font-size:17px;font-weight:700;margin:0 0 6px}.about-item-content p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0}@media (min-width:768px){.about-item-left{padding-right:20px}.about-item-right{padding-left:20px}.about-item-left .about-item-content{border-radius:16px 16px 16px 4px}.about-item-right .about-item-content{border-radius:16px 16px 4px 16px}.about-item-left .about-item-icon,.about-item-right .about-item-icon{order:0}}@media (max-width:767px){.about-item{gap:14px;padding:16px 0}.about-item:not(:last-child):after{left:20px;top:68px}.about-item-icon{font-size:16px;height:38px;min-width:38px;width:38px}.about-item-content{border-radius:14px;padding:14px 16px}.about-item-content h3{font-size:16px}.about-item-content p{font-size:14px}.about-hero h1{font-size:28px}.about-item-left .about-item-content,.about-item-right .about-item-content{border-radius:14px}}.about-footer{border-top:1px solid var(--border-color);color:var(--text-muted);font-size:13px;margin-top:20px;padding:30px 0 8px;text-align:center}@keyframes aboutFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes aboutIconPop{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes aboutLinePulse{0%,to{opacity:.1}50%{opacity:.25}}@media (min-width:1024px){.about-page{padding:32px 40px 80px}.about-hero h1{font-size:44px}.about-item-content{padding:20px 24px}.about-item:hover .about-item-content{transform:translateX(6px)}.about-item-right:hover .about-item-content{transform:translateX(-6px)}}.about-founder-card{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;color:inherit;display:inline-flex;gap:12px;margin-top:24px;padding:8px 16px 8px 8px;text-decoration:none;transition:background .15s ease,transform .15s ease,border-color .15s ease}body.light .about-founder-card,html[data-theme=light] .about-founder-card{background:#0000000a;border-color:#00000014}.about-founder-card:hover{background:#6c3ce11f;border-color:#6c3ce159;transform:translateY(-1px)}.about-founder-photo{background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,linear-gradient(135deg,#6c3ce1,#ec4899) border-box;border:2px solid #0000;border-radius:50%;flex-shrink:0;height:44px;object-fit:cover;width:44px}.about-founder-meta{align-items:flex-start;display:flex;flex-direction:column;line-height:1.2}.about-founder-name{color:var(--text-primary);font-size:14px;font-weight:700}.about-founder-role{color:var(--text-muted);font-size:11px;letter-spacing:.03em}.about-founder-link{border-bottom:1px dotted #6c3ce180;color:#6c3ce1;font-weight:600;text-decoration:none;transition:color .15s ease,border-color .15s ease}.about-founder-link:hover{border-bottom-color:#ec4899;color:#ec4899}.coin-purchase-page{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:820px;min-height:100vh;padding:20px 16px 80px}.coin-hero{animation:coinFadeIn .8s ease-out;margin-bottom:32px;padding:16px 0 10px;text-align:center}.coin-kicker{color:#8b5cf6;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.coin-hero h1,.coin-kicker{font-weight:800;margin:0 0 6px}.coin-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text;font-size:36px;letter-spacing:-.03em}.coin-hero p{color:var(--text-muted);font-size:16px;margin:0}.coin-container{margin:0 auto;max-width:600px}.coin-status{align-items:center;animation:coinFadeIn .4s ease-out;border:1px solid #0000;border-radius:12px;display:flex;font-size:14px;gap:12px;line-height:1.5;margin-bottom:20px;padding:14px 18px}.coin-status.status-success{background:#10b9811f;border-color:#10b9814d;color:#10b981}.coin-status.status-error{background:#ef44441f;border-color:#ef44444d;color:#ef4444}.coin-status.status-info{background:#6c3ce11a;border-color:#6c3ce133;color:var(--text-primary)}.coin-status-spinner{flex-shrink:0;font-size:18px}.coin-packages{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:24px}.coin-package{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:20px 14px;position:relative;text-align:center;transition:all .25s ease}.coin-package:hover{border-color:#f59e0b66;box-shadow:0 8px 30px #f59e0b14;transform:translateY(-4px)}.coin-package:active{transform:scale(.97)}.coin-package-icon{font-size:28px;margin-bottom:2px}.coin-package-amount{color:#f59e0b;font-size:26px;font-weight:800;letter-spacing:-.5px}.coin-package-price{color:var(--text-secondary);font-size:15px;margin-top:2px}.coin-package-cta{background:#6c3ce114;border-radius:20px;color:#8b5cf6;font-size:12px;font-weight:600;margin-top:8px;padding:4px 12px;transition:background .2s}.coin-package:hover .coin-package-cta{background:#6c3ce126}.coin-footer-note{align-items:flex-start;background:var(--bg-input);border:1px solid var(--border-color);border-radius:14px;color:var(--text-muted);display:flex;font-size:13px;gap:12px;line-height:1.6;padding:16px 18px}.coin-footer-note i{color:#8b5cf6;flex-shrink:0;font-size:18px;margin-top:2px}.coin-footer-note strong{color:var(--text-secondary)}@keyframes coinFadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1024px){.coin-purchase-page{padding:32px 40px 80px}.coin-hero h1{font-size:44px}}@media (max-width:480px){.coin-hero h1{font-size:28px}.coin-packages{gap:10px;grid-template-columns:repeat(2,1fr)}.coin-package{padding:14px 10px}.coin-package-amount{font-size:22px}.coin-package-price{font-size:14px}.coin-status{font-size:13px;padding:12px 14px}.coin-footer-note{font-size:12px;padding:14px}}.echo-v-nav{backdrop-filter:blur(44px) saturate(200%);-webkit-backdrop-filter:blur(44px) saturate(200%);background:linear-gradient(180deg,#221a3e9e,#140f23db);border:1px solid #ffffff24;border-radius:34px;bottom:calc(14px + env(safe-area-inset-bottom, 0px));box-shadow:0 12px 40px #0000006b,0 2px 8px #00000040,inset 0 1px 0 #ffffff29,inset 0 -1px 0 #00000038;box-sizing:border-box;height:72px;left:50%;max-width:480px;overflow:visible;padding:0 8px;pointer-events:none;position:fixed;touch-action:pan-y;transform:translateX(-50%) translateZ(0);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease;width:calc(100% - 24px);will-change:transform,opacity;z-index:50}.light .echo-v-nav,[data-theme=light] .echo-v-nav,html.theme-light .echo-v-nav{background:linear-gradient(180deg,#ffffffb8,#f5f3ffe0);border-color:#00000014;box-shadow:0 12px 40px #00000024,0 2px 8px #0000000f,inset 0 1px 0 #fffffff2,inset 0 -1px 0 #0000000a}.echo-v-nav.is-hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(140%) scale(.98)}.echo-v-nav.is-live-hidden,body.echo-hide-bottom-nav .echo-v-nav{height:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;transform:translate3d(-50%,180%,0)!important;visibility:hidden!important}@supports (-webkit-touch-callout:none){.echo-v-nav.is-live-hidden,body.echo-hide-bottom-nav .echo-v-nav{display:none!important}}.echo-v-video{border-radius:inherit;inset:0;mix-blend-mode:overlay;opacity:.1;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.echo-v-video video{filter:saturate(150%) hue-rotate(15deg);height:100%;object-fit:cover;width:100%}.light .echo-v-video,[data-theme=light] .echo-v-video,html.theme-light .echo-v-video{opacity:.06}.echo-v-blob{background:linear-gradient(135deg,#a78bfa52,#ec489933);border:1px solid #a78bfa4d;box-shadow:inset 0 1px 0 #ffffff38,0 4px 18px #6c3ce14d,0 0 32px #a78bfa33;filter:blur(.2px);height:56px;left:0;pointer-events:none;position:absolute;top:8px;transform:translateZ(0);width:60px;will-change:transform,width,height,border-radius;z-index:1}.light .echo-v-blob,[data-theme=light] .echo-v-blob,html.theme-light .echo-v-blob{background:linear-gradient(135deg,#6c3ce129,#ec48991f);border-color:#6c3ce133;box-shadow:inset 0 1px 0 #ffffffe6,0 4px 18px #6c3ce12e,0 0 32px #6c3ce11f}.echo-v-inner{box-sizing:border-box;height:100%;justify-content:space-between;margin:0 auto;max-width:560px;padding:0 4px;pointer-events:auto;position:relative;z-index:3}.echo-v-inner,.echo-v-side{align-items:center;display:flex}.echo-v-side{flex:1 1;gap:2px;justify-content:space-around;min-width:0}.echo-v-center{flex:0 0 auto;margin:0 6px}.echo-v-center,.echo-v-tab{align-items:center;display:flex}.echo-v-tab{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-radius:20px;color:#a1a1aa;color:var(--text-muted,#a1a1aa);cursor:pointer;flex-direction:column;font-family:inherit;font-size:10px;font-weight:600;gap:3px;justify-content:center;min-width:44px;padding:6px 6px 4px;position:relative;transition:color .28s ease,transform .28s cubic-bezier(.34,1.4,.64,1)}.echo-v-tab:hover{color:#c4b5fd}.echo-v-tab i{color:inherit;transition:transform .28s cubic-bezier(.34,1.4,.64,1)}.echo-v-tab:active i{transform:scale(.9)}.echo-v-tab.center{animation:liquidPop .7s cubic-bezier(.34,1.5,.4,1) both;border-radius:26px;color:#fff;padding:4px 12px 6px;transform:translateY(-14px)}.echo-v-tab.center:hover{color:#fff}@keyframes liquidPop{0%{opacity:.4;transform:translateY(6px) scale(.86)}60%{opacity:1;transform:translateY(-18px) scale(1.06)}to{opacity:1;transform:translateY(-14px) scale(1)}}.echo-v-icon{align-items:center;background:#0000;border-radius:50%;display:flex;height:34px;justify-content:center;transition:transform .28s cubic-bezier(.34,1.4,.64,1);width:34px}.echo-v-icon,.echo-v-icon i{color:inherit;position:relative}.echo-v-icon i{font-size:16px;z-index:1}.echo-v-icon.center-icon{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:1px solid #ffffff47;border-radius:50%;box-shadow:inset 0 1px 0 #fff6,0 8px 22px #6c3ce180,0 0 24px #ec48993d;color:#fff;height:48px;transition:transform .32s cubic-bezier(.34,1.5,.4,1),box-shadow .32s ease;width:48px;z-index:2}.echo-v-icon.center-icon i{color:#fff;font-size:21px}.echo-v-tab.center:active .echo-v-icon.center-icon{transform:scale(.94)}.echo-v-icon.center-icon:after{animation:centerAmbient 3.6s ease-in-out infinite;background:radial-gradient(circle,#a78bfa59 0,#0000 70%);border-radius:50%;content:"";inset:-4px;opacity:0;pointer-events:none;position:absolute}@keyframes centerAmbient{0%,to{opacity:.4}50%{opacity:.8}}.echo-v-label{color:inherit;font-size:10px;font-weight:600;max-width:96px;overflow:hidden;text-overflow:ellipsis;text-shadow:none;transition:font-weight .2s ease;white-space:nowrap;z-index:2}.echo-v-tab.center .echo-v-label{color:#fff;font-size:11px;font-weight:800}.light .echo-v-tab,[data-theme=light] .echo-v-tab{color:#6d28d9}.light .echo-v-label,[data-theme=light] .echo-v-label{color:#5b21b6!important;text-shadow:none!important}.light .echo-v-tab.center,.light .echo-v-tab.center .echo-v-label,[data-theme=light] .echo-v-tab.center,[data-theme=light] .echo-v-tab.center .echo-v-label{color:#fff!important}.dark .echo-v-tab,[data-theme=dark] .echo-v-tab{color:#a1a1aa}.dark .echo-v-label,[data-theme=dark] .echo-v-label{color:#a1a1aa!important;text-shadow:none!important}.echo-v-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#f97316);border:2px solid #140f23f2;border-radius:999px;box-shadow:0 2px 8px #ef444480;color:#fff;display:flex;font-size:9px;font-weight:800;height:16px;justify-content:center;letter-spacing:.2px;min-width:16px;padding:0 5px;position:absolute;right:-4px;top:-4px;z-index:4}.light .echo-v-badge,[data-theme=light] .echo-v-badge{border-color:#fffffff2}.echo-v-tab.is-leaving .echo-v-icon{animation:liquidDissolve .24s ease forwards}@keyframes liquidDissolve{0%{filter:blur(0);opacity:1;transform:scale(1)}to{filter:blur(3px);opacity:0;transform:scale(.4)}}.echo-v-tab.center.has-pulse .echo-v-icon.center-icon{animation:ambientGlow 2.6s ease-in-out infinite}@keyframes ambientGlow{0%,to{box-shadow:inset 0 1px 0 #fff6,0 8px 22px #6c3ce180,0 0 24px #ec48993d}50%{box-shadow:inset 0 1px 0 #ffffff80,0 10px 28px #6c3ce1b3,0 0 36px #ec48996b}}.echo-v-tab.center.pulse-flash .echo-v-icon.center-icon{animation:pulseFlash 1.6s ease both}@keyframes pulseFlash{0%{transform:scale(1)}30%{transform:scale(1.14)}60%{transform:scale(.98)}to{transform:scale(1)}}.echo-v-preview{align-items:center;animation:liquidFadeUp .32s cubic-bezier(.34,1.4,.4,1) both;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(180deg,#221a3eeb,#140f23f5);border:1px solid #a78bfa59;border-radius:16px;bottom:calc(100% + 12px);box-shadow:0 12px 30px #00000080,inset 0 1px 0 #ffffff24;color:#fff;cursor:pointer;display:flex;font-size:12.5px;font-weight:500;gap:8px;left:50%;max-width:calc(100% - 24px);overflow:hidden;padding:9px 14px;pointer-events:auto;position:absolute;text-overflow:ellipsis;transform:translateX(-50%);white-space:nowrap;z-index:60}.echo-v-preview .dot{animation:echoDotPulse 2s ease-out infinite;background:#10b981;border-radius:50%;box-shadow:0 0 0 0 #10b98180;flex-shrink:0;height:8px;width:8px}@keyframes echoDotPulse{0%{box-shadow:0 0 0 0 #10b98180}70%,to{box-shadow:0 0 0 6px #10b98100}}@keyframes liquidFadeUp{0%{opacity:0;transform:translateX(-50%) translateY(8px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.echo-online-wrap,.echo-v-sheet-wrap{align-items:flex-end;display:flex;inset:0;justify-content:center;pointer-events:auto;position:fixed;z-index:90}.echo-online-bg,.echo-v-sheet-bg{animation:echoFadeIn .2s ease both;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);background:#0000008c;inset:0;position:absolute}@keyframes echoFadeIn{0%{opacity:0}to{opacity:1}}.echo-online-sheet,.echo-v-sheet{animation:sheetUp .4s cubic-bezier(.34,1.4,.4,1) both;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:linear-gradient(180deg,#221a3ed9,#140f23f5);border:1px solid #ffffff1f;border-bottom:none;border-radius:28px 28px 0 0;box-shadow:0 -30px 90px #0000008c,inset 0 1px 0 #ffffff24;box-sizing:border-box;max-width:540px;padding:12px 20px calc(24px + env(safe-area-inset-bottom, 0px));position:relative;width:100%}.light .echo-online-sheet,.light .echo-v-sheet,[data-theme=light] .echo-online-sheet,[data-theme=light] .echo-v-sheet{background:linear-gradient(180deg,#ffffffd9,#f5f3fff5);border-color:#00000014}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.echo-online-sheet .handle,.echo-v-sheet .handle{background:#fff3;border-radius:2px;height:4px;margin:0 auto 14px;width:40px}.light .echo-online-sheet .handle,.light .echo-v-sheet .handle,[data-theme=light] .echo-online-sheet .handle,[data-theme=light] .echo-v-sheet .handle{background:#00000026}.echo-online-sheet{display:flex;flex-direction:column;max-height:min(78vh,560px)}.online-head{align-items:flex-start;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 0 14px}.light .online-head,[data-theme=light] .online-head{border-bottom-color:#0000000f}.online-head h3{color:#fff;font-size:17px;font-weight:800;letter-spacing:-.2px;margin:0}.light .online-head h3,[data-theme=light] .online-head h3{color:#111}.online-head p{font-size:11.5px;font-weight:500;margin:4px 0 0}.online-close,.online-head p{color:#a1a1aa;color:var(--text-muted,#a1a1aa)}.online-close{background:#ffffff0f;border:none;border-radius:50%;cursor:pointer;display:grid;font-size:14px;height:34px;place-items:center;transition:background .15s ease,color .15s ease,transform .15s ease;width:34px}.online-close:hover{background:#ffffff24;color:#fff;transform:scale(1.06)}.online-error{background:#ef44441f;border-left:3px solid #f87171;border-radius:10px;color:#fca5a5;font-size:12.5px;font-weight:500;margin:0 0 10px;padding:10px 12px}.online-list{flex:1 1;margin:0 -8px;min-height:0;overflow-y:auto;padding:4px 8px 8px}.online-list::-webkit-scrollbar{width:6px}.online-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.online-empty{color:#a1a1aa;color:var(--text-muted,#a1a1aa);font-size:13.5px;font-weight:500;padding:40px 20px;text-align:center}.online-row{align-items:center;background:hsla(0,0%,100%,.035);border:1px solid #ffffff0f;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-family:inherit;gap:12px;margin-bottom:6px;padding:10px 12px;text-align:left;transition:background .15s ease,border-color .15s ease,transform .15s ease;width:100%}.online-row:hover{background:#6c3ce126;border-color:#6c3ce159}.online-row.calling{background:#6c3ce138;border-color:#6c3ce18c}.online-avatar{align-items:center;background:linear-gradient(135deg,#6c3ce1,#a78bfa);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:44px;justify-content:center;overflow:hidden;position:relative;width:44px}.online-avatar img{height:100%;object-fit:cover;width:100%}.online-dot{animation:echoDotPulse 2.6s ease-out infinite;background:#10b981;border:2px solid #140f23f2;border-radius:50%;bottom:1px;box-shadow:0 0 0 0 #10b98180;height:12px;position:absolute;right:1px;width:12px}.online-meta{flex:1 1;min-width:0}.online-name{display:block;font-size:14px;font-weight:700}.online-sub{color:#a1a1aa;color:var(--text-muted,#a1a1aa);display:block;font-size:11.5px;margin-top:2px}.online-call-btn{align-items:center;background:linear-gradient(135deg,#6c3ce1,#ec4899);border-radius:50%;box-shadow:0 4px 14px #6c3ce173;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:40px;justify-content:center;width:40px}.echo-v-sheet .grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.echo-v-sheet .grid button{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:16px 12px;transition:background .15s ease,border-color .15s ease,transform .2s cubic-bezier(.34,1.5,.4,1)}.echo-v-sheet .grid button:hover{background:#6c3ce138;border-color:#6c3ce18c;transform:translateY(-2px)}.echo-v-sheet .grid button:active{transform:scale(.96)}.echo-v-sheet .grid button i{color:#c4b5fd;font-size:16px}.light .echo-v-sheet .grid button,[data-theme=light] .echo-v-sheet .grid button{background:#0000000a;border-color:#00000014;color:#111}.light .echo-v-sheet .grid button i,[data-theme=light] .echo-v-sheet .grid button i{color:#6c3ce1}@media (max-width:480px){.echo-v-nav{border-radius:32px;height:68px;padding:0 6px;width:calc(100% - 20px)}.echo-v-icon{height:32px;width:32px}.echo-v-icon.center-icon{height:44px;width:44px}.echo-v-icon.center-icon i{font-size:19px}.echo-v-tab{min-width:38px;padding:4px 4px 2px}.echo-v-tab.center{padding:3px 8px 4px;transform:translateY(-12px)}.echo-v-label{font-size:9px;max-width:58px}}@media (max-width:380px){.echo-v-nav{height:64px;width:calc(100% - 16px)}.echo-v-label{font-size:8.5px}.echo-v-icon{height:30px;width:30px}.echo-v-icon.center-icon{height:42px;width:42px}}@media (prefers-reduced-motion:reduce){.echo-online-sheet,.echo-v-icon.center-icon,.echo-v-icon.center-icon:after,.echo-v-preview,.echo-v-sheet,.echo-v-tab.center,.echo-v-tab.center.has-pulse .echo-v-icon.center-icon,.echo-v-tab.center.pulse-flash .echo-v-icon.center-icon,.echo-v-tab.is-leaving .echo-v-icon,.online-dot{animation:none!important;transition-duration:.01ms!important}.echo-v-blob{will-change:auto}}.update-popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.update-popup-content{animation:scaleIn .25s ease;background:#1a1a24;border:1px solid #ffffff0f;border-radius:24px;box-shadow:0 20px 60px #000c;max-width:400px;padding:32px 28px 24px;text-align:center;width:90%}.update-popup-icon{font-size:48px;margin-bottom:8px}.update-popup-content h3{color:#fff;font-size:22px;margin:0 0 4px}.update-popup-version{color:#8b5cf6;font-size:16px;font-weight:600;margin:4px 0 12px}.update-popup-changelog{background:#ffffff0a;border-radius:12px;margin:12px 0 16px;padding:12px 16px;text-align:left}.update-popup-changelog strong{color:#ccc;font-size:13px}.update-popup-changelog pre{color:#ddd;font-family:inherit;font-size:13px;margin:4px 0 0;white-space:pre-wrap}.update-popup-actions{display:flex;gap:12px;justify-content:center}.update-popup-btn{border:none;border-radius:30px;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:transform .2s}.update-popup-btn.update{background:linear-gradient(135deg,#6c3ce1,#ec4899);color:#fff;flex:1 1}.update-popup-btn.update:hover{transform:scale(1.04)}.update-popup-btn.later{background:#ffffff14;color:#888}.update-popup-btn.later:hover{background:#ffffff26}.update-popup-note{color:#666;font-size:12px;margin-top:12px}.install-popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.install-popup-content{animation:scaleIn .3s ease;background:#1a1a24;border:1px solid #ffffff0f;border-radius:24px;box-shadow:0 24px 80px #000c;max-width:380px;padding:36px 28px 28px;text-align:center;width:90%}.install-popup-icon{font-size:64px;margin-bottom:8px}.install-popup-content h2{color:#fff;font-size:24px;margin:0 0 8px}.install-popup-desc{color:#bbb;font-size:15px;line-height:1.5;margin:0 0 24px}.install-popup-actions{display:flex;gap:12px;justify-content:center}.install-popup-btn{border:none;border-radius:30px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;transition:transform .2s}.install-popup-btn.install{background:linear-gradient(135deg,#6c3ce1,#ec4899);color:#fff;flex:1 1}.install-popup-btn.install:hover{transform:scale(1.04)}.install-popup-btn.later{background:#ffffff14;color:#888}.install-popup-btn.later:hover{background:#ffffff26}.install-popup-note{color:#666;font-size:12px;margin-top:16px}.brand-community-page{align-items:center;background:#07030d;bottom:0;box-sizing:border-box;color:#fff;display:flex;font-family:Plus Jakarta Sans,inherit;isolation:isolate;justify-content:center;left:0;margin:0;overflow:hidden;padding:16px 16px 96px;position:fixed;right:0;top:60px;top:var(--header-height,60px);width:100%}.brand-community-page #particleCanvas,.brand-community-page .particle-canvas{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.brand-community-page .crystal-bg,.brand-community-page .rings{inset:0;pointer-events:none;position:absolute;z-index:0}.brand-community-page .crystal-bg{background-image:linear-gradient(115deg,#ffffff0f,#0000 30%),linear-gradient(245deg,#a855f72e,#0000 45%),linear-gradient(35deg,#ec48991f,#0000 50%),radial-gradient(ellipse at 50% 30%,#6c3ce14d 0,#07030dfa 75%)}.brand-community-page .rings{align-items:center;display:flex;justify-content:center}.brand-community-page .rings span{animation:ringFloat 10s ease-in-out infinite alternate;border:1px solid #a855f72e;border-radius:50%;position:absolute}.brand-community-page .rings span:first-child{height:55vmin;width:55vmin}.brand-community-page .rings span:nth-child(2){animation-delay:3s;border-color:#ec489924;height:75vmin;width:75vmin}.brand-community-page .rings span:nth-child(3){animation-delay:6s;border-color:#6c3ce11a;height:95vmin;width:95vmin}@keyframes ringFloat{0%{opacity:.4;transform:scale(.92)}to{opacity:.9;transform:scale(1.08)}}.brand-community-page .card-wrapper{perspective:1000px;position:relative;width:min(420px,calc(100% - 48px));z-index:1}.brand-community-page .container{animation:cardIn .8s cubic-bezier(.16,1,.3,1) both;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);background:linear-gradient(135deg,#ffffff14,#a855f714 40%,#05020a99);border:1px solid #ffffff2e;border-radius:32px;box-shadow:0 32px 80px -16px #000c;overflow:hidden;padding:28px 22px 22px;position:relative;text-align:center}.brand-community-page .container:before{animation:shardShimmer 8s linear infinite;background:linear-gradient(115deg,#0000,#0000 45%,#ffffff38 48%,#ffffff0a 52%,#0000 55%);content:"";height:100%;left:-50%;pointer-events:none;position:absolute;top:0;width:200%}@keyframes shardShimmer{0%{transform:translateX(-30%)}to{transform:translateX(30%)}}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.brand-community-page .logo{align-items:center;display:inline-flex;gap:12px;margin-bottom:16px}.brand-community-page .logo-icon{align-items:center;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:12px;display:flex;font-weight:800;height:44px;justify-content:center;width:44px}.brand-community-page .logo-text{background:linear-gradient(135deg,#fff 30%,#c084fc);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:24px;font-weight:800;letter-spacing:2px}.brand-community-page .badge-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.brand-community-page .badge,.brand-community-page .counter-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:700;gap:6px;padding:6px 12px}.brand-community-page .badge{background:#a855f71f;border:1px solid #a855f759;color:#c084fc}.brand-community-page .badge-dot{background:#a855f7;border-radius:50%;height:6px;width:6px}.brand-community-page .counter-badge{border:1px solid #ffffff26;color:#fffc}.brand-community-page h1{font-size:26px;line-height:1.15;margin:0 0 12px}.brand-community-page h1 span{background:linear-gradient(135deg,#c084fc,#ec4899);-webkit-background-clip:text;background-clip:text;color:#0000}.brand-community-page .sub{color:#ffffffa6;font-size:15px;line-height:1.6;margin:0 auto 24px;max-width:420px}.brand-community-page .form-wrap{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.brand-community-page .input-box-wrapper{flex:1 1 220px;position:relative}.brand-community-page .form-wrap input{background:#05020a99;border:1px solid #ffffff2e;border-radius:100px;color:#fff;font:inherit;padding:14px 40px 14px 18px;width:100%}.brand-community-page .input-status{opacity:0;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.brand-community-page .input-box-wrapper.valid .input-status-valid{color:#34d399;opacity:1}.brand-community-page .input-box-wrapper.invalid .input-status-invalid{color:#f87171;opacity:1}.brand-community-page .form-wrap button{background:linear-gradient(135deg,#a855f7,#7e22ce);border:0;border-radius:100px;color:#fff;cursor:pointer;font-weight:700;padding:14px 24px}.brand-community-page .form-wrap button:disabled{cursor:not-allowed;opacity:.5}.brand-community-page .fs-message{border-radius:12px;font-size:13px;margin-top:12px;padding:10px 14px}.brand-community-page .fs-message.success{background:#a855f726;color:#c084fc}.brand-community-page .fs-message.error{background:#f871711f;color:#f87171}.brand-community-page .fs-message.info{background:#ffffff0f;color:#c4b5fd}.brand-community-page .share-bar{align-items:center;border-top:1px solid #ffffff14;color:#ffffff73;display:flex;font-size:12px;gap:10px;justify-content:center;margin-top:22px;padding-top:16px}.brand-community-page .share-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;height:32px;justify-content:center;text-decoration:none;width:32px}.brand-community-page .footer{color:#ffffff59;font-size:12px;margin-top:14px}.brand-community-page .footer a{color:#ffffffa6}.brand-community-page .toast{background:#140a23eb;border:1px solid #a855f766;border-radius:100px;bottom:96px;font-size:12px;left:50%;padding:10px 18px;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(80px);transition:transform .3s ease;z-index:40}.brand-community-page .toast.active{transform:translateX(-50%) translateY(0)}@media (max-width:480px){.brand-community-page .container{border-radius:24px;padding:28px 16px}.brand-community-page h1{font-size:22px}}.brand-community-page .share-main{border-radius:100px;font-weight:700;height:40px;min-width:160px;padding:0 18px;width:auto}.shop-page{color:var(--text-primary);margin:0 auto;max-width:480px;min-height:100%;padding:0 16px 100px}@media (min-width:1024px){.shop-page{max-width:100%;padding:0 40px 100px}.shop-page .shop-header{margin:0 auto;max-width:720px}.shop-page .shop-section{border-radius:20px;margin:24px auto 32px;max-width:720px;padding:24px 20px}.shop-page .shop-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.shop-page .shop-item{padding:16px}.shop-page .shop-item-name{font-size:14px}.shop-page .shop-btn{font-size:13px;padding:6px 16px}}.shop-admin-layout{align-items:flex-start;display:flex;gap:32px;margin:0 auto;max-width:1400px}.shop-admin-left{flex:2 1;min-width:0}.shop-admin-right{flex:1 1;max-height:calc(100vh - 100px);max-width:420px;min-width:320px;overflow-y:auto;padding-right:4px;position:sticky;top:20px}.shop-admin-right::-webkit-scrollbar{width:4px}.shop-admin-right::-webkit-scrollbar-track{background:#0000}.shop-admin-right::-webkit-scrollbar-thumb{background:#6c3ce1;border-radius:4px}@media (max-width:1024px){.shop-admin-layout{flex-direction:column}.shop-admin-left,.shop-admin-right{flex:1 1;max-height:none;max-width:100%;min-width:0;overflow-y:visible;padding-right:0;position:static;width:100%}}.admin-gif-panel{background:var(--bg-input);border:1px solid var(--border-color);border-radius:16px;margin-bottom:20px;padding:16px 20px}.admin-gif-panel h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 12px}.admin-gif-panel h3 i{color:#6c3ce1}.admin-gif-form-group{margin-bottom:12px}.admin-gif-form-group label{color:var(--text-secondary);display:block;font-size:13px;margin-bottom:4px}.admin-gif-form-group input[type=number],.admin-gif-form-group input[type=text]{background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.admin-gif-form-group input:focus{border-color:#6c3ce1}.admin-gif-form-group input:disabled{cursor:not-allowed;opacity:.4}.admin-gif-form-group small{color:var(--text-muted);display:block;font-size:12px;margin-top:4px}.admin-gif-upload-area{width:100%}.admin-gif-drop-zone{align-items:center;background:var(--bg-input);border:2px dashed var(--border-color);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:100px;padding:20px 16px;transition:all .2s ease}.admin-gif-drop-zone:hover{background:#6c3ce10d;border-color:#6c3ce180}.admin-gif-drop-zone i{color:#6c3ce1;font-size:28px;opacity:.6}.admin-gif-drop-zone span{color:var(--text-secondary);font-size:13px;font-weight:500}.admin-gif-drop-zone small{color:var(--text-muted);font-size:11px}.admin-gif-preview-wrapper{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:12px}.admin-gif-preview-circle{border:2px solid #6c3ce14d;border-radius:50%;box-shadow:0 0 20px #6c3ce126;height:80px;overflow:hidden;width:80px}.admin-gif-preview-circle img{height:100%;object-fit:cover;width:100%}.admin-gif-preview-actions{display:flex;gap:8px}.admin-gif-change-btn,.admin-gif-remove-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 14px;transition:all .2s ease}.admin-gif-change-btn{background:#6c3ce133;color:#8b5cf6}.admin-gif-change-btn:hover:not(:disabled){background:#6c3ce14d}.admin-gif-remove-btn{background:#ef444426;color:#ef4444}.admin-gif-remove-btn:hover:not(:disabled){background:#ef444440}.admin-gif-change-btn:disabled,.admin-gif-remove-btn:disabled{cursor:not-allowed;opacity:.4}.admin-gif-filename{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px}.admin-gif-filename i{color:#6c3ce1}.admin-gif-submit{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:4px;padding:10px;transition:opacity .2s,transform .15s;width:100%}.admin-gif-submit:hover:not(:disabled){opacity:.9;transform:scale(1.01)}.admin-gif-submit:disabled{cursor:not-allowed;opacity:.5}.admin-gif-spinner{animation:spin .8s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.admin-manage-gifs{margin-top:0}.admin-gif-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding-right:4px}.admin-gif-list::-webkit-scrollbar{width:4px}.admin-gif-list::-webkit-scrollbar-track{background:#0000}.admin-gif-list::-webkit-scrollbar-thumb{background:#6c3ce1;border-radius:4px}.admin-gif-list-item{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:10px;padding:8px 10px;transition:background .2s}.admin-gif-list-item:hover{background:var(--border-color)}.admin-gif-list-preview{border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.admin-gif-list-preview img{height:100%;object-fit:cover;width:100%}.admin-gif-list-info{flex:1 1;min-width:0}.admin-gif-list-title{color:var(--text-primary);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-gif-list-meta{color:var(--text-muted);font-size:11px}.admin-gif-list-actions{display:flex;flex-shrink:0;gap:6px}.admin-gif-delete-btn,.admin-gif-edit-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s;width:28px}.admin-gif-edit-btn{background:#6c3ce133;color:#8b5cf6}.admin-gif-edit-btn:hover{background:#6c3ce159}.admin-gif-delete-btn{background:#ef444426;color:#ef4444}.admin-gif-delete-btn:hover{background:#ef44444d}.admin-edit-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999}.admin-edit-modal{animation:scaleIn .2s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px var(--shadow-color);max-width:400px;padding:24px 28px;width:90%}.admin-edit-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.admin-edit-modal-header h4{color:var(--text-primary);font-size:18px;margin:0}.admin-edit-modal-close{background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;font-size:20px;padding:4px;transition:background .2s}.admin-edit-modal-close:hover{background:var(--bg-input);color:var(--text-primary)}.admin-edit-modal-body{margin-bottom:16px}.admin-edit-modal-body .admin-gif-form-group{margin-bottom:12px}.admin-edit-modal-body .admin-gif-form-group label{color:var(--text-secondary);display:block;font-size:13px;margin-bottom:4px}.admin-edit-modal-body .admin-gif-form-group input[type=number],.admin-edit-modal-body .admin-gif-form-group input[type=text]{background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;outline:none;padding:10px 14px;width:100%}.admin-edit-modal-body .admin-gif-form-group input:focus{border-color:#6c3ce1}.admin-gif-checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex!important;font-size:14px;gap:8px}.admin-gif-checkbox-label input[type=checkbox]{accent-color:#6c3ce1;cursor:pointer;height:18px;width:18px}.admin-edit-modal-actions{display:flex;gap:12px;justify-content:flex-end}.admin-edit-modal-cancel,.admin-edit-modal-save{border:none;border-radius:30px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.admin-edit-modal-cancel{background:var(--bg-input);color:var(--text-secondary)}.admin-edit-modal-cancel:hover{background:var(--border-color)}.admin-edit-modal-save{background:linear-gradient(135deg,#6c3ce1,#ec4899);color:#fff}.admin-edit-modal-save:hover{box-shadow:0 4px 20px #6c3ce14d;transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.shop-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.shop-header-left{flex:0 0 auto}.shop-header-center{flex:1 1;text-align:center}.shop-header-center h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c3ce1,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:28px;margin:0}.shop-header-right{flex:0 0 auto}.shop-coins{background:#f5d7421f;border:1px solid #f5d74233;border-radius:20px;color:#f59e0b;font-size:18px;font-weight:700;padding:6px 16px;white-space:nowrap}.shop-coins-skeleton{background:#f5d74214;border:1px solid #f5d7421a;border-radius:20px;display:inline-block;padding:6px 16px}.shop-coins-skeleton .skeleton-line{animation:pulse 1.2s ease-in-out infinite;background:var(--bg-input);border-radius:12px;height:20px;width:80px}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.shop-get-more{background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:6px 16px;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.shop-get-more:hover{box-shadow:0 4px 15px #f59e0b66;transform:scale(1.05)}.shop-section{border-radius:16px;margin-bottom:32px;margin-top:20px;padding:20px 16px}.shop-section.skins-section{background:#ec48990f;border:1px solid #ec489926}.shop-section.skins-section h2{color:#ec4899}.shop-section.gifs-section{background:#3b82f60f;border:1px solid #3b82f626}.shop-section.gifs-section h2{color:#60a5fa}.shop-section h2{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:16px;text-align:center}.shop-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.shop-item{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;justify-content:flex-start;padding:12px;text-align:center;transition:all .2s}.shop-item:hover{box-shadow:0 8px 30px var(--shadow-color);transform:translateY(-2px)}.skins-section .shop-item:hover{border-color:#ec489966;box-shadow:0 8px 30px #ec489914}.gifs-section .shop-item:hover{border-color:#3b82f666;box-shadow:0 8px 30px #3b82f614}.shop-item-name{color:var(--text-primary);font-size:13px;font-weight:500;margin:6px 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.countdown,.shop-item-limited{color:#f59e0b;font-size:10px}.countdown{margin:2px 0}.countdown.expired{color:#ef4444}.shop-item-price{color:#f59e0b;font-size:13px;font-weight:600;margin:4px 0}.shop-item-actions{margin-top:8px;width:100%}.shop-btn{background:#6c3ce1;border:none;border-radius:50px;color:#fff;cursor:pointer;display:block;font-size:11px;font-weight:600;margin:0 auto;max-width:100px;padding:4px 12px;transition:transform .2s,opacity .2s;width:100%}.shop-btn:hover:not(:disabled){transform:scale(1.02)}.shop-btn:disabled{cursor:not-allowed;opacity:.5}.shop-btn.buy{background:linear-gradient(135deg,#6c3ce1,#ec4899)}.shop-btn.active{background:#10b981}.owned-badge{color:#10b981;font-size:12px;font-weight:600}.gif-item .gif-preview{aspect-ratio:1/1;background:#0003;border:2px solid var(--border-color);border-radius:50%;margin-bottom:6px;overflow:hidden;width:100%}.gif-item .gif-preview img{height:100%;object-fit:cover;width:100%}.shop-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.shop-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #6c3ce1;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.shop-header{flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:4px}.shop-header-left,.shop-header-right{flex:0 0 auto}.shop-header-center{flex:0 0 100%;margin-bottom:4px;order:-1}.shop-header-center h1{font-size:24px}.shop-coins{font-size:16px;padding:4px 14px}.shop-coins-skeleton .skeleton-line{height:18px;width:70px}.shop-get-more{font-size:13px;padding:4px 14px}.shop-section{margin-bottom:24px;margin-top:16px}.shop-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));justify-items:center}.shop-item{align-items:center;display:flex;flex-direction:column;max-width:160px;padding:14px 10px;width:100%}.shop-item,.shop-item .echomoji{margin:0 auto}.shop-item-name{font-size:12px}.shop-btn{font-size:10px;max-width:80px;padding:4px 8px}.gif-item .gif-preview{height:80px;width:80px}}@media (max-width:380px){.shop-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.shop-item{max-width:130px;padding:10px 8px}.shop-item .echomoji{height:40px!important;width:40px!important}.shop-item-name{font-size:11px}.shop-btn{font-size:9px;max-width:70px;padding:3px 6px}}.page-back-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;gap:12px;margin-bottom:8px;padding:6px 12px;position:sticky;top:0;z-index:10}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.shop-item.skeleton .skeleton-image{animation:shimmer 1.5s linear infinite;aspect-ratio:1/1;background:var(--bg-input);background-image:linear-gradient(90deg,var(--bg-input) 0,var(--border-color) 40px,var(--bg-input) 80px);background-size:200px 100%;border-radius:12px;margin-bottom:8px;width:100%}.shop-item.skeleton .skeleton-title{height:16px;width:60%}.shop-item.skeleton .skeleton-price,.shop-item.skeleton .skeleton-title{animation:shimmer 1.5s linear infinite;background:var(--bg-input);background-image:linear-gradient(90deg,var(--bg-input) 0,var(--border-color) 40px,var(--bg-input) 80px);background-size:200px 100%;border-radius:4px;margin:4px auto}.shop-item.skeleton .skeleton-price{height:14px;width:40%}.shop-item.skeleton .skeleton-btn{animation:shimmer 1.5s linear infinite;background:var(--bg-input);background-image:linear-gradient(90deg,var(--bg-input) 0,var(--border-color) 40px,var(--bg-input) 80px);background-size:200px 100%;border-radius:20px;height:32px;margin:8px auto 0;width:70%}.shop-header .shop-coins-skeleton .skeleton-line{border-radius:12px;height:24px}.shop-header .shop-coins-skeleton .skeleton-line,.shop-header .shop-get-more.skeleton-btn{animation:shimmer 1.5s linear infinite;background:var(--bg-input);background-image:linear-gradient(90deg,var(--bg-input) 0,var(--border-color) 40px,var(--bg-input) 80px);background-size:200px 100%;width:80px}.shop-header .shop-get-more.skeleton-btn{border:none;border-radius:20px;color:#0000;cursor:default;height:32px}.admin-panel{box-sizing:border-box;color:var(--text-primary);margin:0 auto;max-width:1400px;overflow-x:hidden;padding:20px 16px 80px}.admin-stats-row{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px}.admin-stats-left{flex:1 1;min-width:200px}.admin-stats-right{display:flex;flex:1 1;flex-wrap:wrap;gap:16px}.stat-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:16px;flex:1 1;min-width:120px;padding:16px 20px;transition:border-color .2s}.stat-card .stat-label{color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-card .stat-value{color:var(--text-primary);font-size:32px;font-weight:700;margin-top:4px}.stat-card.daily-active .stat-value{color:#10b981}.stat-card.online-now .stat-value{color:#8b5cf6}.admin-chart-container{background:var(--bg-input);border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;padding:20px 24px}.admin-chart-container h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.admin-chart{align-items:flex-end;display:flex;gap:8px;height:160px;justify-content:space-around;padding:8px 0}.chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.chart-bar-label{color:var(--text-muted);font-size:11px;margin-top:6px;text-transform:uppercase}.chart-bar-track{align-items:flex-end;background:var(--bg-input);border-radius:4px;display:flex;height:100%;justify-content:center;min-height:100px;position:relative;width:100%}.chart-bar{border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease;width:60%}.chart-bar-value{color:var(--text-muted);font-size:11px;margin-top:4px}.chart-empty,.chart-loading{color:var(--text-muted);padding:30px 0;text-align:center;width:100%}.admin-two-col{align-items:flex-start;display:flex;gap:32px}.admin-col-left{flex:1.2 1;min-width:0}.admin-col-right{flex:1.5 1;max-width:480px;min-width:320px}@media (max-width:1024px){.admin-two-col{flex-direction:column}.admin-col-left,.admin-col-right{flex:1 1;max-width:100%;min-width:0;width:100%}.admin-stats-left,.admin-stats-right{flex:1 1 100%}.admin-stats-right{flex-direction:row}.admin-chart{height:120px}.chart-bar-track{min-height:70px}}.admin-header{margin-bottom:24px}.admin-panel h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c3ce1,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:28px;margin-bottom:4px}.admin-subtitle{color:var(--text-muted);font-size:14px}.admin-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:16px;margin-bottom:20px;overflow:hidden;padding:20px 24px;transition:border-color .2s}.admin-card:hover{border-color:#6c3ce133}.admin-card h2{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 16px}.card-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}@media (min-width:600px){.card-header{align-items:center;flex-direction:row;justify-content:space-between}}.search-wrapper{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;display:flex;flex:1 1;gap:8px;max-width:400px;padding:0 12px;transition:border-color .2s}.search-wrapper:focus-within{border-color:#6c3ce1}.search-icon{color:var(--text-muted);font-size:14px}.search-wrapper input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;min-width:0;outline:none;padding:8px 0}.refresh-btn,.search-wrapper input::placeholder{color:var(--text-muted)}.refresh-btn{background:none;border:none;border-radius:6px;cursor:pointer;padding:4px 8px;transition:all .2s}.refresh-btn:hover:not(:disabled){background:var(--bg-input);color:var(--text-primary)}.refresh-btn:disabled{cursor:not-allowed;opacity:.4}.table-wrapper{-webkit-overflow-scrolling:touch;margin-bottom:8px;overflow-x:auto}.user-table{border-collapse:collapse;font-size:14px;min-width:500px;width:100%}.user-table th{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 8px 8px 0;text-align:left;text-transform:uppercase}.user-table td,.user-table th{border-bottom:1px solid var(--border-color)}.user-table td{padding:10px 8px 10px 0;vertical-align:middle}.user-table tr:last-child td{border-bottom:none}.user-table tr:hover td{background:var(--bg-input)}.uid-cell{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-family:monospace;font-size:12px;gap:8px}.uid-cell code{background:var(--bg-input);border-radius:4px;display:inline-block;font-size:11px;max-width:200px;overflow-wrap:break-word;padding:2px 6px}.copy-btn{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:13px;padding:2px 6px;transition:all .2s}.copy-btn:hover{background:var(--bg-input);color:var(--text-primary)}.action-btn{align-items:center;background:#6c3ce126;border:none;border-radius:6px;color:#a78bfa;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;transition:all .2s}.action-btn:hover{background:#6c3ce14d}.table-footer{border-top:1px solid var(--border-color);color:var(--text-muted);font-size:12px;padding-top:8px}.empty-placeholder,.loading-placeholder{color:var(--text-muted);padding:30px 0;text-align:center}.admin-input-group{margin-bottom:16px}.admin-input-group label{color:var(--text-secondary);display:block;font-size:13px;margin-bottom:4px}.uid-input-wrapper{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:8px;padding:0 12px;transition:border-color .2s}.uid-input-wrapper:focus-within{border-color:#6c3ce1}.uid-input-wrapper input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:monospace;font-size:14px;min-width:0;outline:none;padding:10px 0}.clear-uid,.uid-input-wrapper input::placeholder{color:var(--text-muted)}.clear-uid{background:none;border:none;border-radius:50%;cursor:pointer;padding:4px;transition:all .2s}.clear-uid:hover:not(:disabled){background:var(--bg-input);color:var(--text-primary)}.clear-uid:disabled{cursor:not-allowed;opacity:.3}.admin-actions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}@media (min-width:500px){.admin-actions-grid{grid-template-columns:1fr 1fr}}.admin-actions-grid button{align-items:center;background:#6c3ce126;border:1px solid #0000;border-radius:10px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.admin-actions-grid button:hover:not(:disabled){background:#6c3ce140;transform:scale(1.01)}.admin-actions-grid button:disabled{cursor:not-allowed;opacity:.4;transform:none!important}.admin-actions-grid .admin-danger{background:#ef444426;border-color:#ef444433;color:#ef4444}.admin-actions-grid .admin-danger:hover:not(:disabled){background:#ef444440;border-color:#ef444466}.admin-actions-grid .admin-success{background:#10b98126;border-color:#10b98133;color:#10b981}.admin-actions-grid .admin-success:hover:not(:disabled){background:#10b98140;border-color:#10b98166}.add-coins-wrapper{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1;width:100%}.add-coins-wrapper input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-primary);flex:1 1;font-size:14px;min-width:60px;outline:none;padding:10px 12px}.add-coins-wrapper input:focus{border-color:#6c3ce1}.add-coins-wrapper button{align-items:center;border:1px solid #0000;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:80px;padding:10px 12px;transition:all .2s}.add-coins-wrapper button:disabled{cursor:not-allowed;opacity:.4;transform:none!important}.add-coins-wrapper button:first-of-type{background:#10b98126;border-color:#10b98133;color:#10b981}.add-coins-wrapper button:first-of-type:hover:not(:disabled){background:#10b98140;border-color:#10b98166}.add-coins-wrapper button:last-of-type{background:#ef444426;border-color:#ef444433;color:#ef4444}.add-coins-wrapper button:last-of-type:hover:not(:disabled){background:#ef444440;border-color:#ef444466}.status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:2px 10px}.status-badge.online{background:#10b98126;color:#10b981}.status-badge.offline{background:#6b728026;color:#9ca3af}.status-badge.banned{background:#ef444426;color:#ef4444}.toast{bottom:100px!important}.admin-message-card .admin-message-input:focus,.admin-message-card .admin-message-textarea:focus{background:var(--bg-input);border-color:#6c3ce1}.admin-message-card .admin-message-textarea{min-height:80px;resize:vertical}.admin-message-card .admin-message-send-btn{align-items:center;background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:opacity .2s,transform .15s;width:100%}.admin-message-card .admin-message-send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.01)}.admin-message-card .admin-message-send-btn:disabled{cursor:not-allowed;opacity:.4}.admin-message-card .admin-message-input,.admin-message-card .admin-message-textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,background .2s;width:100%}.admin-message-card .admin-message-input:disabled,.admin-message-card .admin-message-textarea:disabled{cursor:not-allowed;opacity:.5}.admin-message-card .admin-message-input::placeholder,.admin-message-card .admin-message-textarea::placeholder{color:var(--text-muted)}@media (max-width:768px){.admin-panel{padding:16px 12px 100px}.admin-card{padding:16px 14px}.admin-card h2{font-size:16px;margin-bottom:12px}.search-wrapper{max-width:100%;width:100%}.user-table{font-size:12px;min-width:400px}.user-table td,.user-table th{padding:6px 4px}.uid-cell code{font-size:10px;max-width:120px}.admin-actions-grid{grid-template-columns:1fr}.add-coins-wrapper{flex-direction:column}.add-coins-wrapper button,.add-coins-wrapper input{min-width:0;width:100%}.admin-stats-row{flex-direction:column}.admin-col-right,.stat-card{min-width:0}.admin-two-col{gap:16px}.admin-chart-container{padding:16px}.admin-chart{height:100px}.admin-message-card .admin-message-textarea,.chart-bar-track{min-height:60px}}@media (max-width:480px){.admin-panel{padding:12px 8px 90px}.admin-card{border-radius:12px;padding:14px 10px}.user-table{font-size:11px;min-width:300px}.user-table td,.user-table th{padding:4px 2px}.uid-cell code{font-size:9px;max-width:80px}.search-wrapper input{font-size:13px;padding:6px 0}.admin-actions-grid button{font-size:13px;padding:8px 12px}.add-coins-wrapper button,.add-coins-wrapper input{font-size:13px;padding:8px 10px}.admin-chart-container{padding:12px}.admin-chart{height:80px}.chart-bar-track{min-height:40px}.chart-bar-label{font-size:9px}}.ban-screen{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.ban-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 24px 80px var(--shadow-color);max-width:400px;padding:40px 32px;text-align:center;width:100%}.ban-icon{color:#ef4444;font-size:56px;margin-bottom:16px}.ban-card h1{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 12px}.ban-reason{color:#f59e0b;font-size:14px;margin:0 0 8px}.ban-message{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:8px 0 24px}.ban-logout-btn{align-items:center;background:#ef4444;border:none;border-radius:30px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 32px;transition:transform .2s}.ban-logout-btn:hover{transform:scale(1.02)}.legal-page{--legal-purple:#6c3ce1;--legal-pink:#ec4899;--legal-accent:#8b5cf6;--legal-card-radius:22px;--legal-bg-primary:var(--bg-primary,#fbfaff);--legal-bg-input:var(--bg-input,#fff);--legal-text-primary:var(--text-primary,#211b2c);--legal-text-secondary:var(--text-secondary,#534d5e);--legal-text-muted:var(--text-muted,#716b7a);--legal-border-color:var(--border-color,#e8e4ef);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--legal-bg-primary);color:var(--legal-text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;padding:48px 0 36px;width:min(100% - 40px,1080px)}body:has(.legal-page){background:#fbfaff;background:var(--bg-primary,#fbfaff)}@media (prefers-color-scheme:dark){body:has(.legal-page){background:#15121c;background:var(--bg-primary,#15121c)}.legal-page{--legal-bg-primary:var(--bg-primary,#15121c);--legal-bg-input:var(--bg-input,#1d1926);--legal-text-primary:var(--text-primary,#f4effa);--legal-text-secondary:var(--text-secondary,#cec6d8);--legal-text-muted:var(--text-muted,#aaa1b5);--legal-border-color:var(--border-color,#383044)}}.legal-hero{align-items:center;display:flex;flex-direction:column;isolation:isolate;margin:0 auto 40px;padding:26px 20px 30px;position:relative;text-align:center}.legal-hero:before{background:radial-gradient(ellipse,#8b5cf61a,rgba(236,72,153,.035) 48%,#0000 72%);border-radius:50%;content:"";height:240px;left:50%;pointer-events:none;position:absolute;top:-22px;transform:translateX(-50%);width:min(640px,100%);z-index:-1}.legal-kicker{align-items:center;color:var(--legal-accent);display:inline-flex;font-size:11px;font-weight:800;gap:9px;letter-spacing:.16em;line-height:1.4;margin:0 0 16px;text-transform:uppercase}.legal-kicker span{background:linear-gradient(135deg,var(--legal-purple),var(--legal-pink));border-radius:50%;box-shadow:0 0 0 4px #8b5cf61f;height:7px;width:7px}.legal-hero h1{color:var(--legal-text-primary);font-size:clamp(2.4rem,6vw,3.8rem);font-weight:800;letter-spacing:-.055em;line-height:1.08;margin:0}.legal-hero h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(115deg,var(--legal-purple) 8%,#9b55e8 48%,var(--legal-pink) 94%);-webkit-background-clip:text;background-clip:text}.legal-intro{color:var(--legal-text-secondary);font-size:16px;line-height:1.65;margin:17px 0 0}.legal-updated{align-items:center;background:var(--legal-bg-input);border:1px solid var(--legal-border-color);border-radius:999px;color:var(--legal-text-muted);display:inline-flex;font-size:12px;font-weight:500;gap:8px;line-height:1.4;margin:21px 0 0;padding:8px 13px}.legal-updated i{color:var(--legal-accent);font-size:13px}.legal-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}.legal-card{background:var(--legal-bg-input);border:1px solid var(--legal-border-color);border-radius:var(--legal-card-radius);box-shadow:0 8px 28px rgba(28,19,51,.045);min-width:0;overflow:hidden;padding:25px 27px 27px;position:relative;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.legal-card:before{background:linear-gradient(90deg,#0000,var(--legal-purple),#0000);background:linear-gradient(90deg,#0000,var(--card-color,var(--legal-purple)),#0000);content:"";height:2px;left:0;opacity:.7;position:absolute;right:0;top:0;transition:opacity .22s ease}.legal-card:hover{border-color:color-mix(in srgb,var(--card-color,var(--legal-purple)) 38%,var(--legal-border-color));box-shadow:0 16px 38px #311f531a;transform:translateY(-3px)}.legal-card:hover:before{opacity:1}.legal-card-header{align-items:center;display:flex;gap:14px;margin-bottom:19px}.legal-card-icon{background:#8b5cf61a;background:color-mix(in srgb,var(--legal-purple) 11%,var(--legal-bg-input));background:color-mix(in srgb,var(--card-color,var(--legal-purple)) 11%,var(--legal-bg-input));border:1px solid #8b5cf633;border-color:color-mix(in srgb,var(--card-color,var(--legal-purple)) 20%,#0000);border-radius:15px;color:var(--legal-purple);color:var(--card-color,var(--legal-purple));display:grid;flex:0 0 46px;font-size:18px;height:46px;place-items:center;transition:transform .22s ease,background-color .22s ease;width:46px}.legal-icon{display:block;flex:0 0 auto;height:20px;width:20px}.legal-card-icon .legal-icon{height:21px;width:21px}.legal-card:hover .legal-card-icon{background:color-mix(in srgb,var(--legal-purple) 16%,var(--legal-bg-input));background:color-mix(in srgb,var(--card-color,var(--legal-purple)) 16%,var(--legal-bg-input));transform:translateY(-2px)}.legal-card-header h2{color:var(--legal-text-primary);font-size:20px;font-weight:750;letter-spacing:-.025em;line-height:1.3;margin:0}.legal-card-body,.legal-card-body p{color:var(--legal-text-secondary)}.legal-card-body p{font-size:14px;line-height:1.75;margin:0 0 13px}.legal-card-body p:last-child{margin-bottom:0}.legal-card-body ul{grid-gap:9px;display:grid;gap:9px;list-style:none;margin:14px 0 17px;padding:0}.legal-card-body ul li{color:var(--legal-text-secondary);font-size:14px;line-height:1.7;padding-left:20px;position:relative}.legal-card-body ul li:before{background:var(--legal-purple);background:var(--card-color,var(--legal-purple));border-radius:2px;content:"";height:6px;left:2px;position:absolute;top:.72em;transform:rotate(45deg);width:6px}.legal-card-body strong{color:var(--legal-text-primary);font-weight:700}.legal-card-body a{color:#6c3ce1;color:color-mix(in srgb,var(--legal-accent) 55%,var(--legal-text-primary));font-weight:600;text-decoration-color:color-mix(in srgb,var(--legal-accent) 45%,#0000);text-underline-offset:3px;transition:color .16s ease,text-decoration-color .16s ease}.legal-card-body a:hover{color:var(--legal-purple);text-decoration-color:initial}.legal-card-body a:focus-visible,.legal-report-btn:focus-visible{outline:3px solid #8b5cf6a6;outline:3px solid color-mix(in srgb,var(--legal-accent) 55%,#0000);outline-offset:4px}.legal-highlight{align-items:center;background:#6c3ce112;background:color-mix(in srgb,var(--legal-purple) 7%,var(--legal-bg-input));border:1px solid #6c3ce129;border-color:color-mix(in srgb,var(--legal-purple) 15%,var(--legal-border-color));border-radius:13px;color:var(--legal-text-primary);display:flex;font-size:14px;font-weight:650;gap:11px;line-height:1.5;margin:0 0 15px;padding:13px 15px}.legal-highlight .legal-icon{color:var(--legal-purple)}.legal-updated .legal-icon{color:var(--legal-accent);height:14px;width:14px}.legal-report-action{margin-top:18px}.legal-report-btn{align-items:center;background:linear-gradient(115deg,var(--legal-purple),var(--legal-pink));border:1px solid #0000;border-radius:12px;box-shadow:0 7px 18px #6c3ce133;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:700;gap:10px;justify-content:center;line-height:1.3;min-height:46px;padding:12px 20px;transition:box-shadow .18s ease,filter .18s ease,transform .18s ease}.legal-report-btn:hover{box-shadow:0 10px 24px #6c3ce152;filter:saturate(1.08);transform:translateY(-2px)}.legal-report-btn .legal-icon{height:16px;width:16px}.legal-report-btn:active{box-shadow:0 4px 12px #6c3ce133;transform:translateY(0) scale(.98)}.legal-footer{border-top:1px solid var(--legal-border-color);color:var(--legal-text-muted);font-size:12px;margin-top:28px;padding:21px 0 0;text-align:center}.legal-footer p{margin:0}.legal-footer span{color:var(--legal-accent);padding:0 4px}.legal-page--reveal .legal-card{opacity:0;transform:translateY(18px);transition:opacity .52s ease,transform .52s cubic-bezier(.2,.7,.2,1),border-color .22s ease,box-shadow .22s ease}.legal-page--reveal .legal-card.legal-section-visible{opacity:1;transform:translateY(0)}@media (min-width:760px){.legal-page{padding-top:60px;width:min(100% - 64px,1080px)}.legal-hero{margin-bottom:45px;padding-bottom:34px}.legal-grid{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-card:nth-child(3){grid-column:1/-1}}@media (min-width:1100px){.legal-card{padding:28px 30px 30px}.legal-card:nth-child(3){padding-left:34px;padding-right:34px}}@media (max-width:520px){.legal-page{padding-top:25px;width:min(100% - 32px,1080px)}.legal-hero{margin-bottom:25px;padding:22px 6px 23px}.legal-intro{font-size:14px;max-width:300px}.legal-updated{font-size:11px;margin-top:17px}.legal-grid{gap:14px}.legal-card{border-radius:18px;padding:21px 19px 22px}.legal-card-header{gap:12px;margin-bottom:15px}.legal-card-icon{border-radius:13px;flex-basis:42px;font-size:16px;height:42px;width:42px}.legal-card-header h2{font-size:18px}.legal-card-body p,.legal-card-body ul li{font-size:13px}.legal-report-btn{width:100%}.legal-footer{margin-top:23px}}@media (prefers-reduced-motion:reduce){.legal-page *,.legal-page :after,.legal-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.legal-page--reveal .legal-card,.legal-page--reveal .legal-card.legal-section-visible{opacity:1;transform:none}}.echo-drop-overlay{align-items:center;background:radial-gradient(circle at 50% 20%,#1a1035 0,#05050a 80%);box-sizing:border-box;color:#fff;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:99999}.echo-drop-container{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:28px;box-shadow:0 25px 50px #0006;max-width:400px;padding:clamp(24px,5vw,36px) clamp(18px,4vw,28px);position:relative;text-align:center;width:100%}.drop-close{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:17px;height:38px;justify-content:center;position:absolute;right:14px;top:14px;width:38px}.drop-icon{font-size:clamp(48px,12vw,60px);margin-bottom:10px}.drop-home h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#c4b5fd,#f0abfc);-webkit-background-clip:text;font-size:clamp(26px,7vw,32px);font-weight:800;margin:0 0 6px}.drop-home p{color:#fff9;font-size:clamp(13px,3.5vw,15px);margin-bottom:28px}.drop-error{background:#ef444426;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;font-size:13px;margin-bottom:16px;padding:10px 14px}.drop-btn{border:none;border-radius:16px;cursor:pointer;font-size:clamp(14px,4vw,16px);font-weight:700;padding:15px 24px;transition:all .2s}.drop-btn.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 10px 28px #8b5cf666;color:#fff;width:100%}.drop-btn.primary:disabled{cursor:not-allowed;opacity:.6}.drop-btn.primary.big{font-size:16px;padding:17px}.drop-btn.secondary{background:#ffffff1a;border:1px solid #ffffff26;color:#fff;min-width:80px}.drop-btn.secondary:disabled{cursor:not-allowed;opacity:.5}.drop-btn.ghost{background:#0000;color:#ffffff80;margin-top:20px}.drop-divider{color:#fff6;font-size:13px;margin:20px 0}.join-section{align-items:center;display:flex;gap:10px}.join-section input{background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;color:#fff;flex:1 1;font-size:clamp(18px,5vw,22px);letter-spacing:6px;min-width:0;outline:none;padding:13px 12px;text-align:center}.join-section input::placeholder{color:#ffffff4d;letter-spacing:4px}.pulse-circle{align-items:center;display:flex;height:clamp(140px,40vw,180px);justify-content:center;margin:0 auto 24px;position:relative;width:clamp(140px,40vw,180px)}.pulse-ring{animation:pulseRing 2.2s ease-out infinite;border:2px solid #8b5cf68c;border-radius:50%;inset:0;position:absolute}.pulse-ring.delay{animation-delay:1.1s}@keyframes pulseRing{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}.code-display{color:#fff;font-size:clamp(28px,8vw,38px);font-weight:800;letter-spacing:8px}.connected-icon{font-size:clamp(48px,12vw,58px);margin-bottom:10px}.received-preview{border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 16px 40px #0006;margin:16px auto;max-width:280px;overflow:hidden;width:100%}.received-preview img{background:#111;display:block;max-height:50vh;object-fit:contain;width:100%}.receive-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}@media (max-width:360px){.echo-drop-container{padding:20px 14px}.join-section{flex-direction:column}.drop-btn.secondary,.join-section input{width:100%}}.wte-page{background:var(--bg-primary);box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;inset:0;overflow:hidden;position:fixed}.wte-topbar{display:flex;flex-shrink:0;justify-content:flex-end;padding:12px 16px 0}.wte-topbar-skip{background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:6px 12px;transition:background .15s ease,color .15s ease}.wte-topbar-skip:hover{background:var(--bg-input);color:var(--text-primary)}.wte-header{flex-shrink:0;padding:4px 16px 14px;text-align:center}.wte-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c3ce1,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:900;letter-spacing:-.3px;margin:0 0 4px}.wte-subtitle{color:var(--text-muted);font-size:12.5px;line-height:1.35;margin:0}.wte-list{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;padding:4px 12px 16px}.wte-list::-webkit-scrollbar{width:5px}.wte-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.wte-row{align-items:center;border-radius:14px;display:flex;gap:12px;padding:10px 12px;transition:background .15s ease}.wte-row:hover{background:var(--bg-input)}.wte-avatar-wrap{flex-shrink:0;position:relative}.wte-verified{background:#6c3ce1;border:2px solid var(--bg-primary);border-radius:50%;bottom:-2px;color:#fff;display:grid;height:18px;place-items:center;position:absolute;right:-2px;width:18px}.wte-info{flex:1 1;flex-direction:column;gap:2px}.wte-info,.wte-name-row{display:flex;min-width:0}.wte-name-row{align-items:center;gap:6px}.wte-name{color:var(--text-primary);font-size:14.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wte-badge{background:#6c3ce12e;border:1px solid #6c3ce166;border-radius:999px;color:#a78bfa;flex-shrink:0;font-size:9.5px;font-weight:800;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.wte-handle{color:#8b5cf6;font-size:12px;font-weight:600}.wte-bio,.wte-handle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wte-bio{color:var(--text-muted);font-size:11.5px}.wte-follow-btn{align-items:center;background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:12.5px;font-weight:700;justify-content:center;letter-spacing:.2px;min-width:84px;padding:8px 14px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.wte-follow-btn:not(:disabled):hover{box-shadow:0 8px 20px #6c3ce159;transform:translateY(-1px)}.wte-follow-btn:active{transform:scale(.95)}.wte-follow-btn.followed{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.wte-follow-btn.pending{cursor:wait;opacity:.7}.wte-spinner{animation:wteSpin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes wteSpin{to{transform:rotate(1turn)}}.wte-skeleton-row{align-items:center;display:flex;gap:12px;padding:10px 12px}.wte-skeleton-avatar{animation:wtePulse 1.4s ease-in-out infinite;background:var(--bg-input);border-radius:50%;height:48px;width:48px}.wte-skeleton-lines{display:flex;flex:1 1;flex-direction:column;gap:6px}.wte-skeleton-line{animation:wtePulse 1.4s ease-in-out infinite;background:var(--bg-input);border-radius:6px;height:10px}.wte-skeleton-line.w60{width:60%}.wte-skeleton-line.w40{width:40%}.wte-skeleton-btn{animation:wtePulse 1.4s ease-in-out infinite;background:var(--bg-input);border-radius:999px;height:32px;width:84px}@keyframes wtePulse{0%,to{opacity:.55}50%{opacity:1}}.wte-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.wte-empty-icon{font-size:44px;margin-bottom:12px;opacity:.7}.wte-empty p{color:var(--text-primary);font-size:15px;font-weight:700;margin:0 0 4px}.wte-empty span{font-size:12.5px}.wte-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px))}.wte-skip-btn{background:#0000;border:1px solid var(--border-color);border-radius:14px;color:var(--text-secondary);cursor:pointer;flex:0 0 auto;font-family:inherit;font-size:14px;font-weight:700;padding:14px 18px;transition:background .15s ease}.wte-skip-btn:hover{background:var(--bg-input)}.wte-continue-btn{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:14px;box-shadow:0 8px 22px #6c3ce159;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:14.5px;font-weight:800;padding:14px 18px;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.wte-continue-btn:not(:disabled):hover{box-shadow:0 12px 28px #6c3ce180;transform:translateY(-1px)}.wte-continue-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.wte-skeleton-avatar,.wte-skeleton-btn,.wte-skeleton-line,.wte-spinner{animation:none!important}.wte-continue-btn:not(:disabled):hover,.wte-follow-btn:not(:disabled):hover{transform:none!important}}.onboarding-root{align-items:center;animation:onboardingFadeIn .4s ease both;background:#0a0a12;background:var(--bg-primary,#0a0a12);color:#fff;color:var(--text-primary,#fff);display:flex;flex-direction:column;inset:0;justify-content:space-between;overflow:hidden;padding:60px 24px 40px;position:fixed;z-index:9999}@keyframes onboardingFadeIn{0%{opacity:0}to{opacity:1}}.onboarding-glow{animation:onboardingGlowPulse 6s ease-in-out infinite;background:radial-gradient(circle,#6c3ce147,#ec48991f 40%,#0000 70%);border-radius:50%;height:500px;left:50%;pointer-events:none;position:absolute;top:30%;transform:translate(-50%,-50%);width:500px}@keyframes onboardingGlowPulse{0%,to{opacity:.85;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.onboarding-skip{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;color:#ffffffb3;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;position:absolute;right:20px;top:20px;transition:all .2s ease;z-index:5}.onboarding-skip:hover{background:#ffffff1f;color:#fff}.onboarding-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:420px;position:relative;text-align:center;transition:opacity .2s ease,transform .2s ease;z-index:2}.onboarding-content.fading{opacity:0;transform:translateY(8px)}.onboarding-visual{align-items:center;display:flex;justify-content:center;margin-bottom:40px;min-height:180px}.onboarding-logo{display:inline-block;padding:40px 60px;position:relative}.onboarding-logo-echo{-webkit-text-fill-color:#0000;animation:logoPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#6c3ce1,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:900;letter-spacing:8px;position:relative;z-index:2}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.onboarding-logo-ring{animation:logoRing 3s ease-out infinite;border:2px solid #6c3ce166;border-radius:50%;height:140px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:140px}.onboarding-logo-ring.delay-1{animation-delay:1s}.onboarding-logo-ring.delay-2{animation-delay:2s}@keyframes logoRing{0%{opacity:.8;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.onboarding-title{color:#fff;font-size:30px;font-weight:800;letter-spacing:-.5px;line-height:1.15;margin:0 0 14px}.onboarding-subtitle{color:#ffffffa6;font-size:15px;font-weight:400;line-height:1.55;margin:0;max-width:340px}.onboarding-footer{align-items:center;display:flex;flex-direction:column;gap:28px;max-width:420px;position:relative;width:100%;z-index:2}.onboarding-dots{align-items:center;display:flex;gap:8px}.onboarding-dot{background:#fff3;border-radius:50%;height:8px;transition:all .35s cubic-bezier(.2,1.3,.4,1);width:8px}.onboarding-dot.active{background:linear-gradient(90deg,#6c3ce1,#ec4899);border-radius:999px;box-shadow:0 0 12px #6c3ce199;width:28px}.onboarding-cta{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:999px;box-shadow:0 12px 32px #6c3ce166,0 4px 12px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 24px;transition:all .2s cubic-bezier(.2,1.2,.4,1);width:100%}.onboarding-cta:hover{box-shadow:0 16px 40px #6c3ce180,0 6px 16px #00000040;transform:translateY(-2px)}.onboarding-cta:active{transform:translateY(1px) scale(.98)}html.theme-light .onboarding-root{background:#fff;color:#111}html.theme-light .onboarding-subtitle{color:#0009}html.theme-light .onboarding-skip{background:#0000000d;border-color:#00000014;color:#000000b3}html.theme-light .onboarding-dot{background:#00000026}@media (max-width:380px){.onboarding-title{font-size:26px}.onboarding-logo-echo{font-size:44px;letter-spacing:6px}}.echo-loader{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;pointer-events:none;position:relative}.echo-loader-rings{height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.echo-loader-ring{animation:echoLoaderPulse 2s cubic-bezier(.2,.9,.35,1) infinite;border:2px solid #a78bfa80;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.6)}.echo-loader-ring.r1{animation-delay:0s;height:60px;width:60px}.echo-loader-ring.r2{animation-delay:.5s;border-color:#ec489966;height:90px;width:90px}.echo-loader-ring.r3{animation-delay:1s;border-color:#6c3ce14d;height:120px;width:120px}@keyframes echoLoaderPulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.6)}70%{opacity:0;transform:translate(-50%,-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-50%) scale(1.15)}}.echo-loader-mark{animation:echoLoaderFloat 2.2s ease-in-out infinite;position:relative;z-index:2}.echo-loader-mark svg{display:block;filter:drop-shadow(0 4px 16px rgba(108,60,225,.4));height:100%;width:100%}@keyframes echoLoaderFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.echo-loader-sm .echo-loader-mark{height:44px;width:44px}.echo-loader-md .echo-loader-mark{height:72px;width:72px}.echo-loader-lg .echo-loader-mark{height:100px;width:100px}.echo-loader-label{color:#ffffffbf;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;z-index:2}.spotlight-recorder{align-items:center;background:#000;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:500}.spotlight-recorder-video{background:#000;height:100%;inset:0;object-fit:cover;position:absolute;transform:scaleX(-1);width:100%}.spotlight-recorder-scrim{background:linear-gradient(180deg,#0000008c,#0000 22%,#0000 78%,#000000a6);inset:0;pointer-events:none;position:absolute}.spotlight-recorder-top{align-items:center;display:flex;justify-content:space-between;left:0;padding:max(16px,env(safe-area-inset-top,16px)) 16px 12px;position:absolute;right:0;top:0;z-index:5}.spotlight-recorder-icon-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000073;border:1px solid #ffffff2e;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:15px;height:40px;justify-content:center;transition:background .2s,transform .15s;width:40px}.spotlight-recorder-icon-btn:hover{background:#000000a6;transform:scale(1.05)}.spotlight-recorder-icon-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.spotlight-recorder-timer{font-feature-settings:"tnum";align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff1a;border-radius:999px;color:#fff;display:inline-flex;font-size:14px;font-variant-numeric:tabular-nums;font-weight:700;gap:6px;letter-spacing:.02em;padding:6px 14px}.spotlight-recorder-timer.live{background:#dc26268c;border-color:#fff3}.spotlight-recorder-timer-max{font-weight:500;margin-left:2px;opacity:.65}.spotlight-recorder-dot{animation:recorderDotPulse 1s infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes recorderDotPulse{0%,to{opacity:1}50%{opacity:.3}}.spotlight-recorder-error{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#7f1d1dd9;border:1px solid #ef444480;border-radius:14px;color:#fff;display:flex;font-size:13px;gap:12px;left:16px;padding:14px 16px;position:absolute;right:16px;top:90px;z-index:6}.spotlight-recorder-error i{color:#fca5a5;font-size:20px}.spotlight-recorder-error p{flex:1 1;margin:0}.spotlight-recorder-error button{background:#fff;border:none;border-radius:999px;color:#7f1d1d;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:6px 14px}.spotlight-recorder-bottom{align-items:center;bottom:0;display:flex;justify-content:space-around;left:0;padding:24px 24px max(40px,env(safe-area-inset-bottom,40px));position:absolute;right:0;z-index:5}.spotlight-recorder-flip-side,.spotlight-recorder-pause-side{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:52px;justify-content:center;transition:background .2s,transform .15s,opacity .2s;width:52px}.spotlight-recorder-flip-side:hover:not(:disabled),.spotlight-recorder-pause-side:hover:not(:disabled){background:#000000b3;transform:scale(1.06)}.spotlight-recorder-flip-side:disabled,.spotlight-recorder-pause-side:disabled{cursor:not-allowed;opacity:.35}.spotlight-recorder-shutter{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:96px;justify-content:center;padding:0;position:relative;transition:transform .15s;width:96px}.spotlight-recorder-shutter:not(:disabled):active{transform:scale(.94)}.spotlight-recorder-shutter:disabled{cursor:not-allowed;opacity:.5}.spotlight-recorder-ring{height:100%;inset:0;position:absolute;transition:stroke-dasharray .1s linear;width:100%}.spotlight-recorder-shutter-core{background:#fff;border-radius:50%;box-shadow:0 4px 20px #0006;height:68px;transition:all .2s cubic-bezier(.2,1.3,.4,1);width:68px}.spotlight-recorder-shutter-core.recording{background:linear-gradient(135deg,#ec4899,#6c3ce1);border-radius:8px;box-shadow:0 0 24px #ec489999;height:36px;width:36px}.spotlight-recorder-shutter.paused .spotlight-recorder-shutter-core{animation:recorderShutterPausedPulse 1s ease-in-out infinite}@keyframes recorderShutterPausedPulse{0%,to{transform:scale(1)}50%{transform:scale(.94)}}.spotlight-recorder-hint{bottom:150px;color:#ffffffbf;font-size:12px;font-weight:600;left:50%;letter-spacing:.04em;max-width:80%;pointer-events:none;position:absolute;text-align:center;text-shadow:0 2px 8px #000c;transform:translateX(-50%)}.spotlight-recorder-paused-pill{animation:recorderPillIn .25s cubic-bezier(.2,1.3,.4,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;border:1px solid #fff3;border-radius:999px;color:#fff;font-size:13px;font-weight:700;left:50%;letter-spacing:.08em;padding:10px 22px;pointer-events:none;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);z-index:6}@keyframes recorderPillIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:480px){.spotlight-recorder-shutter{height:88px;width:88px}.spotlight-recorder-shutter-core{height:62px;width:62px}.spotlight-recorder-shutter-core.recording{height:34px;width:34px}.spotlight-recorder-flip-side,.spotlight-recorder-pause-side{font-size:16px;height:46px;width:46px}.spotlight-recorder-hint{bottom:140px;font-size:11px}}.spotlight-feed-page{background:#000;display:flex;flex-direction:column;inset:0;overflow:hidden;position:fixed;z-index:100}.spotlight-feed-container{-webkit-overflow-scrolling:touch;background:#000;flex:1 1;height:100vh;height:100dvh;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none}.spotlight-feed-container::-webkit-scrollbar{display:none}.spotlight-slide{flex-shrink:0;height:100vh;height:100dvh;position:relative;scroll-snap-align:start;scroll-snap-stop:always;width:100%}.spotlight-slide>.spotlight-post{height:100%;width:100%}.spotlight-top-bar{align-items:center;background:linear-gradient(180deg,#000c 0,#0000);display:flex;justify-content:space-between;left:0;padding:calc(16px + env(safe-area-inset-top, 0px)) 20px 16px;pointer-events:none;position:absolute;right:0;top:0;z-index:50}.spotlight-top-bar>*{pointer-events:auto}.spotlight-top-title{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:800;gap:8px;letter-spacing:.02em;margin:0;text-shadow:0 2px 10px #00000080}.spotlight-top-title-tick{background:linear-gradient(180deg,#a78bfa,#ec4899);border-radius:4px;box-shadow:0 0 12px #a78bfa99;display:inline-block;height:20px;width:5px}.spotlight-top-actions{align-items:center;display:flex;gap:12px}.spotlight-top-btn{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0006;border:1px solid #ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:grid;font-size:16px;height:42px;place-items:center;transition:transform .15s ease,background .15s ease;width:42px}.spotlight-top-btn:hover{background:#0009;transform:scale(1.06)}.spotlight-top-btn.primary{box-shadow:0 4px 14px #6c3ce166}.spotlight-top-btn.active,.spotlight-top-btn.primary{background:linear-gradient(135deg,#6c3ce1,#ec4899);border-color:#0000}.spotlight-top-btn.active{box-shadow:0 4px 14px #6c3ce180}.spotlight-top-badge{background:linear-gradient(135deg,#ec4899,#6c3ce1);border:2px solid #000;border-radius:999px;box-shadow:0 2px 6px #00000080;color:#fff;font-size:10px;font-weight:800;height:18px;justify-content:center;min-width:18px;padding:0 5px;right:-2px;top:-2px}.spotlight-feed-tabs,.spotlight-top-badge{align-items:center;display:flex;position:absolute}.spotlight-feed-tabs{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0006;border:1px solid #ffffff1a;border-radius:999px;gap:4px;left:50%;padding:4px;top:calc(20px + env(safe-area-inset-top, 0px));transform:translateX(-50%);z-index:50}.spotlight-feed-tab{background:#0000;border:none;border-radius:999px;color:#fff9;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px;transition:all .2s ease}.spotlight-feed-tab.active{background:#fff3;box-shadow:0 2px 8px #0003;color:#fff}.spotlight-feed-tab.search{color:#fff;padding:8px 12px}.spotlight-feed-tab.search i{font-size:13px}.spotlight-post{background:#000;height:100%;overflow:hidden;position:relative;width:100%}.spotlight-media{align-items:center;cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute}.spotlight-image,.spotlight-video{-webkit-user-drag:none;background:#000;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%}.spotlight-video-loader{align-items:center;background:radial-gradient(circle at center,#00000059 0,#00000026 40%,#0000 70%);inset:0;justify-content:center;z-index:5}.spotlight-bottom-left,.spotlight-video-loader{display:flex;pointer-events:none;position:absolute}.spotlight-bottom-left{bottom:calc(90px + env(safe-area-inset-bottom, 0px));flex-direction:column;gap:12px;left:20px;right:96px;z-index:15}.spotlight-author-chip{align-items:center;align-self:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border:1px solid #ffffff1a;border-radius:999px;cursor:pointer;display:inline-flex;gap:10px;padding:4px 12px 4px 4px;pointer-events:auto}.spotlight-author-avatar{align-items:center;background:linear-gradient(135deg,#6c3ce1,#ec4899);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:32px;justify-content:center;overflow:hidden;width:32px}.spotlight-author-avatar img{height:100%;object-fit:cover;width:100%}.spotlight-author-name{color:#fff;font-size:14px;font-weight:700}.spotlight-caption{color:#fff;font-size:14px;line-height:1.4;text-shadow:0 2px 8px #000000b3;word-break:break-word}.spotlight-caption-hashtag{color:#a78bfa;cursor:pointer;font-weight:700;text-decoration:underline;text-underline-offset:2px}.spotlight-actions{align-items:center;bottom:calc(100px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;gap:20px;pointer-events:none;position:absolute;right:14px;z-index:15}.spotlight-actions>*{pointer-events:auto}.spotlight-actions-avatar-btn{background:none;border:none;cursor:pointer;margin-bottom:6px;padding:0;position:relative}.spotlight-actions-avatar-ring{background:linear-gradient(135deg,#a78bfa,#ec4899);border-radius:50%;box-shadow:0 4px 14px #00000080;display:block;height:48px;padding:2px;width:48px}.spotlight-actions-avatar-fallback,.spotlight-actions-avatar-ring img{background:#1a1a1a;font-size:18px;font-weight:800;height:100%;object-fit:cover;width:100%}.spotlight-actions-avatar-fallback,.spotlight-actions-avatar-ring img,.spotlight-actions-echo-pill{align-items:center;border:2px solid #000;border-radius:50%;color:#fff;display:flex;justify-content:center}.spotlight-actions-echo-pill{background:linear-gradient(135deg,#6c3ce1,#ec4899);bottom:-6px;box-shadow:0 4px 10px #00000080;cursor:pointer;font-size:11px;height:22px;left:50%;position:absolute;transform:translateX(-50%);width:22px}.spotlight-actions-echo-pill:hover{transform:translateX(-50%) scale(1.12)}.spotlight-action{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:0;transition:transform .15s}.spotlight-action:hover{transform:scale(1.06)}.spotlight-action:active{transform:scale(.94)}.spotlight-action-icon{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid #ffffff14;border-radius:50%;color:#fff;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.spotlight-action.active.like .spotlight-action-icon{background:#ec48992e;border-color:#ec489966;color:#ec4899}.spotlight-action.active.reecho .spotlight-action-icon{background:#10b9812e;border-color:#10b98166;color:#10b981}.spotlight-action.duet .spotlight-action-icon{color:#60a5fa}.spotlight-action-count{color:#fff;font-size:12px;font-weight:700;text-shadow:0 2px 6px #0009}.spotlight-feed-counter{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border-radius:999px;bottom:calc(20px + env(safe-area-inset-bottom, 0px));color:#fffc;font-size:12px;font-weight:700;left:20px;padding:4px 12px;pointer-events:none;position:absolute;z-index:15}.spotlight-feed-empty,.spotlight-feed-loading{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:24px;text-align:center}.spotlight-feed-spinner{animation:spSpin .8s linear infinite;border:3px solid #ffffff26;border-radius:50%;border-top-color:#a78bfa;height:44px;margin-bottom:16px;width:44px}@keyframes spSpin{to{transform:rotate(1turn)}}.spotlight-feed-empty>i{color:#a78bfa;font-size:56px;margin-bottom:16px}.spotlight-feed-empty h2{font-size:20px;font-weight:800;margin:0 0 6px}.spotlight-feed-empty p{color:#ffffffa6;font-size:14px;margin:0 0 22px}.spotlight-empty-cta{align-items:center;background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:999px;box-shadow:0 8px 24px #6c3ce180;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:12px 26px}.profile-overlay-mode{animation:snapSlideUp .35s cubic-bezier(.16,1,.3,1) forwards;background:var(--bg-primary);box-shadow:0 -10px 40px #00000080;inset:0;overflow-y:auto;position:fixed;z-index:200}@keyframes snapSlideUp{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.profile-overlay-mode .snap-hero{background:var(--bg-primary);border-radius:24px 24px 0 0;margin-top:12px}.spotlight-filter-chip-wrap{display:flex;justify-content:center;left:16px;pointer-events:none;position:absolute;right:16px;top:calc(74px + env(safe-area-inset-top, 0px));z-index:24}.spotlight-filter-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6c3ce1d9;border:1px solid #a78bfa66;border-radius:999px;box-shadow:0 8px 24px #6c3ce166;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:7px 14px;pointer-events:auto}.spotlight-search-panel{animation:spotlightSearchIn .22s cubic-bezier(.2,1.2,.4,1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#14101ef5;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 24px 60px #0009;display:flex;flex-direction:column;left:16px;max-height:calc(100vh - 220px);overflow:hidden;position:absolute;right:16px;top:calc(74px + env(safe-area-inset-top, 0px));z-index:24}@keyframes spotlightSearchIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.spotlight-search-input-wrap{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:10px;padding:12px 14px;position:relative}.spotlight-search-icon{color:#ffffff80;font-size:15px}.spotlight-search-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:inherit;font-size:15px;outline:none;padding:4px 0}.spotlight-search-input::placeholder{color:#fff6}.spotlight-search-clear{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:11px;height:26px;justify-content:center;width:26px}.spotlight-search-body{flex:1 1;overflow-y:auto;padding:10px 8px 14px}.spotlight-search-body::-webkit-scrollbar{width:6px}.spotlight-search-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.spotlight-search-section{margin-bottom:16px}.spotlight-search-section-head{align-items:center;color:#ffffff8c;display:flex;font-size:11px;font-weight:800;justify-content:space-between;letter-spacing:.1em;padding:4px 8px 8px;text-transform:uppercase}.spotlight-search-section-action{background:none;border:none;color:#a78bfa;cursor:pointer;font-size:11px;font-weight:700}.spotlight-search-pill-row{display:flex;flex-wrap:wrap;gap:6px;padding:0 6px}.spotlight-search-pill{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;color:#ffffffe6;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:7px 12px}.spotlight-search-pill.trending{background:#ec48991a;border-color:#ec489959}.spotlight-search-pill.trending i{color:#ec4899}.spotlight-search-pill-count{background:#ffffff1f;border-radius:999px;font-size:10px;font-weight:800;padding:1px 6px}.spotlight-search-suggest-list{display:flex;flex-direction:column}.spotlight-search-suggest-row{align-items:center;background:#0000;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:12px;padding:10px 12px}.spotlight-search-suggest-row:hover{background:#ffffff0d}.spotlight-search-suggest-avatar{align-items:center;background:linear-gradient(135deg,#6c3ce1,#ec4899);border-radius:50%;color:#fff;display:flex;font-weight:800;height:38px;justify-content:center;width:38px}.spotlight-search-suggest-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.spotlight-search-suggest-text{flex:1 1;min-width:0}.spotlight-search-suggest-name{font-size:14px;font-weight:700}.spotlight-search-suggest-handle{color:#ffffff80;font-size:12px}.spotlight-search-suggest-arrow{color:#ffffff59;font-size:12px}.spotlight-upload-page{background:#0d0a15!important;background:var(--bg-primary,#0d0a15)!important;color:#fff;display:flex;flex-direction:column;font-family:inherit;min-height:100vh}.spotlight-upload-top{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0a15d9;border-bottom:1px solid #ffffff12;display:flex;gap:8px;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top, 0px)) 18px 14px;position:sticky;top:0;z-index:20}.spotlight-upload-close{align-items:center;background:#ffffff12;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:15px;height:40px;justify-content:center;transition:background .15s;width:40px}.spotlight-upload-close:hover{background:#ffffff24}.spotlight-upload-title{color:#fff;font-size:16px;font-weight:800;letter-spacing:.01em;margin:0}.spotlight-upload-publish-top{background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;min-width:62px;padding:8px 18px;transition:opacity .2s}.spotlight-upload-publish-top:disabled{cursor:not-allowed;opacity:.4}.spotlight-upload-body{display:flex;flex:1 1;flex-direction:column;gap:16px;margin:0 auto;max-width:540px;padding:22px 20px 32px;width:100%}.spotlight-upload-draft{align-items:center;background:#6c3ce124;border:1px solid #6c3ce159;border-radius:16px;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.spotlight-upload-draft-info{align-items:center;color:#fff;display:flex;font-size:18px;gap:12px}.spotlight-upload-draft-title{font-size:14px;font-weight:800}.spotlight-upload-draft-sub{color:#ffffff8c;font-size:12px;margin-top:2px}.spotlight-upload-draft-actions{display:flex;gap:8px}.spotlight-upload-draft-discard,.spotlight-upload-draft-resume{border:none;border-radius:999px;cursor:pointer;font-size:12px;font-weight:700;padding:7px 14px}.spotlight-upload-draft-resume{background:linear-gradient(135deg,#6c3ce1,#ec4899);color:#fff}.spotlight-upload-draft-discard{background:#ffffff14;color:#fffc}.spotlight-upload-draft-resume:disabled{cursor:not-allowed;opacity:.6}.spotlight-upload-methods{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:4px}.spotlight-upload-method{align-items:center;background:hsla(0,0%,100%,.035);border:1px solid #ffffff12;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:10px;padding:28px 14px;text-align:center;transition:transform .15s,background .2s,border-color .2s;width:100%}.spotlight-upload-method:hover{background:#ffffff12;transform:translateY(-2px)}.spotlight-upload-method.record:hover{border-color:#ec489973}.spotlight-upload-method.gallery:hover{border-color:#6c3ce173}.spotlight-upload-method-icon{align-items:center;border-radius:50%;box-shadow:0 8px 22px #0006;color:#fff;display:flex;font-size:26px;height:64px;justify-content:center;width:64px}.spotlight-upload-method.record .spotlight-upload-method-icon{background:linear-gradient(135deg,#ec4899,#6c3ce1)}.spotlight-upload-method.gallery .spotlight-upload-method-icon{background:linear-gradient(135deg,#6c3ce1,#06b6d4)}.spotlight-upload-method-title{font-size:16px;font-weight:800}.spotlight-upload-method-sub{color:#ffffff8c;font-size:12px;line-height:1.4}.spotlight-upload-format-note{color:#fff6;font-size:12px;letter-spacing:.04em;margin-top:10px;text-align:center}.spotlight-upload-preview{aspect-ratio:9/16;background:#000;border:1px solid #ffffff12;border-radius:18px;margin:0 auto;max-height:60vh;overflow:hidden;position:relative;width:100%}.spotlight-upload-media{background:#000;display:block;height:100%;object-fit:contain;width:100%}.spotlight-upload-watermark{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border-radius:999px;bottom:10px;display:flex;gap:6px;left:10px;padding:4px 9px;pointer-events:none;position:absolute}.spotlight-upload-watermark-tick{background:#ec4899;border-radius:50%;height:6px;width:6px}.spotlight-upload-watermark-text{color:#ffffffd9;font-size:10px;font-weight:800;letter-spacing:.12em}.spotlight-upload-replace{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;padding:7px 12px;position:absolute;right:10px;top:10px;transition:background .15s}.spotlight-upload-replace:hover{background:#000000bf}.spotlight-upload-replace:disabled{cursor:not-allowed;opacity:.5}.spotlight-upload-caption{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;color:#fff;font-family:inherit;font-size:14px;line-height:1.5;outline:none;padding:14px 16px;resize:none;transition:border-color .2s;width:100%}.spotlight-upload-caption::placeholder{color:#ffffff59}.spotlight-upload-caption:focus{border-color:#6c3ce199}.spotlight-upload-caption-count{color:#fff6;font-size:11px;margin-top:-8px;text-align:right}.spotlight-upload-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0a15e6;border-top:1px solid #ffffff0f;bottom:0;padding:12px 20px calc(20px + env(safe-area-inset-bottom, 0px));position:sticky}.spotlight-upload-publish{align-items:center;background:linear-gradient(135deg,#6c3ce1,#ec4899);border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:8px;justify-content:center;margin:0 auto;max-width:540px;padding:14px;transition:opacity .2s,transform .1s;width:100%}.spotlight-upload-publish:active{transform:scale(.98)}.spotlight-upload-publish:disabled{cursor:not-allowed;opacity:.45}.spotlight-fab-create{display:none!important}.spotlight-heart-pop{animation:heartPop .8s cubic-bezier(.175,.885,.32,1.275) forwards;color:#ec4899;filter:drop-shadow(0 0 20px rgba(236,72,153,.6));font-size:90px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);z-index:100}@keyframes heartPop{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}30%{opacity:1;transform:translate(-50%,-50%) scale(.9)}45%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}.spotlight-comments-backdrop,.spotlight-options-backdrop,.spotlight-share-backdrop{align-items:flex-end!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#000000bf!important;bottom:0!important;display:flex!important;height:100dvh!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999999!important}.spotlight-comments-sheet,.spotlight-share-sheet{animation:sheetSlideUp .3s cubic-bezier(.2,1,.4,1) forwards;background:#14101e!important;border-radius:24px 24px 0 0!important;box-shadow:0 -10px 40px #0009!important;display:flex!important;flex-direction:column!important;height:auto!important;max-height:90dvh!important;max-width:600px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;position:relative!important;width:100%!important}.spotlight-comments-sheet{height:85dvh!important}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.spotlight-comments-handle,.spotlight-share-handle{background:#ffffff26;border-radius:5px;flex-shrink:0;height:5px;margin:10px auto 0;width:44px}.spotlight-comments-header,.spotlight-share-header{align-items:center!important;border-bottom:1px solid #ffffff0f!important;display:flex!important;flex-shrink:0;justify-content:space-between!important;padding:16px 20px!important}.spotlight-comments-title,.spotlight-share-title{color:#fff!important;font-size:16px!important;font-weight:800!important}.spotlight-comments-close,.spotlight-share-close{align-items:center!important;background:#ffffff14!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;height:32px!important;justify-content:center!important;transition:background .2s;width:32px!important}.spotlight-comments-close:hover,.spotlight-share-close:hover{background:#ffffff26!important}.spotlight-share-quickrow{display:flex!important;flex-shrink:0;gap:12px!important;overflow-x:auto!important;padding:20px!important;scrollbar-width:none!important}.spotlight-share-quickrow::-webkit-scrollbar{display:none}.spotlight-share-quick{align-items:center!important;background:none!important;border:none!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:8px!important;min-width:68px!important;transition:transform .15s}.spotlight-share-quick:active{transform:scale(.95)}.spotlight-share-quick-icon{align-items:center!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:50%!important;color:#fff!important;display:flex!important;font-size:24px!important;height:56px!important;justify-content:center!important;width:56px!important}.spotlight-share-quick-icon.whatsapp{background:#25d36626!important;border-color:#25d3664d!important;color:#25d366!important}.spotlight-share-quick-icon.twitter{background:#ffffff1a!important;color:#fff!important}.spotlight-share-quick-icon.telegram{background:#0088cc26!important;border-color:#0088cc4d!important;color:#08c!important}.spotlight-share-quick-icon.copy{background:#6c3ce126!important;border-color:#6c3ce14d!important;color:#a78bfa!important}.spotlight-share-quick-icon.native{background:#ec489926!important;border-color:#ec48994d!important;color:#ec4899!important}.spotlight-share-quick-label{color:#ffffffb3!important;font-size:12px!important;font-weight:600!important;white-space:nowrap!important}.spotlight-share-section-title{color:#fff6!important;font-size:11px!important;font-weight:800!important;letter-spacing:.05em!important;padding:0 20px 10px!important;text-transform:uppercase!important}.spotlight-share-chat-list{flex:1 1!important;overflow-y:auto!important;padding:0 16px 16px!important}.spotlight-share-chat-list::-webkit-scrollbar{width:4px}.spotlight-share-chat-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.spotlight-share-chat-row{align-items:center!important;background:#0000!important;border:none!important;border-radius:16px!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:12px!important;text-align:left!important;transition:background .15s!important;width:100%!important}.spotlight-share-chat-row:active{background:#ffffff14!important}.spotlight-share-chat-avatar{align-items:center!important;background:linear-gradient(135deg,#6c3ce1,#ec4899)!important;border-radius:50%!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;font-weight:800!important;height:46px!important;justify-content:center!important;overflow:hidden!important;width:46px!important}.spotlight-share-chat-avatar img{height:100%!important;object-fit:cover!important;width:100%!important}.spotlight-share-chat-name{color:#fff!important;flex:1 1!important;font-size:15px!important;font-weight:700!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.spotlight-share-chat-send{align-items:center!important;background:#ffffff14!important;border-radius:50%!important;color:#fff9!important;display:flex!important;flex-shrink:0!important;font-size:14px!important;height:36px!important;justify-content:center!important;width:36px!important}.spotlight-comments-list{-webkit-overflow-scrolling:touch;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:20px!important;overflow-y:auto!important;padding:16px!important}.spotlight-comments-list::-webkit-scrollbar{width:4px}.spotlight-comments-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.spotlight-comment-row{align-items:flex-start!important;display:flex!important;gap:12px!important}.spotlight-comment-avatar{align-items:center!important;background:linear-gradient(135deg,#6c3ce1,#ec4899)!important;border-radius:50%!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:14px!important;font-weight:800!important;height:38px!important;justify-content:center!important;overflow:hidden!important;width:38px!important}.spotlight-comment-avatar.small{font-size:12px!important;height:28px!important;width:28px!important}.spotlight-comment-avatar img{height:100%!important;object-fit:cover!important;width:100%!important}.spotlight-comment-body{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:4px!important}.spotlight-comment-header{align-items:center!important;display:flex!important;gap:8px!important}.spotlight-comment-name{color:#ffffffe6!important;font-size:13px!important;font-weight:700!important}.spotlight-comment-badge{background:#6c3ce133!important;border-radius:4px!important;color:#a78bfa!important;font-size:9px!important;font-weight:800!important;margin-left:4px!important;padding:2px 6px!important}.spotlight-comment-time{color:#fff6!important;font-size:11px!important}.spotlight-comment-text{color:#ffffffd9!important;font-size:14px!important;line-height:1.5!important;word-break:break-word!important}.spotlight-comment-meta-row{align-items:center!important;display:flex!important;gap:16px!important;margin-top:4px!important}.spotlight-comment-reply-toggle{align-items:center!important;background:none!important;border:none!important;color:#ffffff80!important;cursor:pointer!important;display:flex!important;font-size:12px!important;font-weight:600!important;gap:6px!important}.spotlight-comment-reply-toggle:active{color:#fff!important}.spotlight-comment-delete{background:none!important;border:none!important;color:#ffffff4d!important;cursor:pointer!important;padding:4px!important;transition:color .2s!important}.spotlight-comment-delete:hover{color:#ef4444!important}.spotlight-comment-right{gap:8px!important}.spotlight-comment-like,.spotlight-comment-right{align-items:center!important;display:flex!important;flex-direction:column!important}.spotlight-comment-like{position:relative!important}.spotlight-comment-like-btn{background:none!important;border:none!important;color:#fff6!important;cursor:pointer!important;font-size:18px!important;padding:4px!important}.spotlight-comment-like-btn.active{color:#fff!important}.spotlight-comment-emoji{font-size:16px!important}.spotlight-comment-like-count{color:#fff6!important;font-size:11px!important;margin-top:2px!important}.spotlight-comment-like-picker{animation:spPop .15s cubic-bezier(.2,1.2,.4,1)!important;background:#242030!important;border:1px solid #ffffff1a!important;border-radius:20px!important;box-shadow:0 8px 24px #00000080!important;display:flex!important;gap:4px!important;margin-top:8px!important;padding:6px!important;position:absolute!important;right:0!important;top:100%!important;z-index:10!important}@keyframes spPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.spotlight-comment-like-pick{background:none!important;border:none!important;cursor:pointer!important;font-size:20px!important;padding:4px!important;transition:transform .1s!important}.spotlight-comment-like-pick:hover{transform:scale(1.2)!important}.spotlight-comment-replies,.spotlight-comment-thread{display:flex!important;flex-direction:column!important;gap:12px!important}.spotlight-comment-replies{margin-left:48px!important}.spotlight-comment-reply-input{align-items:center!important;display:flex!important;gap:8px!important;margin-top:4px!important}.spotlight-comment-reply-input input{background:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:999px!important;color:#fff!important;flex:1 1!important;font-size:13px!important;outline:none!important;padding:8px 14px!important}.spotlight-comment-reply-input input:focus{border-color:#6c3ce180!important}.spotlight-comment-reply-send{align-items:center!important;background:#ffffff14!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;height:32px!important;justify-content:center!important;transition:all .2s!important;width:32px!important}.spotlight-comment-reply-send:disabled{cursor:not-allowed!important;opacity:.4!important}.spotlight-comments-input-row{align-items:center!important;background:#14101e!important;border-top:1px solid #ffffff0f!important;display:flex!important;flex-shrink:0!important;gap:10px!important;padding:12px 16px max(16px,env(safe-area-inset-bottom))!important}.spotlight-comments-emoji-btn{background:none!important;border:none!important;color:#ffffff80!important;cursor:pointer!important;flex-shrink:0!important;font-size:22px!important}.spotlight-comments-input{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:999px!important;color:#fff!important;flex:1 1!important;font-size:16px!important;outline:none!important;padding:12px 18px!important}.spotlight-comments-input::placeholder{color:#ffffff4d!important;font-size:14px!important}.spotlight-comments-input:focus{border-color:#6c3ce180!important}.spotlight-comments-send{align-items:center!important;background:#ffffff14!important;border:none!important;border-radius:50%!important;color:#fff6!important;display:flex!important;flex-shrink:0!important;height:42px!important;justify-content:center!important;transition:all .2s!important;width:42px!important}.spotlight-comments-send.active{background:linear-gradient(135deg,#6c3ce1,#ec4899)!important;color:#fff!important}.spotlight-comments-send:disabled{cursor:not-allowed!important;opacity:.5!important}.spotlight-comments-emoji-bar{animation:spSlideUp .2s ease-out!important;background:#1a1526!important;border-top:1px solid #ffffff0f!important;display:flex!important;flex-shrink:0!important;gap:8px!important;overflow-x:auto!important;padding:10px 16px!important;scrollbar-width:none!important}.spotlight-comments-emoji-bar::-webkit-scrollbar{display:none!important}.spotlight-comments-emoji-bar button{background:none!important;border:none!important;cursor:pointer!important;font-size:24px!important;padding:4px!important;transition:transform .1s!important}.spotlight-comments-emoji-bar button:hover{transform:scale(1.2)!important}@keyframes spSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.spotlight-notifs-backdrop{align-items:flex-end!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#000000b3!important;display:flex!important;height:100dvh!important;inset:0!important;justify-content:center!important;position:fixed!important;width:100vw!important;z-index:9999999!important}.spotlight-notifs-sheet{animation:sheetSlideUp .3s cubic-bezier(.2,1,.4,1) forwards;background:#14101e!important;border-radius:24px 24px 0 0!important;box-shadow:0 -10px 40px #0009!important;display:flex!important;flex-direction:column!important;height:85dvh!important;max-width:600px!important;overflow:hidden!important;padding-bottom:env(safe-area-inset-bottom,16px)!important;width:100%!important}.spotlight-notifs-header{align-items:center!important;border-bottom:1px solid #ffffff0f!important;display:flex!important;flex-shrink:0;justify-content:space-between!important;padding:16px 20px!important}.spotlight-notifs-title{color:#fff!important;font-size:16px!important;font-weight:800!important}.spotlight-notifs-header button{align-items:center!important;background:#ffffff14!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;height:36px!important;justify-content:center!important;transition:background .2s!important;width:36px!important}.spotlight-notifs-header button:hover{background:#ffffff26!important}.spotlight-notifs-list{-webkit-overflow-scrolling:touch;flex:1 1!important;gap:12px!important;overflow-y:auto!important;padding:16px!important}.spotlight-notifs-empty,.spotlight-notifs-list{display:flex!important;flex-direction:column!important}.spotlight-notifs-empty{align-items:center!important;color:#ffffff80!important;height:100%!important;justify-content:center!important;text-align:center!important}.spotlight-notifs-empty i{font-size:48px!important;margin-bottom:16px!important;opacity:.5!important}.spotlight-notifs-empty h3{color:#fff!important;font-size:16px!important;margin:0 0 8px!important}.spotlight-notifs-empty p{font-size:13px!important;margin:0!important}.spotlight-notif-row{align-items:center!important;background:#ffffff08!important;border:1px solid #ffffff0d!important;border-radius:16px!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:12px!important;transition:background .2s!important}.spotlight-notif-row:hover{background:#ffffff14!important}.spotlight-notif-avatar{align-items:center!important;background:linear-gradient(135deg,#6c3ce1,#ec4899)!important;border-radius:50%!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;font-weight:800!important;height:44px!important;justify-content:center!important;overflow:hidden!important;width:44px!important}.spotlight-notif-avatar img{height:100%!important;object-fit:cover!important;width:100%!important}.spotlight-notif-content{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:4px!important}.spotlight-notif-text{color:#ffffffe6!important;font-size:14px!important;line-height:1.4!important}.spotlight-notif-text strong{color:#fff!important}.spotlight-notif-time{color:#fff6!important;font-size:11px!important}.spotlight-notif-thumb{background:#000!important;border-radius:8px!important;flex-shrink:0!important;height:48px!important;object-fit:cover!important;width:48px!important}.spotlight-history-page{background:#0d0a15!important;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px))}.spotlight-history-topbar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0d0a15d9;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top, 0px)) 20px 16px;position:sticky;top:0;z-index:10}.spotlight-profile-back{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.spotlight-history-title{color:#fff;font-size:16px;font-weight:800;margin:0}.spotlight-history-clear{background:none;border:none;color:#ec4899;cursor:pointer;font-size:14px;font-weight:700;padding:8px}.spotlight-history-empty,.spotlight-history-loading{align-items:center;color:#fff9;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.spotlight-history-empty i{color:#a78bfa;font-size:56px;margin-bottom:16px}.spotlight-history-empty h2{color:#fff;font-size:20px;margin:0 0 8px}.spotlight-history-empty p{font-size:14px;margin:0 0 24px}.spotlight-history-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(3,1fr);padding:2px}@media (min-width:600px){.spotlight-history-grid{grid-template-columns:repeat(4,1fr)}}.spotlight-history-tile{align-items:center;aspect-ratio:9/16;background:#1a1526;border:none;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:0;position:relative}.spotlight-history-tile img{height:100%;object-fit:cover;transition:transform .2s;width:100%}.spotlight-history-tile:active img{transform:scale(1.05)}.spotlight-history-tile-fallback{color:#fff3;font-size:24px}.spotlight-history-tile-play{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));font-size:12px;position:absolute;right:8px;top:8px}.spotlight-history-tile-meta{background:linear-gradient(0deg,#000c 0,#0000);bottom:0;color:#fff;font-size:11px;font-weight:600;left:0;padding:24px 8px 8px;position:absolute;right:0;text-align:left}.spotlight-confirm-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999999}.spotlight-confirm{animation:spPop .2s cubic-bezier(.2,1.2,.4,1);background:#14101e;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #000c;max-width:400px;padding:24px;text-align:center;width:100%}.spotlight-confirm h3{color:#fff;font-size:18px;margin:0 0 12px}.spotlight-confirm p{color:#fff9;font-size:14px;line-height:1.5;margin:0 0 24px}.spotlight-confirm-actions{display:flex;gap:12px}.spotlight-confirm-actions button{background:#ffffff14;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px;transition:background .2s}.spotlight-confirm-actions button.danger{background:#ef4444;color:#fff}.spotlight-confirm-actions button.danger:hover{background:#dc2626}
/*# sourceMappingURL=main.8a5fd5f6.css.map*/