:root{--primary: #000000;--primary-dark: #1A1A1A;--primary-light: #333333;--primary-pale: #F2F2F2;--primary-ghost: #FAFAFA;--accent-coral: #333333;--accent-amber: #666666;--accent-green: #000000;--accent-purple: #4D4D4D;--bg-app: #FFFFFF;--bg-surface: #FFFFFF;--bg-sunken: #F5F5F5;--bg-elevated: #FFFFFF;--bg-overlay: rgba(0,0,0,.6);--bg-image: none;--bg-overlay-opacity: 0;--border: #E2E8F0;--border-strong: #CBD5E1;--divider: #F1F5F9;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--text-placeholder: #A0A0A0;--text-inverse: #FFFFFF;--text-link: #000000;--text-error: #000000;--text-success: #000000;--online: #22C55E;--away: #FBBF24;--offline: #94A3B8;--font-display: "Sora", sans-serif;--font-body: "Nunito", sans-serif;--text-xs: clamp(10px, .6875rem, 12px);--text-sm: clamp(12px, .8125rem, 14px);--text-base: clamp(14px, .9375rem, 16px);--text-md: clamp(15px, 1.0625rem, 18px);--text-lg: clamp(18px, 1.25rem, 22px);--text-xl: clamp(20px, 1.5rem, 26px);--text-2xl: clamp(24px, 1.875rem, 34px);--text-3xl: clamp(30px, 2.375rem, 42px);--lh-xs: 16px;--lh-sm: 18px;--lh-base: 22px;--lh-md: 24px;--lh-lg: 28px;--lh-xl: 32px;--lh-2xl: 38px;--lh-3xl: 46px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-xs: 6px;--r-sm: 12px;--r-md: 20px;--r-lg: 32px;--r-xl: 48px;--r-full: 9999px;--r-clay: 28px;--r-msg-out: 18px 18px 4px 18px;--r-msg-in: 18px 18px 18px 4px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 4px 12px rgba(0,0,0,.08);--shadow-md: 0 8px 24px rgba(0,0,0,.12);--shadow-lg: 0 12px 48px rgba(0,0,0,.16);--shadow-clay: 12px 12px 24px rgba(0, 0, 0, .05), -12px -12px 24px rgba(255, 255, 255, 1);--shadow-clay-inset: inset 4px 4px 8px rgba(0, 0, 0, .04), inset -4px -4px 8px rgba(255, 255, 255, 1);--shadow-clay-btn: 6px 6px 12px rgba(0, 0, 0, .04), -6px -6px 12px rgba(255, 255, 255, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--msg-out-bg: #F0F0F0;--msg-out-text: #000000;--msg-in-bg: #FFFFFF;--msg-in-text: #000000;--msg-time: #999999;--accent-blue: #3D7EFF;--accent-green-live: #22C55E;--accent-red: #EF4444;--accent-orange: #F97316;--transition-fast: .15s var(--ease-out);--transition-normal: .25s var(--ease-out);--transition-slow: .4s var(--ease-spring)}[data-theme=dark]{--primary: #3D7EFF;--primary-dark: #2563EB;--primary-light: #60A5FA;--primary-pale: rgba(61,126,255,.15);--primary-ghost: rgba(61,126,255,.08);--accent-coral: #FB7185;--accent-amber: #FBBF24;--accent-green: #34D399;--accent-purple: #A78BFA;--bg-app: #080C14;--bg-surface: #111827;--bg-elevated: #1E2535;--bg-sunken: #0D1117;--border: #1E2D45;--border-strong: #2D3F5A;--divider: #1E2D45;--text-primary: #F0F6FF;--text-secondary: #94A3B8;--text-muted: #64748B;--text-placeholder: #475569;--text-inverse: #0F172A;--text-link: #60A5FA;--text-error: #FB7185;--text-success: #34D399;--bg-overlay: rgba(0,0,0,.65);--shadow-xs: 0 1px 2px rgba(0,0,0,.2);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-clay: 0 4px 16px rgba(0,0,0,.3);--shadow-clay-inset: inset 0 2px 4px rgba(0,0,0,.2);--shadow-clay-btn: 0 2px 8px rgba(0,0,0,.2);--msg-out-bg: #2B5278;--msg-out-text: #FFFFFF;--msg-in-bg: #1E2535;--msg-in-text: #F0F6FF;--msg-time: #64748B}[data-theme=telegram]{--primary: #5B9BD5;--primary-dark: #4A8BC4;--primary-light: #6CAAE0;--primary-pale: rgba(91,155,213,.15);--primary-ghost: rgba(91,155,213,.08);--accent-coral: #E06C75;--accent-amber: #E5C07B;--accent-green: #98C379;--accent-purple: #C678DD;--bg-app: #0E1621;--bg-surface: #17212B;--bg-elevated: #1E2C3A;--bg-sunken: #0A1018;--border: #242F3D;--border-strong: #2E3D4F;--divider: #1C2733;--text-primary: #F5F5F5;--text-secondary: #8E9BA8;--text-muted: #6C7883;--text-placeholder: #4E5D6B;--text-inverse: #0E1621;--text-link: #5B9BD5;--text-error: #E06C75;--text-success: #98C379;--online: #5B9BD5;--away: #E5C07B;--offline: #4E5D6B;--bg-overlay: rgba(0,0,0,.7);--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-clay: 0 4px 16px rgba(0,0,0,.4);--shadow-clay-inset: inset 0 2px 4px rgba(0,0,0,.3);--shadow-clay-btn: 0 2px 8px rgba(0,0,0,.3);--msg-out-bg: #2B5278;--msg-out-text: #FFFFFF;--msg-in-bg: #182533;--msg-in-text: #F5F5F5;--msg-time: #6C7883;--accent-blue: #5B9BD5;--accent-green-live: #98C379;--accent-red: #E06C75;--accent-orange: #D19A66}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);font-weight:400;color:var(--text-primary);background:var(--bg-app);line-height:var(--lh-base);overflow-x:hidden;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);position:relative}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:var(--bg-image);background-size:cover;background-position:center;pointer-events:none;opacity:1;transition:opacity .5s ease}body:after{content:"";position:fixed;inset:0;z-index:-1;background:var(--bg-surface);opacity:var(--bg-overlay-opacity, 0);pointer-events:none;transition:opacity .5s ease}#app{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}img,video{max-width:100%;display:block}input,textarea,select,button{font-family:inherit;font-size:inherit;touch-action:manipulation}a,.btn,.btn-icon,.pill,.fab,.nav-item,.toggle,.checkbox-row{touch-action:manipulation}h1,h2,h3,h4{font-family:var(--font-display)}h1{font-size:var(--text-2xl);font-weight:800;line-height:var(--lh-2xl)}h2{font-size:var(--text-xl);font-weight:700;line-height:var(--lh-xl)}h3{font-size:var(--text-lg);font-weight:700;line-height:var(--lh-lg)}h4{font-size:var(--text-md);font-weight:600;line-height:var(--lh-md)}.text-xs{font-size:var(--text-xs);line-height:var(--lh-xs)}.text-sm{font-size:var(--text-sm);line-height:var(--lh-sm)}.text-base{font-size:var(--text-base);line-height:var(--lh-base)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-error{color:var(--text-error)}.text-success{color:var(--text-success)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:52px;padding:0 var(--sp-8);border-radius:var(--r-clay);font-weight:700;font-size:var(--text-base);cursor:pointer;border:none;outline:none;transition:all .12s var(--ease-spring);white-space:nowrap;user-select:none;box-shadow:var(--shadow-clay-btn);background:var(--bg-surface);color:var(--text-primary)}.btn:active{transform:scale(.95);box-shadow:var(--shadow-clay-inset)}.btn-primary{background:var(--primary);color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary-pale)}.btn-ghost{background:transparent;color:var(--text-primary);box-shadow:none}.btn-ghost:hover{background:var(--primary-pale)}.btn-danger{background:#000;color:#fff}.btn-danger:hover{background:#1a1a1a}.btn-disabled,.btn:disabled{background:#f5f5f5;color:#a0a0a0;cursor:not-allowed;pointer-events:none;box-shadow:none}.btn-sm{height:40px;padding:0 var(--sp-5);font-size:var(--text-sm);border-radius:var(--r-md)}.btn-xs{height:32px;padding:0 var(--sp-4);font-size:var(--text-xs);border-radius:var(--r-sm)}.btn-full{width:100%}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--r-md);background:transparent;color:var(--text-secondary);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s var(--ease-out)}.btn-icon:hover{background:var(--bg-sunken)}.fab{position:fixed;bottom:80px;right:20px;z-index:199;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;box-shadow:var(--shadow-blue);transition:all .2s var(--ease-spring)}.fab:hover{transform:scale(1.08)}.fab:active{transform:scale(.95)}.input-group{margin-bottom:var(--sp-4)}.input-group label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--sp-1)}.input{width:100%;height:52px;padding:0 var(--sp-5);border:2px solid transparent;border-radius:var(--r-md);background:var(--bg-sunken);color:var(--text-primary);font-size:var(--text-base);outline:none;transition:all .3s var(--ease-spring);box-shadow:var(--shadow-clay-inset)}.input:focus{border-color:var(--primary);background:var(--bg-surface);box-shadow:var(--shadow-clay)}.input::placeholder{color:var(--text-placeholder)}.input-error{border-color:var(--text-error)!important}.input-search{border-radius:var(--r-full);background:var(--bg-sunken);border:none;padding-left:40px}.textarea{width:100%;min-height:100px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-base);outline:none;resize:vertical;font-family:var(--font-body);transition:border-color .2s,box-shadow .2s}.textarea:focus{border-color:var(--primary);border-width:2px;box-shadow:0 0 0 3px #3d7eff26}.toggle{position:relative;width:44px;height:24px;background:var(--border-strong);border-radius:var(--r-full);cursor:pointer;transition:background .2s;border:none;outline:none}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s var(--ease-spring);box-shadow:var(--shadow-xs)}.toggle.active{background:var(--primary)}.toggle.active:after{transform:translate(20px)}.checkbox-row{display:flex;align-items:center;gap:var(--sp-3);cursor:pointer}.checkbox{width:20px;height:20px;border-radius:var(--r-xs);border:2px solid var(--border-strong);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.checkbox.checked{background:var(--primary);border-color:var(--primary);color:#fff}.card{background:var(--bg-surface);border-radius:var(--r-clay);border:none;padding:var(--sp-6);box-shadow:var(--shadow-clay);transition:all .15s var(--ease-spring)}.card-elevated{background:var(--bg-surface);border-radius:var(--r-clay);box-shadow:var(--shadow-lg);padding:var(--sp-6)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.avatar{border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--primary-pale);color:var(--text-primary);font-weight:700;font-family:var(--font-display);overflow:hidden;position:relative;box-shadow:var(--shadow-clay);cursor:pointer}.avatar img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;display:block;border-radius:50%}.avatar-24{width:24px;height:24px;font-size:10px}.avatar-32{width:32px;height:32px;font-size:12px}.avatar-36{width:36px;height:36px;font-size:13px}.avatar-40{width:40px;height:40px;font-size:14px}.avatar-42{width:42px;height:42px;font-size:14px}.avatar-44{width:44px;height:44px;font-size:15px}.avatar-52{width:52px;height:52px;font-size:17px}.avatar-64{width:64px;height:64px;font-size:20px}.avatar-80{width:80px;height:80px;font-size:24px}.avatar-88{width:88px;height:88px;font-size:28px}.avatar-online:after{content:"";position:absolute;bottom:0;right:0;width:25%;height:25%;border-radius:50%;background:var(--online);border:2px solid var(--bg-surface)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:var(--r-full);background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:0 5px}.pill{display:inline-flex;align-items:center;gap:var(--sp-1);height:36px;padding:0 var(--sp-4);border-radius:var(--r-full);font-size:var(--text-sm);font-weight:700;cursor:pointer;border:none;color:var(--text-secondary);background:var(--bg-surface);transition:all .1s;white-space:nowrap;box-shadow:var(--shadow-clay-btn)}.pill.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.pill:hover:not(.active){background:var(--bg-sunken);border-color:var(--border-strong)}.top-nav{position:sticky;top:0;z-index:200;height:56px;display:flex;align-items:center;padding:0 var(--sp-4);gap:var(--sp-3);background:var(--bg-surface);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.top-nav .logo{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);color:var(--primary);display:flex;align-items:center;gap:var(--sp-2)}.top-nav .title{flex:1;text-align:center;font-family:var(--font-display);font-weight:600;font-size:var(--text-md)}.top-nav .nav-actions{display:flex;gap:var(--sp-1);margin-left:auto}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;height:60px;display:flex;align-items:center;justify-content:space-around;background:var(--bg-surface);border-top:1px solid var(--border);backdrop-filter:blur(12px)}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-1) var(--sp-3);cursor:pointer;color:var(--text-muted);font-size:10px;font-weight:600;transition:color .15s;position:relative;border:none;background:none;min-width:56px}.bottom-nav .nav-item .nav-icon{font-size:22px;transition:transform .2s var(--ease-spring)}.bottom-nav .nav-item.active{color:var(--primary)}.bottom-nav .nav-item.active .nav-icon{transform:scale(1.1)}.bottom-nav .nav-item.active:after{content:"";position:absolute;top:0;width:20px;height:3px;border-radius:var(--r-full);background:var(--primary)}.bottom-nav .nav-item .nav-badge{position:absolute;top:0;right:8px}.page-pane{animation:pane-in .18s ease-out;will-change:opacity}@keyframes pane-in{0%{opacity:0}to{opacity:1}}.page{flex:1;padding-bottom:68px;contain:content;max-width:100%;width:100%;overflow-x:hidden}.page-padded{padding:var(--sp-4);padding-left:max(var(--sp-4),env(safe-area-inset-left));padding-right:max(var(--sp-4),env(safe-area-inset-right))}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-gap-1{gap:var(--sp-1)}.flex-gap-2{gap:var(--sp-2)}.flex-gap-3{gap:var(--sp-3)}.flex-gap-4{gap:var(--sp-4)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.hidden{display:none!important}.scroll-h{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.scroll-h::-webkit-scrollbar{display:none}#toast-container{position:fixed;top:var(--sp-4);left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none;width:90vw;max-width:360px}.toast{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:#0f172a;color:#fff;font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow-lg);animation:toast-in .3s var(--ease-spring);pointer-events:auto;display:flex;align-items:center;gap:var(--sp-2)}.toast-success{border-left:4px solid var(--accent-green)}.toast-error{border-left:4px solid #EF4444}.toast-info{border-left:4px solid var(--primary)}#modal-overlay{position:fixed;inset:0;z-index:500;background:var(--bg-overlay);backdrop-filter:blur(4px);display:none;align-items:flex-end;justify-content:center}#modal-overlay.active{display:flex}.modal{background:var(--bg-surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:560px;max-height:85vh;overflow-y:auto;animation:sheet-up .35s var(--ease-spring)}.modal-header{display:flex;align-items:center;padding:var(--sp-4);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-surface);z-index:1}.modal-header .drag-handle{width:40px;height:4px;border-radius:var(--r-full);background:var(--border-strong);margin:0 auto var(--sp-3)}.modal-body{padding:var(--sp-4)}.skeleton{background:var(--border);border-radius:var(--r-sm);animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton-text{height:14px;margin-bottom:var(--sp-2)}.divider{height:1px;background:var(--divider);margin:var(--sp-3) 0}.section-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;padding:var(--sp-3) var(--sp-4) var(--sp-2)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-16) var(--sp-8);text-align:center}.empty-state .empty-icon{font-size:64px;margin-bottom:var(--sp-4)}.empty-state h3{margin-bottom:var(--sp-2);color:var(--text-primary)}.empty-state p{color:var(--text-muted);margin-bottom:var(--sp-6);max-width:280px}.desktop-sidebar{position:fixed;left:0;top:0;bottom:0;width:72px;background:var(--bg-surface);border-right:1px solid var(--border);display:none;flex-direction:column;align-items:center;padding-top:var(--sp-4);gap:var(--sp-2);z-index:200;transition:width .3s ease}.sidebar-logo{font-family:var(--font-display);font-weight:800;font-size:16px;margin-bottom:var(--sp-6);cursor:pointer;color:var(--text-primary);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-3);width:100%;justify-content:center}.sidebar-logo .logo-icon{display:block}.sidebar-menu{display:flex;flex-direction:column;gap:var(--sp-2);width:100%;align-items:center}.sidebar-item{width:48px;height:48px;font-size:20px;border-radius:var(--r-md);color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:var(--sp-3);transition:all .2s;border:none;background:transparent;cursor:pointer}.sidebar-item.active{color:var(--primary);background:var(--bg-sunken)}.sidebar-item:hover{background:var(--bg-sunken);color:var(--text-primary)}.sidebar-text{display:none;font-size:var(--text-base);font-weight:600;font-family:var(--font-body);white-space:nowrap}@media(min-width:768px){.bottom-nav{display:none}.app-shell{padding-left:72px}.page,.top-nav{margin:0;max-width:100%;width:100%}.desktop-sidebar{display:flex}}@media(min-width:1200px){.desktop-sidebar{width:240px;align-items:flex-start}.sidebar-logo{justify-content:flex-start;padding-left:var(--sp-6)}.sidebar-menu{align-items:stretch;padding:0 var(--sp-3)}.sidebar-item{width:auto;justify-content:flex-start;padding:0 var(--sp-4)}.sidebar-text{display:block}.app-shell{padding-left:240px}}@media(max-width:767px){.post-image,.post-single-media img{max-height:600px}.post-single-media video{max-height:none}.post-carousel{max-height:600px}}:root{--content-max-width: 100vw;--content-padding: 16px;--feed-max-width: 100vw;--discover-max-width: 100vw;--profile-max-width: 100vw;--settings-max-width: 100vw;--messages-max-width: 100vw;--groups-max-width: 100vw;--notifications-max-width: 100vw;--layout-scale: 1}.feed-page,.post-detail-page{max-width:var(--feed-max-width);margin:0 auto;width:100%}.discover-page{max-width:var(--discover-max-width);margin:0 auto;width:100%}.profile-page{max-width:var(--profile-max-width);margin:0 auto;width:100%}.settings-page{max-width:var(--settings-max-width);margin:0 auto;width:100%}.cc-messages-page{max-width:var(--messages-max-width);margin:0 auto;width:100%}.grp-page{max-width:var(--groups-max-width);margin:0 auto;width:100%}.notifications-page{max-width:var(--notifications-max-width);margin:0 auto;width:100%}@media(min-width:768px){.post-card{border-radius:var(--r-md);margin-bottom:var(--sp-3);border:1px solid var(--border)}.post-image{max-height:none;object-fit:contain}.post-carousel,.post-single-media{max-height:none}.post-single-media img{max-height:600px;object-fit:contain}.post-single-media video{max-height:none}.post-carousel .carousel-slide-item img,.post-carousel .carousel-slide-item video{object-fit:contain}.composer-overlay{max-width:600px;margin:0 auto;border-radius:var(--r-lg);top:5vh;bottom:5vh;position:fixed;left:50%;transform:translate(-50%);width:90vw;box-shadow:var(--shadow-lg)}.people-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-4);overflow-x:visible;padding:var(--sp-4)}.person-card{min-width:unset;max-width:unset;width:100%}.discover-page{padding:0 var(--sp-4)}}@media(min-width:1024px){.fab{right:calc(50vw - 320px)}}@media(min-width:1280px){.people-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.post-single-media img{max-height:700px}.fab{right:calc(50% - 100px)}}@media(min-width:1440px){.people-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.composer-overlay{max-width:680px}}@media(min-width:1920px){.people-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-6)}.composer-overlay{max-width:720px}.post-single-media img{max-height:800px}.desktop-sidebar{width:280px}.app-shell{padding-left:280px}}body.touch-device .btn,body.touch-device .pill,body.touch-device .sidebar-item,body.touch-device .nav-item{min-height:44px}body.touch-device .post-action{padding:var(--sp-4)}body.mouse-device .post-card:hover{box-shadow:var(--shadow-sm)}body.mouse-device .chat-row:hover,body.mouse-device .notif-row:hover,body.mouse-device .person-card:hover{transform:translateY(-1px);transition:transform .15s ease,box-shadow .15s ease}@media(max-width:767px){.desktop-sidebar{display:none!important}}.bottom-nav{padding-bottom:env(safe-area-inset-bottom,0)}.top-nav{padding-top:env(safe-area-inset-top,0)}.interest-tag{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-full);background:var(--primary-pale);color:var(--primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .15s;border:2px solid transparent;user-select:none}.interest-tag:hover{background:var(--primary-ghost);border-color:var(--primary-light)}.interest-tag.selected{background:var(--primary);color:#fff;border-color:var(--primary)}[data-theme=dark] .interest-tag{background:#3d7eff26;color:var(--primary-light)}[data-theme=dark] .interest-tag.selected{background:var(--primary);color:#fff}.skeleton{background:linear-gradient(90deg,var(--bg-sunken) 25%,var(--border) 50%,var(--bg-sunken) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-radius:var(--r-md);opacity:.7}.skeleton-title{height:20px;width:60%;margin-bottom:12px}.skeleton-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0}.skeleton-thumbnail{height:200px;width:100%;border-radius:var(--r-md);margin:12px 0}.skeleton-button{height:36px;width:80px;border-radius:var(--r-full)}.skeleton-post-card{padding:16px;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;flex-direction:column}.skeleton-header{display:flex;gap:12px;margin-bottom:12px}.skeleton-meta{flex:1;display:flex;flex-direction:column;justify-content:center}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes slide-left{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes bounce-heart{0%{transform:scale(1)}25%{transform:scale(1.4)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(1.5)}}@keyframes online-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes confetti-fall{0%{transform:translateY(-100%) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes progress-fill{0%{width:0}to{width:100%}}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes splash-logo{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes splash-tagline{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes stagger-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.anim-fade-in{animation:fade-in .3s var(--ease-out)}.anim-fade-in-up{animation:fade-in-up .3s var(--ease-out)}.anim-scale-in{animation:scale-in .3s var(--ease-spring)}.anim-slide-left{animation:slide-left .3s var(--ease-out)}.anim-slide-right{animation:slide-right .3s var(--ease-out)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.splash-screen{position:fixed;inset:0;z-index:9999;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.splash-logo{font-family:var(--font-display);font-weight:800;font-size:84px;color:#000;letter-spacing:-2px;animation:splash-logo .6s var(--ease-spring) forwards}.splash-tagline{color:#666;font-size:var(--text-md);margin-top:var(--sp-4);font-weight:600;opacity:0;animation:splash-tagline .4s var(--ease-out) .4s forwards}.welcome-page{min-height:100vh;background:var(--bg-app);display:flex;flex-direction:column}.carousel-container{flex:1;position:relative;overflow:hidden}.carousel-slides{display:flex;height:100%;transition:transform .4s var(--ease-out)}.carousel-slide{min-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8);text-align:center}.carousel-slide .slide-icon{font-size:100px;margin-bottom:var(--sp-8)}.carousel-slide h2{font-family:var(--font-display);margin-bottom:var(--sp-3)}.carousel-slide p{color:var(--text-secondary);max-width:320px}.carousel-dots{display:flex;justify-content:center;gap:var(--sp-2);padding:var(--sp-4)}.carousel-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--border-strong);transition:all .3s var(--ease-spring);border:none;cursor:pointer}.carousel-dot.active{width:24px;background:var(--primary)}.welcome-actions{padding:var(--sp-4) var(--sp-6) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-3)}.auth-page{min-height:100vh;display:flex;flex-direction:column;padding:var(--sp-6)}.auth-page .auth-header{text-align:center;margin-bottom:var(--sp-8)}.auth-page .auth-header .auth-logo{font-family:var(--font-display);font-weight:800;font-size:var(--text-3xl);color:#000;margin-bottom:var(--sp-2)}.auth-page .auth-header p{color:var(--text-muted)}.auth-form{flex:1;max-width:420px;margin:0 auto;width:100%}.auth-divider{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-6) 0;color:var(--text-muted);font-size:var(--text-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.social-btns{display:flex;flex-direction:column;gap:var(--sp-3)}.social-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);height:48px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .15s}.social-btn:hover{background:var(--bg-sunken);border-color:var(--border-strong)}.step-progress{display:flex;gap:var(--sp-1);padding:var(--sp-4) var(--sp-4) 0}.step-bar{flex:1;height:4px;border-radius:var(--r-full);background:var(--border);overflow:hidden}.step-bar.active,.step-bar.completed{background:var(--primary)}.profile-setup{min-height:100vh;display:flex;flex-direction:column;width:100%}.profile-setup .setup-content{flex:1;padding:var(--sp-6);max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}@media(min-width:768px){.profile-setup .setup-content{max-width:640px;padding:var(--sp-8) var(--sp-6)}}@media(min-width:1280px){.profile-setup .setup-content{max-width:720px}}.avatar-upload{width:100px;height:100px;border-radius:50%;background:var(--bg-sunken);border:3px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-6);cursor:pointer;font-size:36px;color:var(--text-muted);transition:all .2s;overflow:hidden}.avatar-upload:hover{border-color:var(--primary);color:var(--primary)}.avatar-upload img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;display:block;border-radius:50%}.interests-grid{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center}.community-notice{background:var(--bg-surface);border-radius:var(--r-lg);padding:var(--sp-6);border:1px solid var(--border);max-width:480px;margin:0 auto}.community-notice h3{text-align:center;margin-bottom:var(--sp-4)}.notice-rules{list-style:none;display:flex;flex-direction:column;gap:var(--sp-3)}.notice-rules li{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:var(--text-sm);color:var(--text-secondary)}.notice-rules li .rule-icon{font-size:20px;flex-shrink:0}.story-row{display:flex;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-2);overflow-x:auto;scrollbar-width:none}.story-row::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);cursor:pointer;flex-shrink:0}.story-avatar-ring{width:72px;height:72px;border-radius:50%;padding:3px;background:#000;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-clay);position:relative;transition:transform .2s var(--ease-spring)}.story-avatar-ring:hover{transform:scale(1.05)}.story-avatar-ring.seen{background:var(--border-strong)}.story-avatar-ring.add{background:none;border:2.5px dashed var(--primary)}.story-avatar{width:100%;height:100%;border-radius:50%;background:var(--bg-surface);border:2.5px solid var(--bg-surface);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.story-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.story-item .story-name{font-size:10px;font-weight:600;color:var(--text-secondary);max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.add-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:var(--accent-green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid var(--bg-surface)}.filter-pills{display:flex;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-3);overflow-x:auto;scrollbar-width:none;position:sticky;top:56px;z-index:100;background:var(--bg-app);padding-top:var(--sp-2)}.filter-pills::-webkit-scrollbar{display:none}.post-card{background:var(--bg-surface);border-bottom:1px solid var(--divider);animation:fade-in-up .3s var(--ease-out);contain:content;overflow:hidden;max-width:100%;box-sizing:border-box}.post-header{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-2)}.post-author-info{flex:1}.post-author-name{font-weight:700;font-size:var(--text-base);cursor:pointer}.post-author-name:hover{color:var(--primary)}.post-meta{font-size:var(--text-xs);color:var(--text-muted)}.post-content{padding:0 var(--sp-4) var(--sp-3);font-size:var(--text-base);line-height:1.5}.post-content .hashtag{color:var(--primary);cursor:pointer;font-weight:600}.post-content .mention{color:var(--primary);cursor:pointer}.post-image{width:100%;display:block;cursor:pointer;background:var(--bg-sunken)}.post-stats{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-4);font-size:var(--text-sm);color:var(--text-muted)}.post-actions{display:flex;border-top:1px solid var(--divider)}.post-action{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3);cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;border:none;background:none;transition:color .15s}.post-action:hover{color:var(--primary);background:var(--primary-ghost)}.post-action.liked{color:var(--accent-coral)}.post-action.saved{color:var(--accent-amber)}.discover-page .search-wrapper{padding:var(--sp-3) var(--sp-4);position:relative}.discover-page .search-wrapper .search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.people-grid{display:flex;gap:var(--sp-3);overflow-x:auto;padding:var(--sp-2) var(--sp-4);scrollbar-width:none}.people-grid::-webkit-scrollbar{display:none}.person-card{min-width:160px;max-width:180px;padding:var(--sp-4);background:var(--bg-surface);border-radius:var(--r-lg);border:1px solid var(--border);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);animation:fade-in-up .3s var(--ease-out);flex-shrink:0}.person-card .person-name{font-weight:700;font-size:var(--text-sm)}.person-card .person-handle,.person-card .mutual{font-size:var(--text-xs);color:var(--text-muted)}.person-card .person-interests{display:flex;gap:var(--sp-1);font-size:var(--text-xs)}.person-card .dismiss-btn{position:absolute;top:var(--sp-2);right:var(--sp-2);width:24px;height:24px;border-radius:50%;border:none;background:var(--bg-sunken);color:var(--text-muted);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.person-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--divider);transition:background .2s ease}.person-row:hover{background-color:var(--bg-sunken)}.person-row .person-info{flex:1}.person-row .person-name{font-weight:700;font-size:var(--text-base)}.person-row .person-details{font-size:var(--text-xs);color:var(--text-muted)}.profile-page{max-width:100%;overflow-x:hidden}.profile-cover{width:100%;height:clamp(200px,40vw,500px);background-color:var(--bg-sunken);background-position:center;background-size:cover;position:relative;overflow:hidden;transition:all .3s ease}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-cover-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.4));pointer-events:none}.profile-cover-edit{position:absolute;top:var(--sp-4);right:var(--sp-4);z-index:20;display:flex;gap:8px}.btn-cover-delete{background:#ef444433;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(239,68,68,.3);color:#fee2e2;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px}.btn-cover-delete:hover{background:#ef444466;transform:scale(1.1);color:#fff}.btn-cover-edit{background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-cover-edit:hover{background:#ffffff4d;transform:translateY(-1px)}.profile-avatar-wrapper{display:flex;justify-content:center;margin-top:-60px;position:relative;z-index:10}.profile-avatar-wrapper .avatar{border:4px solid var(--bg-surface);width:88px;height:88px;max-width:88px;max-height:88px;flex-shrink:0}.profile-info{text-align:center;padding:var(--sp-3) var(--sp-4)}.profile-info .profile-name{font-family:var(--font-display);font-size:22px;font-weight:700}.profile-info .profile-handle{font-size:var(--text-sm);color:var(--text-muted)}.profile-info .profile-bio{color:var(--text-secondary);margin-top:var(--sp-2);font-size:var(--text-sm)}.profile-info .profile-location{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--sp-1)}.profile-stats{display:flex;justify-content:center;gap:var(--sp-8);padding:var(--sp-3);border-bottom:1px solid var(--divider)}.stat-item{text-align:center;cursor:pointer}.stat-item .stat-number{font-weight:700;font-size:var(--text-md)}.stat-item .stat-label{font-size:var(--text-xs);color:var(--text-muted)}.profile-cta{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);justify-content:center}.profile-tabs{display:flex;border-bottom:1px solid var(--border);position:sticky;top:56px;background:var(--bg-surface);z-index:50}.profile-tab{flex:1;padding:var(--sp-3);text-align:center;font-weight:600;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;transition:all .15s}.profile-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.chat-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);cursor:pointer;border-bottom:1px solid var(--divider);transition:background .1s}.chat-row:hover{background:var(--bg-sunken)}.chat-row.unread{background:var(--primary-ghost)}.chat-row .chat-info{flex:1;min-width:0}.chat-row .chat-name{font-weight:700;font-size:var(--text-base)}.chat-row.unread .chat-name{color:var(--primary)}.chat-row .chat-preview{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row .chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-1);flex-shrink:0}.chat-row .chat-time{font-size:var(--text-xs);color:var(--text-muted)}.group-card{background:var(--bg-surface);border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden;animation:fade-in-up .3s var(--ease-out);cursor:pointer;transition:box-shadow .2s}.group-card:hover{box-shadow:var(--shadow-md)}.group-cover{width:100%;height:100px;object-fit:cover;background:linear-gradient(135deg,var(--primary),var(--accent-purple))}.group-card-body{padding:var(--sp-3)}.group-card-body .group-name{font-weight:700;font-size:var(--text-base);margin-bottom:2px}.group-card-body .group-meta{font-size:var(--text-xs);color:var(--text-muted)}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-4);padding:var(--sp-4)}.notif-row{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--divider);cursor:pointer;transition:background .1s}.notif-row:hover{background:var(--bg-sunken)}.notif-row.unread{background:var(--primary-ghost)}.notif-content{flex:1;min-width:0}.notif-text{font-size:var(--text-sm);line-height:1.4;word-break:break-word}.notif-text img{max-width:100%;max-height:180px;border-radius:var(--r-sm);object-fit:cover;margin-top:var(--sp-2);display:block;box-shadow:var(--shadow-sm)}.notif-text strong{font-weight:700}.notif-time{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:6px}.settings-section{margin-bottom:var(--sp-4)}.settings-header{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-6) var(--sp-4);border-bottom:1px solid var(--divider)}.settings-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);cursor:pointer;border-bottom:1px solid var(--divider);transition:background .1s}.settings-row:hover{background:var(--bg-sunken)}.settings-row .sr-icon{font-size:18px;width:24px;text-align:center}.settings-row .sr-label{flex:1;font-size:var(--text-base)}.settings-row .sr-value{font-size:var(--text-sm);color:var(--text-muted)}.settings-row .sr-arrow{color:var(--text-muted)}.story-viewer{position:fixed;inset:0;z-index:1000;background:#000;display:flex;flex-direction:column;contain:strict}.story-progress{display:flex;gap:3px;padding:var(--sp-3) var(--sp-4)}.story-progress-bar{flex:1;height:3px;border-radius:var(--r-full);background:#ffffff4d;overflow:hidden}.story-progress-bar .fill{height:100%;background:#fff;border-radius:var(--r-full);width:0}.story-progress-bar .fill.active{animation:progress-fill 5s linear forwards;will-change:width}.story-progress-bar .fill.done{width:100%}.story-header-bar{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4) var(--sp-3);color:#fff}.story-header-bar .story-user-name{font-weight:700;font-size:var(--text-sm)}.story-header-bar .story-timestamp{font-size:var(--text-xs);opacity:.7}.story-content{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.story-content img{width:100%;height:100%;object-fit:contain}.story-text-content{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:#fff;text-align:center;padding:var(--sp-8)}.story-reactions{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:#00000080}.story-reactions input{flex:1;height:40px;border-radius:var(--r-full);background:#ffffff26;border:none;padding:0 var(--sp-4);color:#fff;font-size:var(--text-sm)}.story-reactions input::placeholder{color:#fff9}.story-reaction-emoji{font-size:24px;cursor:pointer;transition:transform .15s var(--ease-spring)}.story-reaction-emoji:hover{transform:scale(1.3)}.love-hero{text-align:center;padding:var(--sp-8);background:linear-gradient(135deg,#ff6b6b22,#ff6b6b08);border-radius:var(--r-xl);margin:var(--sp-4);border:1px solid rgba(255,107,107,.2)}.love-hero .love-icon{font-size:64px;margin-bottom:var(--sp-4)}.love-hero h2{color:var(--accent-coral);margin-bottom:var(--sp-2)}.love-steps{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4)}.love-step{display:flex;gap:var(--sp-4);padding:var(--sp-4);background:var(--bg-surface);border-radius:var(--r-md);border:1px solid var(--border)}.love-step-number{width:36px;height:36px;border-radius:50%;background:var(--accent-coral);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.love-form{padding:var(--sp-4);max-width:480px;margin:0 auto}.composer-overlay{position:fixed;inset:0;z-index:600;background:var(--bg-surface);display:flex;flex-direction:column;animation:sheet-up .35s var(--ease-spring)}.composer-header{display:flex;align-items:center;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.composer-header .composer-title{flex:1;text-align:center;font-weight:700}.composer-body{flex:1;overflow-y:auto;padding:var(--sp-4)}.composer-body .identity-row{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.composer-body .compose-area{width:100%;border:none;outline:none;resize:none;min-height:120px;font-size:var(--text-md);font-family:var(--font-body);color:var(--text-primary);background:transparent;line-height:1.5}.composer-body .compose-area::placeholder{color:var(--text-placeholder)}.composer-toolbar{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);overflow-x:auto}.composer-toolbar button{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);border:none;background:var(--bg-sunken);cursor:pointer;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--sp-1);color:var(--text-secondary);white-space:nowrap}.composer-toolbar button:hover{background:var(--primary-pale);color:var(--primary)}.language-filter{padding:var(--sp-3) var(--sp-4)}.language-grid{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.lang-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);background:var(--bg-sunken);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all .15s}.lang-chip:hover{border-color:var(--primary-light)}.lang-chip.selected{background:var(--primary);color:#fff;border-color:var(--primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.call-ui{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.call-ui .call-timer{font-variant-numeric:tabular-nums}.call-ctrl-btn:hover{filter:brightness(1.2)}.call-ctrl-btn:active{transform:scale(.92)}.call-end-btn:hover{background:#dc2626!important}.call-end-btn:active{transform:scale(.88)!important}.settings-option-row:hover{border-color:var(--primary-light)!important;background:var(--primary-ghost)!important}.settings-toggle-row .toggle{flex-shrink:0}.post-media-container{width:100%;max-width:100%;overflow:hidden}.post-carousel{position:relative;overflow:hidden;width:100%;background:var(--bg-sunken);touch-action:pan-y pinch-zoom}.carousel-track{display:flex;width:100%;height:100%;cursor:grab;will-change:transform}.carousel-track:active{cursor:grabbing}.carousel-slide-item{flex:0 0 100%;width:100%;height:100%;overflow:hidden;position:relative}.carousel-slide-item img,.carousel-slide-item video{width:100%;height:100%;object-fit:cover;display:block}.carousel-lazy-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-sunken)}.carousel-dots-indicator{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10;padding:4px 8px;background:#0000004d;border-radius:var(--r-full);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.carousel-dot-item{width:6px;height:6px;border-radius:50%;background:#ffffff80;transition:all .2s var(--ease-out);cursor:pointer}.carousel-dot-item.active{width:18px;border-radius:3px;background:#fff}.carousel-counter{position:absolute;top:12px;right:12px;z-index:10;background:#00000080;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--r-full);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);letter-spacing:.5px}.post-single-media{width:100%;overflow:hidden;background:var(--bg-sunken)}.post-single-media img{width:100%;max-height:600px;object-fit:contain;display:block}.post-single-media video{width:100%;max-width:100%;max-height:80vh;display:block;background:#000;object-fit:contain}.carousel-video-wrapper{position:relative;width:100%;background:#000}.carousel-video-wrapper video{width:100%;max-width:100%;max-height:80vh;display:block;object-fit:contain}.carousel-media{content-visibility:auto}.media-editor-overlay{position:fixed;inset:0;z-index:2000;background:var(--bg-app);display:flex;align-items:center;justify-content:center;animation:fade-in .2s var(--ease-out)}.media-editor-container{width:100%;height:100%;max-width:900px;display:flex;flex-direction:column;background:var(--bg-surface)}.media-editor-header{display:flex;align-items:center;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.media-editor-header .editor-title{flex:1;text-align:center;font-weight:700;font-size:var(--text-base)}.media-editor-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);overflow:hidden;background:#000;min-height:0}.editor-canvas-wrap{max-width:100%;max-height:100%;overflow:hidden;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;transition:aspect-ratio .3s var(--ease-out)}.editor-canvas-wrap img{max-width:100%;max-height:100%;object-fit:contain;display:block;transition:filter .2s,transform .2s}.media-editor-tabs{display:flex;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.editor-tab{flex:1;padding:var(--sp-3);text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.editor-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.editor-tab:hover{color:var(--text-primary)}.media-editor-panel{padding:var(--sp-4);overflow-y:auto;max-height:280px;min-height:200px}.filter-presets-grid{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-2);scrollbar-width:none}.filter-presets-grid::-webkit-scrollbar{display:none}.filter-preset-item{flex-shrink:0;width:72px;cursor:pointer;text-align:center;transition:transform .15s}.filter-preset-item:hover{transform:scale(1.05)}.filter-preset-item.active .filter-preview-thumb{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.filter-preset-item.active .filter-name{color:var(--primary);font-weight:700}.filter-preview-thumb{width:64px;height:64px;border-radius:var(--r-sm);overflow:hidden;border:2px solid var(--border);margin:0 auto var(--sp-1);transition:border-color .15s}.filter-preview-thumb img{width:100%;height:100%;object-fit:cover}.filter-name{font-size:10px;color:var(--text-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adjust-panel{display:flex;flex-direction:column;gap:var(--sp-4)}.adjust-row{display:flex;flex-direction:column;gap:var(--sp-1)}.adjust-label{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.adjust-value{font-variant-numeric:tabular-nums;color:var(--primary);font-weight:700}.adjust-slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:var(--r-full);outline:none}.adjust-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);border:2px solid var(--bg-surface);cursor:pointer;box-shadow:var(--shadow-sm)}.adjust-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary);border:2px solid var(--bg-surface);cursor:pointer}.transform-buttons{display:flex;gap:var(--sp-2);flex-wrap:wrap;padding-top:var(--sp-3);border-top:1px solid var(--border)}.crop-panel{padding:var(--sp-2) 0}.crop-ratios{display:flex;gap:var(--sp-3);justify-content:center}.crop-ratio-btn{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-md);border:2px solid var(--border);background:var(--bg-sunken);cursor:pointer;transition:all .15s;min-width:70px}.crop-ratio-btn:hover{border-color:var(--primary-light)}.crop-ratio-btn.active{border-color:var(--primary);background:var(--primary-ghost)}.crop-ratio-btn span{font-size:10px;font-weight:700;color:var(--text-muted)}.crop-ratio-btn.active span{color:var(--primary)}.crop-ratio-icon{width:36px;max-height:48px;border:2px solid var(--border-strong);border-radius:4px;background:var(--bg-surface)}.crop-ratio-btn.active .crop-ratio-icon{border-color:var(--primary)}.compose-media-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.compose-media-item{position:relative;border-radius:var(--r-sm);overflow:hidden;background:var(--bg-sunken);border:2px solid transparent;transition:border-color .15s,transform .15s,opacity .15s}.compose-media-item.dragging{opacity:.5;transform:scale(.95)}.compose-media-item.drag-over{border-color:var(--primary);transform:scale(1.02)}.compose-media-item video{width:100%;height:100%;object-fit:cover}.compose-media-add{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border-strong);cursor:pointer;color:var(--text-muted);transition:all .15s}.compose-media-add:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-ghost)}.media-order-badge{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;background:#0009;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:5;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.media-edit-btn,.media-remove-btn{position:absolute;width:26px;height:26px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;z-index:5;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:transform .15s}.media-edit-btn:hover,.media-remove-btn:hover{transform:scale(1.1)}.media-remove-btn{top:6px;right:6px;background:#ef4444cc;color:#fff}.media-edit-btn{bottom:6px;right:6px;background:#0009;color:#fff}.aspect-ratio-bar{display:flex;align-items:center;gap:var(--sp-2)}.ratio-btn{padding:4px 12px;border-radius:var(--r-full);border:1.5px solid var(--border);background:var(--bg-sunken);font-size:11px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .15s}.ratio-btn:hover{border-color:var(--primary-light)}.ratio-btn.active{border-color:var(--primary);background:var(--primary);color:var(--text-inverse)}.gc-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-surface);backdrop-filter:blur(12px);z-index:50;flex-shrink:0}.gc-back-btn{font-size:18px}.gc-header-avatar{flex-shrink:0}.gc-header-name{font-weight:700;font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-header-sub{font-size:12px;color:var(--text-muted);font-weight:500;transition:color .3s}.gc-header-sub.online{color:#22c55e;font-weight:600}.gc-sender-name{font-size:12px;font-weight:700;padding:0 4px 2px;color:#7c3aed}.gi-page{max-width:900px;margin:0 auto;padding-bottom:80px}.gi-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--bg-surface);position:sticky;top:0;z-index:50}.gi-hero{text-align:center;padding:32px 24px 24px}.gi-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a78bfa);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:42px;overflow:hidden;box-shadow:0 8px 24px #7c3aed40;border:3px solid var(--bg-surface)}.gi-avatar img{width:100%;height:100%;object-fit:cover}.gi-name{font-family:var(--font-display);font-size:22px;font-weight:800;margin:0 0 6px}.gi-type-badge{display:inline-block;padding:3px 12px;border-radius:20px;background:#7c3aed1f;color:#7c3aed;font-size:12px;font-weight:700;margin-bottom:10px}.gi-desc{color:var(--text-secondary);font-size:14px;max-width:400px;margin:0 auto;line-height:1.5}.gi-stats{display:flex;justify-content:center;gap:32px;margin-top:20px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.gi-stat{text-align:center}.gi-stat strong{display:block;font-size:16px;font-weight:700}.gi-stat span{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.gi-actions{display:flex;flex-wrap:wrap;gap:8px;padding:16px}.gi-action-btn{flex:1;min-width:140px;font-size:13px}.danger-text{color:#ef4444!important}.gi-section{padding:0 16px 16px}.gi-section-title{font-size:14px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:16px 0 8px;border-bottom:1px solid var(--border);margin-bottom:8px}.gi-members-list{display:flex;flex-direction:column}.gi-member-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--divider);transition:background .15s}.gi-member-row:hover{background:var(--bg-sunken)}.eg-page{max-width:1100px;margin:0 auto;padding-bottom:80px}.eg-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.eg-header h2{font-family:var(--font-display);font-size:20px;font-weight:800;margin:0}.eg-search{padding:0 16px 12px}.eg-filters{display:flex;gap:8px;padding:0 16px 16px;overflow-x:auto;scrollbar-width:none}.eg-filters::-webkit-scrollbar{display:none}.eg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:0 16px}.eg-card{border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--bg-surface);transition:transform .2s,box-shadow .2s;animation:fade-in-up .3s var(--ease-out)}.eg-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.eg-card-cover{height:100px;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a78bfa);display:flex;align-items:center;justify-content:center}.eg-card-body{padding:14px}.eg-card-name{font-weight:700;font-size:15px;cursor:pointer;margin-bottom:4px}.eg-card-name:hover{color:#7c3aed}.eg-card-desc{font-size:13px;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;line-height:1.4}.eg-card-meta{display:flex;gap:12px;font-size:12px;color:var(--text-muted);margin-bottom:12px}.eg-card-join{width:100%;font-size:13px;padding:8px}.cg-modal{padding:24px}.cg-title{font-family:var(--font-display);font-size:20px;font-weight:800;margin:0 0 4px}.cg-subtitle{color:var(--text-muted);font-size:13px;margin:0 0 20px}.cg-avatar-upload{width:88px;height:88px;border-radius:50%;background:var(--bg-sunken);border:3px dashed var(--border-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 20px;cursor:pointer;font-size:28px;color:var(--text-muted);transition:border-color .2s,transform .2s;overflow:hidden}.cg-avatar-upload:hover{border-color:#7c3aed;transform:scale(1.05)}.cg-avatar-label{font-size:10px;font-weight:600;margin-top:2px}.cg-field{margin-bottom:16px}.cg-field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-secondary)}.cg-type-selector{display:flex;gap:6px}.cg-type-btn{flex:1;padding:10px 8px;border-radius:10px;border:2px solid var(--border);background:var(--bg-surface);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center;color:var(--text-secondary)}.cg-type-btn:hover{border-color:#7c3aed}.cg-type-btn.active{border-color:#7c3aed;background:#7c3aed14;color:#7c3aed}.cg-actions{display:flex;gap:10px;margin-top:20px}.msg-fab{position:fixed;bottom:80px;right:20px;width:52px;height:52px;border-radius:50%;background:#7c3aed;color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 6px 20px #7c3aed59;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;z-index:100}.msg-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 28px #7c3aed73}.msg-fab:active{transform:scale(.92)}.pill{padding:8px 16px;border-radius:20px;border:1.5px solid var(--border);background:var(--bg-surface);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;color:var(--text-secondary)}.pill:hover{border-color:#7c3aed}.pill.active{background:#7c3aed;color:#fff;border-color:#7c3aed}[data-theme=dark] .gc-header{background:var(--bg-surface);border-color:var(--border)}[data-theme=dark] .gc-sender-name{color:#a78bfa}[data-theme=dark] .gi-avatar{border-color:var(--bg-app)}[data-theme=dark] .eg-card{border-color:var(--border)}[data-theme=dark] .eg-card:hover{box-shadow:0 8px 24px #0000004d}[data-theme=dark] .cg-type-btn.active{background:#7c3aed26}@media(max-width:767px){.eg-grid{grid-template-columns:1fr}.gi-stats{gap:20px}}@media(min-width:768px){.gi-page,.eg-page{padding-top:20px}.grp-suggested-scroll{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;overflow-x:visible;padding:0 16px 16px}.grp-suggest-card{min-width:unset;max-width:unset;width:100%}}.grp-page{padding-bottom:80px}.grp-header{display:flex;align-items:center;justify-content:space-between;padding:16px}.grp-title{font-family:var(--font-display);font-size:22px;font-weight:800;margin:0}.grp-search{padding:0 16px 12px}.grp-tabs{display:flex;gap:8px;padding:0 16px 16px;overflow-x:auto;scrollbar-width:none}.grp-tabs::-webkit-scrollbar{display:none}.grp-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--divider);cursor:pointer;transition:background .15s;animation:fade-in-up .3s var(--ease-out) both}.grp-card:hover,.grp-card:active{background:var(--bg-sunken)}.grp-card-avatar{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#7c3aed,#a78bfa)}.grp-card-avatar img{width:100%;height:100%;object-fit:cover}.grp-card-info{flex:1;min-width:0}.grp-card-name{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grp-card-meta{font-size:12px;color:var(--text-muted);margin-top:2px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.grp-card-desc{font-size:12px;color:var(--text-muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grp-card-actions{display:flex;gap:4px;flex-shrink:0}.grp-role-badge{display:inline-block;padding:2px 8px;border-radius:10px;background:#7c3aed1a;color:#7c3aed;font-size:11px;font-weight:700}.grp-role-badge.admin{background:#eab3081f;color:#ca8a04}.grp-divider{padding:20px 16px 12px;display:flex;align-items:center;gap:12px}.grp-divider:before,.grp-divider:after{content:"";flex:1;height:1px;background:var(--border)}.grp-divider span{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.grp-suggested-scroll{display:flex;gap:12px;padding:0 16px 16px;overflow-x:auto;scrollbar-width:none}.grp-suggested-scroll::-webkit-scrollbar{display:none}.grp-suggest-card{min-width:160px;max-width:170px;flex:none;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--bg-surface);transition:transform .2s,box-shadow .2s;animation:fade-in-up .3s var(--ease-out) both}.grp-suggest-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000012}.grp-suggest-cover{height:72px;overflow:hidden;background:linear-gradient(135deg,#7c3aed,#a78bfa);display:flex;align-items:center;justify-content:center}.grp-suggest-body{padding:10px}.grp-suggest-name{font-weight:700;font-size:13px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grp-suggest-name:hover{color:#7c3aed}.grp-suggest-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.grp-empty{text-align:center;padding:40px 16px;color:var(--text-secondary)}.grp-empty h3{font-size:16px;margin:0 0 6px}.grp-empty p{font-size:13px;color:var(--text-muted);margin:0}[data-theme=dark] .grp-card:hover{background:var(--bg-sunken)}[data-theme=dark] .grp-suggest-card{border-color:var(--border)}[data-theme=dark] .grp-suggest-card:hover{box-shadow:0 6px 16px #0000004d}[data-theme=dark] .grp-role-badge{background:#7c3aed33}[data-theme=dark] .grp-role-badge.admin{background:#eab30826}.cc-messages-page{display:flex;flex-direction:column;height:100%;background:var(--bg-app);animation:cc-fade-in .3s ease}.cc-messages-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;flex-shrink:0}.cc-messages-title{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0}.cc-messages-actions{display:flex;gap:4px}.cc-messages-actions .btn-icon{width:38px;height:38px;border-radius:50%;background:var(--bg-sunken);display:flex;align-items:center;justify-content:center;font-size:17px;transition:all .2s;border:none;cursor:pointer;color:var(--text-secondary)}.cc-messages-actions .btn-icon:hover{background:#6366f1;color:#fff;transform:scale(1.05)}.cc-search-bar{padding:0 20px 12px;position:relative}.cc-search-bar input{width:100%;height:42px;border-radius:21px;background:var(--bg-sunken);border:1.5px solid transparent;padding:0 16px 0 42px;font-size:14px;font-family:var(--font-body);color:var(--text-primary);outline:none;transition:all .25s;box-sizing:border-box}.cc-search-bar input:focus{border-color:#6366f1;background:var(--bg-surface);box-shadow:0 0 0 3px #6366f11a}.cc-search-bar input::placeholder{color:var(--text-placeholder)}.cc-search-icon{position:absolute;left:36px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--text-muted);pointer-events:none;margin-top:-6px}.cc-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--divider)}.cc-tab{flex:1;padding:10px 0;text-align:center;font-size:12px;font-weight:700;color:var(--text-muted);background:none;border:none;cursor:pointer;border-bottom:2.5px solid transparent;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.cc-tab:hover{color:var(--text-primary)}.cc-tab.active{color:#6366f1;border-bottom-color:#6366f1}.cc-chat-list{flex:1;overflow-y:auto;padding:4px 0}.cc-chat-list::-webkit-scrollbar{width:4px}.cc-chat-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.cc-chat-row{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background .15s}.cc-chat-row:hover{background:var(--bg-sunken)}.cc-chat-row.unread{background:#6366f10a}.cc-avatar-wrap{position:relative;flex-shrink:0}.cc-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:700;font-size:16px;color:var(--text-secondary)}.cc-avatar img{width:100%;height:100%;object-fit:cover}.cc-avatar.group-avatar{border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:20px}.cc-online-dot{position:absolute;bottom:1px;right:1px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid var(--bg-app)}.cc-chat-info{flex:1;min-width:0}.cc-chat-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cc-chat-name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-chat-time{font-size:11px;color:var(--text-muted);flex-shrink:0}.cc-chat-row.unread .cc-chat-time{color:#6366f1;font-weight:700}.cc-chat-preview-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.cc-chat-preview{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.cc-chat-row.unread .cc-chat-preview{color:var(--text-secondary);font-weight:600}.cc-unread-badge{min-width:20px;height:20px;border-radius:10px;background:#6366f1;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px;flex-shrink:0}.cc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center}.cc-empty-icon{font-size:56px;margin-bottom:14px}.cc-empty-state h3{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0 0 8px}.cc-empty-state p{color:var(--text-muted);font-size:13px;margin:0 0 20px}.cc-fab{position:fixed;bottom:80px;right:20px;width:52px;height:52px;border-radius:50%;background:#6366f1;color:#fff;border:none;font-size:22px;cursor:pointer;box-shadow:0 4px 20px #6366f159;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;z-index:100}.cc-fab:hover{transform:translateY(-2px) scale(1.06)}.cc-chat-page{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;background:var(--bg-app, #f8f9fb);position:fixed;inset:0;z-index:500;overflow:hidden}.cc-chat-header{display:flex;align-items:center;gap:10px;padding:8px 14px;flex-shrink:0;background:var(--bg-surface, #fff);border-bottom:1px solid var(--border, #e5e7eb);z-index:50}.cc-header-back{width:32px;height:32px;border-radius:50%;background:none;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all .15s;flex-shrink:0}.cc-header-back:hover{background:var(--bg-sunken, #f3f4f6)}.cc-header-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;cursor:pointer;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--text-secondary)}.cc-header-avatar img{width:100%;height:100%;object-fit:cover}.cc-header-avatar.group{border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:16px}.cc-header-info{flex:1;cursor:pointer;min-width:0}.cc-header-name{font-weight:700;font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-header-status{font-size:11px;color:#9ca3af;font-weight:500;margin-top:1px}.cc-header-status.online{color:#22c55e;font-weight:600}.cc-header-actions{display:flex;gap:2px;margin-left:auto}.cc-header-actions .btn-icon{width:34px;height:34px;border-radius:50%;background:none;border:none;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all .15s}.cc-header-actions .btn-icon:hover{background:var(--bg-sunken, #f3f4f6);color:var(--text-primary, #374151)}.cc-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 20px;display:flex;flex-direction:column;gap:2px;scroll-behavior:smooth;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.cc-messages::-webkit-scrollbar{width:4px}.cc-messages::-webkit-scrollbar-thumb{background:#0000000f;border-radius:4px}.cc-date-sep{text-align:center;margin:16px auto 8px;padding:3px 12px;background:var(--bg-sunken, #e5e7eb);border-radius:8px;color:var(--text-muted, #6b7280);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;width:fit-content}.cc-system-msg{text-align:center;padding:4px 12px;margin:6px auto;background:var(--bg-sunken, #f3f4f6);border-radius:12px;font-size:11px;color:var(--text-muted, #9ca3af);width:fit-content}.cc-msg-row{display:flex;gap:6px;max-width:65%;margin-bottom:2px}.cc-msg-row.cc-mine{align-self:flex-end;justify-content:flex-end}.cc-msg-row.cc-theirs{align-self:flex-start}.cc-sender-ava{width:26px;height:26px;border-radius:50%;overflow:hidden;flex-shrink:0;align-self:flex-end;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#64748b}.cc-sender-ava img{width:100%;height:100%;object-fit:cover}.cc-bubble-col{display:flex;flex-direction:column;min-width:0;max-width:100%}.cc-sender-label{font-size:11px;font-weight:700;color:#6366f1;padding:0 2px;margin-bottom:1px}.cc-reply-bar{background:#6366f114;border-left:2px solid #6366f1;border-radius:4px;padding:3px 8px;margin-bottom:2px;font-size:11px;color:#6b7280;cursor:pointer}.cc-reply-bar b{color:#6366f1}.cc-bubble{padding:6px 10px;font-size:14px;line-height:1.35;word-wrap:break-word;overflow-wrap:break-word;cursor:default;position:relative}.cc-sent{background:#6366f1;color:#fff;border-radius:14px 14px 4px}.cc-recv{background:var(--bg-sunken, #f3f4f6);color:var(--text-primary, #111827);border-radius:14px 14px 14px 4px}.cc-bubble-text{display:inline}.cc-bubble-img{display:block;max-width:200px;max-height:160px;border-radius:10px;object-fit:cover;cursor:pointer;margin-bottom:2px}.cc-bubble-vid{display:block;max-width:200px;max-height:160px;border-radius:10px;margin-bottom:2px}.cc-bubble-aud{display:block;max-width:180px;height:32px;margin:2px 0}.cc-meta{float:right;margin-left:8px;margin-top:4px;font-size:10px;white-space:nowrap;display:inline-flex;align-items:center;gap:2px}.cc-sent .cc-meta{color:#ffffff80}.cc-recv .cc-meta{color:#0000004d}.cc-ticks{font-size:11px;letter-spacing:-2px;font-weight:700;margin-left:1px}.cc-tick-read,.tick-read{color:#34b7f1}.tick-pending{color:#94a3b8;font-size:14px!important;margin-left:2px}.msg-ticks{font-size:11px;letter-spacing:-2px;font-weight:700;margin-left:2px}.msg-ticks.tick-read{color:#34b7f1!important}.msg-ticks.tick-delivered{color:#ffffff80}.msg-ticks.tick-pending{color:#94a3b8;font-size:14px!important}.msg-edited-label{font-size:10px;font-style:italic;opacity:.6;margin-right:4px}.msg-time-row{display:flex;align-items:center;justify-content:flex-end;gap:3px;font-size:10px;opacity:.6;margin-top:4px}.cc-reacts{display:flex;gap:2px;margin-top:1px}.cc-msg-row.cc-mine .cc-reacts{justify-content:flex-end}.cc-reacts span{display:inline-flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1px 5px;font-size:13px}.cc-reacts span small{font-size:10px;margin-left:2px}.cc-typing{display:none;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border-radius:14px;width:fit-content;margin-top:2px;align-self:flex-start}.cc-typing.active{display:flex}.cc-typing-dot{width:5px;height:5px;background:#94a3b8;border-radius:50%;animation:cc-typing-bounce 1.4s infinite ease-in-out both}.cc-typing-dot:nth-child(1){animation-delay:-.32s}.cc-typing-dot:nth-child(2){animation-delay:-.16s}.cc-typing-name{font-size:11px;color:#9ca3af}.cc-scroll-bottom{position:absolute;bottom:68px;right:16px;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;display:none;align-items:center;justify-content:center;font-size:14px;cursor:pointer;z-index:60;color:#6b7280}.cc-scroll-bottom.visible{display:flex}.cc-scroll-bottom:hover{box-shadow:0 4px 12px #0000001a}.cc-input-bar{display:flex;align-items:flex-end;gap:6px;padding:8px 14px calc(12px + env(safe-area-inset-bottom,0px));flex-shrink:0;background:var(--bg-surface, #fff);border-top:1px solid var(--border, #e5e7eb);position:relative;z-index:100}.cc-input-bar .btn-icon{width:34px;height:34px;border-radius:50%;background:none;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:color .15s;flex-shrink:0}.cc-input-bar .btn-icon:hover{color:#6366f1}.cc-input-wrap{flex:1;display:flex;align-items:flex-end;background:var(--bg-sunken, #f3f4f6);border-radius:20px;padding:4px 14px;min-height:38px;border:1.5px solid transparent;transition:all .2s}.cc-input-wrap:focus-within{background:var(--bg-surface, #fff);border-color:#6366f140;box-shadow:0 0 0 3px #6366f10f}.cc-input-wrap textarea{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:14px;color:var(--text-primary);resize:none;max-height:100px;padding:7px 0;line-height:18px}.cc-input-wrap textarea::placeholder{color:#9ca3af}.cc-send-btn{width:38px;height:38px;border-radius:50%;background:#6366f1;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;flex-shrink:0;box-shadow:0 2px 8px #6366f14d;transition:transform .15s,opacity .15s}.cc-send-btn:hover:not(:disabled){transform:scale(1.05)}.cc-send-btn:active{transform:scale(.9)}.cc-send-btn:disabled{opacity:.2;cursor:not-allowed}.cc-recording-indicator{display:none;align-items:center;gap:6px;color:#ef4444;font-weight:700;font-size:13px;flex:1;padding:0 10px}.cc-recording-indicator.active{display:flex}.cc-recording-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:cc-pulse-dot 1s infinite}.cc-emoji-picker{position:absolute;bottom:58px;left:12px;background:var(--bg-surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;z-index:200;box-shadow:0 6px 24px #0000001a}.cc-emoji-picker button{border:none;background:none;font-size:20px;cursor:pointer;border-radius:6px;padding:4px;transition:all .1s}.cc-emoji-picker button:hover{background:#f3f4f6;transform:scale(1.1)}.cc-context-menu{position:fixed;background:var(--bg-surface, #fff);backdrop-filter:blur(16px);border-radius:12px;box-shadow:0 4px 24px #0000001f;display:flex;flex-direction:column;min-width:160px;z-index:1000;border:1px solid var(--border, #e5e7eb);overflow:hidden}.cc-context-menu .cc-react-row{display:flex;padding:8px 10px;gap:6px;border-bottom:1px solid #e5e7eb;justify-content:center}.cc-context-menu .cc-react-row span{font-size:20px;cursor:pointer;transition:transform .1s;border-radius:6px;padding:3px}.cc-context-menu .cc-react-row span:hover{transform:scale(1.2);background:#f3f4f6}.cc-context-menu button{padding:10px 16px;border:none;background:none;text-align:left;font-size:13px;font-weight:500;cursor:pointer;color:var(--text-primary, #374151);display:flex;align-items:center;gap:8px;transition:background .1s}.cc-context-menu button:hover{background:var(--bg-sunken, #f3f4f6)}.cc-context-menu button.danger{color:#ef4444}@keyframes cc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cc-msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cc-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes cc-pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes cc-typing-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}[data-theme=dark] .cc-chat-page{background:var(--bg-app)}[data-theme=dark] .cc-chat-header{background:var(--bg-surface);border-color:var(--border)}[data-theme=dark] .cc-sent{background:#4f46e5}[data-theme=dark] .cc-recv{background:#1e293b;color:#e2e8f0}[data-theme=dark] .cc-recv .cc-meta{color:#ffffff4d}[data-theme=dark] .cc-date-sep{background:var(--bg-sunken);color:var(--text-muted)}[data-theme=dark] .cc-system-msg,[data-theme=dark] .cc-typing{background:var(--bg-sunken)}[data-theme=dark] .cc-input-bar{background:var(--bg-surface);border-color:var(--border)}[data-theme=dark] .cc-input-wrap{background:var(--bg-sunken)}[data-theme=dark] .cc-input-wrap:focus-within{background:var(--bg-surface);border-color:#6366f14d}[data-theme=dark] .cc-input-wrap textarea{color:var(--text-primary)}[data-theme=dark] .cc-send-btn{background:#6366f1}[data-theme=dark] .cc-context-menu{background:var(--bg-surface);border-color:var(--border)}[data-theme=dark] .cc-context-menu button{color:var(--text-primary)}[data-theme=dark] .cc-emoji-picker,[data-theme=dark] .cc-reacts span,[data-theme=dark] .cc-scroll-bottom{background:var(--bg-surface);border-color:var(--border)}[data-theme=dark] .cc-messages-actions .btn-icon,[data-theme=dark] .cc-chat-row:hover{background:var(--bg-sunken)}[data-theme=dark] .cc-unread-badge{background:#6366f1}[data-theme=dark] .cc-search-bar input{background:var(--bg-sunken)}[data-theme=dark] .cc-tab.active{color:#818cf8;border-bottom-color:#818cf8}[data-theme=dark] .cc-fab{background:#6366f1}[data-theme=dark] .cc-online-dot{border-color:var(--bg-app)}[data-theme=dark] .cc-reply-bar{background:#6366f11a}[data-theme=dark] .cc-tick-read,[data-theme=dark] .msg-ticks.tick-read{color:#34b7f1}[data-theme=dark] .cc-header-back:hover,[data-theme=dark] .cc-header-actions .btn-icon:hover{background:var(--bg-sunken)}.cc-chat-search{display:none;align-items:center;gap:8px;background:var(--bg-sunken);border-radius:12px;padding:8px 14px;margin:4px 14px 10px;border:1px solid var(--border);animation:cc-fade-in .2s ease-out}.cc-chat-search.active{display:flex!important}.cc-chat-search input{flex:1;border:none;background:transparent;outline:none;font-size:14px;font-family:var(--font-body);color:var(--text-primary)}.cc-chat-search .cc-search-close{cursor:pointer;font-size:16px;color:var(--text-muted)}.cc-context-menu button.danger{color:#ef4444!important}[data-theme=telegram] .cc-chat-page{background:var(--bg-app)}[data-theme=telegram] .cc-chat-header,[data-theme=telegram] .cc-input-bar{background:var(--bg-surface);border-color:var(--border)}[data-theme=telegram] .cc-sent{background:var(--msg-out-bg);color:var(--msg-out-text)}[data-theme=telegram] .cc-recv{background:var(--msg-in-bg);color:var(--msg-in-text)}[data-theme=telegram] .cc-recv .cc-meta{color:var(--msg-time)}[data-theme=telegram] .cc-sent .cc-meta{color:#ffffff73}[data-theme=telegram] .cc-date-sep{background:#0000004d;color:#ffffffb3;backdrop-filter:blur(4px)}[data-theme=telegram] .cc-input-wrap{background:var(--bg-sunken)}[data-theme=telegram] .cc-input-wrap:focus-within{background:var(--bg-surface);border-color:#5b9bd54d}[data-theme=telegram] .cc-send-btn,[data-theme=telegram] .cc-unread-badge{background:var(--primary)}[data-theme=telegram] .cc-tab.active{color:var(--primary);border-bottom-color:var(--primary)}[data-theme=telegram] .cc-fab{background:var(--primary);box-shadow:0 4px 20px #5b9bd54d}[data-theme=telegram] .cc-messages-actions .btn-icon:hover{background:var(--primary);color:#fff}[data-theme=telegram] .cc-search-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5b9bd51a}[data-theme=telegram] .cc-context-menu,[data-theme=telegram] .cc-reacts span{background:var(--bg-elevated);border-color:var(--border)}[data-theme=telegram] .cc-typing{background:var(--bg-sunken)}.chat-page{display:flex;flex-direction:column;height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100);background:var(--bg-app);position:fixed;inset:0;z-index:500}.chat-header{display:flex;align-items:center;gap:10px;padding:10px 14px;flex-shrink:0;background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:50;backdrop-filter:blur(12px)}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:2px;scroll-behavior:smooth;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.chat-input-bar{display:flex;align-items:flex-end;gap:6px;padding:8px 12px calc(12px + env(safe-area-inset-bottom,0px));flex-shrink:0;background:var(--bg-surface);border-top:1px solid var(--border);position:relative;z-index:100}.chat-input-wrapper{flex:1;display:flex;align-items:flex-end;background:var(--bg-sunken);border-radius:20px;padding:4px 14px;min-height:38px;border:1.5px solid transparent;transition:all .2s}.chat-input-wrapper:focus-within{border-color:#6366f140;background:var(--bg-surface)}.chat-input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:14px;color:var(--text-primary);resize:none;max-height:100px;padding:7px 0;line-height:18px}.chat-status{font-size:11px;color:var(--text-muted);font-weight:500}.chat-status.online{color:var(--online);font-weight:600}.send-btn{width:38px;height:38px;border-radius:50%;background:var(--primary, #6366f1);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;flex-shrink:0;box-shadow:0 2px 8px #6366f14d;transition:transform .15s,opacity .15s}.send-btn:disabled{opacity:.2;cursor:not-allowed}.send-btn:hover:not(:disabled){transform:scale(1.05)}.msg-bubble-wrapper{display:flex;gap:6px;max-width:75%;margin-bottom:2px;animation:cc-msg-in .2s ease-out}.msg-bubble-wrapper.mine{align-self:flex-end;justify-content:flex-end}.msg-bubble-wrapper.theirs{align-self:flex-start}.msg-bubble{padding:8px 12px;font-size:14px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;position:relative;max-width:100%}.msg-sent{background:var(--msg-out-bg);color:var(--msg-out-text);border-radius:16px 16px 4px}.msg-received{background:var(--msg-in-bg);color:var(--msg-in-text);border-radius:16px 16px 16px 4px;border:1px solid var(--border)}.msg-date{text-align:center;padding:4px 14px;background:var(--bg-sunken);border-radius:10px;color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;width:fit-content;margin:12px auto 6px}.msg-content-text{display:inline}.msg-reactions-bubble{display:flex;gap:4px;margin-top:2px;justify-content:flex-end}.msg-reactions-bubble span{display:inline-flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:1px 6px;font-size:14px;cursor:pointer}.typing-indicator{display:none;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-sunken);border-radius:14px;width:fit-content;margin-top:4px;align-self:flex-start}.typing-indicator.active{display:flex}.typing-dot{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:cc-typing-bounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.invite-card{background:var(--bg-surface)!important;border:1px solid var(--border);border-radius:16px!important;color:var(--text-primary)!important}.anim-fade-in{animation:cc-fade-in .25s ease-out}@media(max-width:400px){.msg-bubble-wrapper{max-width:85%}.cc-msg-row{max-width:80%}}.nova-call-overlay{position:fixed;inset:0;z-index:99999;background:#080c10;font-family:"Syne",var(--font-display),system-ui,sans-serif;animation:nova-fade-in .4s cubic-bezier(.25,.46,.45,.94) both;width:100vw;height:100vh;height:100dvh;overflow:hidden}@keyframes nova-fade-in{0%{opacity:0}to{opacity:1}}.nova-call-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(180deg,rgba(8,12,16,.92) 0%,rgba(8,12,16,.6) 80%,transparent 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10;position:absolute;top:0;left:0;right:0;padding-top:max(10px,env(safe-area-inset-top,10px))}.nova-call-info{display:flex;align-items:center;gap:12px}.nova-call-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;flex-shrink:0}.nova-call-name{font-weight:700;font-size:15px;color:#e8edf4;text-shadow:0 1px 4px rgba(0,0,0,.5)}.nova-call-status{font-size:11px;color:#89a;font-family:"DM Mono",var(--font-body),monospace;text-shadow:0 1px 4px rgba(0,0,0,.5)}.nova-call-status.connected{color:#0f8}.nova-call-timer{font-family:"DM Mono",var(--font-body),monospace;font-size:14px;color:#e8edf4;letter-spacing:1px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.nova-call-video-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#080c10}.nova-remote-video{width:100%;height:100%;object-fit:contain}.nova-avatar-fallback{display:flex;flex-direction:column;align-items:center;gap:16px;animation:nova-avatar-breathe 4s ease-in-out infinite}@keyframes nova-avatar-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.nova-avatar-big{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:800;color:#fff;box-shadow:0 0 40px #00e5ff26}.nova-avatar-name{font-size:20px;font-weight:700;color:#e8edf4}.nova-avatar-status-text{font-size:13px;color:#567;font-family:"DM Mono",var(--font-body),monospace}.nova-bg-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.nova-bg-ring{position:absolute;border:1.5px solid rgba(0,229,255,.08);border-radius:50%;animation:nova-ring-expand 4s ease-out infinite}.nova-bg-ring:nth-child(1){width:200px;height:200px;animation-delay:0s}.nova-bg-ring:nth-child(2){width:300px;height:300px;animation-delay:1.3s}.nova-bg-ring:nth-child(3){width:400px;height:400px;animation-delay:2.6s}@keyframes nova-ring-expand{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.nova-call-video-area.speaking{box-shadow:inset 0 0 40px #00ff880f}.nova-call-video-area.speaking .nova-remote-video{box-shadow:0 0 0 3px #00ff8840}.nova-controls-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:linear-gradient(0deg,rgba(8,12,16,.92) 0%,rgba(8,12,16,.6) 80%,transparent 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10;position:absolute;bottom:0;left:0;right:0;padding-bottom:max(12px,env(safe-area-inset-bottom,12px))}.nova-ctrl-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#141a22d9;color:#89a;cursor:pointer;transition:all .2s;min-width:60px;font-family:inherit;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nova-ctrl-btn:hover{background:#1a2230e6;color:#e8edf4;border-color:#fff3}.nova-ctrl-btn.active{background:#00e5ff26;border-color:#00e5ff59;color:#00e5ff;box-shadow:0 0 20px #00e5ff1a}.nova-ctrl-btn.danger{border-color:#ff3b5c4d}.nova-ctrl-btn.danger:hover{background:#ff3b5c33;border-color:#ff3b5c80;color:#ff3b5c}.nova-ctrl-icon{font-size:22px;line-height:1}.nova-ctrl-label{font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.nova-quality-indicator{display:flex;align-items:flex-end;gap:2px;height:14px}.nova-quality-bar{width:3px;border-radius:2px;background:#ffffff26;transition:background .3s}.nova-quality-bar:nth-child(1){height:4px}.nova-quality-bar:nth-child(2){height:7px}.nova-quality-bar:nth-child(3){height:10px}.nova-quality-bar:nth-child(4){height:14px}.nova-quality-bar.good{background:#0f8}.nova-quality-bar.ok{background:#fbbf24}.nova-quality-bar.bad{background:#ff3b5c}.nova-incoming-fullscreen{position:fixed;inset:0;z-index:99999;background:linear-gradient(180deg,#080c10,#0f1419 40%,#0a0f1e);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Syne",var(--font-display),system-ui,sans-serif;animation:nova-fade-in .4s ease both}.nova-incoming-rings-container{position:absolute;width:200px;height:200px}.nova-incoming-ring{position:absolute;inset:0;border:2px solid rgba(0,255,136,.2);border-radius:50%;animation:nova-incoming-pulse 2.5s ease-out infinite}.nova-incoming-ring:nth-child(2){animation-delay:.6s;inset:-25px}.nova-incoming-ring:nth-child(3){animation-delay:1.2s;inset:-50px}@keyframes nova-incoming-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.6);opacity:0}}.nova-incoming-avatar{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:800;color:#fff;position:relative;z-index:2;animation:nova-avatar-glow 2s ease-in-out infinite}@keyframes nova-avatar-glow{0%,to{box-shadow:0 0 #00ff884d}50%{box-shadow:0 0 40px 10px #00ff881f}}.nova-incoming-name{color:#e8edf4;font-size:28px;font-weight:700;margin-top:28px;z-index:2}.nova-incoming-type{color:#89a;font-size:14px;margin-top:8px;z-index:2;font-family:"DM Mono",var(--font-body),monospace}.nova-incoming-actions{display:flex;gap:60px;margin-top:60px;z-index:2}.nova-incoming-btn{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:none;cursor:pointer;color:#fff;font-family:inherit}.nova-incoming-btn-circle{width:72px;height:72px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:30px;cursor:pointer;transition:transform .15s,box-shadow .2s}.nova-incoming-btn-circle:hover{transform:scale(1.08)}.nova-incoming-btn-circle.accept{background:linear-gradient(135deg,#0f8,#059669);box-shadow:0 4px 30px #00ff8859;animation:nova-slide-hint 1.5s ease-in-out infinite}.nova-incoming-btn-circle.decline{background:linear-gradient(135deg,#ff3b5c,#dc2626);box-shadow:0 4px 30px #ff3b5c4d}@keyframes nova-slide-hint{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.nova-incoming-btn-label{font-size:12px;color:#89a;font-weight:600;letter-spacing:.5px}.nova-video-grid{position:absolute;inset:0;display:grid;gap:2px;overflow:hidden;background:#080c10;z-index:1;grid-template-columns:1fr;grid-template-rows:1fr}.nova-video-tile{position:relative;background:#0f1419;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;border:1px solid transparent;transition:border-color .3s,box-shadow .3s}.nova-video-tile video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.nova-video-tile.is-local video{transform:scaleX(-1)}.nova-tile-avatar-fallback{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}.nova-tile-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff}.nova-tile-name-fallback{font-size:13px;color:#89a;font-weight:600}.nova-tile-label{position:absolute;bottom:0;left:0;right:0;padding:6px 10px;background:linear-gradient(transparent,#000000b3);display:flex;align-items:center;gap:6px;font-size:11px;color:#e8edf4;font-weight:600;z-index:3}.nova-tile-label .nova-tile-mic{font-size:12px}.nova-tile-label .nova-tile-mic.muted{filter:grayscale(1);opacity:.5}.nova-tile-you-badge{position:absolute;top:8px;left:10px;font-size:8px;font-weight:700;color:#080c10;background:#00e5ff;padding:2px 8px;border-radius:99px;z-index:5;letter-spacing:.5px}.nova-video-tile.speaking{border-color:#00ff8880;box-shadow:0 0 20px #00ff8826,inset 0 0 20px #00ff8808}.nova-video-tile.reconnecting:after{content:"Reconnecting...";position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#fbbf24;font-family:inherit;font-weight:700;z-index:20;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nova-participant-count{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#e8edf4;background:#ffffff1a;padding:3px 10px;border-radius:99px;font-family:"DM Mono",var(--font-body),monospace;text-shadow:0 1px 4px rgba(0,0,0,.5)}.nova-ctrl-btn.flip-active{background:#7c3aed26;border-color:#7c3aed4d;color:#a855f7}.nova-ctrl-btn.pip-active{background:#fbbf241f;border-color:#fbbf244d;color:#fbbf24}.nova-video-grid[data-count="2"]{grid-template-columns:1fr 1fr}.nova-video-grid[data-count="3"],.nova-video-grid[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.nova-video-grid[data-count="5"],.nova-video-grid[data-count="6"]{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.nova-video-grid[data-count="7"],.nova-video-grid[data-count="8"],.nova-video-grid[data-count="9"]{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.nova-video-grid.many-participants{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(120px,1fr);align-content:start;overflow-y:auto}.nova-video-grid.pip-mode{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;padding:0!important;gap:0!important}.nova-video-grid.pip-mode .nova-video-tile{position:absolute!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:none!important;border-radius:0!important}.nova-video-grid.pip-mode .nova-video-tile:not(.is-local){inset:0!important;width:100%!important;height:100%!important;z-index:1!important;border-radius:0!important}.nova-video-grid.pip-mode .nova-video-tile:not(.is-local) video{object-fit:contain;width:100%;height:100%}.nova-video-grid.pip-mode .nova-video-tile.is-local{inset:auto 16px 100px auto!important;width:120px!important;height:160px!important;border-radius:16px!important;z-index:50!important;box-shadow:0 8px 32px #0009,0 0 0 2px #ffffff1f!important;border:none!important;overflow:hidden!important;display:flex!important}.nova-video-grid.pip-mode .nova-video-tile.is-local video{object-fit:cover;border-radius:16px}@media(max-width:600px){.nova-call-overlay{height:100vh;height:100dvh}.nova-call-header{padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top,8px))}.nova-call-avatar{width:32px;height:32px;font-size:11px}.nova-call-name{font-size:14px}.nova-controls-bar{gap:6px;padding:8px 6px;padding-bottom:max(8px,env(safe-area-inset-bottom,8px))}.nova-ctrl-btn{min-width:48px;padding:8px 10px;border-radius:12px}.nova-ctrl-btn .nova-ctrl-icon{font-size:18px}.nova-ctrl-btn .nova-ctrl-label{font-size:7px}.nova-tile-avatar{width:56px;height:56px;font-size:20px}.nova-video-grid.pip-mode .nova-video-tile.is-local{width:90px!important;height:120px!important;bottom:80px!important;right:10px!important;border-radius:12px!important}.nova-video-grid.pip-mode .nova-video-tile.is-local video{border-radius:12px}.nova-video-grid{gap:1px}.nova-video-grid[data-count="2"]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.nova-video-grid[data-count="5"],.nova-video-grid[data-count="6"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.nova-video-grid.many-participants{grid-template-columns:repeat(3,1fr)}.nova-avatar-big{width:96px;height:96px;font-size:34px}.nova-incoming-btn-circle{width:60px;height:60px;font-size:26px}.nova-incoming-actions{gap:40px}}@media(max-height:500px)and (orientation:landscape){.nova-call-header{padding:4px 12px}.nova-controls-bar{padding:6px 8px}.nova-ctrl-btn{padding:6px 10px;min-width:44px}.nova-ctrl-btn .nova-ctrl-label{display:none}.nova-ctrl-btn .nova-ctrl-icon{font-size:18px}.nova-video-grid.pip-mode .nova-video-tile.is-local{width:100px!important;height:75px!important;bottom:60px!important;right:10px!important;border-radius:10px!important}}@media(min-width:1024px){.nova-call-header{padding:14px 24px}.nova-controls-bar{padding:16px 24px;gap:12px}.nova-ctrl-btn{min-width:72px;padding:12px 18px}.nova-ctrl-icon{font-size:24px}.nova-ctrl-label{font-size:10px}.nova-video-grid.pip-mode .nova-video-tile.is-local{width:180px!important;height:240px!important;bottom:100px!important;right:24px!important;border-radius:18px!important;box-shadow:0 12px 48px #00000080,0 0 0 2px #ffffff26!important}}@media(min-width:601px)and (max-width:1023px){.nova-video-grid.pip-mode .nova-video-tile.is-local{width:140px!important;height:187px!important;bottom:90px!important;right:16px!important}}.nova-audio-waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:40px;margin-top:16px}.nova-audio-waveform .wave-bar{width:4px;border-radius:2px;background:linear-gradient(180deg,#00e5ff,#0f8);animation:nova-wave 1.2s ease-in-out infinite}.nova-audio-waveform .wave-bar:nth-child(1){height:12px;animation-delay:0s}.nova-audio-waveform .wave-bar:nth-child(2){height:20px;animation-delay:.1s}.nova-audio-waveform .wave-bar:nth-child(3){height:32px;animation-delay:.2s}.nova-audio-waveform .wave-bar:nth-child(4){height:24px;animation-delay:.3s}.nova-audio-waveform .wave-bar:nth-child(5){height:16px;animation-delay:.4s}.nova-audio-waveform .wave-bar:nth-child(6){height:28px;animation-delay:.15s}.nova-audio-waveform .wave-bar:nth-child(7){height:10px;animation-delay:.35s}@keyframes nova-wave{0%,to{transform:scaleY(.4);opacity:.5}50%{transform:scaleY(1);opacity:1}}.nova-reconnecting-overlay{position:absolute;inset:0;background:#080c10d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:20;animation:nova-fade-in .3s ease}.nova-reconnecting-overlay .reconnect-text{color:#fbbf24;font-size:14px;font-weight:700;letter-spacing:.5px;font-family:"DM Mono",var(--font-body),monospace}.nova-reconnecting-overlay .reconnect-wave{display:flex;gap:4px;align-items:center;height:20px}.nova-reconnecting-overlay .reconnect-dot{width:6px;height:6px;border-radius:50%;background:#fbbf24;animation:nova-reconnect-bounce 1.4s ease-in-out infinite}.nova-reconnecting-overlay .reconnect-dot:nth-child(2){animation-delay:.2s}.nova-reconnecting-overlay .reconnect-dot:nth-child(3){animation-delay:.4s}@keyframes nova-reconnect-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.2);opacity:1}}.nova-call-overlay .nova-call-header,.nova-call-overlay .nova-controls-bar{z-index:100}.nova-audio-enhanced-badge{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;color:#00e5ff;background:#00e5ff1a;padding:2px 8px;border-radius:99px;letter-spacing:.5px;text-transform:uppercase}.nova-audio-enhanced-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:#00e5ff;animation:nova-pulse-dot 2s ease-in-out infinite}@keyframes nova-pulse-dot{0%,to{opacity:.5}50%{opacity:1}}@keyframes nova-fade-out{0%{opacity:1}to{opacity:0}}.nova-device-check-overlay{position:fixed;inset:0;z-index:99998;background:linear-gradient(180deg,#080c10,#0f1419,#0a0f1e);display:flex;align-items:center;justify-content:center;font-family:"Syne",var(--font-display),system-ui,sans-serif;animation:nova-fade-in .35s ease both;padding:16px}.nova-dc-card{background:#0f141cd9;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;max-width:480px;width:100%;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 24px 80px #00000080;animation:nova-dc-slide-up .5s cubic-bezier(.16,1,.3,1) both}@keyframes nova-dc-slide-up{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.nova-dc-header{text-align:center;margin-bottom:24px}.nova-dc-title{font-size:24px;font-weight:800;color:#e8edf4;margin:0 0 4px}.nova-dc-subtitle{font-size:13px;color:#89a;margin:0;font-family:DM Mono,monospace}.nova-dc-preview-area{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.nova-dc-video-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#0a0f16;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.nova-dc-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);border-radius:16px}.nova-dc-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0a0f16}.nova-dc-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#fff;background:linear-gradient(135deg,#00e5ff,#7c3aed)}.nova-dc-avatar-label{font-size:12px;color:#567;font-weight:600}.nova-dc-mirror-badge{position:absolute;top:10px;right:12px;font-size:8px;font-weight:700;color:#080c10;background:#00e5ff;padding:2px 8px;border-radius:99px;letter-spacing:.5px}.nova-dc-audio-meter-container{display:flex;align-items:center;gap:10px}.nova-dc-meter-label{font-size:11px;color:#89a;font-weight:600;white-space:nowrap}.nova-dc-audio-meter{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.nova-dc-audio-level{height:100%;width:0%;background:#22c55e;border-radius:3px;transition:width .08s ease}.nova-dc-devices{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.nova-dc-device-row{display:flex;align-items:center;gap:8px}.nova-dc-device-row label{font-size:12px;color:#89a;font-weight:600;min-width:100px}.nova-dc-select{flex:1;background:#141a22e6;border:1px solid rgba(255,255,255,.1);color:#e8edf4;padding:8px 12px;border-radius:10px;font-size:12px;font-family:inherit;outline:none;transition:border-color .2s;appearance:none;cursor:pointer}.nova-dc-select:focus{border-color:#00e5ff66}.nova-dc-test-btn{padding:6px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#141a22d9;color:#89a;font-size:11px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .2s}.nova-dc-test-btn:hover{background:#00e5ff26;color:#00e5ff;border-color:#00e5ff4d}.nova-dc-network{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#141a2280;border-radius:12px;border:1px solid rgba(255,255,255,.04);margin-bottom:20px}.nova-dc-net-icon{font-size:16px}#dc-net-label{font-size:12px;color:#89a;font-family:DM Mono,monospace}.nova-dc-actions{display:flex;gap:10px;justify-content:center}.nova-dc-btn{padding:12px 24px;border-radius:14px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;border:1px solid transparent;display:flex;align-items:center;gap:6px}.nova-dc-btn-primary{background:linear-gradient(135deg,#00e5ff,#0077b6);color:#fff;border-color:transparent;box-shadow:0 4px 20px #00e5ff40}.nova-dc-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00e5ff59}.nova-dc-btn-secondary{background:#ffffff0f;color:#89a;border-color:#ffffff1a}.nova-dc-btn-secondary:hover{background:#ffffff1a;color:#e8edf4}.nova-dc-btn-outline{background:transparent;color:#00e5ff;border-color:#00e5ff4d}.nova-dc-btn-outline:hover{background:#00e5ff1a}.nova-dc-btn-icon{font-size:16px}.nova-effects-panel{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:200;background:#0c1018eb;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px 24px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 -8px 40px #0006;display:flex;flex-direction:column;gap:16px;max-width:420px;width:calc(100% - 32px);animation:nova-panel-slide-up .35s cubic-bezier(.16,1,.3,1) both}@keyframes nova-panel-slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nova-effects-header{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:700;color:#e8edf4}.nova-effects-close{background:none;border:none;color:#567;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .15s}.nova-effects-close:hover{background:#ffffff14;color:#e8edf4}.nova-effects-section{display:flex;flex-direction:column;gap:8px}.nova-effects-label{font-size:10px;font-weight:700;color:#567;text-transform:uppercase;letter-spacing:.5px}.nova-effects-row{display:flex;flex-wrap:wrap;gap:6px}.nova-effect-chip{padding:6px 14px;border-radius:99px;font-size:11px;font-weight:600;font-family:inherit;color:#89a;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s;white-space:nowrap}.nova-effect-chip:hover{background:#ffffff1a;color:#e8edf4}.nova-effect-chip[data-active=true]{background:#00e5ff26;border-color:#00e5ff59;color:#00e5ff;box-shadow:0 0 12px #00e5ff1a}.nova-stats-overlay{position:absolute;top:60px;right:16px;z-index:300;animation:nova-fade-in .25s ease both}.nova-stats-card{background:#080c14eb;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 40px #0006;min-width:280px;font-family:DM Mono,monospace}.nova-stats-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#e8edf4;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.nova-stats-quality-label{font-size:11px;font-weight:700;letter-spacing:.5px}.nova-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.nova-stats-item{display:flex;flex-direction:column;gap:2px}.nova-stats-key{font-size:9px;color:#567;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.nova-stats-val{font-size:13px;color:#e8edf4;font-weight:600}.nova-stats-graph-section{margin-bottom:10px}.nova-stats-graph-label{font-size:9px;color:#567;text-transform:uppercase;font-weight:600;letter-spacing:.5px;display:block;margin-bottom:4px}.nova-stats-graph{width:100%;height:auto;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.nova-ctrl-btn.active .nova-ctrl-icon{animation:nova-mic-pulse 2s ease-in-out infinite}@keyframes nova-mic-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nova-ctrl-btn:active{transform:scale(.92);transition:transform .1s}.nova-ctrl-btn.danger:hover .nova-ctrl-icon{animation:nova-danger-shake .4s ease}@keyframes nova-danger-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.nova-video-tile{animation:nova-tile-enter .4s cubic-bezier(.16,1,.3,1) both}@keyframes nova-tile-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.nova-quality-bar{transition:background .5s ease,height .3s ease}.nova-video-tile.low-bandwidth .nova-tile-avatar-fallback{filter:blur(3px);opacity:.7}.nova-video-tile.low-bandwidth:after{content:"📶 Low Bandwidth";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fbbf24;font-size:11px;font-weight:700;padding:6px 14px;border-radius:99px;z-index:10;white-space:nowrap;font-family:DM Mono,monospace}@media(max-width:600px){.nova-dc-card{padding:20px;border-radius:20px}.nova-dc-title{font-size:20px}.nova-dc-device-row{flex-wrap:wrap}.nova-dc-device-row label{min-width:auto;width:100%}.nova-dc-actions{flex-direction:column}.nova-dc-btn{width:100%;justify-content:center}.nova-effects-panel{bottom:70px;padding:16px;border-radius:16px}.nova-stats-overlay{inset:auto 8px 70px}.nova-stats-card{min-width:auto}}.nova-video-tile.portrait-mode{aspect-ratio:9/16;max-width:400px;margin:0 auto;border-radius:16px;box-shadow:0 10px 40px #00000080;background:transparent}.nova-video-tile.portrait-mode video{object-fit:contain!important}.layout-mobile{height:100vh;height:100dvh;height:-webkit-fill-available}.layout-mobile .nova-video-grid.pip-mode .nova-video-tile:not(.is-local) video{object-fit:cover}.layout-mobile .nova-video-tile.portrait-mode{aspect-ratio:unset;max-width:none;margin:0;border-radius:0;box-shadow:none}.layout-mobile .nova-video-tile.portrait-mode video{object-fit:cover!important}.layout-mobile .nova-video-grid.pip-mode .nova-video-tile.is-local{width:100px!important;height:140px!important;bottom:100px!important;right:14px!important;border-radius:14px!important}.layout-mobile .nova-video-grid.pip-mode .nova-video-tile.is-local video{object-fit:cover}.layout-pc-viewing-mobile .nova-video-grid.pip-mode .nova-video-tile:not(.is-local){background:#080c10;display:flex;align-items:center;justify-content:center}.layout-pc-viewing-mobile .nova-video-grid.pip-mode .nova-video-tile:not(.is-local) video{object-fit:contain!important;width:auto!important;height:100%!important;max-width:100%;margin:0 auto;display:block}.layout-pc-viewing-mobile .nova-video-tile.portrait-mode{aspect-ratio:9/16;max-width:420px;max-height:90%;margin:0 auto;border-radius:20px;box-shadow:0 12px 60px #00e5ff14,0 8px 40px #0009;overflow:hidden;background:#0a0f16;border:1px solid rgba(255,255,255,.06)}.layout-pc-viewing-mobile .nova-video-tile.portrait-mode video{object-fit:contain!important;border-radius:20px}.layout-pc-viewing-mobile .nova-video-grid.pip-mode .nova-video-tile.is-local{width:180px!important;height:135px!important;bottom:100px!important;right:24px!important}.layout-pc-to-pc .nova-video-grid.pip-mode .nova-video-tile:not(.is-local) video{object-fit:cover}.layout-pc-to-pc .nova-video-tile.portrait-mode{aspect-ratio:unset;max-width:none;margin:0;border-radius:0;box-shadow:none}.layout-pc-to-pc .nova-video-tile.portrait-mode video{object-fit:cover!important}@media screen and (max-width:768px){.nova-call-overlay.layout-mobile{position:fixed;top:0;left:0;width:100vw;height:100vh;height:-webkit-fill-available;height:100dvh}}@media screen and (orientation:portrait)and (max-width:768px){.layout-mobile .nova-video-grid.pip-mode .nova-video-tile:not(.is-local) video{object-fit:cover}}@media screen and (orientation:landscape)and (max-width:768px){.layout-mobile .nova-video-grid.pip-mode .nova-video-tile:not(.is-local) video{object-fit:contain}.layout-mobile .nova-video-grid.pip-mode .nova-video-tile.is-local{width:120px!important;height:90px!important;bottom:70px!important}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-radius:var(--r-sm, 12px);position:relative;overflow:hidden}:root{--skeleton-base: rgba(0, 0, 0, .06);--skeleton-shine: rgba(0, 0, 0, .12)}[data-theme=dark]{--skeleton-base: rgba(255, 255, 255, .06);--skeleton-shine: rgba(255, 255, 255, .12)}[data-theme=telegram]{--skeleton-base: rgba(255, 255, 255, .04);--skeleton-shine: rgba(255, 255, 255, .08)}.skeleton-text{height:14px;margin-bottom:8px;border-radius:4px}.skeleton-text:last-child{width:60%}.skeleton-title{height:20px;width:60%;margin-bottom:12px;border-radius:6px}.skeleton-avatar{border-radius:50%;flex-shrink:0}.skeleton-thumbnail{width:100%;border-radius:var(--r-md, 20px)}.skeleton-button{border-radius:var(--r-full, 9999px)}.skeleton-circle{border-radius:50%}.skeleton-post{padding:16px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.skeleton-post-header{display:flex;gap:12px;margin-bottom:14px;align-items:center}.skeleton-post-meta{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-post-body{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.skeleton-post-actions{display:flex;gap:12px}.skeleton-chat-row{display:flex;gap:12px;padding:12px 16px;align-items:center}.skeleton-chat-content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-chat-content-row{display:flex;justify-content:space-between;align-items:center}.skeleton-profile{display:flex;flex-direction:column;align-items:center;padding:32px 24px;gap:12px}.skeleton-profile-stats{display:flex;gap:32px;margin-top:12px}.skeleton-stat{display:flex;flex-direction:column;align-items:center;gap:6px}.skeleton-story{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:72px}.skeleton-notification{display:flex;gap:12px;padding:14px 16px;align-items:center;border-bottom:1px solid var(--border)}.skeleton-notification-content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-group-card{padding:16px;border-radius:var(--r-md, 20px);background:var(--bg-surface);border:1px solid var(--border);display:flex;gap:12px;align-items:center}.skeleton-group-info{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-discover-card{padding:16px;border-radius:var(--r-md, 20px);background:var(--bg-surface);border:1px solid var(--border);display:flex;align-items:center;gap:12px}.connection-banner{position:fixed;top:0;left:0;right:0;z-index:10001;padding:6px 16px;font-size:12px;font-weight:600;text-align:center;letter-spacing:.3px;transition:transform .3s var(--ease-spring),opacity .3s;transform:translateY(-100%);opacity:0}.connection-banner.visible{transform:translateY(0);opacity:1}.connection-banner.connecting{background:linear-gradient(90deg,#f59e0b,#f97316);color:#fff}.connection-banner.error{background:linear-gradient(90deg,#ef4444,#f97316);color:#fff}.connection-banner.offline{background:linear-gradient(90deg,#6b7280,#9ca3af);color:#fff}.connection-banner.connected{background:linear-gradient(90deg,#22c55e,#16a34a);color:#fff}.skeleton-row{display:flex;gap:12px;align-items:center}.skeleton-col{display:flex;flex-direction:column;gap:6px;flex:1}.skeleton-stagger>*:nth-child(1){animation-delay:0s}.skeleton-stagger>*:nth-child(2){animation-delay:.1s}.skeleton-stagger>*:nth-child(3){animation-delay:.2s}.skeleton-stagger>*:nth-child(4){animation-delay:.3s}.skeleton-stagger>*:nth-child(5){animation-delay:.4s}.empty-state-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;text-align:center;animation:fadeIn .4s ease}.empty-state-modern .empty-icon{font-size:56px;margin-bottom:16px;animation:pulse-glow 2s ease-in-out infinite}.empty-state-modern h3{margin-bottom:8px;font-size:18px;font-weight:700}.empty-state-modern p{color:var(--text-muted);font-size:14px;max-width:280px;line-height:1.5;margin-bottom:20px}.empty-state-modern .btn{min-width:160px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;text-align:center;animation:fadeIn .3s ease}.error-state .error-icon{font-size:48px;margin-bottom:16px}.error-state h3{margin-bottom:8px;font-size:18px}.error-state p{color:var(--text-muted);font-size:14px;max-width:300px;line-height:1.5;margin-bottom:20px}.error-state .btn-group{display:flex;flex-direction:column;gap:8px}.waveform-player{display:flex;align-items:center;gap:10px;padding:8px 12px;min-width:200px;max-width:300px;border-radius:20px;margin-bottom:4px}.waveform-sent{background:#ffffff14}.waveform-received{background:#0000000a}.waveform-play-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--primary, #3D7EFF);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .15s ease,background .2s;box-shadow:0 2px 8px #3d7eff40}.waveform-play-btn:hover{transform:scale(1.08)}.waveform-play-btn:active{transform:scale(.95)}.waveform-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.waveform-canvas{width:100%;height:40px;cursor:pointer;border-radius:4px}.waveform-info{display:flex;align-items:center;justify-content:space-between;gap:8px}.waveform-time{font-size:11px;font-weight:600;opacity:.7;font-variant-numeric:tabular-nums}.waveform-speed-btns{display:flex;gap:2px}.waveform-speed-btn{background:none;border:1px solid transparent;color:inherit;font-size:10px;padding:2px 6px;border-radius:10px;cursor:pointer;opacity:.5;font-weight:600;transition:all .15s}.waveform-speed-btn.active{opacity:1;border-color:currentColor}.waveform-speed-btn:hover{opacity:.8}.live-waveform{display:flex;align-items:center;gap:2px;height:36px;padding:0 4px}.live-waveform-bar{width:3px;min-height:4px;background:#ff3b30;border-radius:2px;transition:height .08s ease}.recording-state{display:flex;align-items:center;gap:10px;padding:8px 16px;flex:1;color:#ff3b30;font-weight:700;font-size:13px}.recording-state .rec-dot{width:10px;height:10px;background:#ff3b30;border-radius:50%;animation:rec-pulse 1.2s ease-in-out infinite}.recording-state .rec-timer{font-variant-numeric:tabular-nums;font-size:14px}.recording-state .rec-cancel-hint{font-size:11px;opacity:.6;margin-left:auto;font-weight:400}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.msg-ticks{font-size:12px;margin-left:4px;display:inline-flex;align-items:center;transition:color .3s ease,transform .2s ease}.tick-pending{color:var(--text-muted, #999);animation:tick-spin 1.5s linear infinite}.tick-sent{color:var(--text-muted, #999)}.tick-delivered{color:var(--text-secondary, #666)}.tick-read{color:#3d7eff;font-weight:700}.tick-failed{color:#ef4444;font-weight:700}@keyframes tick-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-status.recording{color:#ff3b30!important;animation:rec-text-pulse 1.5s ease infinite}@keyframes rec-text-pulse{0%,to{opacity:1}50%{opacity:.5}}.report-wizard{padding:20px;max-height:80vh;overflow-y:auto}.report-progress{margin-bottom:20px}.report-progress-bar{height:4px;background:var(--bg-sunken, #f0f0f0);border-radius:2px;overflow:hidden;margin-bottom:8px}.report-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary, #3D7EFF),#8B5CF6);border-radius:2px;transition:width .4s ease}.report-step-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted)}.report-step-labels .active{color:var(--primary, #3D7EFF);font-weight:600}.report-header{margin-bottom:16px}.report-categories{display:flex;flex-direction:column;gap:6px}.report-category-item{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border, #e2e8f0);border-radius:12px;cursor:pointer;transition:all .2s}.report-category-item:hover{border-color:var(--primary, #3D7EFF);background:var(--primary-ghost, rgba(61, 126, 255, .05))}.report-category-item.selected{border-color:var(--primary, #3D7EFF);background:var(--primary-ghost, rgba(61, 126, 255, .08))}.report-cat-icon{font-size:22px;flex-shrink:0}.report-cat-text{flex:1;min-width:0}.report-cat-label{font-weight:600;font-size:14px}.report-cat-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.report-cat-check{color:var(--primary, #3D7EFF);font-weight:700;font-size:16px}.reputation-badge{font-size:12px;display:inline-flex;align-items:center;margin-left:4px;cursor:help}.rep-progress{width:100%;max-width:200px}.rep-progress-bar{height:6px;background:var(--bg-sunken, #f0f0f0);border-radius:3px;overflow:hidden}.rep-fill{height:100%;border-radius:3px;transition:width .5s ease}.rep-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);margin-top:4px}.correction-card{background:var(--bg-card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:12px;padding:12px;margin:8px 0}.correction-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.correction-author{font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px}.native-badge{font-size:12px;cursor:help}.correction-diff{padding:8px 12px;border-radius:8px;background:var(--bg-sunken, #f7f7f7);margin-bottom:8px;font-size:13px;line-height:1.6}.correction-original del{color:#ef4444;text-decoration:line-through;opacity:.7}.correction-corrected ins{color:#22c55e;text-decoration:none;font-weight:600}.correction-explanation{font-size:12px;color:var(--text-muted);font-style:italic;margin-bottom:8px;padding-left:12px;border-left:2px solid var(--border)}.correction-actions{display:flex;gap:8px}.correction-vote-btn{background:var(--bg-sunken, #f5f5f5);border:1px solid var(--border, #e2e8f0);border-radius:16px;padding:4px 12px;font-size:12px;cursor:pointer;transition:all .15s}.correction-vote-btn:hover{border-color:var(--primary)}.correction-vote-btn.voted{background:var(--primary-ghost);border-color:var(--primary);color:var(--primary);font-weight:600}.keyboard-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.keyboard-overlay-content{background:var(--bg-surface, #fff);border-radius:20px;padding:24px;max-width:480px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 24px 64px #0000004d}.keyboard-overlay-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.keyboard-overlay-header h3{margin:0;font-size:18px}.keyboard-shortcuts-grid{display:flex;flex-direction:column;gap:8px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;transition:background .15s}.shortcut-row:hover{background:var(--bg-sunken, #f7f7f7)}.shortcut-keys{display:flex;align-items:center;gap:4px}.shortcut-plus{font-size:11px;opacity:.4}.shortcut-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:var(--bg-sunken, #f0f0f0);border:1px solid var(--border, #ddd);border-bottom-width:2px;border-radius:6px;font-size:12px;font-weight:600;font-family:inherit;line-height:1}.shortcut-label{font-size:13px;color:var(--text-secondary)}.keyboard-overlay-footer{text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}.keyboard-overlay-footer kbd{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-sunken);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;font-size:12px;font-weight:600;font-family:inherit;margin:0 2px}.connection-banner{position:fixed;top:0;left:0;right:0;z-index:9999;padding:6px 16px;text-align:center;font-size:12px;font-weight:600;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.connection-banner.ws-reconnecting{background:linear-gradient(90deg,#f59e0b,#f97316);color:#fff}.connection-banner.polling-active{background:linear-gradient(90deg,#f97316,#ef4444);color:#fff}.connection-banner.offline{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff}.chat-item-muted{opacity:.7}.chat-item-muted .chat-item-name:after{content:"🔇";font-size:12px;margin-left:6px}.chat-item-archived{opacity:.5}.archived-section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:var(--text-muted);font-weight:600;font-size:13px;cursor:pointer;border-top:1px solid var(--border)}.archived-section-header:hover{background:var(--bg-sunken)}.msg-bubble-wrapper.pending{opacity:.7}.msg-bubble-wrapper.pending .msg-bubble{position:relative}.msg-bubble-wrapper.pending .msg-bubble:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:pending-shimmer 1.5s infinite}@keyframes pending-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.msg-bubble-wrapper.failed .msg-bubble{border:1px solid rgba(239,68,68,.3)}@media(min-width:1024px){.waveform-player{max-width:360px}.report-wizard{min-width:400px}.keyboard-overlay-content{animation:scale-in .2s ease}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}}.face-capture-overlay{position:fixed;inset:0;z-index:2000;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fcFadeIn .3s ease}@keyframes fcFadeIn{0%{opacity:0}to{opacity:1}}.fc-close-btn{position:absolute;top:16px;left:16px;z-index:10;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff26;backdrop-filter:blur(8px);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.fc-close-btn:hover{background:#ffffff40}.fc-video-container{position:relative;width:100%;max-width:400px;aspect-ratio:3/4;border-radius:24px;overflow:hidden;box-shadow:0 0 60px #22c55e1a}.fc-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.fc-oval-guide{position:absolute;top:10%;left:15%;width:70%;height:65%;border:3px dashed rgba(255,255,255,.35);border-radius:50%;pointer-events:none;transition:border-color .5s,box-shadow .5s}.fc-oval-guide.detected{border-color:#22c55eb3;border-style:solid;box-shadow:0 0 30px #22c55e26,inset 0 0 30px #22c55e0d}.fc-oval-guide.error{border-color:#ef4444b3;border-style:solid;box-shadow:0 0 30px #ef444426;animation:fcShake .4s ease}@keyframes fcShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.fc-progress-ring{position:absolute;top:8%;left:13%;width:74%;height:69%;pointer-events:none}.fc-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.fc-progress-track{fill:none;stroke:#ffffff1a;stroke-width:4}.fc-progress-bar{fill:none;stroke:url(#fc-gradient);stroke-width:4;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset .5s ease}.fc-prompt-area{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,#000000d9);pointer-events:none}.fc-prompt-card{background:#ffffff1f;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px 20px;text-align:center;animation:fcSlideUp .35s var(--ease-spring, cubic-bezier(.34,1.56,.64,1))}@keyframes fcSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fc-prompt-icon{font-size:32px;margin-bottom:6px}.fc-prompt-text{color:#fff;font-size:15px;font-weight:600;line-height:1.4}.fc-prompt-sub{color:#fff9;font-size:12px;margin-top:4px}.fc-challenge-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.fc-dot{width:10px;height:10px;border-radius:50%;background:#fff3;transition:all .3s ease}.fc-dot.active{background:#ffffff80;transform:scale(1.2)}.fc-dot.done{background:#22c55e;box-shadow:0 0 8px #22c55e80}.fc-dot.failed{background:#ef4444}.fc-status-bar{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:8px;z-index:10}.fc-status-pill{background:#ffffff26;backdrop-filter:blur(8px);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px}.fc-status-pill .fc-live-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:fcPulse 1.5s ease infinite}@keyframes fcPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.fc-loading-overlay{position:absolute;inset:0;background:#000c;backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;border-radius:24px}.fc-loading-ring{width:64px;height:64px;border:3px solid rgba(255,255,255,.1);border-top-color:#22c55e;border-radius:50%;animation:fcSpin .8s linear infinite;margin-bottom:16px}@keyframes fcSpin{to{transform:rotate(360deg)}}.fc-loading-text{color:#fff;font-size:14px;font-weight:600}.fc-loading-sub{color:#ffffff80;font-size:12px;margin-top:4px}.fc-loading-progress{width:200px;height:4px;background:#ffffff1a;border-radius:2px;margin-top:16px;overflow:hidden}.fc-loading-progress-bar{height:100%;background:linear-gradient(90deg,#22c55e,#10b981);border-radius:2px;transition:width .3s ease;width:0%}.fc-result-overlay{position:absolute;inset:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;animation:fcFadeIn .3s ease}.fc-result-overlay.success{background:linear-gradient(135deg,#22c55ee6,#10b981e6)}.fc-result-overlay.failure{background:linear-gradient(135deg,#ef4444e6,#dc2626e6)}.fc-result-overlay.pending{background:linear-gradient(135deg,#f59e0be6,#ea580ce6)}.fc-result-icon{font-size:72px;margin-bottom:16px;animation:fcBounceIn .5s var(--ease-spring, cubic-bezier(.34,1.56,.64,1))}@keyframes fcBounceIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.fc-result-title{color:#fff;font-size:22px;font-weight:800;margin-bottom:8px}.fc-result-desc{color:#ffffffd9;font-size:14px;text-align:center;max-width:260px;line-height:1.5}.fc-result-score{margin-top:16px;background:#fff3;border-radius:12px;padding:8px 20px;color:#fff;font-size:13px;font-weight:700}.fc-result-actions{margin-top:24px;display:flex;gap:12px}.fc-result-btn{padding:12px 28px;border-radius:12px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:transform .1s,opacity .1s}.fc-result-btn:active{transform:scale(.96)}.fc-result-btn.primary{background:#fff;color:#111}.fc-result-btn.secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.fc-bottom-info{margin-top:20px;text-align:center;max-width:350px}.fc-privacy-text{color:#fff6;font-size:11px;line-height:1.5}.fc-privacy-text a{color:#fff9;text-decoration:underline}.fc-intro-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;max-width:380px}.fc-intro-icon{font-size:72px;margin-bottom:24px}.fc-intro-title{color:#fff;font-size:24px;font-weight:800;margin-bottom:12px}.fc-intro-desc{color:#fff9;font-size:14px;line-height:1.6;margin-bottom:32px}.fc-intro-features{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:32px}.fc-intro-feature{display:flex;align-items:center;gap:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;text-align:left}.fc-intro-feature-icon{font-size:20px;flex-shrink:0}.fc-intro-feature-text{color:#fffc;font-size:13px;line-height:1.4}.fc-start-btn{width:100%;padding:16px;border-radius:14px;border:none;background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .2s;box-shadow:0 4px 20px #22c55e4d}.fc-start-btn:hover{box-shadow:0 6px 28px #22c55e66}.fc-start-btn:active{transform:scale(.97)}.fc-skip-btn{margin-top:16px;background:none;border:none;color:#fff6;font-size:13px;cursor:pointer;padding:8px 16px}.fc-skip-btn:hover{color:#fff9}.verification-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:10px;font-weight:700;margin-left:4px;vertical-align:middle;flex-shrink:0;position:relative}.verification-badge.verified{background:#22c55e;color:#fff;box-shadow:0 0 6px #22c55e4d}.verification-badge.unverified{background:#ef4444;color:#fff}.verification-badge.pending{background:#f59e0b;color:#fff;animation:fcPulse 2s ease infinite}.verification-badge.expired{background:#9ca3af;color:#fff}.verification-badge[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 10px;background:#000000d9;color:#fff;font-size:11px;font-weight:500;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;margin-bottom:4px}.verification-badge[data-tooltip]:hover:after{opacity:1}.verification-badge-lg{width:24px;height:24px;font-size:13px}@media(max-width:420px){.fc-video-container{max-width:100%;border-radius:0;aspect-ratio:auto;height:100%}.fc-oval-guide{top:15%;left:12%;width:76%;height:50%}.fc-prompt-card{border-radius:12px;padding:12px 16px}}:root{--wa-green: #00a884;--wa-dark-green: #008069;--wa-teal-green: #075e54;--wa-light-green: #25d366;--wa-bg: #efeae2;--wa-sidebar-bg: #ffffff;--wa-chat-bg: #efeae2;--wa-bubble-in: #ffffff;--wa-bubble-out: #d9fdd3;--wa-text: #111b21;--wa-text-secondary: #667781;--wa-link: #039be5;--wa-header-bg: #f0f2f5;--wa-search-bg: #f0f2f5;--wa-border: #e9edef;--wa-unread-bg: #25d366;--wa-hover: #f5f6f6;--wa-active: #e9edef;--wa-icon: #54656f;--wa-panel-header: #f0f2f5}[data-theme=dark]{--wa-green: #00a884;--wa-dark-green: #00a884;--wa-bg: #0b141a;--wa-sidebar-bg: #111b21;--wa-chat-bg: #0b141a;--wa-bubble-in: #202c33;--wa-bubble-out: #005c4b;--wa-text: #e9edef;--wa-text-secondary: #8696a0;--wa-header-bg: #202c33;--wa-search-bg: #2a3942;--wa-border: #222d34;--wa-hover: #202c33;--wa-active: #2a3942;--wa-icon: #aebac1;--wa-panel-header: #202c33}[data-theme=telegram]{--wa-green: #5B9BD5;--wa-dark-green: #4A8BC4;--wa-bg: #0E1621;--wa-sidebar-bg: #17212B;--wa-chat-bg: #0E1621;--wa-bubble-in: #182533;--wa-bubble-out: #2B5278;--wa-text: #F5F5F5;--wa-text-secondary: #8E9BA8;--wa-header-bg: #17212B;--wa-search-bg: #242F3D;--wa-border: #242F3D;--wa-hover: #1E2C3A;--wa-active: #2E3D4F;--wa-icon: #8E9BA8;--wa-panel-header: #17212B}.wa-desktop-shell{display:none}@media(min-width:768px){.wa-desktop-shell{display:flex;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;background:var(--wa-bg)}.wa-sidebar{width:35%;min-width:320px;max-width:440px;height:100%;display:flex;flex-direction:column;background:var(--wa-sidebar-bg);border-right:1px solid var(--wa-border);flex-shrink:0;overflow:hidden}.wa-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;height:60px;background:var(--wa-panel-header);flex-shrink:0}.wa-sidebar-header .wa-logo{display:flex;align-items:center;gap:10px}.wa-sidebar-header .wa-logo-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.wa-sidebar-header .wa-logo-icon svg{width:24px;height:24px;fill:var(--wa-green)}.wa-sidebar-header .wa-logo-text{font-size:16px;font-weight:600;color:var(--wa-text);font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}.wa-sidebar-header .wa-header-actions{display:flex;align-items:center;gap:4px}.wa-header-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--wa-icon);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.wa-header-btn:hover{background:var(--wa-hover)}.wa-search-bar{padding:8px 12px;flex-shrink:0}.wa-search-bar .wa-search-input-wrap{display:flex;align-items:center;gap:0;background:var(--wa-search-bg);border-radius:8px;padding:0 12px;height:36px;transition:all .2s}.wa-search-bar .wa-search-input-wrap:focus-within{box-shadow:0 0 0 2px #00a88426}.wa-search-bar .wa-search-icon{font-size:14px;color:var(--wa-icon);flex-shrink:0;margin-right:14px;transition:color .2s}.wa-search-bar .wa-search-input-wrap:focus-within .wa-search-icon{color:var(--wa-green)}.wa-search-bar input{border:none;outline:none;background:transparent;flex:1;height:100%;font-size:14px;color:var(--wa-text);font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}.wa-search-bar input::placeholder{color:var(--wa-text-secondary);font-size:13px}.wa-filter-tabs{display:flex;align-items:center;gap:6px;padding:6px 12px;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.wa-filter-tabs::-webkit-scrollbar{display:none}.wa-filter-tab{padding:6px 14px;border-radius:18px;border:none;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--wa-search-bg);color:var(--wa-text-secondary)}.wa-filter-tab:hover{background:var(--wa-hover);color:var(--wa-text)}.wa-filter-tab.active{background:var(--wa-green);color:#fff}.wa-filter-tab-add{width:28px;height:28px;border-radius:50%;border:none;background:var(--wa-search-bg);color:var(--wa-icon);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.wa-filter-tab-add:hover{background:var(--wa-hover)}.wa-notification-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(135deg,#e7fce3,#d0f0c0);border-bottom:1px solid var(--wa-border);font-size:13px;color:#111b21;flex-shrink:0;animation:wa-slide-down .3s ease}[data-theme=dark] .wa-notification-banner,[data-theme=telegram] .wa-notification-banner{background:linear-gradient(135deg,#00a88426,#00a88414);color:var(--wa-text)}.wa-notification-banner .wa-notif-icon{font-size:20px;flex-shrink:0}.wa-notification-banner .wa-notif-text{flex:1;font-weight:500}.wa-notification-banner .wa-notif-text span{color:var(--wa-green);cursor:pointer;font-weight:600}.wa-notification-banner .wa-notif-close{border:none;background:none;color:var(--wa-icon);font-size:16px;cursor:pointer;padding:4px;opacity:.6;transition:opacity .2s}.wa-notification-banner .wa-notif-close:hover{opacity:1}.wa-archived-row{display:flex;align-items:center;gap:16px;padding:12px 20px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--wa-border)}.wa-archived-row:hover{background:var(--wa-hover)}.wa-archived-row .wa-archived-icon{font-size:16px;color:var(--wa-green)}.wa-archived-row .wa-archived-text{font-size:14px;font-weight:500;color:var(--wa-green)}.wa-chat-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--wa-border) transparent}.wa-chat-list::-webkit-scrollbar{width:6px}.wa-chat-list::-webkit-scrollbar-thumb{background:var(--wa-border);border-radius:3px}.wa-chat-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .12s;border-bottom:1px solid transparent;position:relative}.wa-chat-item:hover{background:var(--wa-hover)}.wa-chat-item.active{background:var(--wa-active)}.wa-chat-item:after{content:"";position:absolute;bottom:0;left:76px;right:16px;height:1px;background:var(--wa-border)}.wa-chat-item:last-child:after{display:none}.wa-chat-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#dfe5e7,#cdd5d8);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;color:#fff}.wa-chat-avatar.group{background:linear-gradient(135deg,var(--wa-green),var(--wa-dark-green));border-radius:50%}.wa-chat-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.wa-chat-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wa-chat-top-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.wa-chat-name{font-size:16px;font-weight:400;color:var(--wa-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}.wa-chat-item.unread .wa-chat-name{font-weight:600}.wa-chat-time{font-size:12px;color:var(--wa-text-secondary);flex-shrink:0;font-weight:400}.wa-chat-item.unread .wa-chat-time{color:var(--wa-green);font-weight:600}.wa-chat-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.wa-chat-preview{font-size:14px;color:var(--wa-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;display:flex;align-items:center;gap:3px;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}.wa-chat-preview .wa-tick{color:#53bdeb;font-size:14px;letter-spacing:-3px;flex-shrink:0}.wa-chat-preview .wa-sender{color:var(--wa-text-secondary);font-weight:500}.wa-chat-preview .wa-voice-icon{color:var(--wa-green);font-size:14px}.wa-unread-badge{min-width:20px;height:20px;border-radius:50%;background:var(--wa-unread-bg);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.wa-pin-icon{font-size:12px;color:var(--wa-text-secondary);transform:rotate(45deg);flex-shrink:0}.wa-mute-icon{font-size:12px;color:var(--wa-text-secondary);flex-shrink:0}.wa-chat-panel{flex:1;display:flex;flex-direction:column;background:var(--wa-chat-bg);position:relative;overflow:hidden;min-width:0}.wa-chat-panel:before{content:"";position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cdefs%3E%3Cpattern id='p' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='6' cy='6' r='1.5' fill='%23000'/%3E%3Ccircle cx='26' cy='16' r='1' fill='%23000'/%3E%3Ccircle cx='16' cy='32' r='1.2' fill='%23000'/%3E%3Ccircle cx='36' cy='36' r='0.8' fill='%23000'/%3E%3Cpath d='M10 20 Q15 15 20 20' stroke='%23000' fill='none' stroke-width='0.5'/%3E%3Cpath d='M30 8 L32 4 L34 8' stroke='%23000' fill='none' stroke-width='0.5'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23p)'/%3E%3C/svg%3E");pointer-events:none;z-index:0}[data-theme=dark] .wa-chat-panel:before,[data-theme=telegram] .wa-chat-panel:before{opacity:.03;filter:invert(1)}.wa-empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;position:relative;z-index:1;padding:40px}.wa-empty-chat .wa-empty-icon{width:340px;max-width:80%;aspect-ratio:16/14;display:flex;align-items:center;justify-content:center;font-size:100px;opacity:.15;margin-bottom:8px}.wa-empty-chat h2{font-size:28px;font-weight:300;color:var(--wa-text);font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:-.5px}.wa-empty-chat p{font-size:14px;color:var(--wa-text-secondary);max-width:480px;line-height:1.6}.wa-empty-chat .wa-get-app{display:flex;align-items:center;gap:8px;margin-top:24px;padding:10px 20px;background:var(--wa-search-bg);border-radius:24px;font-size:14px;color:var(--wa-text);border:none;cursor:pointer;transition:background .2s}.wa-empty-chat .wa-get-app:hover{background:var(--wa-hover)}.wa-chat-panel .cc-chat-page,.wa-chat-panel .chat-page{position:relative!important;inset:unset!important;width:100%!important;height:100%!important;z-index:1;background:transparent}.wa-chat-panel .cc-chat-header{background:var(--wa-panel-header);border-bottom:1px solid var(--wa-border)}.wa-chat-panel .cc-input-bar{background:var(--wa-panel-header);border-top:1px solid var(--wa-border)}.wa-chat-panel .cc-sent{background:var(--wa-bubble-out);color:var(--wa-text);border-radius:8px 8px 0}.wa-chat-panel .cc-recv{background:var(--wa-bubble-in);color:var(--wa-text);border-radius:8px 8px 8px 0;border:none;box-shadow:0 1px .5px #0b141a14}.wa-chat-panel .cc-sent .cc-meta,.wa-chat-panel .cc-recv .cc-meta{color:var(--wa-text-secondary)}.wa-chat-panel .cc-date-sep{background:#ffffffe6;color:var(--wa-text-secondary);font-size:12px;padding:5px 12px;border-radius:8px;box-shadow:0 1px .5px #0b141a21;text-transform:uppercase;font-weight:600;letter-spacing:0}[data-theme=dark] .wa-chat-panel .cc-date-sep,[data-theme=telegram] .wa-chat-panel .cc-date-sep{background:#1e2c3ae6}.wa-chat-panel .cc-messages{background:transparent;padding:20px 60px;flex:1;overflow-y:auto!important;scrollbar-width:thin}.wa-chat-panel .cc-chat-page,.wa-chat-panel .chat-page{height:100%!important;display:flex;flex-direction:column;overflow:hidden!important}.wa-chat-panel .cc-msg-row{max-width:55%}.wa-chat-panel .cc-sender-label{font-size:12.5px;font-weight:600}.wa-chat-panel .cc-send-btn{background:var(--wa-green);box-shadow:none}.wa-chat-panel .cc-send-btn:hover:not(:disabled){background:var(--wa-dark-green)}.wa-chat-panel .cc-input-wrap{background:var(--wa-sidebar-bg);border-radius:8px;border:none}.wa-chat-panel .cc-input-wrap:focus-within{background:var(--wa-sidebar-bg);border-color:transparent;box-shadow:none}.wa-chat-panel .cc-header-back{display:none}.wa-chat-panel .cc-scroll-bottom{right:30px}}@media(min-width:1200px){.wa-sidebar{max-width:480px}.wa-chat-panel .cc-messages{padding:20px 80px}}@media(min-width:1440px){.wa-chat-panel .cc-messages{padding:20px 100px}.wa-chat-panel .cc-msg-row{max-width:50%}}@keyframes wa-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes wa-fade-in{0%{opacity:0}to{opacity:1}}@keyframes wa-slide-in-right{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.wa-chat-panel-anim{animation:wa-slide-in-right .25s ease-out}.wa-get-whatsapp-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--wa-panel-header);border-top:1px solid var(--wa-border);cursor:pointer;flex-shrink:0}.wa-get-whatsapp-banner:hover{background:var(--wa-hover)}.wa-get-whatsapp-banner .wa-app-icon{width:36px;height:36px;border-radius:50%;background:var(--wa-green);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.wa-get-whatsapp-banner .wa-app-text{flex:1;font-size:14px;color:var(--wa-green);font-weight:600}.wa-skeleton-item{display:flex;align-items:center;gap:12px;padding:10px 16px;animation:wa-fade-in .4s ease forwards;opacity:0}.wa-skeleton-item:nth-child(1){animation-delay:0ms}.wa-skeleton-item:nth-child(2){animation-delay:60ms}.wa-skeleton-item:nth-child(3){animation-delay:.12s}.wa-skeleton-item:nth-child(4){animation-delay:.18s}.wa-skeleton-item:nth-child(5){animation-delay:.24s}.wa-skeleton-item:nth-child(6){animation-delay:.3s}:root{--glass-bg: rgba(255, 255, 255, .06);--glass-bg-hover: rgba(255, 255, 255, .1);--glass-bg-active: rgba(255, 255, 255, .14);--glass-border: rgba(255, 255, 255, .12);--glass-border-hover: rgba(255, 255, 255, .22);--glass-highlight: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .25);--glass-shadow-lg: 0 16px 48px rgba(0, 0, 0, .35);--glass-shadow-glow: 0 0 30px rgba(79, 70, 229, .18);--depth-1: blur(8px) saturate(180%);--depth-2: blur(16px) saturate(200%);--depth-3: blur(24px) saturate(220%);--refraction-light: linear-gradient(135deg, rgba(255,255,255,.25) 0%, rgba(255,255,255,.05) 50%, rgba(255,255,255,.12) 100%);--liquid-spring: cubic-bezier(.68, -.35, .265, 1.35);--liquid-smooth: cubic-bezier(.4, 0, .2, 1);--glow-primary: rgba(79, 70, 229, .35);--glow-accent: rgba(124, 58, 237, .3);--glow-success: rgba(34, 197, 94, .2);--glow-danger: rgba(239, 68, 68, .2)}[data-theme=dark]{--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .1)}[data-theme=telegram]{--glass-bg: rgba(255, 255, 255, .05);--glass-bg-hover: rgba(255, 255, 255, .09);--glass-border: rgba(255, 255, 255, .1);--glow-primary: rgba(91, 155, 213, .25)}body{background:radial-gradient(ellipse at 15% 15%,rgba(79,70,229,.12) 0%,transparent 50%),radial-gradient(ellipse at 85% 20%,rgba(124,58,237,.09) 0%,transparent 45%),radial-gradient(ellipse at 50% 80%,rgba(236,72,153,.06) 0%,transparent 50%),var(--bg-app)!important}[data-theme=dark] body{background:radial-gradient(ellipse at 15% 15%,rgba(79,70,229,.18) 0%,transparent 50%),radial-gradient(ellipse at 85% 20%,rgba(124,58,237,.14) 0%,transparent 45%),radial-gradient(ellipse at 50% 80%,rgba(236,72,153,.06) 0%,transparent 50%),var(--bg-app)!important}[data-theme=telegram] body{background:radial-gradient(ellipse at 15% 15%,rgba(91,155,213,.14) 0%,transparent 50%),radial-gradient(ellipse at 85% 20%,rgba(79,70,229,.12) 0%,transparent 45%),radial-gradient(ellipse at 50% 80%,rgba(6,182,212,.05) 0%,transparent 50%),var(--bg-app)!important}.top-nav{background:var(--glass-bg)!important;backdrop-filter:var(--depth-2)!important;-webkit-backdrop-filter:var(--depth-2)!important;border-bottom:1px solid var(--glass-border)!important;box-shadow:0 4px 30px #0000001a,inset 0 1px 0 var(--glass-highlight)}.top-nav .logo{text-shadow:0 0 20px var(--glow-primary)}.bottom-nav{background:var(--glass-bg)!important;backdrop-filter:var(--depth-3)!important;-webkit-backdrop-filter:var(--depth-3)!important;border-top:1px solid var(--glass-border)!important;box-shadow:0 -8px 32px #00000026,inset 0 1px 0 var(--glass-highlight)}.bottom-nav .nav-item{transition:all .3s var(--liquid-spring);border-radius:12px;position:relative}.bottom-nav .nav-item:active{transform:scale(.92)}.bottom-nav .nav-item.active{background:var(--glass-bg-active);box-shadow:0 0 16px var(--glow-primary)}.bottom-nav .nav-item.active:after{background:var(--primary);box-shadow:0 0 8px var(--glow-primary)}.bottom-nav .nav-item.active .nav-icon{filter:drop-shadow(0 0 6px var(--glow-primary))}.desktop-sidebar{background:var(--glass-bg)!important;backdrop-filter:var(--depth-2)!important;-webkit-backdrop-filter:var(--depth-2)!important;border-right:1px solid var(--glass-border)!important;box-shadow:4px 0 30px #0000001a}.sidebar-item{transition:all .3s var(--liquid-spring)!important;position:relative;overflow:hidden}.sidebar-item:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.15) 0%,transparent 70%);opacity:0;transition:opacity .3s;border-radius:inherit}.sidebar-item:hover:before{opacity:1}.sidebar-item.active{background:var(--glass-bg-active)!important;border:1px solid var(--glass-border-hover);box-shadow:0 0 20px var(--glow-primary),inset 0 1px 0 var(--glass-highlight)}.sidebar-item:hover{transform:translate(3px)!important}.btn{position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight)!important;transition:all .3s var(--liquid-smooth)!important}.btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transition:left .5s var(--liquid-smooth);pointer-events:none}.btn:hover:after{left:100%}.btn:hover{transform:translateY(-2px)!important;box-shadow:var(--glass-shadow-lg),inset 0 1px 0 var(--glass-highlight)!important;border-color:var(--glass-border-hover)!important}.btn:active{transform:scale(.96) translateY(0)!important}.btn-primary{background:linear-gradient(135deg,#4f46e5d9,#7c3aedbf)!important;border-color:#7c3aed80!important;box-shadow:var(--glass-shadow),0 0 20px var(--glow-primary),inset 0 1px #fff3!important}.btn-primary:hover{box-shadow:var(--glass-shadow-lg),0 0 35px var(--glow-primary),inset 0 1px #ffffff40!important}.btn-danger{background:linear-gradient(135deg,#0f0f0fcc,#1e1e1eb3)!important;border-color:#ffffff14!important}.btn-secondary{background:var(--glass-bg)!important;backdrop-filter:var(--depth-1)}.btn-ghost{border-color:transparent!important;box-shadow:none!important}.btn-ghost:hover{background:var(--glass-bg-hover)!important;box-shadow:0 4px 16px #0000001a!important}.btn-icon{transition:all .25s var(--liquid-spring)!important;border-radius:12px;position:relative;overflow:hidden}.btn-icon:hover{background:var(--glass-bg-hover)!important;transform:scale(1.08);box-shadow:0 4px 16px #00000026}.btn-icon:active{transform:scale(.92)}.input{background:var(--glass-bg)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border)!important;box-shadow:inset 0 2px 4px #0000001a!important;transition:all .3s var(--liquid-smooth)!important}.input:focus{background:var(--glass-bg-hover)!important;border-color:#4f46e580!important;box-shadow:0 0 0 3px #4f46e526,0 0 20px var(--glow-primary),inset 0 1px 0 var(--glass-highlight)!important;transform:translateY(-1px)}.textarea{background:var(--glass-bg)!important;backdrop-filter:blur(10px);border:1px solid var(--glass-border)!important;transition:all .3s var(--liquid-smooth)!important}.textarea:focus{border-color:#4f46e580!important;box-shadow:0 0 0 3px #4f46e526,0 0 20px var(--glow-primary)!important}.card,.card-elevated{background:var(--glass-bg)!important;backdrop-filter:var(--depth-1)!important;-webkit-backdrop-filter:var(--depth-1)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight)!important;transition:all .4s var(--liquid-smooth)!important;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--refraction-light);transform:skew(-15deg);transition:left .7s var(--liquid-smooth);pointer-events:none;z-index:1}.card:hover:before{left:100%}.card:hover{transform:translateY(-6px)!important;box-shadow:var(--glass-shadow-lg),var(--glass-shadow-glow),inset 0 1px 0 var(--glass-highlight)!important;border-color:var(--glass-border-hover)!important}.pill{background:var(--glass-bg)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border)!important;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 var(--glass-highlight)!important;transition:all .3s var(--liquid-spring)!important}.pill:hover:not(.active){background:var(--glass-bg-hover)!important;transform:translateY(-2px) scale(1.03);box-shadow:0 6px 20px #00000026!important}.pill.active{background:linear-gradient(135deg,#4f46e5bf,#7c3aeda6)!important;border-color:#7c3aed99!important;box-shadow:0 4px 20px var(--glow-primary),inset 0 1px #fff3!important}.interest-tag{backdrop-filter:blur(6px);border:1px solid var(--glass-border)!important;transition:all .3s var(--liquid-spring)!important}.interest-tag:hover{transform:translateY(-2px) scale(1.04)}.interest-tag.selected{box-shadow:0 4px 16px var(--glow-primary)}.avatar{box-shadow:0 4px 16px #0003,0 0 0 2px var(--glass-border)!important;transition:all .3s var(--liquid-spring)!important}.avatar:hover{transform:scale(1.08);box-shadow:0 6px 24px #00000040,0 0 0 2px var(--glass-border-hover)!important}.badge{box-shadow:0 0 12px #ef444466;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 8px #ef44444d}50%{box-shadow:0 0 16px #ef444480}}#modal-overlay{background:#00000080!important;backdrop-filter:blur(6px)!important}.modal{background:var(--glass-bg)!important;backdrop-filter:var(--depth-3)!important;-webkit-backdrop-filter:var(--depth-3)!important;border:1px solid var(--glass-border)!important;box-shadow:0 50px 100px #0006,inset 0 1px 0 var(--glass-highlight)!important;border-radius:24px 24px 0 0!important}.modal-header{background:transparent!important;border-bottom:1px solid var(--glass-border)!important}.modal-header .drag-handle{background:var(--glass-border-hover)!important;box-shadow:0 0 8px #ffffff1a}.toast{background:#0f172acc!important;backdrop-filter:var(--depth-2)!important;-webkit-backdrop-filter:var(--depth-2)!important;border:1px solid var(--glass-border)!important;box-shadow:0 20px 50px #0000004d,inset 0 1px 0 var(--glass-highlight)!important;border-radius:16px!important}.toast-success{border-left:3px solid #22c55e!important;box-shadow:0 20px 50px #0000004d,0 0 20px #22c55e26!important}.toast-error{border-left:3px solid #ef4444!important;box-shadow:0 20px 50px #0000004d,0 0 20px #ef444426!important}.toast-info{border-left:3px solid var(--primary)!important;box-shadow:0 20px 50px #0000004d,0 0 20px var(--glow-primary)!important}.post-card{background:var(--glass-bg)!important;backdrop-filter:var(--depth-1)!important;-webkit-backdrop-filter:var(--depth-1)!important;border:1px solid var(--glass-border)!important;border-bottom:1px solid var(--glass-border)!important;transition:all .3s var(--liquid-smooth)!important;position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;inset:0;background:var(--refraction-light);opacity:.03;pointer-events:none}.post-action{transition:all .2s var(--liquid-spring)!important}.post-action:hover{background:var(--glass-bg-hover)!important}.story-avatar-ring{background:linear-gradient(135deg,var(--primary),rgba(124,58,237,.9))!important;box-shadow:0 4px 16px var(--glow-primary)!important}.story-avatar-ring:hover{transform:scale(1.08)!important;box-shadow:0 6px 24px var(--glow-primary)!important}.story-avatar-ring.seen{background:var(--glass-border)!important;box-shadow:0 2px 8px #00000026!important}.settings-row{transition:all .25s var(--liquid-smooth)!important;border-radius:12px;margin:2px 8px}.settings-row:hover{background:var(--glass-bg-hover)!important;transform:translate(4px);border-color:var(--glass-border)!important}.notif-row{transition:all .25s var(--liquid-smooth)!important;border-radius:12px;margin:2px 8px}.notif-row:hover{background:var(--glass-bg-hover)!important;transform:translate(3px)}.notif-row.unread{background:#4f46e51f!important;border-left:3px solid var(--primary)}.chat-row,.cc-chat-row{transition:all .25s var(--liquid-smooth)!important;border-radius:12px;margin:2px 8px;position:relative;overflow:hidden}.chat-row:hover,.cc-chat-row:hover{background:var(--glass-bg-hover)!important;transform:translate(4px)}.chat-row:before,.cc-chat-row:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);transform:translate(-100%);transition:transform .5s;pointer-events:none}.chat-row:hover:before,.cc-chat-row:hover:before{transform:translate(100%)}.chat-row.unread,.cc-chat-row.unread{background:#4f46e51a!important}.cc-chat-header,.chat-header{background:var(--glass-bg)!important;backdrop-filter:var(--depth-2)!important;-webkit-backdrop-filter:var(--depth-2)!important;border-bottom:1px solid var(--glass-border)!important;box-shadow:0 4px 20px #0000001a}.cc-sent,.msg-sent{background:linear-gradient(135deg,#4f46e5a6,#7c3aed8c)!important;backdrop-filter:blur(6px);border:1px solid rgba(124,58,237,.4)!important;box-shadow:0 4px 16px #4f46e54d,inset 0 1px #ffffff26}.cc-recv,.msg-received{background:var(--glass-bg)!important;backdrop-filter:blur(8px);border:1px solid var(--glass-border)!important;box-shadow:0 2px 12px #0000001a,inset 0 1px 0 var(--glass-highlight)}.cc-date-sep,.msg-date{background:var(--glass-bg)!important;backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:0 2px 8px #0000001a}.cc-input-bar,.chat-input-bar{background:var(--glass-bg)!important;backdrop-filter:var(--depth-2)!important;-webkit-backdrop-filter:var(--depth-2)!important;border-top:1px solid var(--glass-border)!important}.cc-input-wrap,.chat-input-wrapper{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;backdrop-filter:blur(6px);transition:all .3s var(--liquid-smooth)!important}.cc-input-wrap:focus-within,.chat-input-wrapper:focus-within{background:var(--glass-bg-hover)!important;border-color:#4f46e566!important;box-shadow:0 0 20px var(--glow-primary)!important}.cc-send-btn,.send-btn{background:linear-gradient(135deg,#4f46e5e6,#7c3aedcc)!important;box-shadow:0 4px 16px var(--glow-primary)!important;transition:all .2s var(--liquid-spring)!important}.cc-send-btn:hover:not(:disabled),.send-btn:hover:not(:disabled){transform:scale(1.1)!important;box-shadow:0 6px 24px var(--glow-primary)!important}.cc-scroll-bottom{background:var(--glass-bg)!important;backdrop-filter:blur(10px);border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.cc-context-menu{background:var(--glass-bg)!important;backdrop-filter:var(--depth-3)!important;-webkit-backdrop-filter:var(--depth-3)!important;border:1px solid var(--glass-border)!important;box-shadow:0 20px 60px #00000059,inset 0 1px 0 var(--glass-highlight)!important}.cc-context-menu button:hover{background:var(--glass-bg-hover)!important}.cc-emoji-picker{background:var(--glass-bg)!important;backdrop-filter:var(--depth-3)!important;-webkit-backdrop-filter:var(--depth-3)!important;border:1px solid var(--glass-border)!important;box-shadow:0 16px 48px #0000004d!important}.cc-typing{background:var(--glass-bg)!important;backdrop-filter:blur(8px);border:1px solid var(--glass-border)}.cc-chat-page{background:var(--bg-app)!important}@media(min-width:768px){.wa-sidebar{background:var(--glass-bg)!important;backdrop-filter:var(--depth-2)!important;-webkit-backdrop-filter:var(--depth-2)!important;border-right:1px solid var(--glass-border)!important}.wa-sidebar-header{background:transparent!important;border-bottom:1px solid var(--glass-border)}.wa-search-bar .wa-search-input-wrap{background:var(--glass-bg)!important;border:1px solid var(--glass-border);backdrop-filter:blur(6px)}.wa-search-bar .wa-search-input-wrap:focus-within{border-color:#4f46e566;box-shadow:0 0 16px var(--glow-primary)}.wa-filter-tab{background:var(--glass-bg)!important;border:1px solid transparent;backdrop-filter:blur(4px);transition:all .3s var(--liquid-spring)!important}.wa-filter-tab:hover{background:var(--glass-bg-hover)!important;transform:translateY(-1px)}.wa-filter-tab.active{background:linear-gradient(135deg,#4f46e5b3,#7c3aed99)!important;border-color:#7c3aed73!important;box-shadow:0 4px 16px var(--glow-primary)}.wa-chat-item{transition:all .25s var(--liquid-smooth)!important;border-radius:12px;margin:2px 8px}.wa-chat-item:hover{background:var(--glass-bg-hover)!important;transform:translate(3px)}.wa-chat-item.active{background:#4f46e52e!important;border:1px solid rgba(79,70,229,.3);box-shadow:0 4px 16px var(--glow-primary)}.wa-chat-panel{background:var(--bg-app)!important}.wa-notification-banner{background:linear-gradient(135deg,#4f46e524,#7c3aed14)!important;backdrop-filter:blur(8px);border-bottom:1px solid var(--glass-border)!important}.wa-empty-chat{opacity:.9}.wa-unread-badge{background:linear-gradient(135deg,var(--primary),rgba(124,58,237,1))!important;box-shadow:0 0 12px var(--glow-primary)}}.group-card{background:var(--glass-bg)!important;backdrop-filter:var(--depth-1)!important;-webkit-backdrop-filter:var(--depth-1)!important;border:1px solid var(--glass-border)!important;transition:all .4s var(--liquid-smooth)!important;overflow:hidden}.group-card:hover{transform:translateY(-6px);box-shadow:var(--glass-shadow-lg),var(--glass-shadow-glow)!important;border-color:var(--glass-border-hover)!important}.group-cover{background:linear-gradient(135deg,#4f46e5bf,#7c3aeda6)!important}.profile-cover-overlay{background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.5) 100%)!important}.profile-avatar-wrapper .avatar{box-shadow:0 8px 32px #0000004d,0 0 0 3px var(--glass-border)!important}.profile-stats{border-bottom:1px solid var(--glass-border)!important}.profile-tabs{background:var(--glass-bg)!important;backdrop-filter:blur(8px)}.profile-tab.active{box-shadow:inset 0 -2px 0 var(--primary),0 0 12px var(--glow-primary)}.person-card{background:var(--glass-bg)!important;backdrop-filter:var(--depth-1)!important;-webkit-backdrop-filter:var(--depth-1)!important;border:1px solid var(--glass-border)!important;transition:all .4s var(--liquid-smooth)!important}.person-card:hover{transform:translateY(-6px)!important;box-shadow:var(--glass-shadow-lg),var(--glass-shadow-glow)!important;border-color:var(--glass-border-hover)!important}.composer-overlay{background:var(--glass-bg)!important;backdrop-filter:var(--depth-3)!important;-webkit-backdrop-filter:var(--depth-3)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow-lg)!important}.composer-header{border-bottom:1px solid var(--glass-border)!important}.composer-toolbar{border-top:1px solid var(--glass-border)!important}.composer-toolbar button{background:var(--glass-bg)!important;border:1px solid var(--glass-border);transition:all .25s var(--liquid-spring)!important}.composer-toolbar button:hover{background:var(--glass-bg-hover)!important;transform:translateY(-2px)}.nova-call-header{background:linear-gradient(180deg,rgba(8,12,16,.7) 0%,transparent 100%)!important;backdrop-filter:var(--depth-2)!important;-webkit-backdrop-filter:var(--depth-2)!important}.nova-controls-bar{background:#080c1080!important;backdrop-filter:var(--depth-3)!important;-webkit-backdrop-filter:var(--depth-3)!important;border-top:1px solid rgba(255,255,255,.06)}.nova-ctrl-btn{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;backdrop-filter:blur(10px);transition:all .3s var(--liquid-spring)!important;box-shadow:inset 0 1px 0 var(--glass-highlight)}.nova-ctrl-btn:hover{background:var(--glass-bg-hover)!important;transform:translateY(-3px) scale(1.05)!important;box-shadow:0 8px 24px #0000004d,inset 0 1px 0 var(--glass-highlight)!important}.nova-ctrl-btn.active{background:#00e5ff26!important;border-color:#00e5ff4d!important;box-shadow:0 0 20px #00e5ff26,inset 0 1px #ffffff1a!important}.skeleton{background:linear-gradient(90deg,var(--glass-bg) 25%,var(--glass-bg-hover) 50%,var(--glass-bg) 75%)!important;background-size:200% 100%;border:1px solid var(--glass-border)}.skeleton-post-card{background:var(--glass-bg)!important;backdrop-filter:blur(6px);border:1px solid var(--glass-border)!important;border-bottom:1px solid var(--glass-border)!important}.toggle{background:var(--glass-bg)!important;border:1px solid var(--glass-border);box-shadow:inset 0 2px 4px #00000026}.toggle.active{background:linear-gradient(135deg,#4f46e5bf,#7c3aeda6)!important;border-color:#7c3aed80;box-shadow:0 0 16px var(--glow-primary)}.toggle:after{box-shadow:0 2px 6px #00000040,0 0 0 1px var(--glass-border)!important}.fab{background:linear-gradient(135deg,#4f46e5d9,#7c3aedbf)!important;backdrop-filter:blur(10px);border:1px solid rgba(124,58,237,.45);box-shadow:0 8px 32px var(--glow-primary),inset 0 1px #ffffff26!important;transition:all .3s var(--liquid-spring)!important}.fab:hover{transform:scale(1.1) translateY(-4px)!important;box-shadow:0 12px 40px var(--glow-primary),inset 0 1px #fff3!important}.filter-pills{background:transparent!important}.input-search{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;backdrop-filter:blur(8px)}.input-search:focus{box-shadow:0 0 0 3px #4f46e526,0 0 20px var(--glow-primary)!important}::-webkit-scrollbar-thumb{background:var(--glass-border)!important;border-radius:10px!important}::-webkit-scrollbar-thumb:hover{background:var(--glass-border-hover)!important}.auth-page{background:transparent!important}.social-btn{background:var(--glass-bg)!important;backdrop-filter:blur(8px);border:1px solid var(--glass-border)!important;transition:all .3s var(--liquid-smooth)!important}.social-btn:hover{background:var(--glass-bg-hover)!important;transform:translateY(-2px);box-shadow:0 8px 24px #00000026;border-color:var(--glass-border-hover)!important}.community-notice{background:var(--glass-bg)!important;backdrop-filter:var(--depth-1)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.love-hero{background:linear-gradient(135deg,#ec489914,#ef44440d)!important;backdrop-filter:blur(6px);border:1px solid rgba(236,72,153,.15)!important}.love-step{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;backdrop-filter:blur(6px)}.story-reactions{background:#0006!important;backdrop-filter:var(--depth-2)!important}.story-reactions input{background:#ffffff1a!important;border:1px solid var(--glass-border)}.divider{background:var(--glass-border)!important}.empty-state{opacity:.85}.empty-state .empty-icon{filter:drop-shadow(0 0 20px var(--glow-primary))}.glass-bg,.btn,.card,.pill,.fab,.top-nav,.bottom-nav,.desktop-sidebar,.modal,.toast,.post-card{will-change:transform;transform:translateZ(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.15s!important}}@supports not (backdrop-filter: blur(10px)){.top-nav,.bottom-nav,.desktop-sidebar,.modal,.toast{background:rgba(var(--bg-surface),.95)!important}}.cc-unread-badge{background:linear-gradient(135deg,var(--primary),rgba(124,58,237,1))!important;box-shadow:0 0 12px var(--glow-primary)!important}.cc-search-bar input{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;backdrop-filter:blur(6px)}.cc-search-bar input:focus{border-color:#4f46e566!important;box-shadow:0 0 16px var(--glow-primary)!important}.cc-tab-bar{border-bottom:1px solid var(--glass-border)!important}.cc-tab.active{box-shadow:inset 0 -2px 0 var(--primary),0 0 8px var(--glow-primary)}.invite-card{background:var(--glass-bg)!important;backdrop-filter:blur(10px)!important;border:1px solid var(--glass-border)!important}.checkbox{background:var(--glass-bg)!important;border:2px solid var(--glass-border)!important}.checkbox.checked{background:linear-gradient(135deg,#4f46e5d9,#7c3aedbf)!important;border-color:#7c3aed99!important;box-shadow:0 0 12px var(--glow-primary)}.avatar-upload{border:3px dashed var(--glass-border)!important;background:var(--glass-bg)!important;backdrop-filter:blur(6px);transition:all .3s var(--liquid-spring)!important}.avatar-upload:hover{border-color:var(--primary)!important;box-shadow:0 0 20px var(--glow-primary);transform:scale(1.05)}.lang-chip{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;backdrop-filter:blur(4px);transition:all .25s var(--liquid-spring)!important}.lang-chip:hover{transform:translateY(-2px)}.lang-chip.selected{background:linear-gradient(135deg,#4f46e5bf,#7c3aeda6)!important;box-shadow:0 4px 16px var(--glow-primary)}