@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-deep: #060608;--bg-surface: #0d0d12;--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-bg-active: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--glass-blur: blur(24px);--glass-blur-heavy: blur(40px);--glow-primary: rgba(99, 102, 241, .4);--glow-secondary: rgba(14, 165, 233, .3);--glow-accent: rgba(168, 85, 247, .35);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .65);--text-tertiary: rgba(255, 255, 255, .4);--text-muted: rgba(255, 255, 255, .3);--primary: #6366f1;--primary-light: #818cf8;--secondary: #0ea5e9;--accent: #a855f7;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #0ea5e9 100%);--accent-gradient-soft: linear-gradient(135deg, rgba(99, 102, 241, .2), rgba(168, 85, 247, .15), rgba(14, 165, 233, .1));--danger: #ef4444;--success: #22c55e;--warning: #f59e0b;--info: #3b82f6;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 16px);--dead-top: 72px;--header-bg: rgba(6, 6, 8, .95);--header-height: 48px;--nav-height: 56px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glow: 0 0 40px rgba(99, 102, 241, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;overscroll-behavior-y:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-deep);color:var(--text-primary);line-height:1.5;min-height:100vh;min-height:100dvh;overflow-x:hidden;width:100%;height:100%;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;text-size-adjust:100%}#root{width:100%;min-height:100vh;min-height:100dvh;height:100%}#root:before{content:"";position:fixed;top:0;left:0;right:0;height:var(--dead-top);background:var(--header-bg);z-index:999;pointer-events:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 80% at 50% -30%,rgba(99,102,241,.2),transparent 50%),radial-gradient(ellipse 80% 60% at 110% 20%,rgba(168,85,247,.15),transparent 50%),radial-gradient(ellipse 80% 60% at -10% 80%,rgba(14,165,233,.12),transparent 50%),radial-gradient(ellipse 60% 40% at 80% 90%,rgba(236,72,153,.08),transparent 50%);z-index:-1;animation:aurora 25s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 50% 20%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 60% 50%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 70% 80%,rgba(255,255,255,.25),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,.2),transparent),radial-gradient(1.5px 1.5px at 25% 60%,rgba(99,102,241,.4),transparent),radial-gradient(1.5px 1.5px at 75% 40%,rgba(168,85,247,.4),transparent),radial-gradient(1.5px 1.5px at 90% 70%,rgba(14,165,233,.4),transparent);z-index:-1;animation:stars 30s linear infinite;pointer-events:none}@keyframes aurora{0%{opacity:.7;transform:scale(1) rotate(0)}50%{opacity:.9;transform:scale(1.05) rotate(1deg)}to{opacity:.7;transform:scale(1.1) rotate(-1deg)}}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.container{width:100%;max-width:100%;margin:0 auto;padding:12px;padding-top:calc(var(--header-height) + var(--safe-top) + var(--dead-top) + 8px);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px);min-height:100vh;min-height:100dvh}.center{display:flex;flex-direction:column;align-items:center}.flyer-block{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-deep)}.flyer-card{width:100%;max-width:440px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px;text-align:center;box-shadow:var(--shadow-glow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.flyer-icon{font-size:40px;line-height:1;margin-bottom:8px}.flyer-text{color:var(--text-secondary);font-size:.9375rem;margin:8px 0 12px}.flyer-bot{color:var(--text-primary);font-weight:600;margin-bottom:8px}.flyer-error{color:var(--danger);font-size:.875rem;margin-bottom:8px}.flyer-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}.flyer-btn{border:none;border-radius:var(--radius-md);padding:10px 16px;font-weight:600;color:var(--text-primary);background:var(--accent-gradient);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.flyer-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #a855f733}.flyer-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.flyer-btn.ghost{background:transparent;border:1px solid var(--glass-border)}h2,h3,h4{font-weight:600;letter-spacing:-.02em}h2{font-size:1.5rem;margin-bottom:4px}h3{font-size:1.125rem;color:var(--text-primary);margin:0 0 12px}h4{font-size:.9375rem;color:var(--text-secondary)}.muted{color:var(--text-secondary);font-size:.8125rem}.topbar{position:fixed;top:var(--dead-top);left:0;right:0;height:calc(var(--header-height) + var(--safe-top));background:var(--header-bg);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;padding:var(--safe-top) 12px 0;z-index:1000}.brand{display:flex;align-items:center;gap:8px}.brand .avatar{width:28px;height:28px;border-radius:8px;background:var(--accent-gradient);background-size:cover}.brand .title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.theme-btn{width:32px;height:32px;border-radius:var(--radius-xs);background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s var(--ease-out)}.theme-btn:hover{background:var(--glass-bg-hover)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-family:inherit;cursor:pointer;outline:none}.btn{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:left;transition:all .25s var(--ease-out);overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%);opacity:0;transition:opacity .3s;border-radius:inherit}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(255,255,255,.3),transparent 60%);opacity:0;transform:scale(0);transition:transform .5s,opacity .5s;border-radius:inherit;pointer-events:none}.btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 20px #6366f11a}.btn:hover:before{opacity:1}.btn:active{transform:scale(.98) translateY(0)}.btn:active:after{opacity:1;transform:scale(2);transition:transform .3s,opacity 0s}.btn.card{margin-bottom:8px;min-height:56px}.btn.accent{background:linear-gradient(135deg,#6366f126,#a855f71a);border:none;position:relative;z-index:1}.btn.accent:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#6366f199,#a855f766,#0ea5e94d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;transition:opacity .3s;animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.5;filter:blur(0)}50%{opacity:.9;filter:blur(.5px)}}.btn.accent:hover{background:linear-gradient(135deg,#6366f140,#a855f733);box-shadow:0 0 30px #6366f140,0 0 60px #a855f726}.btn.accent:hover:before{opacity:1;animation-play-state:paused}.btn.primary{background:linear-gradient(135deg,#6366f1,#a855f7,#0ea5e9,#6366f1);background-size:300% 300%;border:none;color:#fff;justify-content:center;font-weight:600;font-size:.875rem;letter-spacing:.02em;box-shadow:0 4px 20px var(--glow-primary);animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn.primary:hover{box-shadow:0 6px 30px var(--glow-primary),0 0 40px #a855f74d;animation-duration:2s}.btn.primary:before{background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%)}.btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);justify-content:center;font-weight:500;font-size:.875rem;padding:10px 16px}.btn.secondary:hover{background:var(--glass-bg);border-color:#fff3;color:var(--text-primary)}.btn.secondary.glow{border-color:#6366f133}.btn.secondary.glow:hover{border-color:#6366f166;box-shadow:0 0 16px #6366f126}.btn.referral{background:linear-gradient(135deg,#22c55e,#16a34a,#10b981);background-size:200% 200%;border:none;color:#fff;justify-content:center;font-weight:600;box-shadow:0 4px 20px #22c55e59,inset 0 1px #fff3;animation:greenGradient 3s ease infinite;position:relative;overflow:hidden}@keyframes greenGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn.referral:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:referralShine 3s ease-in-out infinite}@keyframes referralShine{0%{transform:translate(-100%) rotate(45deg)}50%,to{transform:translate(100%) rotate(45deg)}}.btn.referral:hover{box-shadow:0 6px 30px #22c55e80,0 0 40px #22c55e33,inset 0 1px #ffffff4d;animation-duration:1.5s}.ico{width:40px;height:40px;min-width:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;position:relative}.ico svg{width:20px;height:20px}.ico-blue{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#60a5fa;box-shadow:0 0 20px #3b82f626}.ico-purple{background:linear-gradient(135deg,#a855f733,#a855f71a);color:#c084fc;box-shadow:0 0 20px #a855f726}.ico-green{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#4ade80;box-shadow:0 0 20px #22c55e26}.ico-orange{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#fbbf24;box-shadow:0 0 20px #f59e0b26}.ico-red{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#f87171;box-shadow:0 0 20px #ef444426}.btn:hover .ico{transform:scale(1.05);transition:transform .3s var(--ease-spring)}.btn:active .ico{transform:scale(.95)}.label{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.label .t{font-size:.9375rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label .s{font-size:.75rem;color:var(--text-tertiary)}.menu{display:flex;flex-direction:column;gap:0;width:100%}.menu.main{gap:0}.menu.fn{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.menu.fn .btn.card{flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:100px;padding:14px;margin:0;gap:10px}.menu.fn .btn.card .ico{width:36px;height:36px;min-width:36px;font-size:16px}.menu.fn .btn.card .label{gap:2px}.menu.fn .btn.card .label .t{font-size:.8125rem}.menu.fn .btn.card .label .s{font-size:.6875rem}#btn-fn-back{grid-column:1 / -1;margin-top:8px}.tabbar{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:340px;height:56px;background:#0a0a0fe6;backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid rgba(255,255,255,.08);border-radius:18px;display:flex;justify-content:space-around;align-items:center;padding:0 8px;z-index:1000;box-shadow:0 4px 24px #0006,0 0 0 1px #ffffff0d inset;transition:transform .3s var(--ease-out),opacity .3s}.tabbar.tb-hide{transform:translate(-50%) translateY(100px);opacity:0}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;color:var(--text-tertiary);transition:all .25s var(--ease-out);border-radius:var(--radius-sm)}.tab .ico{width:24px;height:24px;min-width:24px;background:none;transition:all .25s var(--ease-out)}.tab .ico svg{width:22px;height:22px}.tab .lbl{font-size:.6875rem;font-weight:500;transition:color .25s}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary);position:relative}.tab.active .ico{color:var(--secondary)}.tab.active .lbl{color:var(--text-primary)}.chats-tabs{display:flex;gap:4px;margin-bottom:16px;padding:4px;background:var(--glass-bg);border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.chats-tab{flex:1;padding:10px 16px;border-radius:var(--radius-xs);font-size:.875rem;font-weight:500;color:var(--text-tertiary);transition:all .2s var(--ease-out)}.chats-tab.active{background:linear-gradient(135deg,#6366f133,#a855f726);color:var(--text-primary);box-shadow:0 2px 8px #6366f126}.chats-tab:hover:not(.active){color:var(--text-secondary);background:var(--glass-bg-hover)}.chat-row{display:flex;align-items:stretch;margin-bottom:2px;border-radius:var(--radius-md);overflow:hidden;animation:fadeSlideIn .3s var(--ease-out) forwards;opacity:0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-row .chat-content{flex:1;border-radius:var(--radius-md) 0 0 var(--radius-md);margin:0;min-height:72px;padding:10px 12px}.chat-row .chat-content .label{gap:4px}.chat-avatar{width:52px;height:52px;min-width:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;color:#fff;overflow:hidden;background-size:cover;background-position:center;position:relative;transition:transform .2s var(--ease-spring);box-shadow:0 2px 8px #0003}.chat-avatar:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,#6366f166,#a855f74d,#0ea5e933);z-index:-1;opacity:0;transition:opacity .3s}.chat-content:hover .chat-avatar{transform:scale(1.05)}.chat-content:hover .chat-avatar:before{opacity:.6}.chat-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.chat-avatar-initials{text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.3);letter-spacing:.5px}.chat-meta-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:50px}.chat-time{font-size:.6875rem;color:var(--text-tertiary);font-weight:500}.chat-unread{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--primary);color:#fff;font-size:.6875rem;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #6366f14d}.chat-unread.muted{background:var(--text-tertiary);box-shadow:none}.chat-preview{display:flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--text-secondary)}.chat-preview-sender{color:var(--primary-light);font-weight:500}.chat-preview-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-tertiary)}.chat-avatar .online-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#22c55e;border:2px solid var(--bg-deep);box-shadow:0 0 8px #22c55e80}.chat-del-btn{width:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#ef444414,#ef444426);border-left:1px solid rgba(239,68,68,.15);border-radius:0 var(--radius-md) var(--radius-md) 0;color:#f87171;transition:all .25s var(--ease-out)}.chat-del-btn svg{width:18px;height:18px;transition:transform .2s var(--ease-spring)}.chat-del-btn:hover{background:linear-gradient(135deg,#ef444426,#ef444440);color:#ff6b6b}.chat-del-btn:hover svg{transform:scale(1.1)}.chat-del-btn:active svg{transform:scale(.9)}.chat-del-label{font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}#view-chat-detail{display:flex;flex-direction:column;min-height:0}#view-chat-detail .chat-screen{display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 100%);position:relative;transition:border-color .2s var(--ease-out)}#view-chat-detail .chat-screen.drag-active{border:2px dashed var(--primary);background:linear-gradient(180deg,rgba(99,102,241,.1) 0%,transparent 100%)}.chat-drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#060608f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:100;animation:dragOverlayIn .2s var(--ease-out);border-radius:inherit}@keyframes dragOverlayIn{0%{opacity:0}to{opacity:1}}.chat-drag-content{text-align:center;animation:dragContentIn .3s var(--ease-spring)}@keyframes dragContentIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-drag-icon{font-size:64px;margin-bottom:16px;animation:dragIconBounce 1s ease-in-out infinite}@keyframes dragIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chat-drag-text{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.chat-drag-hint{font-size:.875rem;color:var(--text-tertiary)}.chat-header{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#060608f2;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid rgba(255,255,255,.06);position:fixed;top:calc(var(--header-height) + var(--safe-top) + var(--dead-top));left:0;right:0;z-index:10}.chat-header-back{width:36px;height:36px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s var(--ease-out);flex-shrink:0}.chat-header-back:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.chat-header-back svg{width:20px;height:20px}.chat-header-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 2px 8px #0003}.chat-header-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.chat-header-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-header-title-row{display:flex;align-items:center;gap:8px;min-width:0}.chat-header-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;flex:1}.chat-header-status{font-size:.75rem;color:var(--text-tertiary)}.chat-header-status.online{color:#22c55e}.chat-header-menu-btn{width:36px;height:36px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s var(--ease-out);flex-shrink:0}.chat-header-menu-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.chat-header-menu-btn svg{width:16px;height:16px}.chat-header-avatar.clickable,.chat-header-info.clickable{cursor:pointer}.chat-header-avatar.clickable:hover{transform:scale(1.05)}.chat-header-info.clickable:hover .chat-header-title{color:var(--primary-light)}.chat-profile-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:2600;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s var(--ease-out)}.chat-profile-content{width:100%;max-width:400px;max-height:80vh;background:#0f0f14fa;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:20px;padding-bottom:calc(20px + var(--safe-bottom));animation:chatProfileSlideIn .3s var(--ease-out);overflow-y:auto}@keyframes chatProfileSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.chat-profile-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s var(--ease-out);z-index:10}.chat-profile-close:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.chat-profile-close svg{width:20px;height:20px}.chat-profile-header{text-align:center;padding:20px 0 24px}.chat-profile-avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;box-shadow:0 8px 32px #0000004d;overflow:hidden;animation:chatProfileAvatarIn .4s var(--ease-spring) .1s both}@keyframes chatProfileAvatarIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.chat-profile-avatar img{width:100%;height:100%;object-fit:cover}.chat-profile-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.chat-profile-status{font-size:.875rem;color:var(--text-tertiary)}.chat-profile-status.online{color:#22c55e}.chat-profile-info{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:4px;margin-bottom:16px}.chat-profile-info-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);transition:background .2s}.chat-profile-info-item:hover{background:var(--glass-bg-hover)}.chat-profile-info-icon{font-size:20px}.chat-profile-info-content{flex:1}.chat-profile-info-label{font-size:.75rem;color:var(--text-tertiary);margin-bottom:2px}.chat-profile-info-value{font-size:.9375rem;color:var(--text-primary);font-weight:500}.chat-profile-info-value.clickable{cursor:pointer;display:inline-flex;align-items:center;gap:6px}.chat-profile-info-value.clickable:hover{color:var(--primary-light)}.chat-profile-actions{display:flex;flex-direction:column;gap:8px}.chat-profile-action{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s var(--ease-out);text-align:left;width:100%}.chat-profile-action:hover{background:var(--glass-bg-hover);transform:translate(4px)}.chat-profile-action.danger{color:#f87171;border-color:#ef444433}.chat-profile-action.danger:hover{background:#ef44441a;border-color:#ef44444d}.chat-profile-action-icon{font-size:20px}:root.light .chat-profile-content{background:#fffffffa}:root.light .chat-profile-modal{background:#00000080}.chat-messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 12px;display:flex;flex-direction:column;scroll-behavior:smooth}.chat-messages-container::-webkit-scrollbar{width:4px}.chat-messages-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.chat-list{display:flex;flex-direction:column;gap:2px;padding:8px 0;flex:1;min-height:0}#view-chat-detail .chat-list{padding:60px 12px 72px}.date-sep{text-align:center;margin:16px 0 12px;position:relative}.date-sep span,.date-sep{display:inline-block;font-size:.75rem;color:var(--text-primary);padding:5px 14px;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;font-weight:500;box-shadow:0 2px 8px #0003}.message-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:2px}.message-row.mine{justify-content:flex-end}.message-row.with-avatar{margin-bottom:8px}.message-avatar-space{width:32px;height:32px;flex-shrink:0}.message-avatar-space:not(.show-avatar){visibility:hidden}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:transform .2s var(--ease-out);box-shadow:0 2px 8px #0003}.message-avatar:hover{transform:scale(1.1)}.message-avatar:active{transform:scale(.95)}.bubble{max-width:calc(100% - 48px);padding:8px 12px 6px;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px 18px 18px 4px;font-size:.9375rem;line-height:1.45;animation:bubbleIn .2s var(--ease-out);position:relative;word-wrap:break-word;word-break:break-word}.message-row.mine .bubble{max-width:80%}@keyframes bubbleIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bubble:not(.mine){align-self:flex-start;background:linear-gradient(145deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 3px #00000026}.bubble:not(.mine).last-in-group:before{content:"";position:absolute;left:-6px;bottom:0;width:10px;height:10px;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-left:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);clip-path:polygon(100% 0,100% 100%,0 100%)}.bubble.mine{align-self:flex-end;background:linear-gradient(135deg,#5b6eae,#6c63b8,#7c6aad);border:none;border-radius:18px 18px 4px;color:#fff;box-shadow:0 2px 12px #5b6eae59}.bubble.mine.last-in-group:after{content:"";position:absolute;right:-6px;bottom:0;width:10px;height:10px;background:linear-gradient(225deg,#7c6aad,#6c63b8);clip-path:polygon(0 0,100% 100%,0 100%)}.bubble:not(.last-in-group):before,.bubble:not(.last-in-group):after{display:none}.bubble .sender{font-size:.8125rem;font-weight:600;color:#7cacf8;margin-bottom:4px;display:block;cursor:pointer;transition:opacity .2s}.bubble .sender:hover{opacity:.8}.bubble .meta{font-size:.6875rem;color:#fff6;text-align:right;margin-top:4px;margin-bottom:-2px;display:flex;justify-content:flex-end;align-items:center;gap:4px;float:right;margin-left:8px;position:relative;top:3px}.bubble.mine .meta{color:#ffffffa6}.bubble .meta .read-status{display:inline-flex;margin-left:2px}.bubble .meta .read-status svg{width:14px;height:14px}.bubble:not(.mine):not(.first-in-group){border-radius:4px 18px 18px 4px}.bubble:not(.mine).first-in-group:not(.last-in-group){border-radius:18px 18px 18px 4px}.bubble:not(.mine).last-in-group:not(.first-in-group){border-radius:4px 18px 18px 4px}.bubble.mine:not(.first-in-group){border-radius:18px 4px 4px 18px}.bubble.mine.first-in-group:not(.last-in-group){border-radius:18px 18px 4px}.bubble.mine.last-in-group:not(.first-in-group){border-radius:18px 4px 4px 18px}.bubble .message-text{display:inline}.bubble>div:after{content:"";display:table;clear:both}.archive-tag{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;font-weight:600;color:var(--warning);margin-bottom:8px;padding:4px 8px;background:#f59e0b26;border-radius:6px}.archive-edit{display:flex;flex-direction:column;gap:10px;margin-top:4px}.archive-label{font-size:.625rem;color:var(--text-tertiary);text-transform:uppercase;font-weight:700;letter-spacing:.05em;margin-bottom:2px}.archive-text{padding:8px 12px;background:#00000040;border-radius:var(--radius-xs);font-size:.8125rem;border-left:2px solid var(--primary)}.bubble-media{margin:-4px -8px 4px;border-radius:14px 14px 0 0;overflow:hidden}.bubble-media img,.bubble-media video{display:block;max-width:100%;width:100%;border-radius:0}.bubble.mine .bubble-media{margin:-4px -8px 4px}.media-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0f;border-radius:var(--radius-sm);font-size:.8125rem;color:var(--text-secondary);border:1px solid rgba(255,255,255,.08)}.media-tag:before{content:"";width:8px;height:8px;background:var(--primary);border-radius:50%;animation:media-pulse 2s ease-in-out infinite}@keyframes media-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.media-unavailable{color:var(--text-tertiary);background:#ffffff0a;border-color:transparent}.media-unavailable:before{background:var(--text-tertiary);animation:none}.bubble img:not(.emoji),.bubble video{border-radius:12px;max-width:280px;cursor:pointer;transition:transform .2s var(--ease-out),opacity .2s}.bubble img:not(.emoji):hover,.bubble video:hover{transform:scale(1.02)}.bubble img:not(.emoji):active,.bubble video:active{transform:scale(.98)}.bubble video.video-note{width:200px;height:200px;border-radius:50%;object-fit:cover;box-shadow:0 4px 16px #0000004d}.bubble audio{max-width:100%;height:40px;border-radius:20px}.bubble img.sticker{max-width:180px;background:transparent;border-radius:0}.bubble-reply{padding:6px 10px;background:#0003;border-left:3px solid var(--primary);border-radius:4px;margin-bottom:6px;font-size:.8125rem}.bubble-reply-name{font-weight:600;color:var(--primary-light);margin-bottom:2px}.bubble-reply-text{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble-forward{font-size:.75rem;color:var(--text-tertiary);margin-bottom:4px;display:flex;align-items:center;gap:4px}.bubble-forward svg{width:12px;height:12px}.chat-input-bar{padding:8px 12px;background:#060608f2;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid rgba(255,255,255,.06);position:fixed;bottom:0;left:0;right:0;z-index:5}.chat-input-form{display:flex;align-items:flex-end;gap:8px}.chat-input-field{flex:1;display:flex;align-items:flex-end;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:6px 6px 6px 14px;transition:all .2s var(--ease-out)}.chat-input-field:focus-within{border-color:#6366f166;background:#ffffff14;box-shadow:0 0 0 3px #6366f11a}.chat-input-textarea{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9375rem;line-height:1.4;resize:none;min-height:24px;max-height:120px;font-family:inherit;padding:4px 0}.chat-input-textarea::placeholder{color:var(--text-tertiary)}.chat-emoji-btn{width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out);flex-shrink:0}.chat-emoji-btn:hover{color:var(--text-secondary);background:#ffffff14}.chat-emoji-btn svg{width:22px;height:22px}.chat-send-btn{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .25s var(--ease-out);cursor:not-allowed}.chat-send-btn svg{width:22px;height:22px;transition:transform .2s var(--ease-out)}.chat-send-btn.active{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-color:transparent;color:#fff;cursor:pointer;box-shadow:0 4px 16px var(--glow-primary)}.chat-send-btn.active:hover{transform:scale(1.08);box-shadow:0 6px 24px var(--glow-primary)}.chat-send-btn.active:hover svg{transform:translate(2px)}.chat-send-btn.active:active{transform:scale(.95)}.chat-media-btn{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out);cursor:pointer}.chat-media-btn svg{width:22px;height:22px;transition:transform .2s var(--ease-out)}.chat-media-btn:hover:not(:disabled){background:#6366f126;border-color:#6366f14d;color:var(--primary-light)}.chat-media-btn:hover:not(:disabled) svg{transform:rotate(-15deg)}.chat-media-btn:active:not(:disabled){transform:scale(.95)}.chat-media-btn:disabled{opacity:.4;cursor:not-allowed}.chat-send-spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-input-disabled{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px 20px;text-align:center}.chat-input-disabled-icon{font-size:24px;margin-bottom:8px}.chat-input-disabled-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.chat-input-disabled-meta{color:var(--text-tertiary);font-size:.75rem;margin-top:6px}.chat-voice-btn{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out);cursor:pointer}.chat-voice-btn svg{width:22px;height:22px}.chat-voice-btn:hover:not(:disabled){background:#ef444426;border-color:#ef44444d;color:#f87171}.chat-voice-btn.recording{background:#ef4444;border-color:#ef4444;color:#fff;animation:pulse-recording 1s ease-in-out infinite}@keyframes pulse-recording{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 10px #ef444400}}.profile-page{text-align:left;padding-bottom:20px}.profile-header{text-align:center;padding:24px 16px;background:linear-gradient(180deg,rgba(99,102,241,.1) 0%,transparent 100%);border-radius:var(--radius-xl);margin-bottom:20px;position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200%;height:200%;background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.15),transparent 50%);pointer-events:none}.profile-avatar-wrapper{position:relative;display:inline-block;margin-bottom:16px}.profile-avatar-large{width:96px;height:96px;border-radius:50%;background:var(--accent-gradient);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;position:relative;z-index:2;box-shadow:0 8px 32px #6366f14d}.profile-avatar-initials{text-shadow:0 2px 4px rgba(0,0,0,.2)}.profile-avatar-badge{position:absolute;bottom:0;right:0;width:28px;height:28px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;border:3px solid var(--bg-deep);box-shadow:0 2px 8px #fbbf2466;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.profile-avatar-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,var(--primary),var(--accent),var(--secondary)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ringRotate 4s linear infinite;z-index:1}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.02em}.profile-username{font-size:.9375rem;color:var(--text-secondary);margin-bottom:8px}.profile-id{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-tertiary);padding:4px 10px;background:var(--glass-bg);border-radius:var(--radius-full);cursor:pointer;transition:all .2s var(--ease-out)}.profile-id:hover{background:var(--glass-bg-hover);color:var(--text-secondary)}.profile-id:active{transform:scale(.95)}.profile-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}.profile-badge{padding:4px 12px;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);background:var(--glass-bg);color:var(--text-secondary)}.profile-badge.premium{background:linear-gradient(135deg,#fbbf2433,#f59e0b26);color:#fbbf24;box-shadow:0 0 12px #fbbf2433}.profile-badge.connected{background:#22c55e26;color:#4ade80}.profile-badge.disconnected{background:#f59e0b26;color:#fbbf24}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.profile-stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px 8px;text-align:center;cursor:pointer;transition:all .25s var(--ease-out)}.profile-stat-card:hover{background:var(--glass-bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.profile-stat-card:active{transform:scale(.98)}.profile-stat-icon{font-size:20px;margin-bottom:4px}.profile-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.profile-stat-label{font-size:.625rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em;margin-top:2px}.profile-achievements{margin-bottom:20px}.profile-section-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.profile-achievements-list{display:flex;gap:8px;flex-wrap:wrap}.profile-achievement{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,rgba(var(--achievement-color-rgb, 99, 102, 241),.15),rgba(var(--achievement-color-rgb, 99, 102, 241),.08));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);animation:achievementIn .3s var(--ease-out) backwards}.profile-achievement:nth-child(1){animation-delay:0s}.profile-achievement:nth-child(2){animation-delay:.05s}.profile-achievement:nth-child(3){animation-delay:.1s}.profile-achievement:nth-child(4){animation-delay:.15s}.profile-achievement:nth-child(5){animation-delay:.2s}@keyframes achievementIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.profile-achievement-icon{font-size:14px}.profile-achievement-label{font-size:.75rem;font-weight:600;color:var(--text-primary)}.profile-section{margin-bottom:20px}.profile-quick-actions{display:flex;flex-direction:column;gap:8px}.profile-action-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all .25s var(--ease-out);text-align:left;width:100%}.profile-action-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translate(4px)}.profile-action-card:active{transform:scale(.98)}.profile-action-card.referral{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border-color:#22c55e33}.profile-action-card.referral:hover{background:linear-gradient(135deg,#22c55e26,#10b9811a);border-color:#22c55e4d}.profile-action-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--glass-bg);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.profile-action-content{flex:1;min-width:0}.profile-action-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.profile-action-desc{font-size:.75rem;color:var(--text-tertiary);margin-top:2px}.profile-action-arrow{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0;transition:transform .2s var(--ease-out)}.profile-action-card:hover .profile-action-arrow{transform:translate(4px);color:var(--text-secondary)}.profile-settings-list{display:flex;flex-direction:column;gap:2px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden}.profile-settings-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;cursor:pointer;transition:background .2s var(--ease-out);text-align:left;width:100%}.profile-settings-item:hover{background:var(--glass-bg-hover)}.profile-settings-item:active{background:var(--glass-bg-active)}.profile-settings-item.admin{background:linear-gradient(90deg,rgba(251,191,36,.05),transparent)}.profile-settings-item.admin:hover{background:linear-gradient(90deg,rgba(251,191,36,.1),transparent)}.profile-settings-icon{width:36px;height:36px;border-radius:var(--radius-xs);background:var(--glass-bg);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.profile-settings-content{flex:1;min-width:0}.profile-settings-title{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.profile-settings-desc{font-size:.75rem;color:var(--text-tertiary);margin-top:1px}.profile-settings-arrow{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.profile-app-info{text-align:center;padding:24px 16px;margin-top:8px}.profile-app-logo{font-size:40px;margin-bottom:8px;animation:float 3s ease-in-out infinite}.profile-app-name{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.profile-app-version{font-size:.75rem;color:var(--text-tertiary);margin-bottom:12px}.profile-app-links{display:flex;align-items:center;justify-content:center;gap:8px}.profile-app-link{color:var(--primary-light);font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .2s}.profile-app-link:hover{color:var(--primary);text-decoration:underline}.profile-app-divider{color:var(--text-muted)}.profile{position:relative;background:linear-gradient(145deg,#ffffff0f,#ffffff05);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:16px;overflow:hidden}.profile:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);pointer-events:none}.profile>*{position:relative;z-index:1}.profile .ph{width:80px;height:80px;border-radius:50%;background:var(--accent-gradient);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:600;color:#fff;margin-bottom:12px;position:relative;border:3px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #6366f140}.profile .ph .spinner{display:none}.profile .row{margin-bottom:2px}.profile #profile-name{font-size:1.125rem!important}.profile #profile-username{font-size:.8125rem}.profile .meta-row{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;justify-content:center}.profile-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.profile-actions .btn{font-size:.8125rem;padding:10px 12px}.profile-actions #btn-ref-profile{grid-column:1 / -1}:root.light .profile-header{background:linear-gradient(180deg,rgba(99,102,241,.06) 0%,transparent 100%)}:root.light .profile-header:before{background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.08),transparent 50%)}:root.light .profile-stat-card{background:#00000005;border-color:#0000000f}:root.light .profile-stat-card:hover{background:#0000000a}:root.light .profile-action-card{background:#00000005;border-color:#0000000f}:root.light .profile-action-card:hover{background:#0000000a}:root.light .profile-settings-list{background:#00000005;border-color:#0000000f}:root.light .profile-settings-item:hover{background:#0000000a}.badge{display:inline-flex;align-items:center;padding:3px 8px;font-size:.6875rem;font-weight:600;border-radius:var(--radius-full);background:var(--glass-bg);color:var(--text-secondary)}.badge.premium{background:linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24);background-size:200% 100%;color:#000;animation:premiumShine 2s ease infinite;box-shadow:0 0 10px #fbbf244d}@keyframes premiumShine{0%{background-position:200% 0}to{background-position:-200% 0}}.badge.ok{background:#22c55e33;color:#4ade80;box-shadow:0 0 8px #22c55e33;animation:okPulse 2s ease-in-out infinite}@keyframes okPulse{0%,to{box-shadow:0 0 8px #22c55e33}50%{box-shadow:0 0 12px #22c55e66}}.badge.warn{background:#f59e0b33;color:#fbbf24}.badge.bad{background:#ef444433;color:#f87171}.input{width:100%;background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:12px 14px;font-size:.875rem;color:var(--text-primary);transition:all .3s var(--ease-out)}.input:focus{outline:none;border-color:var(--primary);background:#0006;box-shadow:0 0 0 3px #6366f126,0 0 20px #6366f11a}.input::placeholder{color:var(--text-muted);transition:color .2s}.input:focus::placeholder{color:var(--text-tertiary)}select.input{cursor:pointer}textarea.input{resize:vertical;min-height:80px}.field{margin-bottom:12px}.field label{display:block;font-size:.75rem;color:var(--text-tertiary);margin-bottom:6px;font-weight:500}.ref-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.ref-stat{background:linear-gradient(145deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:16px;text-align:center;position:relative;overflow:hidden;transition:all .3s var(--ease-out)}.ref-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.ref-stat:hover{transform:translateY(-2px);border-color:#6366f133;box-shadow:0 8px 25px #0003}.ref-stat .muted{font-size:.6875rem;margin-bottom:4px}.ref-stat>div:last-child{font-size:1.25rem!important;font-weight:700!important}.ref-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px}.ref-card .mono{font-family:SF Mono,Monaco,monospace;font-size:.75rem;color:var(--secondary);word-break:break-all}.cfg-tabs{margin-bottom:16px}.cfg-select{position:relative}.cfg-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--text-primary)}.cfg-tab .arrow{font-size:.75rem;color:var(--text-tertiary)}.cfg-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#0f0f14f2;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:4px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:var(--shadow-lg)}.cfg-dropdown.hidden{display:none}.cfg-opt{padding:8px 12px;font-size:.75rem;font-weight:500;border-radius:var(--radius-xs);color:var(--text-secondary);transition:all .15s}.cfg-opt:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.cfg-opt.active{background:var(--primary);color:#fff}.cfg-wrap{display:flex;flex-direction:column;gap:20px}.cfg-steps,.cfg-editor{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px}.cfg-head{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.cfg-list{display:flex;flex-direction:column;gap:8px}.cfg-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0003;border-radius:var(--radius-sm);font-size:.8125rem}.badge-step{width:24px;height:24px;min-width:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:.6875rem;font-weight:600;display:flex;align-items:center;justify-content:center}.cfg-item>div:nth-child(2){flex:1;min-width:0}.cfg-item b{color:var(--secondary)}.cfg-item .meta{font-size:.6875rem;color:var(--text-tertiary);margin-top:2px}.cfg-item .actions{display:flex;gap:4px}.cfg-item .actions .icon{width:28px;height:28px;border-radius:var(--radius-xs);font-size:.75rem;display:flex;align-items:center;justify-content:center}.cfg-item .actions .icon:hover{background:var(--glass-bg-hover)}.cfg-item .actions .icon:disabled{opacity:.3;pointer-events:none}.cfg-actions{margin-top:12px}.paid-list{display:flex;flex-direction:column;gap:10px}.paid-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.paid-thumb{width:56px;height:56px;min-width:56px;border-radius:var(--radius-sm);object-fit:cover;background:#0000004d;cursor:pointer}.paid-thumb.placeholder{display:flex;align-items:center;justify-content:center;font-size:24px}.paid-meta{flex:1;min-width:0}.paid-title{font-size:.875rem;font-weight:600}.paid-sub{font-size:.75rem;color:var(--text-tertiary);margin-top:2px}.paid-status{font-size:.6875rem;font-weight:500;margin-top:4px}.paid-status.ok{color:#4ade80}.paid-status.warn{color:#fbbf24}.paid-status.bad{color:#f87171}.paid-actions{display:flex;flex-direction:column;gap:4px}.paid-actions .btn{padding:6px 10px;font-size:.6875rem;width:auto}.admin-section{margin-bottom:20px}.admin-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--glass-border)}.admin-item{border-left:3px solid var(--primary)}.stats-row .btn.card{cursor:default;margin:0}.stats-row .btn.card:hover{transform:none;box-shadow:none}#view-settings .ref-card{margin-bottom:0}#lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lb-close{position:absolute;top:max(16px,env(safe-area-inset-top,16px));right:16px;width:44px;height:44px;border-radius:50%;background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s;z-index:10}.lb-close:active{transform:scale(.9);background:#fff3}.lb-inner{max-width:100%;max-height:80vh}.lb-inner img,.lb-inner video{max-width:100%;max-height:80vh;border-radius:var(--radius-md)}#mini-player{position:fixed;bottom:calc(var(--nav-height) + var(--safe-bottom) + 20px);right:16px;width:160px;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);z-index:900}#mini-player.hidden{display:none}.mini-close{position:absolute;top:4px;right:4px;width:32px;height:32px;border-radius:50%;background:#00000080;color:#fff;font-size:14px;z-index:1;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}.mini-close:active{transform:scale(.9);background:#000000b3}#mini-player video{width:100%;display:block}#toasts{position:fixed;bottom:calc(var(--nav-height) + 32px);left:50%;transform:translate(-50%);z-index:3000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 24px;background:#0f0f14f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--text-primary);box-shadow:0 10px 40px #0006,0 0 20px #6366f11a,inset 0 1px #ffffff0d;animation:toastIn .4s var(--ease-spring);pointer-events:auto;position:relative;overflow:hidden}.toast:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:toastShine 2s ease-in-out infinite}@keyframes toastShine{0%{left:-100%}50%,to{left:100%}}@keyframes toastIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.toast.error{border-color:#ef444466;background:linear-gradient(135deg,#ef444426,#0f0f14f2);box-shadow:0 10px 40px #0006,0 0 20px #ef444426}#top-progress{position:fixed;top:var(--dead-top);left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#a855f7,#0ea5e9,#ec4899);background-size:300% 100%;z-index:1100;transform-origin:left;transition:transform .3s,opacity .3s;animation:progressGlow 2s linear infinite;box-shadow:0 0 10px #6366f180,0 0 20px #a855f74d}@keyframes progressGlow{0%{background-position:0% 50%}to{background-position:300% 50%}}.spinner{width:36px;height:36px;border:2px solid transparent;border-top-color:var(--secondary);border-right-color:var(--primary);border-radius:50%;animation:spinGradient 1s linear infinite;margin:20px auto;position:relative}.spinner:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid transparent;border-bottom-color:var(--accent);border-left-color:#ec489980;animation:spinGradient 1.5s linear infinite reverse}@keyframes spinGradient{to{transform:rotate(360deg)}}.spinner.small{width:18px;height:18px}.spinner.small:before{top:-2px;right:-2px;bottom:-2px;left:-2px}.hidden{display:none!important}@media(max-width:380px){.menu.fn,.ref-grid,.profile-actions{grid-template-columns:1fr}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-stat-card{padding:10px 6px}.profile-stat-value{font-size:1.125rem}.media-preview-footer{padding:10px}.media-preview-actions{flex-direction:column;gap:10px}.media-preview-send{width:100%;justify-content:center}}@media(max-width:320px){.profile-stats-grid{gap:6px}.profile-stat-icon{font-size:16px}.profile-stat-value{font-size:1rem}.chat-header-info{max-width:150px}}:root.light{--bg-deep: #f5f5f7;--bg-surface: #ffffff;--header-bg: rgba(255, 255, 255, .95);--glass-bg: rgba(0, 0, 0, .02);--glass-bg-hover: rgba(0, 0, 0, .05);--glass-bg-active: rgba(0, 0, 0, .08);--glass-border: rgba(0, 0, 0, .06);--glass-border-hover: rgba(0, 0, 0, .12);--text-primary: #1a1a1a;--text-secondary: rgba(0, 0, 0, .6);--text-tertiary: rgba(0, 0, 0, .4);--text-muted: rgba(0, 0, 0, .25)}:root.light body:before{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.08),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(168,85,247,.05),transparent),radial-gradient(ellipse 60% 40% at 0% 80%,rgba(14,165,233,.04),transparent)}:root.light .topbar{background:#fffc;border-bottom-color:#0000000f}:root.light .tabbar{background:#ffffffd9;border-color:#00000014}:root.light .brand .title{background:linear-gradient(135deg,#1a1a1a,#4a4a4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root.light .input{background:#00000008}:root.light .cfg-dropdown{background:#fffffff2}:root.light .chat-header{background:#fffffff2;border-bottom-color:#00000014}:root.light .chat-header-back,:root.light .chat-header-btn{background:#0000000a;border-color:#00000014;color:var(--text-secondary)}:root.light .chat-header-back:hover,:root.light .chat-header-btn:hover{background:#00000014}:root.light .bubble:not(.mine){background:#0000000a;border-color:#00000014}:root.light .bubble:not(.mine):before{background:#0000000a;border-color:#00000014}:root.light .bubble:not(.mine) .sender{color:var(--primary)}:root.light .bubble:not(.mine) .meta{color:#0006}:root.light .bubble.mine{background:linear-gradient(135deg,#5b6eae,#6c63b8,#7c6aad)}:root.light .date-sep span,:root.light .date-sep{background:#0000000f;color:var(--text-secondary)}:root.light .chat-input-bar{background:#fffffff2;border-top-color:#00000014}:root.light .chat-input-field{background:#0000000a;border-color:#0000001a}:root.light .chat-input-field:focus-within{border-color:#6366f180;background:#00000005}:root.light .chat-media-btn,:root.light .chat-send-btn:not(.active){background:#0000000a;border-color:#0000001a}:root.light .chat-input-disabled{background:#00000008;border-color:#00000014}:root.light .archive-tag{background:#f59e0b1f}:root.light .archive-text{background:#0000000a}:root.light .media-tag{background:#0000000a;border-color:#00000014}:root.light .chat-unread{box-shadow:0 2px 8px #6366f133}.media-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:2500;display:flex;align-items:center;justify-content:center;animation:mediaPreviewIn .3s var(--ease-out)}@keyframes mediaPreviewIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.media-preview-container{width:100%;height:100%;max-width:600px;display:flex;flex-direction:column;padding:16px;padding-top:calc(var(--safe-top) + var(--dead-top) + 16px);padding-bottom:calc(var(--safe-bottom) + 16px)}.media-preview-close{position:absolute;top:calc(var(--safe-top) + var(--dead-top) + 12px);left:12px;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out);z-index:10}.media-preview-close:hover{background:#fff3;transform:scale(1.05)}.media-preview-close svg{width:24px;height:24px}.media-preview-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg);margin-bottom:16px}.media-preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;animation:mediaPreviewImageIn .4s var(--ease-out);background:#0000004d}.media-preview-video{max-width:100%;max-height:100%;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;animation:mediaPreviewImageIn .4s var(--ease-out)}.media-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;color:var(--text-secondary);font-size:.875rem}@keyframes mediaPreviewImageIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.media-preview-footer{background:#ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:12px;animation:mediaPreviewFooterIn .4s var(--ease-out) .1s both}@keyframes mediaPreviewFooterIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.media-preview-caption-container{margin-bottom:12px}.media-preview-caption{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-size:.9375rem;font-family:inherit;resize:none;min-height:44px;max-height:120px;transition:all .2s var(--ease-out)}.media-preview-caption:focus{outline:none;border-color:#6366f180;box-shadow:0 0 0 3px #6366f126}.media-preview-caption::placeholder{color:var(--text-tertiary)}.media-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.media-preview-info{display:flex;align-items:center;gap:12px}.media-preview-type{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.media-preview-size{font-size:.75rem;color:var(--text-tertiary);padding:4px 8px;background:#ffffff0f;border-radius:6px}.media-preview-send{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border:none;border-radius:var(--radius-full);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .25s var(--ease-out);box-shadow:0 4px 16px var(--glow-primary)}.media-preview-send:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 24px var(--glow-primary)}.media-preview-send:active:not(:disabled){transform:scale(.98)}.media-preview-send:disabled{opacity:.7;cursor:not-allowed}.media-preview-send.sending{background:var(--glass-bg);box-shadow:none}.media-preview-send svg{width:18px;height:18px}:root.light .media-preview-modal{background:#fffffffa}:root.light .media-preview-close{background:#0000000f;border-color:#0000001a;color:var(--text-primary)}:root.light .media-preview-footer{background:#0000000a;border-color:#0000001a}:root.light .media-preview-caption{background:#0000000a;border-color:#0000001a}:root.light .media-preview-size{background:#0000000f}img.emoji{width:1.2em;height:1.2em;vertical-align:-.2em;margin:0 .05em}.bubble video{border-radius:var(--radius-sm);max-width:100%}.bubble audio{max-width:100%;height:36px}.profile .ph .initials{font-size:28px;font-weight:600}#admin-override-btn{font-size:14px}.card-bg,[style*=card-bg]{background:var(--glass-bg)}#instruction-video,#fn-video{background:#000;box-shadow:var(--shadow-lg)}.btn.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff0d;pointer-events:none}.btn.accent:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,#6366f14d,#a855f733,#0ea5e91a);z-index:-1;opacity:0;transition:opacity .3s}.btn.accent:hover:before{opacity:1}html{scroll-behavior:smooth}::selection{background:#6366f14d;color:#fff}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.7}}.badge.warn{animation:subtle-pulse 2s ease-in-out infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}body,.topbar,.tabbar,.btn,.input,.ref-card,.ref-stat,.profile,.bubble{transition:background-color .3s,border-color .3s,color .2s}.btn:active{transition-duration:.1s}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-shimmer{background:linear-gradient(90deg,var(--glass-bg) 25%,var(--glass-bg-hover) 50%,var(--glass-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 20px;text-align:center}.chat-empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.6;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chat-empty-state-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.chat-empty-state-text{font-size:.875rem;color:var(--text-tertiary);max-width:280px}.chat-empty-action{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s var(--ease-out)}.chat-empty-action:hover{background:var(--glass-bg-hover);border-color:var(--primary);color:var(--text-primary);transform:translateY(-2px)}.chat-empty-action:active{transform:scale(.98)}.typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;color:var(--text-secondary);font-size:.8125rem}.typing-indicator-dots{display:flex;gap:3px}.typing-indicator-dot{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);animation:typing 1.4s ease-in-out infinite}.typing-indicator-dot:nth-child(2){animation-delay:.2s}.typing-indicator-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.bubble a{color:#7cacf8;text-decoration:none}.bubble a:hover{text-decoration:underline}.bubble.mine a{color:#ffffffe6;text-decoration:underline}.chat-scroll-bottom{position:absolute;bottom:80px;right:16px;width:40px;height:40px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s var(--ease-out);box-shadow:var(--shadow-md);opacity:0;transform:scale(.8) translateY(10px);pointer-events:none}.chat-scroll-bottom.visible{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.chat-scroll-bottom:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.chat-scroll-bottom svg{width:20px;height:20px}.bubble.selected{background:#6366f133!important}.bubble:active{transform:scale(.98)}.bubble:after{content:"";position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:var(--glass-bg);border-radius:50%;opacity:0;transition:opacity .2s}.bubble .meta-full-time{position:absolute;bottom:100%;right:0;padding:4px 8px;background:#000c;border-radius:4px;font-size:.6875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.bubble:hover .meta-full-time{opacity:1}.tabbar:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);border-radius:inherit}.chat-row .chat-content{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.chat-row:not(:has(.chat-del-btn)) .chat-content{border-radius:var(--radius-md)!important}.container:has(#view-chat-detail:not(.hidden)){padding:0;padding-top:calc(var(--header-height) + var(--safe-top) + var(--dead-top));padding-bottom:0;min-height:auto}body:has(#view-chat-detail:not(.hidden)) .tabbar{transform:translate(-50%) translateY(100px);opacity:0;pointer-events:none}.ico{line-height:1}#fn-desc b{color:var(--secondary)}#fn-desc a{color:var(--primary-light);text-decoration:none}#fn-desc a:hover{text-decoration:underline}.main-hero{text-align:center;padding:24px 16px 20px;position:relative;margin-bottom:20px}.main-hero-logo{display:flex;justify-content:center;margin-bottom:16px}.main-hero-logo-icon{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.main-hero-logo-emoji{font-size:48px;line-height:1;position:relative;z-index:2;animation:logoFloat 3s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(99,102,241,.4))}.main-hero-logo-emoji img.emoji{width:48px!important;height:48px!important;vertical-align:baseline!important;margin:0!important}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.main-hero-logo-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,#6366f166,#a855f74d,#0ea5e933) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ringPulse 3s ease-in-out infinite}.main-hero-logo-ring.ring-2{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:.5;animation-delay:.5s}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.3}}.main-hero-title{font-size:2rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#fffc,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 4px;animation:titleShine 4s ease-in-out infinite}@keyframes titleShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.main-hero-subtitle{font-size:.9375rem;color:var(--text-secondary);margin:0 0 16px;font-weight:400}.main-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;transition:all .3s var(--ease-out)}.main-status-badge.connected{background:#22c55e1f;border-color:#22c55e40;color:#4ade80}.main-status-badge.disconnected{background:#f59e0b1f;border-color:#f59e0b40;color:#fbbf24}.main-status-badge.loading{background:#6366f11f;border-color:#6366f140;color:var(--text-secondary)}.main-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:statusPulse 2s ease-in-out infinite}.main-status-badge.connected .main-status-dot{box-shadow:0 0 8px currentColor}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.main-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.main-stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px 8px;text-align:center;cursor:pointer;transition:all .25s var(--ease-out);position:relative;overflow:hidden}.main-stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(99,102,241,.1),transparent);opacity:0;transition:opacity .3s}.main-stat-card:hover{transform:translateY(-3px);border-color:var(--glass-border-hover);box-shadow:0 8px 20px #00000026}.main-stat-card:hover:before{opacity:1}.main-stat-card:active{transform:scale(.97)}.main-stat-icon{font-size:28px;margin-bottom:6px;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.main-stat-icon img.emoji{width:28px!important;height:28px!important;vertical-align:baseline!important;margin:0!important}.main-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.main-stat-label{font-size:.625rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.main-primary-action{margin-bottom:20px}.main-video-card{width:100%;display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#6366f126,#a855f71a,#0ea5e90d);border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s var(--ease-out);position:relative;overflow:hidden;text-align:left}.main-video-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);transform:rotate(45deg);animation:videoCardShine 4s ease-in-out infinite}@keyframes videoCardShine{0%{transform:translate(-100%) rotate(45deg)}50%,to{transform:translate(100%) rotate(45deg)}}.main-video-card:hover{transform:translateY(-2px);border-color:#6366f166;box-shadow:0 8px 24px #6366f133,0 0 40px #6366f11a}.main-video-card:active{transform:scale(.98)}.main-video-icon{width:48px;height:48px;min-width:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #6366f166;position:relative}.main-video-icon:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));z-index:-1;opacity:.3;animation:playPulse 2s ease-in-out infinite}@keyframes playPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.15);opacity:0}}.main-video-icon svg{width:22px;height:22px;margin-left:2px}.main-video-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.main-video-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.main-video-desc{font-size:.8125rem;color:var(--text-secondary)}.main-video-badge{padding:4px 10px;background:linear-gradient(135deg,#ef4444,#ec4899);border-radius:var(--radius-full);font-size:.625rem;font-weight:700;color:#fff;letter-spacing:.05em;animation:badgeGlow 2s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 0 8px #ef444466}50%{box-shadow:0 0 16px #ef444499}}.main-section{margin-bottom:20px}.main-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.main-section-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.main-section-link{font-size:.8125rem;color:var(--primary-light);font-weight:500;background:none;border:none;cursor:pointer;transition:all .2s;padding:4px 8px;border-radius:var(--radius-xs)}.main-section-link:hover{color:var(--primary);background:#6366f11a}.main-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.main-feature-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all .25s var(--ease-out);position:relative;overflow:hidden}.main-feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(99,102,241,.15),transparent 70%);opacity:0;transition:opacity .3s}.main-feature-card:hover{transform:translateY(-3px);border-color:var(--glass-border-hover);box-shadow:0 8px 20px #00000026}.main-feature-card:hover:before{opacity:1}.main-feature-card:hover .main-feature-icon{transform:scale(1.15)}.main-feature-card:active{transform:scale(.95)}.main-feature-icon{font-size:32px;line-height:1;transition:transform .3s var(--ease-spring);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.main-feature-icon img.emoji{width:32px!important;height:32px!important;vertical-align:baseline!important;margin:0!important}.main-feature-card:hover .main-feature-icon{transform:scale(1.15) rotate(-5deg)}.main-feature-name{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-align:center}.main-promo-banner{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#22c55e1f,#10b98114);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s var(--ease-out);margin-bottom:20px}.main-promo-banner:hover{transform:translateY(-2px);border-color:#22c55e59;box-shadow:0 8px 24px #22c55e26}.main-promo-banner:active{transform:scale(.98)}.main-promo-icon{font-size:36px;line-height:1;animation:promoIconBounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(34,197,94,.3))}.main-promo-icon img.emoji{width:36px!important;height:36px!important;vertical-align:baseline!important;margin:0!important}@keyframes promoIconBounce{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-8deg) scale(1.05)}75%{transform:rotate(8deg) scale(1.05)}}.main-promo-content{flex:1;display:flex;flex-direction:column;gap:2px}.main-promo-title{font-size:.9375rem;font-weight:600;color:#4ade80}.main-promo-desc{font-size:.8125rem;color:var(--text-secondary)}.main-promo-arrow{font-size:1.5rem;color:#4ade80;transition:transform .2s var(--ease-out);line-height:1}.main-promo-banner:hover .main-promo-arrow{transform:translate(4px)}@media(max-width:380px){.main-stats-row,.main-features-grid{grid-template-columns:repeat(2,1fr)}.main-hero-title{font-size:1.75rem}.main-stat-card{padding:10px 6px}.main-stat-value{font-size:1.125rem}}:root.light .main-hero-title{background:linear-gradient(135deg,#1a1a1a 0%,#4a4a4a 50%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text}:root.light .main-stat-card{background:#00000005;border-color:#0000000f}:root.light .main-stat-card:hover{background:#0000000a}:root.light .main-feature-card{background:#00000005;border-color:#0000000f}:root.light .main-feature-card:hover{background:#0000000a}:root.light .main-video-card{background:linear-gradient(135deg,#6366f114,#a855f70d);border-color:#6366f126}:root.light .main-promo-banner{background:linear-gradient(135deg,#22c55e14,#10b9810a);border-color:#22c55e26}:root.light .main-status-badge{background:#00000008;border-color:#00000014}:root.light .main-status-badge.connected{background:#22c55e14;border-color:#22c55e26}:root.light .main-status-badge.disconnected{background:#f59e0b14;border-color:#f59e0b26}@media(pointer:coarse){button,.btn,.tab,.cfg-opt,.chat-del-btn,.chat-header-back,.chat-header-menu-btn,.profile-action-card,.profile-settings-item,.main-feature-card,.main-stat-card,.chat-emoji-btn,.chat-send-btn,.chat-media-btn,.chat-voice-btn,.lb-close,.media-preview-close,.chat-profile-close{min-height:44px;min-width:44px}.cfg-opt{padding:10px 14px}.chat-del-btn{min-width:56px}.profile-settings-item{padding:16px}}.btn:active{transform:scale(.97) translateY(0);transition-duration:.08s;opacity:.9}.btn.card:active{transform:scale(.98);transition-duration:.08s}.btn.primary:active{transform:scale(.96);filter:brightness(.9)}.tab:active{transform:scale(.92);transition-duration:.08s}.chat-row:active{transform:scale(.99);transition-duration:.08s}.main-feature-card:active{transform:scale(.93);transition-duration:.08s}.main-stat-card:active{transform:scale(.95);transition-duration:.08s}.profile-action-card:active{transform:scale(.97) translate(0);transition-duration:.08s}.profile-settings-item:active{background:var(--glass-bg-active);transition-duration:.08s}.skeleton{position:relative;overflow:hidden;background:var(--glass-bg);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 40%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 60%,transparent 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}:root.light .skeleton:after{background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 40%,rgba(0,0,0,.08) 50%,rgba(0,0,0,.04) 60%,transparent 100%);background-size:200% 100%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-avatar{width:52px;height:52px;border-radius:50%}.skeleton-line{height:14px;border-radius:7px}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-card{height:72px;border-radius:var(--radius-md);margin-bottom:8px}.skeleton-stat{height:80px;border-radius:var(--radius-md)}@supports (padding: env(safe-area-inset-bottom)){.container{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.chat-input-bar{padding-bottom:max(8px,env(safe-area-inset-bottom))}.tabbar{bottom:max(12px,calc(env(safe-area-inset-bottom) - 4px))}.topbar{padding-top:max(var(--safe-top),env(safe-area-inset-top))}}.view-enter{animation:viewSlideIn .3s var(--ease-out) forwards}.view-exit{animation:viewSlideOut .2s var(--ease-out) forwards}@keyframes viewSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes viewSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.stagger-item{animation:staggerFadeIn .35s var(--ease-out) both}.stagger-item:nth-child(1){animation-delay:0s}.stagger-item:nth-child(2){animation-delay:.04s}.stagger-item:nth-child(3){animation-delay:.08s}.stagger-item:nth-child(4){animation-delay:.12s}.stagger-item:nth-child(5){animation-delay:.16s}.stagger-item:nth-child(6){animation-delay:.2s}.stagger-item:nth-child(7){animation-delay:.24s}.stagger-item:nth-child(8){animation-delay:.28s}.stagger-item:nth-child(9){animation-delay:.32s}.stagger-item:nth-child(10){animation-delay:.36s}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ptr-indicator{display:flex;align-items:center;justify-content:center;height:0;overflow:hidden;transition:height .3s var(--ease-out)}.ptr-indicator.active{height:56px}.ptr-spinner{width:24px;height:24px;border:2px solid transparent;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.btn.card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);will-change:transform}.btn.card:active:before{opacity:.8;background:radial-gradient(circle at center,rgba(99,102,241,.15),transparent 70%)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f,0 0 20px #6366f114;transform:translateY(-1px);transition:all .2s var(--ease-out)}.tabbar{will-change:transform}.tab{position:relative;overflow:hidden}.tab.active:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--primary);border-radius:2px;animation:tabIndicatorIn .25s var(--ease-spring)}@keyframes tabIndicatorIn{0%{width:0;opacity:0}to{width:20px;opacity:1}}.tab:active .ico{transform:scale(.85);transition-duration:.08s}.toast{transform-origin:center bottom}.toast.exit{animation:toastOut .3s var(--ease-out) forwards}@keyframes toastOut{to{opacity:0;transform:translateY(20px) scale(.9)}}.bubble{will-change:transform;transition:transform .15s var(--ease-out)}.bubble:active{transform:scale(.97);box-shadow:0 1px 2px #0000001a}.bubble.mine:active{box-shadow:0 1px 8px #5b6eae40}.topbar,.chat-header{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%)}@media(max-width:360px){:root{--radius-md: 14px;--radius-lg: 18px}.container{padding:10px;padding-top:calc(var(--header-height) + var(--safe-top) + var(--dead-top) + 4px)}.main-hero-title{font-size:1.625rem}.main-hero-subtitle,.brand .title{font-size:.875rem}.main-video-card{padding:14px;gap:12px}.main-video-icon{width:42px;height:42px;min-width:42px}.main-video-title{font-size:.9375rem}h2{font-size:1.375rem}h3{font-size:1rem}.tabbar{width:calc(100% - 16px);height:52px;bottom:8px;border-radius:16px}.tab .lbl{font-size:.625rem}.btn{padding:10px 12px;gap:10px}.btn.card{min-height:52px}.ico{width:36px;height:36px;min-width:36px}}@media(max-width:320px){.main-stats-row,.main-features-grid{grid-template-columns:repeat(2,1fr);gap:6px}.main-feature-card{padding:12px 6px}.main-feature-icon{font-size:26px}.main-feature-name{font-size:.6875rem}.main-stat-icon{font-size:22px}.main-stat-value{font-size:1rem}.main-stat-label{font-size:.5625rem}.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:4px}.chat-header-info{max-width:140px}.tabbar{max-width:calc(100% - 12px);padding:0 4px}.menu.fn{grid-template-columns:1fr;gap:8px}.ref-grid{grid-template-columns:1fr}}@media(min-width:430px)and (max-width:600px){.container{padding:14px;max-width:100%}.main-hero-title{font-size:2.25rem}.main-features-grid{gap:10px}.main-feature-card{padding:18px 10px}}@media(max-width:600px){input,select,textarea,.chat-input-textarea{font-size:16px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skeleton:after{animation:none}body:before,body:after{animation:none}}@media(prefers-color-scheme:dark){:root:not(.light){--text-primary: #f5f5f7;--text-secondary: rgba(255, 255, 255, .7)}}@media(max-width:600px){::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.chat-messages-container{scrollbar-width:none;-ms-overflow-style:none}.chat-messages-container::-webkit-scrollbar{display:none}}.chat-empty-state{min-height:300px}.tabbar{transition:transform .35s var(--ease-out),opacity .35s var(--ease-out)}.tabbar.tb-hide{transform:translate(-50%) translateY(calc(100% + 20px));opacity:0;pointer-events:none}.chat-row{transition:transform .15s var(--ease-out),opacity .15s}.chat-row:active .chat-content{background:var(--glass-bg-active)}.tg-context-menu{border-radius:var(--radius-md);min-width:200px;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.4}}.spinner{filter:drop-shadow(0 0 8px rgba(99,102,241,.3))}.bubble img:not(.emoji){background:linear-gradient(135deg,var(--glass-bg),var(--glass-bg-hover));min-height:80px}@media(max-width:600px){.chat-input-bar{transition:transform .25s var(--ease-out)}}:root.light .bubble:not(.mine){color:#1a1a1a}:root.light .bubble .sender{color:var(--primary)}:root.light .label .t{color:#1a1a1a}:root.light .label .s{color:#0000008c}:root.light .muted{color:#0000008c}