:root{--pink-50: #FDF2F8;--pink-100: #FCE7F3;--pink-200: #FBCFE8;--pink-300: #F9A8D4;--pink-400: #F472B6;--pink-500: #EC4899;--pink-600: #DB2777;--pink-700: #BE185D;--green-50: #ECFDF5;--green-100: #D1FAE5;--green-200: #A7F3D0;--green-300: #6EE7B7;--green-400: #34D399;--green-500: #10B981;--green-600: #059669;--green-700: #047857;--blue-50: #EFF6FF;--blue-100: #DBEAFE;--blue-200: #BFDBFE;--blue-300: #93C5FD;--blue-400: #60A5FA;--blue-500: #3B82F6;--blue-600: #2563EB;--blue-700: #1D4ED8;--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--danger: #DC2626;--warning: #F59E0B;--bg: var(--gray-50);--bg-card: var(--white);--bg-soft: var(--gray-100);--border: var(--gray-200);--border-strong:var(--gray-300);--text: var(--gray-900);--text-muted: var(--gray-500);--text-subtle: var(--gray-600);--primary: var(--pink-500);--primary-dark: var(--pink-600);--primary-soft: var(--pink-50);--accent: var(--green-500);--accent-dark: var(--green-600);--accent-soft: var(--green-50);--info: var(--blue-500);--info-dark: var(--blue-600);--info-soft: var(--blue-50);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 4px 12px rgba(15, 23, 42, .06);--shadow-lg: 0 18px 40px rgba(15, 23, 42, .08);--transition: .16s ease;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}html,body,#root{height:100%}html.capacitor body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);-webkit-user-select:none;user-select:none}html.capacitor input,html.capacitor textarea,html.capacitor [contenteditable=true]{-webkit-user-select:text;user-select:text}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 .5em;letter-spacing:-.01em;color:var(--text)}h1{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.1}h2{font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.2}h3{font-size:20px;font-weight:700}h4{font-size:16px;font-weight:700}a{color:var(--info-dark);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-dark)}p{margin:0 0 .8em}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:15px}::selection{background:var(--pink-200);color:var(--gray-900)}html[data-theme=dark]{--white: #1A1F2E;--bg: #0F1419;--bg-card: #1A1F2E;--bg-soft: #232B3D;--gray-50: #1F2533;--gray-100: #232B3D;--gray-200: #2D3548;--gray-300: #3A455C;--gray-400: #6B7280;--gray-500: #9CA3AF;--gray-600: #D1D5DB;--gray-700: #E5E7EB;--gray-800: #F3F4F6;--gray-900: #F9FAFB;--border: #2D3548;--border-strong: #3A455C;--text: #E5E7EB;--text-muted: #9CA3AF;--text-subtle: #D1D5DB;--pink-50: rgba(236, 72, 153, .15);--pink-100: rgba(236, 72, 153, .22);--green-50: rgba(16, 185, 129, .15);--green-100: rgba(16, 185, 129, .22);--blue-50: rgba(59, 130, 246, .15);--blue-100: rgba(59, 130, 246, .22)}html[data-theme=dark] body{background:var(--bg)}html[data-theme=dark] .nav,html[data-theme=dark] .sidebar,html[data-theme=dark] .main-header{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .mobile-topbar{background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-soft) 100%);border-color:var(--border)}html[data-theme=dark] .surface,html[data-theme=dark] .card,html[data-theme=dark] .stat,html[data-theme=dark] .kpi,html[data-theme=dark] .hero-card,html[data-theme=dark] .voice-hero{background:linear-gradient(180deg,var(--bg-card) 0%,#15192B 100%);border-color:var(--border)}html[data-theme=dark] .input,html[data-theme=dark] .textarea,html[data-theme=dark] .select,html[data-theme=dark] .ask-input-wrap{background:var(--bg-soft);color:var(--text);border-color:var(--border-strong)}html[data-theme=dark] .ask-input-wrap input{color:var(--text)}html[data-theme=dark] .chat-stream{background:linear-gradient(180deg,var(--bg) 0%,#0B0F18 100%)}html[data-theme=dark] .chat-bubble.assistant{background:var(--bg-card);border-color:var(--border);color:var(--text)}html[data-theme=dark] .chat-composer{background:var(--bg-card)}html[data-theme=dark] code,html[data-theme=dark] .md-output code.md-inline{background:var(--bg-soft);color:var(--pink-300)}html[data-theme=dark] .badge{background:var(--bg-soft);color:var(--text-subtle)}html[data-theme=dark] .voice-status,html[data-theme=dark] .voice-transcript,html[data-theme=dark] .strip-bar{background:var(--bg-soft);border-color:var(--border)}html[data-theme=dark] .panel-toggle,html[data-theme=dark] .icon-btn,html[data-theme=dark] .secret-toggle,html[data-theme=dark] .sidebar-close{background:var(--bg-soft);border-color:var(--border-strong);color:var(--text)}html[data-theme=dark] .lesson-row{background:var(--bg-soft);border-color:var(--border)}html[data-theme=dark] .lesson-row.active{background:#ec48991f;border-color:var(--pink-500)}html[data-theme=dark] .option-row{background:var(--bg-soft);border-color:var(--border-strong);color:var(--text)}html[data-theme=dark] .option-row.selected{background:#ec48991f;border-color:var(--pink-500)}html[data-theme=dark] .table th{background:var(--bg-soft);color:var(--text-subtle)}html[data-theme=dark] .table tr:hover td,html[data-theme=dark] .modal-foot,html[data-theme=dark] .recent-conv:hover,html[data-theme=dark] .featured-card:hover{background:var(--bg-soft)}html[data-theme=dark] .footer-card{background:var(--bg-soft)!important;border-color:var(--border)!important}html[data-theme=dark] .chip{background:var(--bg-soft);border-color:var(--border-strong);color:var(--text-subtle)}html[data-theme=dark] .ask-chips .chip{background:#ffffff0a}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-strong)}html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.container{max-width:1180px;margin:0 auto;padding:0 24px}.container-sm{max-width:480px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius);padding:11px 20px;font-size:14px;font-weight:600;letter-spacing:.01em;background:var(--white);color:var(--text);transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition);white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--pink-500);color:var(--white);border-color:var(--pink-500)}.btn-primary:hover:not(:disabled){background:var(--pink-600);border-color:var(--pink-600);color:#fff}.btn-success{background:var(--green-500);color:var(--white);border-color:var(--green-500)}.btn-success:hover:not(:disabled){background:var(--green-600);border-color:var(--green-600);color:#fff}.btn-info{background:var(--blue-500);color:var(--white);border-color:var(--blue-500)}.btn-info:hover:not(:disabled){background:var(--blue-600);border-color:var(--blue-600);color:#fff}.btn-outline{background:var(--white);color:var(--text);border-color:var(--border-strong)}.btn-outline:hover:not(:disabled){border-color:var(--pink-500);color:var(--pink-600)}.btn-ghost{background:transparent;color:var(--text-subtle);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--text)}.btn-danger{background:var(--white);color:var(--danger);border-color:var(--gray-200)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.btn-block{width:100%}.btn-lg{padding:14px 24px;font-size:15px}.btn-sm{padding:6px 12px;font-size:13px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--gray-700)}.field .hint{font-size:12px;color:var(--text-muted)}.lb-mini-rank{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-weight:800;flex-shrink:0}.lb-mini-rank-gold{background:#fef3c7;color:#92400e}.lb-mini-rank-silver{background:#e5e7eb;color:#374151}.lb-mini-rank-bronze{background:#fee2e2;color:#92400e}.lb-mini-rank-plain{background:var(--gray-100);color:var(--gray-700)}.level-picker{padding:22px;margin-bottom:18px}.level-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.level-card{display:flex;flex-direction:column;gap:4px;padding:14px;border:1.5px solid var(--border);border-radius:12px;background:var(--white);cursor:pointer;text-align:left;font:inherit;transition:border-color var(--transition),background var(--transition),transform .08s ease}.level-card:hover:not(:disabled){border-color:var(--pink-300);background:var(--pink-50)}.level-card:active{transform:scale(.98)}.level-card:disabled{opacity:.6;cursor:progress}.level-switcher{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--border);border-radius:12px;padding:8px 14px;flex-wrap:wrap}.level-switcher-select{font-weight:600;border:0;background:transparent;padding:4px 6px;font-size:14px;color:var(--gray-800)}.difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.difficulty-card{display:flex;flex-direction:column;gap:2px;padding:12px;border:1.5px solid var(--border);border-radius:10px;background:var(--white);cursor:pointer;text-align:left;font:inherit;transition:border-color var(--transition),background var(--transition)}.difficulty-card:hover{border-color:var(--pink-300)}.difficulty-card.selected{border-color:var(--pink-500);background:var(--pink-50);color:var(--pink-700)}.difficulty-card.selected .muted{color:var(--pink-700)}.watch-progress{margin-top:14px;padding:12px 14px;background:var(--bg-soft);border-radius:12px;border:1px solid var(--border)}.watch-progress strong{font-size:14px}.watch-progress strong.watch-ok{color:var(--green-600)}.watch-progress-track{position:relative;height:8px;background:var(--gray-200);border-radius:4px;overflow:visible;margin:8px 0 6px}.watch-progress-fill{height:100%;background:var(--blue-500);border-radius:4px;transition:width .35s ease}.watch-progress-fill.done{background:var(--green-500)}.watch-progress-marker{position:absolute;top:-3px;left:80%;width:2px;height:14px;background:var(--gray-400);border-radius:1px}.lesson-row-progress{height:3px;background:var(--gray-200);border-radius:2px;margin-top:6px;overflow:hidden}.lesson-row-progress-fill{height:100%;background:var(--blue-500);border-radius:2px;transition:width .35s ease}.profile-photo-card{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.profile-photo-wrap{position:relative;width:96px;height:96px;flex:none}.profile-photo-edit{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background:var(--pink-500);border:3px solid var(--white);color:#fff;cursor:pointer;display:inline-grid;place-items:center;box-shadow:0 2px 6px #0f172a26;transition:transform .15s ease,background .15s ease}.profile-photo-edit:hover{transform:scale(1.06);background:var(--pink-600)}.profile-photo-edit:disabled{opacity:.6;cursor:progress}.profile-photo-meta{flex:1;min-width:220px}.profile-photo-meta .hint{display:block;margin-top:8px;font-size:12px;color:var(--text-muted)}@media (max-width: 600px){.profile-photo-card{gap:16px;justify-content:center;text-align:center}.profile-photo-meta{text-align:center}.profile-photo-meta .row{justify-content:center}}.input,.textarea,.select{width:100%;padding:11px 14px;border:1px solid var(--border-strong);background:var(--white);border-radius:var(--radius);color:var(--text);transition:border-color var(--transition),box-shadow var(--transition)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--pink-500);box-shadow:0 0 0 3px var(--pink-100)}.textarea{resize:vertical;min-height:110px}.card{background:linear-gradient(180deg,#fff,#fcfcfd);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:0 1px 2px #0f172a0a,0 6px 18px -12px #0f172a14;transition:box-shadow var(--transition)}.card:hover{box-shadow:0 1px 2px #0f172a0a,0 12px 28px -16px #0f172a1f}.card-pad-lg{padding:32px}.card-flat{box-shadow:var(--shadow-sm);background:var(--bg-card)}.card-flat:hover{box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--gray-100);color:var(--gray-700)}.badge-pink{background:var(--pink-100);color:var(--pink-700)}.badge-green{background:var(--green-100);color:var(--green-700)}.badge-blue{background:var(--blue-100);color:var(--blue-700)}.badge-danger{background:#fee2e2;color:#b91c1c}.row{display:flex;gap:16px;flex-wrap:wrap}.col{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.center{display:flex;align-items:center;gap:8px}.muted{color:var(--text-muted)}.tiny{font-size:12px}.right{text-align:right}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.nav{position:fixed;top:0;left:0;right:0;background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid transparent;z-index:50;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.nav.nav-scrolled{background:#ffffffeb;border-bottom-color:var(--gray-200);box-shadow:0 6px 20px -12px #0f172a26}html[data-theme=dark] .nav{background:#0f1319cc}html[data-theme=dark] .nav.nav-scrolled{background:#0f1319eb;border-bottom-color:#ffffff14}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:18px}.nav-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--text);letter-spacing:-.01em}.nav-brand-mark{width:32px;height:32px;background:var(--pink-500);color:#fff;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:16px;font-family:var(--font-display)}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{padding:8px 12px;border-radius:8px;color:var(--gray-700);font-weight:500;font-size:14px}.nav-links a:hover,.nav-links a.active{background:var(--gray-100);color:var(--text)}@media (max-width: 720px){.nav-links{display:none}.nav-inner{gap:8px;height:64px}}.mobile-topbar img{max-height:36px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-aside{background:var(--pink-500);color:#fff;padding:56px 48px;display:flex;flex-direction:column;justify-content:space-between}.auth-aside h2{color:#fff}.auth-aside .pill{display:inline-block;background:#ffffff2e;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;margin-bottom:18px}.auth-aside ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px}.auth-aside li{display:flex;align-items:center;gap:10px;font-weight:500}.auth-aside .check{width:22px;height:22px;display:grid;place-items:center;background:var(--green-500);border-radius:999px;color:#fff;font-size:12px;font-weight:700}.auth-aside footer{font-size:13px;opacity:.85}.auth-main{display:grid;place-items:center;padding:40px 24px}.auth-card{width:100%;max-width:440px}.auth-tabs{display:flex;gap:4px;background:var(--gray-100);padding:4px;border-radius:12px;margin-bottom:20px}.auth-tabs button{flex:1;background:transparent;border:0;padding:9px 12px;border-radius:9px;color:var(--gray-600);font-weight:600;font-size:13px}.auth-tabs button.active{background:var(--white);color:var(--pink-600);box-shadow:var(--shadow-sm)}.divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px;margin:18px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}@media (max-width: 880px){.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}}.toast-wrap{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:1000}.toast{min-width:240px;background:var(--white);border:1px solid var(--border);border-left:4px solid var(--info-500, var(--blue-500));box-shadow:var(--shadow-lg);padding:12px 14px;border-radius:10px;font-size:14px;color:var(--text)}.toast-success{border-left-color:var(--green-500)}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--blue-500)}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--white);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.mobile-topbar{display:none;position:sticky;top:0;z-index:60;background:linear-gradient(180deg,#fff,#fcfcfd);border-bottom:1px solid var(--border);padding:10px 16px;align-items:center;gap:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-toggle{position:relative;width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#f9fafb);border:1px solid var(--gray-200);border-radius:11px;color:var(--gray-800);cursor:pointer;box-shadow:inset 0 1px #fffc,0 1px 2px #0f172a0a,0 4px 12px -8px #0f172a1f;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),color var(--transition)}.panel-toggle:hover{border-color:var(--pink-300);color:var(--pink-600);transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,0 2px 4px #0f172a0a,0 8px 18px -8px #ec489940}.panel-toggle:active{transform:translateY(0)}.panel-toggle:after{content:"";position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--pink-500);border-radius:50%;box-shadow:0 0 0 2px var(--white);animation:aiPulse 2.4s ease-in-out infinite}@keyframes aiPulse{0%,to{box-shadow:0 0 0 2px var(--white),0 0 #ec48998c}50%{box-shadow:0 0 0 2px var(--white),0 0 0 6px #ec489900}}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);background:var(--white);border-radius:9px;color:var(--gray-700);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.icon-btn:hover{border-color:var(--gray-300);color:var(--gray-900)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:70;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar .brand{padding:6px 8px 22px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar .brand img{max-height:44px}.app-shell{transition:grid-template-columns .2s ease}@media (min-width: 881px){html[data-sidebar=collapsed] .app-shell{grid-template-columns:72px 1fr}.sidebar.collapsed{padding:14px 10px;overflow:visible;position:relative}.sidebar.collapsed .brand{padding:4px 0 18px;justify-content:center}.sidebar.collapsed .brand img{max-height:36px}.sidebar.collapsed nav .group-title{display:none}.sidebar.collapsed nav a{justify-content:center;padding:11px 8px;position:relative}.sidebar.collapsed nav a span:not(.icon):not(.nav-badge){display:none}.sidebar.collapsed nav a .nav-badge{position:absolute;top:4px;right:4px;margin-left:0;font-size:8px;padding:1px 4px}.sidebar.collapsed .footer-card{display:none}.sidebar.collapsed>.between:last-child{flex-direction:column;gap:6px}.sidebar.collapsed>.between:last-child>.center>div{display:none}.sidebar.collapsed>.between:last-child>.center .avatar{margin:0 auto}.sidebar.collapsed>.between:last-child>.center{width:100%;justify-content:center}.sidebar.collapsed nav a[title]:after{content:attr(title);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--gray-900);color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:1000;box-shadow:0 4px 12px #00000026}.sidebar.collapsed nav a[title]:hover:after{opacity:1}}.sidebar-collapse-btn{display:none;width:28px;height:28px;border-radius:7px;background:transparent;border:1px solid var(--border);color:var(--gray-500);cursor:pointer;align-items:center;justify-content:center;transition:color var(--transition),border-color var(--transition),background var(--transition)}.sidebar-collapse-btn:hover{color:var(--pink-600);border-color:var(--pink-300);background:var(--pink-50)}@media (min-width: 881px){.sidebar-collapse-btn{display:inline-flex}}.sidebar.collapsed .sidebar-collapse-btn{position:absolute;top:16px;right:-14px;background:var(--white);z-index:10;box-shadow:0 1px 2px #0f172a0f}.sidebar-close{display:none;width:38px;height:38px;background:var(--white);border:1px solid var(--gray-200);border-radius:10px;color:var(--gray-700);cursor:pointer;align-items:center;justify-content:center;transition:color var(--transition),border-color var(--transition),transform var(--transition)}.sidebar-close:hover{border-color:var(--pink-300);color:var(--pink-600);transform:scale(1.04)}.sidebar-mobile-head{display:none;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 14px;margin-bottom:8px;border-bottom:1px solid var(--border)}.sidebar-mobile-head img{max-height:38px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;color:var(--gray-700);font-weight:500;font-size:14px}.sidebar nav a:hover{background:var(--gray-100);color:var(--text)}.sidebar nav a.active{background:var(--pink-50);color:var(--pink-700)}.sidebar nav .nav-badge{margin-left:auto;background:linear-gradient(135deg,var(--pink-500),var(--pink-600));color:#fff;font-size:9px;font-weight:800;letter-spacing:.04em;padding:2px 6px;border-radius:999px}.sidebar nav .icon{width:18px;height:18px;flex:none}.sidebar nav .group-title{padding:16px 12px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);font-weight:700}.sidebar .footer-card{margin-top:auto;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:12px;padding:14px;font-size:13px}.main{display:flex;flex-direction:column;min-width:0}.main-header{background:var(--white);border-bottom:1px solid var(--border);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.main-header h1{font-size:22px;margin:0}.main-content{padding:28px 32px 56px;flex:1;background:radial-gradient(circle at 0% 0%,rgba(236,72,153,.04),transparent 40%),radial-gradient(circle at 100% 0%,rgba(59,130,246,.04),transparent 40%),var(--bg)}@media (max-width: 880px){.app-shell,html[data-sidebar=collapsed] .app-shell,html[data-sidebar=expanded] .app-shell{grid-template-columns:1fr}.mobile-topbar{display:flex}.sidebar{position:fixed;top:0;left:0;height:100dvh;width:min(86vw,320px);z-index:80;transform:translate(-100%);transition:transform .25s ease;box-shadow:0 18px 40px #0f172a1f;overflow-y:auto}.sidebar.collapsed{padding:18px 14px;overflow-y:auto;position:fixed}.sidebar.collapsed .brand{display:none}.sidebar.collapsed nav .group-title{display:block}.sidebar.collapsed nav a{justify-content:flex-start;padding:10px 12px}.sidebar.collapsed nav a span:not(.icon):not(.nav-badge){display:inline}.sidebar.collapsed nav a .nav-badge{position:static;margin-left:auto;font-size:9px;padding:2px 6px}.sidebar.collapsed .footer-card{display:block}.sidebar.collapsed>.between:last-child{flex-direction:row;gap:0}.sidebar.collapsed>.between:last-child>.center>div{display:block}.sidebar.collapsed>.between:last-child>.center{width:auto;justify-content:flex-start}.sidebar.collapsed nav a[title]:after{display:none}.sidebar-collapse-btn{display:none!important}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{display:block}.main-header{padding:14px 16px}.main-content{padding:14px}.main{min-width:0}.sidebar-mobile-head{display:flex}.sidebar-close{display:inline-flex}.sidebar .brand{display:none}}@media (max-width: 600px){.main-header{padding:12px;gap:8px}.main-header h1{font-size:18px}.main-content{padding:10px 10px 64px}.surface,.card{border-radius:14px}}@media (max-width: 420px){.main-header{padding:10px}.main-content{padding:8px 8px 64px}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.stat{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color var(--transition),box-shadow var(--transition)}.stat:hover{border-color:var(--gray-300);box-shadow:var(--shadow)}.stat .label{color:var(--text-muted);font-size:13px;font-weight:500}.stat .value{font-family:var(--font-display);font-size:28px;font-weight:800;margin-top:6px;color:var(--text)}.stat .delta{font-size:12px;font-weight:500;margin-top:8px;color:var(--text-muted)}.stat-pink{box-shadow:inset 4px 0 0 var(--pink-500)}.stat-green{box-shadow:inset 4px 0 0 var(--green-500)}.stat-blue{box-shadow:inset 4px 0 0 var(--blue-500)}.stat-pink:hover{box-shadow:inset 4px 0 0 var(--pink-500),var(--shadow)}.stat-green:hover{box-shadow:inset 4px 0 0 var(--green-500),var(--shadow)}.stat-blue:hover{box-shadow:inset 4px 0 0 var(--blue-500),var(--shadow)}.kpi{position:relative;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:18px 18px 14px;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);overflow:hidden}.kpi:hover{border-color:var(--gray-300);box-shadow:0 6px 16px #0f172a0f;transform:translateY(-1px)}.kpi-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.kpi-label{font-size:12px;font-weight:600;color:var(--gray-500);letter-spacing:.03em;text-transform:uppercase}.kpi-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex:none}.kpi-icon-pink{background:var(--pink-50);color:var(--pink-600)}.kpi-icon-green{background:var(--green-50);color:var(--green-700)}.kpi-icon-blue{background:var(--blue-50);color:var(--blue-600)}.kpi-icon-amber{background:#fef3c7;color:#b45309}.kpi-icon-gray{background:var(--gray-100);color:var(--gray-700)}.kpi-value{font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--gray-900);line-height:1.05;margin-bottom:8px;min-height:32px}.kpi-foot{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);flex-wrap:wrap}.kpi-delta{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font-weight:700;font-size:11px;letter-spacing:.01em}.kpi-up{background:#dcfce7;color:#15803d}.kpi-down{background:#fee2e2;color:#b91c1c}.kpi-flat{background:var(--gray-100);color:var(--gray-600)}.kpi-sub{color:var(--text-muted);font-weight:500}.kpi-spark{display:block;width:calc(100% + 36px);margin:12px -18px -14px;height:36px;pointer-events:none}.kpi-pink{box-shadow:inset 3px 0 0 0 var(--pink-500)}.kpi-green{box-shadow:inset 3px 0 0 0 var(--green-500)}.kpi-blue{box-shadow:inset 3px 0 0 0 var(--blue-500)}.kpi-amber{box-shadow:inset 3px 0 #f59e0b}.kpi-gray{box-shadow:inset 3px 0 0 0 var(--gray-400)}.kpi-pink:hover{box-shadow:inset 3px 0 0 0 var(--pink-500),0 6px 16px #0f172a0f}.kpi-green:hover{box-shadow:inset 3px 0 0 0 var(--green-500),0 6px 16px #0f172a0f}.kpi-blue:hover{box-shadow:inset 3px 0 0 0 var(--blue-500),0 6px 16px #0f172a0f}.kpi-amber:hover{box-shadow:inset 3px 0 #f59e0b,0 6px 16px #0f172a0f}.kpi-gray:hover{box-shadow:inset 3px 0 0 0 var(--gray-400),0 6px 16px #0f172a0f}.verify-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;margin-bottom:18px;border:1px solid var(--border);background:var(--white);box-shadow:0 1px 2px #0f172a0a}.verify-banner-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none}.verify-banner-meta{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.verify-banner-meta strong{font-size:14.5px}.verify-banner-meta code{font-size:11px;opacity:.6}.verify-pending .verify-banner-icon{background:var(--blue-500);animation:spin 1.4s linear infinite}.verify-pending{border-color:var(--blue-200);background:linear-gradient(180deg,var(--blue-50) 0%,var(--white) 60%)}.verify-success .verify-banner-icon{background:var(--green-500)}.verify-success{border-color:var(--green-200);background:linear-gradient(180deg,var(--green-50) 0%,var(--white) 60%)}.verify-error .verify-banner-icon{background:var(--danger)}.verify-error{border-color:var(--pink-200);background:linear-gradient(180deg,var(--pink-50) 0%,var(--white) 60%)}@keyframes spin{to{transform:rotate(360deg)}}.plan.is-current{border-color:var(--green-300);box-shadow:0 0 0 3px var(--green-100),0 4px 14px #0f172a0a}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.plan{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;display:flex;flex-direction:column}.plan.featured{border-color:var(--pink-500);box-shadow:0 0 0 3px var(--pink-100)}.plan h3{margin-bottom:4px}.plan .price{font-family:var(--font-display);font-size:32px;font-weight:800}.plan .price small{font-size:14px;color:var(--text-muted);font-weight:500}.plan ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}.plan ul li{display:flex;gap:8px;align-items:center;font-size:14px}.plan ul li:before{content:"";width:18px;height:18px;flex:none;background-color:var(--green-100);border-radius:999px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-repeat:no-repeat;background-position:center}.chat-shell{display:grid;grid-template-columns:300px 1fr;height:100vh;background:var(--white);transition:grid-template-columns .25s ease}.chat-shell.pane-collapsed{grid-template-columns:0 1fr}.chat-shell.pane-collapsed .chat-list{visibility:hidden;pointer-events:none}.chat-shell.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--white);height:100vh}.chat-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:49;animation:fadeIn .15s ease}.chat-list-mobile-head{display:none;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.chat-list{border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:visibility .25s}.chat-list-head{padding:14px;border-bottom:1px solid var(--border)}.chat-list-body{flex:1;overflow:auto;padding:8px}.chat-item{padding:10px 12px;border-radius:10px;cursor:pointer;font-size:14px;display:flex;flex-direction:column;gap:2px}.chat-item:hover{background:var(--gray-100)}.chat-item.active{background:var(--pink-50);color:var(--pink-700)}.chat-item .meta{font-size:11px;color:var(--text-muted)}.chat-main{display:flex;flex-direction:column;min-width:0;height:100vh;position:relative}.chat-toolbar{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;justify-content:space-between;background:var(--white);flex:none}.chat-mode{display:inline-flex;background:var(--gray-100);padding:3px;border-radius:9px;gap:2px}.chat-mode button{border:0;background:transparent;padding:6px 12px;border-radius:7px;font-size:13px;font-weight:600;color:var(--gray-600);cursor:pointer}.chat-mode button.active{background:var(--white);color:var(--pink-600);box-shadow:var(--shadow-sm)}.chat-stream{flex:1 1 auto;min-height:0;overflow-y:auto;padding:26px 18px 32px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,var(--gray-50) 0%,#FAFAFB 100%)}.chat-bubble{max-width:760px;padding:16px 20px;border-radius:16px;line-height:1.6;box-shadow:0 1px 2px #0f172a0a}.chat-bubble.user{align-self:flex-end;background:var(--pink-500);color:#fff;border-bottom-right-radius:4px;white-space:pre-wrap}.chat-bubble.assistant{align-self:flex-start;background:var(--white);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-bubble .meta{font-size:11px;opacity:.7;margin-top:6px}.chat-bubble.thinking{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px}.thinking-label{font-size:13px;color:var(--gray-600);font-weight:500}.bubble-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)}.md-output{color:var(--text);font-size:14.5px;line-height:1.65}.md-output>*:first-child{margin-top:0}.md-output>*:last-child{margin-bottom:0}.md-output h1,.md-output h2,.md-output h3,.md-output h4,.md-output h5,.md-output h6{font-family:var(--font-display);letter-spacing:-.012em;color:var(--gray-900);position:relative;scroll-margin-top:80px}.md-output h1{font-size:24px;font-weight:800;margin:26px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.md-output h2{font-size:20px;font-weight:800;margin:22px 0 10px;padding-left:14px;border-left:4px solid var(--pink-500)}.md-output h3{font-size:16.5px;font-weight:700;margin:18px 0 8px;color:var(--blue-700);padding-left:12px;border-left:3px solid var(--blue-300)}.md-output h4{font-size:14.5px;font-weight:700;margin:16px 0 6px;color:var(--gray-800)}.md-output h5,.md-output h6{font-size:13px;font-weight:700;margin:14px 0 6px;color:var(--gray-700);text-transform:uppercase;letter-spacing:.04em}.md-output p{margin:0 0 12px}.md-output strong{color:var(--gray-900);font-weight:700}.md-output em{font-style:italic;color:var(--gray-700)}.md-output a{color:var(--blue-600);text-decoration:underline;text-underline-offset:2px}.md-output a:hover{color:var(--blue-700)}.md-output ul.md-list,.md-output ol.md-list{margin:8px 0 14px;padding-left:0;list-style:none}.md-output ul.md-list>li,.md-output ol.md-list>li{position:relative;padding-left:26px;margin-bottom:6px;line-height:1.6}.md-output ul.md-list>li:before{content:"";position:absolute;left:8px;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--pink-500)}.md-output ol.md-list{counter-reset:md-li}.md-output ol.md-list>li{counter-increment:md-li}.md-output ol.md-list>li:before{content:counter(md-li);position:absolute;left:0;top:.15em;width:20px;height:20px;border-radius:50%;background:var(--blue-100);color:var(--blue-700);font-size:11px;font-weight:700;display:grid;place-items:center}.md-output ul.md-tasks>li:before{display:none}.md-output li.md-task{display:flex;align-items:flex-start;gap:10px;padding-left:0}.md-output li.md-task .md-task-box{flex:none;width:18px;height:18px;border:1.5px solid var(--gray-400);border-radius:5px;margin-top:2px;position:relative}.md-output li.md-task .md-task-box.is-done{background:var(--green-500);border-color:var(--green-500)}.md-output li.md-task .md-task-box.is-done:after{content:"";position:absolute;left:4px;top:0;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.md-output li.md-task.is-done{text-decoration:line-through;color:var(--text-muted)}.md-output code.md-inline{background:var(--pink-50);padding:2px 7px;border-radius:5px;font-family:SF Mono,JetBrains Mono,Consolas,monospace;font-size:12.5px;color:var(--pink-700);font-weight:600;border:1px solid var(--pink-100)}.md-output pre.md-code{background:#0f172a;color:#f3f4f6;border-radius:12px;padding:14px 16px;overflow-x:auto;font-family:SF Mono,JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.55;margin:12px 0;position:relative;border:1px solid #1E293B}.md-output pre.md-code:before{content:attr(data-lang);position:absolute;top:8px;right:12px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-family:var(--font-sans)}.md-output hr.md-hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--border) 20%,var(--border) 80%,transparent);margin:22px 0}.md-output blockquote.md-quote{margin:14px 0;padding:12px 16px 12px 18px;border-left:4px solid var(--pink-500);background:var(--pink-50);border-radius:0 10px 10px 0;color:var(--gray-800);font-style:italic;position:relative}.md-output blockquote.md-quote>p:last-child{margin-bottom:0}.md-output blockquote.md-quote>p:first-child{margin-top:0}.md-output .md-table-wrap{margin:14px 0;overflow-x:auto;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #0f172a08}.md-output table.md-table{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--white)}.md-output .md-table th{background:linear-gradient(180deg,var(--gray-50) 0%,#F1F5F9 100%);padding:11px 14px;border-bottom:1px solid var(--border);font-weight:700;color:var(--gray-700);text-transform:uppercase;font-size:11px;letter-spacing:.06em;white-space:nowrap}.md-output .md-table td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:top}.md-output .md-table tr:last-child td{border-bottom:0}.md-output .md-table tbody tr:nth-child(2n) td{background:#0f172a04}.md-output .md-table tbody tr:hover td{background:var(--pink-50)}html[data-theme=dark] .md-output strong{color:#f1f5f9}html[data-theme=dark] .md-output h1{border-bottom-color:#ffffff14}html[data-theme=dark] .md-output blockquote.md-quote{background:#ec489914;color:#e2e8f0}html[data-theme=dark] .md-output code.md-inline{background:#ec48991f;color:#fbcfe8;border-color:#ec489933}html[data-theme=dark] .md-output table.md-table{background:#ffffff05}html[data-theme=dark] .md-output .md-table th{background:#ffffff0a;color:#cbd5e1}html[data-theme=dark] .md-output .md-table tbody tr:hover td{background:#ec489914}.chat-empty{margin:auto;text-align:center;max-width:460px;color:var(--text-muted)}.chat-empty .logo{width:64px;height:64px;background:var(--pink-500);color:#fff;border-radius:18px;display:grid;place-items:center;margin:0 auto 16px;font-family:var(--font-display);font-size:28px;font-weight:800}.chat-empty h2{margin-bottom:8px;color:var(--text)}.chat-empty-brand{position:relative;width:84px;height:84px;margin:0 auto 18px;display:inline-block}.chat-empty-agent-chip{position:absolute;bottom:-4px;right:-4px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--blue-500);border:3px solid var(--white);box-shadow:0 2px 6px #0f172a26}.chat-empty-agent-chip.bell-pink{background:var(--pink-500)}.chat-empty-agent-chip.bell-green{background:var(--green-500)}.chat-empty-agent-chip.bell-blue{background:var(--blue-500)}.chat-empty-agent-chip.bell-amber{background:#f59e0b}.chat-empty-agent-chip.bell-gray{background:var(--gray-500)}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.suggestion{text-align:left;background:var(--white);border:1px solid var(--border);border-radius:12px;padding:12px 14px;cursor:pointer;font-size:13px;color:var(--text);transition:border-color var(--transition)}.suggestion:hover{border-color:var(--pink-500)}.chat-composer{padding:14px 18px 16px;border-top:1px solid var(--border);background:var(--white);flex:none;position:sticky;bottom:0}.composer-row{display:flex;gap:8px;align-items:flex-end;border:1px solid var(--border-strong);border-radius:14px;padding:6px;transition:border-color var(--transition),box-shadow var(--transition)}.composer-row:focus-within{border-color:var(--pink-500);box-shadow:0 0 0 3px var(--pink-100)}.composer-row textarea{flex:1;resize:none;border:0;outline:none;padding:10px;font-family:inherit;font-size:15px;background:transparent;min-height:44px;max-height:180px}.composer-row .send-btn{width:40px;height:40px;border:0;background:var(--pink-500);color:#fff;border-radius:10px;display:grid;place-items:center;cursor:pointer;flex:none;transition:background var(--transition)}.composer-row .send-btn:hover{background:var(--pink-600)}.composer-row .send-btn:disabled{background:var(--gray-300);cursor:not-allowed}@media (max-width: 880px){.chat-shell{grid-template-columns:1fr;height:calc(100vh - 60px)}.chat-shell.pane-collapsed{grid-template-columns:1fr}.chat-list{position:fixed;top:60px;left:0;bottom:0;width:290px;z-index:50;background:var(--white);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .25s ease;box-shadow:0 18px 40px #0f172a1f;padding:14px}.chat-shell:not(.pane-collapsed) .chat-list{transform:translate(0);visibility:visible;pointer-events:auto}.chat-shell:not(.pane-collapsed) .chat-backdrop{display:block;top:60px}.chat-main{height:calc(100vh - 60px)}.chat-list-mobile-head{display:flex}.chat-shell.fullscreen{height:100vh}.chat-shell.fullscreen .chat-list{top:0}.chat-shell.fullscreen:not(.pane-collapsed) .chat-backdrop{top:0}.chat-shell.fullscreen .chat-main{height:100vh}}.hero{padding:64px 0 48px;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}.hero-eyebrow{display:inline-flex;gap:8px;align-items:center;background:var(--pink-50);color:var(--pink-700);padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;margin-bottom:18px}.hero h1{margin-bottom:18px}.hero h1 .tag-pink{color:var(--pink-500)}.hero h1 .tag-green{color:var(--green-500)}.hero h1 .tag-blue{color:var(--blue-500)}.hero p.lead{font-size:17px;color:var(--text-subtle);max-width:560px}.hero .cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.hero-visual{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-lg);position:relative}.hero-visual .blob-pink,.hero-visual .blob-green,.hero-visual .blob-blue{position:absolute;width:80px;height:80px;border-radius:50%;z-index:-1}.hero-visual .blob-pink{background:var(--pink-200);top:-28px;left:-28px}.hero-visual .blob-green{background:var(--green-200);bottom:-22px;right:-10px}.hero-visual .blob-blue{background:var(--blue-200);top:40%;right:-36px}.hero-visual .preview-msg{background:var(--gray-50);border-radius:12px;padding:12px 14px;margin-bottom:10px;font-size:14px}.hero-visual .preview-msg.user{background:var(--pink-500);color:#fff}.hero-visual .preview-msg.bot{background:var(--white);border:1px solid var(--border)}.hero-visual .typing{display:flex;gap:4px;align-items:center}.hero-visual .typing span{width:6px;height:6px;background:var(--gray-400);border-radius:50%;animation:blink 1s infinite}.hero-visual .typing span:nth-child(2){animation-delay:.15s}.hero-visual .typing span:nth-child(3){animation-delay:.3s}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:40px 0}.feature{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;transition:transform var(--transition),border-color var(--transition)}.feature:hover{transform:translateY(-2px);border-color:var(--pink-300)}.feature .icon-tile{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px;color:#fff;font-weight:700}.icon-pink{background:var(--pink-500)}.icon-green{background:var(--green-500)}.icon-blue{background:var(--blue-500)}.section{padding:56px 0}.section-head{text-align:center;margin-bottom:34px}.section-head h2{margin-bottom:8px}.section-head p{color:var(--text-subtle);max-width:560px;margin:0 auto}.footer{background:var(--white);border-top:1px solid var(--border);padding:32px 0;color:var(--text-muted);font-size:13px}.footer .row{justify-content:space-between}@media (max-width: 880px){.hero{grid-template-columns:1fr;padding-top:32px}}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode-card{background:var(--white);border:2px solid var(--border);border-radius:var(--radius-xl);padding:32px;cursor:pointer;transition:border-color var(--transition),transform var(--transition)}.mode-card:hover{transform:translateY(-3px);border-color:var(--pink-500)}.mode-card .emoji{font-size:36px;margin-bottom:10px}@media (max-width: 720px){.mode-grid{grid-template-columns:1fr}}.table{width:100%;border-collapse:collapse;background:var(--white)}.table th,.table td{padding:12px 16px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}.table th{background:var(--gray-50);color:var(--gray-700);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.table tr:hover td{background:var(--gray-50)}.avatar{width:36px;height:36px;background:var(--pink-100);color:var(--pink-700);border-radius:999px;display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}.empty{text-align:center;padding:48px 24px;color:var(--text-muted)}.dot-loader{display:inline-flex;gap:4px;align-items:center}.dot-loader span{width:6px;height:6px;background:currentColor;border-radius:50%;animation:blink 1s infinite}.dot-loader span:nth-child(2){animation-delay:.15s}.dot-loader span:nth-child(3){animation-delay:.3s}.kebab-pop{position:fixed;background:var(--white);border:1px solid var(--border);border-radius:10px;box-shadow:0 18px 40px -10px #0f172a40,0 6px 14px -8px #0f172a26;min-width:180px;z-index:1000;padding:4px;display:flex;flex-direction:column;animation:kebabIn .12s cubic-bezier(.2,.8,.2,1)}.kebab-pop.kebab-up{transform-origin:bottom right}@keyframes kebabIn{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}html[data-theme=dark] .kebab-pop{background:#1a1f2c;border-color:#ffffff14}.kebab-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;background:transparent;text-align:left;border-radius:6px;font-size:13px;color:var(--gray-800);cursor:pointer;transition:background var(--transition)}.kebab-item:hover:not(:disabled){background:var(--gray-100)}.kebab-item:disabled{opacity:.4;cursor:not-allowed}.kebab-danger{color:var(--danger)}.kebab-danger:hover{background:#fee2e2}.kebab-divider{height:1px;background:var(--border);margin:4px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:grid;place-items:center;z-index:200;padding:16px;animation:fadeIn .15s ease}.modal{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.modal-head{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0}.modal-body{padding:22px;overflow-y:auto;flex:1}.modal-foot{padding:14px 22px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;background:var(--gray-50)}.segmented{display:inline-flex;gap:2px;background:var(--gray-100);padding:4px;border-radius:10px}.segmented button{border:0;background:transparent;padding:8px 14px;border-radius:7px;font-size:13px;font-weight:600;color:var(--gray-600);cursor:pointer}.segmented button.active{background:var(--white);color:var(--pink-600);box-shadow:var(--shadow-sm)}@media (max-width: 720px){.table-mobile{display:block}.table-mobile thead{display:none}.table-mobile tbody,.table-mobile tr,.table-mobile td{display:block}.table-mobile tr{border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:12px;background:var(--white)}.table-mobile td{padding:6px 0;border-bottom:0;display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:14px}.table-mobile td:before{content:attr(data-label);color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;align-self:center}.table-mobile tr:hover td{background:transparent}}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.tabs{display:flex;gap:4px;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:6px;box-shadow:0 1px 2px #0f172a08;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:9px 16px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--gray-600);cursor:pointer;white-space:nowrap;transition:background var(--transition),color var(--transition)}.tab:hover{color:var(--gray-900);background:var(--gray-50)}.tab-active{background:var(--white);color:var(--pink-700);box-shadow:0 1px 2px #0f172a0f,inset 0 0 0 1px var(--pink-100)}.tab-badge{background:var(--gray-100);color:var(--gray-700);font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px}.tab-active .tab-badge{background:var(--pink-100);color:var(--pink-700)}.surface{background:linear-gradient(180deg,#fff,#fcfcfd);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px -16px #0f172a14;transition:box-shadow var(--transition)}.surface:hover{box-shadow:0 1px 2px #0f172a0a,0 12px 32px -16px #0f172a1f}.surface-pad-tight{padding:18px}.surface-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.surface-head .icon-tile{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;margin-bottom:0}.icon-tile{display:inline-grid;place-items:center;border-radius:14px;flex:none}.icon-soft-pink{background:var(--pink-50);color:var(--pink-600)}.icon-soft-green{background:var(--green-50);color:var(--green-700)}.icon-soft-blue{background:var(--blue-50);color:var(--blue-600)}.icon-soft-amber{background:#fef3c7;color:#b45309}.icon-soft-gray{background:var(--gray-100);color:var(--gray-700)}.icon-soft-danger{background:#fee2e2;color:#b91c1c}.surface-head .meta{flex:1;min-width:0}.surface-head h3{margin:0 0 2px;font-size:16px}.surface-head p{margin:0;color:var(--text-muted);font-size:13px}.field-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.field-row:last-child{border-bottom:0;padding-bottom:0}.field-row .info{flex:1;min-width:200px}.field-row .info strong{color:var(--gray-900);display:block;font-size:14px}.field-row .info .hint{color:var(--text-muted);font-size:12.5px;margin-top:2px}.field-row .info code{font-family:SF Mono,monospace;background:var(--gray-100);padding:1px 6px;border-radius:4px;font-size:11px;color:var(--gray-700)}.field-row .control{flex:none}.secret-input{position:relative;width:100%;max-width:420px}.secret-input .input{padding-right:80px;font-family:SF Mono,monospace;font-size:13px}.secret-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);background:var(--white);border-radius:8px;color:var(--gray-600);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.secret-toggle:hover:not(:disabled){border-color:var(--pink-300);color:var(--pink-600)}.secret-toggle:disabled{opacity:.35;cursor:not-allowed}.secret-status{position:absolute;top:50%;right:48px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--green-700);font-weight:600;pointer-events:none}.secret-dot{width:7px;height:7px;border-radius:50%;background:var(--green-500);box-shadow:0 0 0 3px #10b98126}.toggle{position:relative;width:44px;height:24px;background:var(--gray-300);border-radius:999px;cursor:pointer;transition:background var(--transition);border:0;flex:none;padding:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--white);border-radius:50%;transition:transform var(--transition);box-shadow:0 1px 3px #0f172a33}.toggle.on{background:var(--green-500)}.toggle.on:after{transform:translate(20px)}.toggle.danger.on{background:var(--danger)}.toggle:disabled{opacity:.5;cursor:not-allowed}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600}.status-pill .dot{width:6px;height:6px;border-radius:50%}.status-ok{background:var(--green-50);color:var(--green-700)}.status-ok .dot{background:var(--green-500);box-shadow:0 0 0 3px #10b98126}.status-pending{background:var(--gray-100);color:var(--gray-600)}.status-pending .dot{background:var(--gray-400)}.status-warn{background:#fef3c7;color:#b45309}.status-warn .dot{background:#f59e0b}.status-error{background:#fee2e2;color:#b91c1c}.status-error .dot{background:var(--danger)}.video-frame{position:relative;width:100%;padding-bottom:56.25%;background:var(--gray-900);border-radius:12px;overflow:hidden}.video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.lesson-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--white);cursor:pointer;transition:border-color var(--transition),background var(--transition);width:100%;min-width:0}.lesson-row:hover{border-color:var(--pink-300)}.lesson-row.active{border-color:var(--pink-500);background:var(--pink-50)}.lesson-list-scroll{max-height:60vh;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:8px}.header-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge-art{position:relative;display:inline-block;filter:drop-shadow(0 4px 8px rgba(15,23,42,.12))}.badge-art.locked{opacity:.35;filter:grayscale(.6)}.badge-art-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.badge-art-lock{position:absolute;bottom:-4px;right:-4px;background:var(--gray-900);color:#fff;border-radius:50%;padding:4px;display:grid;place-items:center;border:2px solid var(--white)}.badge-strip{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;justify-content:flex-start}.option-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:10px;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.option-row:hover{border-color:var(--pink-400)}.option-row.selected{border-color:var(--pink-500);background:var(--pink-50)}.option-row input{display:none}.option-letter{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--gray-100);font-weight:700;font-size:13px;color:var(--gray-700);flex:none}.option-row.selected .option-letter{background:var(--pink-500);color:#fff}.review-row{display:flex;gap:10px;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--white)}.review-row.correct{border-left:3px solid var(--green-500)}.review-row.wrong{border-left:3px solid var(--danger)}.challenge-card{display:block;width:100%;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:14px;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition);text-align:left}.challenge-card:hover{border-color:var(--pink-300)}.challenge-card.active{border-color:var(--pink-500);box-shadow:0 0 0 3px var(--pink-100)}.ch-tabs{margin-bottom:14px}.ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.ch-card{display:flex;flex-direction:column;gap:10px;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:16px;text-align:left;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.ch-card-clickable{cursor:pointer}.ch-card-clickable:hover{border-color:var(--pink-300);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ch-card-vs{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 0 4px}.ch-vs-mini{font-weight:800;font-size:12px;color:var(--pink-500);letter-spacing:1px;background:var(--pink-50);padding:4px 8px;border-radius:999px}.ch-card-meta{display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center}.ch-card-title{font-size:15px}.ch-card-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.ch-card-actions{display:flex;gap:8px;justify-content:center;margin-top:6px}.ch-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.3px;text-transform:uppercase}.ch-pill-ghost{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.ch-pill-green{background:#10b9811f;color:var(--green-600)}.ch-pill-pink{background:#ec48991f;color:var(--pink-600)}.ch-pill-blue{background:#3b82f61f;color:var(--blue-600)}.ch-pill-warn{background:#f59e0b26;color:#b45309}.ch-avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:800;object-fit:cover;flex-shrink:0}.ch-avatar-pink{background:var(--pink-500)}.ch-avatar-blue{background:var(--blue-500)}.ch-avatar-ghost{background:var(--bg);color:var(--text-muted);border:1.5px dashed var(--border)}.ch-avatar-empty{display:inline-grid;place-items:center;border-radius:50%;background:var(--bg);color:var(--text-muted);border:1.5px dashed var(--border);flex-shrink:0}.ch-empty{grid-column:1 / -1;text-align:center;padding:36px 24px}.ch-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:16px}.ch-vs-mid{display:flex;flex-direction:column;align-items:center;gap:8px}.ch-vs-label{font-weight:900;letter-spacing:2px;font-size:14px;color:var(--pink-500);background:var(--pink-50);padding:6px 12px;border-radius:999px}.ch-timer{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;font-weight:800;background:var(--bg);color:var(--text);padding:6px 12px;border-radius:999px;border:1px solid var(--border)}.ch-timer.urgent{background:#ef44441a;color:var(--danger);border-color:#ef44444d;animation:chPulse 1s ease-in-out infinite}@keyframes chPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.ch-status-pill{font-weight:800;font-size:11px;letter-spacing:1px;padding:4px 10px;background:var(--bg);color:var(--text-muted);border-radius:999px;border:1px solid var(--border)}.ch-player{display:flex;align-items:center;gap:12px;min-width:0}.ch-player.right{justify-content:flex-end;flex-direction:row-reverse;text-align:right}.ch-player-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.ch-player-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-dot-done{display:inline-flex;align-items:center;gap:4px;color:var(--green-600);font-weight:700}.ch-arena{display:flex;flex-direction:column;gap:14px}.ch-progress{padding:0 4px}.ch-progress-track{height:8px;background:var(--bg);border-radius:999px;overflow:hidden}.ch-progress-fill{height:100%;background:var(--pink-500);border-radius:999px;transition:width var(--transition)}.ch-question{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:22px}.ch-question-text{font-size:18px;margin:8px 0 0;line-height:1.45}.ch-stepnav{display:flex;align-items:center;justify-content:space-between;gap:12px}.ch-step-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.ch-step-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--border);background:var(--white);cursor:pointer;padding:0}.ch-step-dot.filled{background:var(--blue-400);border-color:var(--blue-500)}.ch-step-dot.active{background:var(--pink-500);border-color:var(--pink-500);box-shadow:0 0 0 3px var(--pink-100)}.ch-result{text-align:center;padding:36px 24px;position:relative;overflow:hidden}.ch-result:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--pink-50) 0%,transparent 70%);opacity:.6;pointer-events:none;z-index:0}.ch-result.won:before{background:radial-gradient(circle,var(--green-50) 0%,transparent 70%)}.ch-result.tied:before{background:radial-gradient(circle,var(--blue-50) 0%,transparent 70%)}.ch-result>*{position:relative;z-index:1}.ch-result-icon{width:84px;height:84px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 24px #0f172a14;background:var(--white);border:2px solid currentColor}.ch-result-icon.won{color:var(--green-500)}.ch-result-icon.lost{color:var(--pink-500)}.ch-result-icon.tied{color:var(--blue-500)}.ch-result h2{font-size:28px;font-weight:800;margin:0 0 6px;letter-spacing:-.01em}.ch-result-sub{color:var(--muted);font-size:14px;margin:0 0 24px;display:flex;align-items:center;justify-content:center;gap:6px}.ch-scoreboard{display:flex;flex-direction:column;gap:14px;margin:0 auto;max-width:480px;text-align:left;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 1px 2px #0f172a08}.ch-score-row{display:flex;flex-direction:column;gap:6px}.ch-score-row.winner .ch-progress-fill{background:var(--green-500)}.ch-winner-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--green-50);color:var(--green-700);border:1px solid var(--green-100);margin-left:8px;vertical-align:middle}.ch-review{margin-top:20px;text-align:left}.ch-review summary{cursor:pointer;font-weight:700;padding:8px 0;color:var(--pink-600)}.ch-review-item{padding:14px}.ch-review-item.right{border-left:3px solid var(--green-500)}.ch-review-item.wrong{border-left:3px solid var(--danger)}@media (max-width: 600px){.ch-vs{grid-template-columns:1fr;row-gap:14px;padding:14px}.ch-player.right{flex-direction:row;justify-content:flex-start;text-align:left}.ch-stepnav{flex-wrap:wrap}.ch-step-dots{order:3;flex-basis:100%;justify-content:center}.ch-question{padding:16px}.ch-question-text{font-size:16px}}.lb-podium-shell{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:18px;padding:30px 24px 0;background:radial-gradient(circle at 50% 0%,rgba(236,72,153,.06),transparent 60%),linear-gradient(180deg,var(--white) 0%,var(--bg-soft) 100%);border:1px solid var(--border);border-radius:20px;position:relative;overflow:hidden}.lb-podium-step{display:flex;flex-direction:column;align-items:center;position:relative}.lb-podium-step.lb-empty{visibility:hidden}.lb-podium-step .lb-crown{position:absolute;top:-34px;filter:drop-shadow(0 4px 8px rgba(245,158,11,.35));animation:crownBob 2.5s ease-in-out infinite}@keyframes crownBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}.lb-podium-avatar{display:inline-flex;border-radius:50%;margin-bottom:10px;padding:4px;background:var(--white);box-shadow:0 6px 16px #0f172a26}.lb-podium-avatar-gold{background:linear-gradient(180deg,#fde68a,#f59e0b)}.lb-podium-avatar-silver{background:linear-gradient(180deg,#e5e7eb,#9ca3af)}.lb-podium-avatar-bronze{background:linear-gradient(180deg,#fca5a5,#c2410c)}.lb-podium-avatar>*{display:inline-block}.lb-podium-name{font-weight:700;font-size:14px;text-align:center;margin-bottom:4px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-podium-pts{display:flex;align-items:baseline;gap:4px;margin-bottom:12px;font-family:var(--font-display)}.lb-podium-pts strong{font-size:18px}.lb-podium-block{width:100%;border-radius:12px 12px 0 0;display:grid;place-items:center;position:relative;border-top:3px solid;border-left:1px solid var(--border);border-right:1px solid var(--border)}.lb-podium-gold{background:linear-gradient(180deg,#fef3c7,#fbbf24);border-top-color:#d97706}.lb-podium-silver{background:linear-gradient(180deg,#f3f4f6,#9ca3af);border-top-color:#4b5563}.lb-podium-bronze{background:linear-gradient(180deg,#fed7aa,#c2410c);border-top-color:#7c2d12}.lb-podium-place{font-family:var(--font-display);font-size:48px;font-weight:800;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.15)}.lb-highlight{animation:highlightPulse 2s ease-in-out infinite}@keyframes highlightPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.lb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.lb-stat{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.lb-stat strong{font-family:var(--font-display);font-size:22px;font-weight:800}.lb-stat-me{background:linear-gradient(180deg,var(--pink-50) 0%,var(--white) 100%);border-color:var(--pink-200)}.lb-list{display:flex;flex-direction:column}.lb-row{display:grid;grid-template-columns:50px 1fr 1.5fr 100px;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border);transition:background var(--transition)}.lb-row:last-child{border-bottom:0}.lb-row:hover{background:var(--gray-50)}.lb-row.is-me{background:linear-gradient(90deg,var(--pink-50) 0%,var(--white) 100%);border-left:3px solid var(--pink-500)}.lb-row.is-me:hover{background:linear-gradient(90deg,var(--pink-100) 0%,var(--gray-50) 100%)}.lb-rank{display:flex;justify-content:center}.lb-rank-num{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--gray-400)}.lb-medal{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff}.lb-medal-gold{background:linear-gradient(180deg,#fbbf24,#d97706);box-shadow:0 2px 8px #d9770659}.lb-medal-silver{background:linear-gradient(180deg,#d1d5db,#6b7280);box-shadow:0 2px 8px #6b728059}.lb-medal-bronze{background:linear-gradient(180deg,#fca5a5,#c2410c);box-shadow:0 2px 8px #c2410c59}.lb-user{display:flex;align-items:center;gap:12px;min-width:0}.lb-user .avatar{flex:none}.lb-name{font-weight:600;font-size:14.5px;color:var(--gray-900);display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-meta{display:flex;align-items:center;gap:12px;margin-top:2px;font-size:12px;color:var(--text-muted)}.lb-meta span{display:inline-flex;align-items:center;gap:4px}.lb-bar{display:flex;align-items:center;min-width:0}.lb-bar-track{width:100%;height:8px;background:var(--gray-100);border-radius:4px;overflow:hidden}.lb-bar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.16,1,.3,1)}.lb-fill-gold{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.lb-fill-silver{background:linear-gradient(90deg,#d1d5db,#9ca3af)}.lb-fill-bronze{background:linear-gradient(90deg,#fca5a5,#c2410c)}.lb-fill-plain{background:linear-gradient(90deg,var(--blue-400) 0%,var(--blue-600) 100%)}.lb-points{text-align:right;display:flex;flex-direction:column;gap:2px}.lb-points strong{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--gray-900)}@media (max-width: 720px){.lb-podium-shell{padding:24px 12px 0;gap:8px}.lb-podium-avatar{padding:3px}.lb-podium-avatar>.avatar-img,.lb-podium-avatar>.avatar-logo,.lb-podium-avatar>.avatar-initial{width:52px!important;height:52px!important;font-size:20px!important}.lb-podium-1 .lb-podium-avatar>.avatar-img,.lb-podium-1 .lb-podium-avatar>.avatar-logo,.lb-podium-1 .lb-podium-avatar>.avatar-initial{width:64px!important;height:64px!important;font-size:24px!important}.lb-podium-name{font-size:12px;max-width:100px}.lb-podium-pts strong{font-size:14px}.lb-podium-place{font-size:32px}.lb-podium-1 .lb-podium-block{height:130px!important}.lb-podium-step:not(.lb-podium-1) .lb-podium-block{height:90px!important}.lb-row{grid-template-columns:40px 1fr auto;grid-template-areas:"rank user points" "rank bar  bar";gap:8px 12px;padding:12px 14px}.lb-rank{grid-area:rank}.lb-user{grid-area:user}.lb-points{grid-area:points}.lb-bar{grid-area:bar}}.podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:end;padding:30px 20px;background:linear-gradient(180deg,var(--white) 0%,var(--gray-50) 100%);border:1px solid var(--border);border-radius:16px}.podium-step{display:flex;flex-direction:column;align-items:center;background:var(--white);border:1px solid var(--border);border-radius:12px;padding:20px 14px;text-align:center;position:relative;min-height:180px;justify-content:flex-end}.podium-name{font-weight:700;font-size:14px;margin-top:12px}.podium-pts{color:var(--text-muted);font-size:12px;margin-top:4px}.podium-place{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:32px;height:32px;display:grid;place-items:center;color:#fff;border-radius:50%;font-weight:800;font-size:14px;box-shadow:0 2px 8px #0f172a26;border:3px solid var(--white)}.rank-pill{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;font-weight:800;font-size:13px}.me-row td{background:var(--pink-50)!important}.voice-hero{background:radial-gradient(circle at 50% 0%,rgba(236,72,153,.06),transparent 60%),var(--white);border:1px solid var(--border);border-radius:20px;padding:40px 24px 36px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 1px 2px #0f172a0a,0 12px 32px -16px #0f172a14}.voice-stage{text-align:center;padding:28px 22px;display:flex;flex-direction:column;align-items:center}.voice-status{display:inline-flex;align-items:center;gap:8px;background:var(--gray-50);border:1px solid var(--border);padding:6px 14px;border-radius:999px;margin-bottom:24px;font-size:13px;color:var(--gray-700)}.voice-pulse{width:8px;height:8px;border-radius:50%;background:var(--gray-400)}.voice-pulse.on{background:var(--green-500);box-shadow:0 0 #10b98199;animation:aiPulse 1.6s ease-out infinite}.voice-mic-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin:8px 0 24px;padding:30px}.mic-button{position:relative;width:132px;height:132px;border:0;border-radius:50%;background:var(--pink-500);color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 24px #ec489959,inset 0 -4px 12px #0000001f;transition:transform .18s ease,background .2s ease,box-shadow .2s ease;z-index:2}.mic-button:hover:not(:disabled){background:var(--pink-600);transform:scale(1.05)}.mic-button:active:not(:disabled){transform:scale(.97)}.mic-button:disabled{background:var(--gray-300);box-shadow:none;cursor:not-allowed}.mic-button.listening{background:var(--green-500);animation:micPulse 1.5s ease-out infinite;box-shadow:0 8px 24px #10b98159}@keyframes micPulse{0%{box-shadow:0 8px 24px #10b98159,0 0 #10b9818c}to{box-shadow:0 8px 24px #10b98159,0 0 0 32px #10b98100}}.waveform{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:6px;pointer-events:none}.waveform span{width:5px;height:20px;background:var(--green-500);border-radius:4px;opacity:.6;animation:wave 1s ease-in-out infinite;transform-origin:center}.waveform span:nth-child(1){transform:translate(-110px)}.waveform span:nth-child(2){transform:translate(-90px)}.waveform span:nth-child(3){transform:translate(-72px)}.waveform span:nth-child(4){transform:translate(-56px)}.waveform span:nth-child(5){transform:translate(80px)}.waveform span:nth-child(6){transform:translate(96px)}.waveform span:nth-child(7){transform:translate(110px)}.waveform span:nth-child(8){transform:translate(126px)}.waveform span:nth-child(9){transform:translate(140px)}@keyframes wave{0%,to{transform:translate(var(--tx, 0)) scaleY(1);opacity:.5}50%{transform:translate(var(--tx, 0)) scaleY(2.4);opacity:1}}.waveform span:nth-child(1){animation-name:w1}.waveform span:nth-child(2){animation-name:w2}.waveform span:nth-child(3){animation-name:w3}.waveform span:nth-child(4){animation-name:w4}.waveform span:nth-child(5){animation-name:w5}.waveform span:nth-child(6){animation-name:w6}.waveform span:nth-child(7){animation-name:w7}.waveform span:nth-child(8){animation-name:w8}.waveform span:nth-child(9){animation-name:w9}@keyframes w1{0%,to{transform:translate(-110px) scaleY(1)}50%{transform:translate(-110px) scaleY(2)}}@keyframes w2{0%,to{transform:translate(-90px) scaleY(1)}50%{transform:translate(-90px) scaleY(2.6)}}@keyframes w3{0%,to{transform:translate(-72px) scaleY(1)}50%{transform:translate(-72px) scaleY(1.8)}}@keyframes w4{0%,to{transform:translate(-56px) scaleY(1)}50%{transform:translate(-56px) scaleY(3)}}@keyframes w5{0%,to{transform:translate(80px) scaleY(1)}50%{transform:translate(80px) scaleY(2.4)}}@keyframes w6{0%,to{transform:translate(96px) scaleY(1)}50%{transform:translate(96px) scaleY(1.6)}}@keyframes w7{0%,to{transform:translate(110px) scaleY(1)}50%{transform:translate(110px) scaleY(2.8)}}@keyframes w8{0%,to{transform:translate(126px) scaleY(1)}50%{transform:translate(126px) scaleY(2)}}@keyframes w9{0%,to{transform:translate(140px) scaleY(1)}50%{transform:translate(140px) scaleY(1.5)}}.voice-transcript{min-height:48px;margin-bottom:22px;padding:12px 18px;background:var(--gray-50);border:1px dashed var(--border);border-radius:12px;font-size:16px;line-height:1.45;color:var(--gray-800);max-width:460px;width:100%}.voice-suggestions{width:100%;max-width:540px;margin-top:4px}.suggestion-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{background:var(--white);border:1px solid var(--border-strong);padding:7px 13px;border-radius:999px;font-size:13px;color:var(--gray-700);transition:border-color var(--transition),color var(--transition)}.chip:hover{border-color:var(--pink-400);color:var(--pink-700)}.recent-commands{max-height:460px;overflow-y:auto;padding:6px 18px 18px}.cmd-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.cmd-row:last-child{border-bottom:0}.cmd-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none;margin-top:2px}.cmd-icon.ok{background:var(--green-100);color:var(--green-700)}.cmd-icon.err{background:#fee2e2;color:#b91c1c}.cmd-icon.neu{background:var(--gray-100);color:var(--gray-600)}.cmd-body{flex:1;min-width:0}.cmd-text{font-size:14px;font-weight:500;color:var(--gray-900);word-break:break-word}.cmd-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.bg-mode-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--gray-50);border:1px solid var(--border);border-radius:12px;padding:14px 18px;max-width:460px;width:100%;margin:0 auto;text-align:left}.onboarding-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(236,72,153,.08),transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.06),transparent 50%),var(--bg)}.onboarding-card{width:100%;max-width:720px}.onboarding-steps{display:flex;gap:6px;align-items:center}.step-dot{width:24px;height:4px;border-radius:2px;background:var(--gray-200);transition:background var(--transition)}.step-dot.on{background:var(--pink-500)}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:20px}.role-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--white);border:1.5px solid var(--border);border-radius:12px;cursor:pointer;text-align:left;transition:border-color var(--transition),background var(--transition)}.role-card:hover{border-color:var(--pink-300)}.role-card.selected{border-color:var(--pink-500);background:var(--pink-50)}.interest-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chip-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--border-strong);background:var(--white);color:var(--gray-700);cursor:pointer;font-size:13.5px;font-weight:500;transition:all var(--transition)}.chip-toggle:hover{border-color:var(--pink-400)}.chip-toggle.on{background:var(--pink-500);color:#fff;border-color:var(--pink-500)}.codeblock{background:#0f172a;border:1px solid #1E293B;border-radius:12px;margin:12px 0;overflow:hidden;font-family:SF Mono,JetBrains Mono,Consolas,Menlo,monospace;box-shadow:0 8px 24px -12px #00000059}.codeblock-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(180deg,#1e293b,#172033);border-bottom:1px solid #2D3548}.codeblock-title{display:flex;align-items:center;gap:8px;min-width:0}.codeblock-dot{width:11px;height:11px;border-radius:50%;flex:none}.codeblock-red{background:#ef4444}.codeblock-yellow{background:#f59e0b}.codeblock-green{background:#10b981}.codeblock-lang{margin-left:6px;font-size:11px;font-weight:700;color:#93c5fd;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;background:#3b82f626;border-radius:4px}.codeblock-filename{margin-left:6px;font-size:12px;color:#94a3b8;font-family:var(--font-sans)}.codeblock-actions{display:flex;gap:4px;flex-wrap:wrap}.cb-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#cbd5e1;cursor:pointer;font-size:11.5px;font-weight:600;font-family:var(--font-sans);transition:background .15s ease,color .15s ease,border-color .15s ease}.cb-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff2e}.codeblock-body{display:flex;min-height:60px;max-height:540px;overflow:auto}.codeblock-gutter{flex:none;padding:14px 8px 14px 14px;text-align:right;font-size:12px;line-height:1.6;color:#475569;-webkit-user-select:none;user-select:none;background:#00000026;border-right:1px solid rgba(255,255,255,.04)}.codeblock-pre{margin:0;padding:14px 16px;background:transparent!important;flex:1;font-size:13px;line-height:1.6;overflow-x:auto;color:#e5e7eb}.codeblock-pre code{font-family:inherit}.codeblock .codeblock-editor,textarea.codeblock-editor{flex:1;width:100%;background:#0f172a;color:#e5e7eb;border:0;outline:none;resize:none;padding:14px 16px;font-size:13px;line-height:1.6;font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,Menlo,monospace;font-weight:500;-webkit-text-fill-color:#E5E7EB;min-height:100px;caret-color:#ec4899;-moz-tab-size:2;tab-size:2;white-space:pre;color-scheme:dark}.codeblock .codeblock-editor::placeholder{color:#475569}.codeblock .codeblock-editor::selection{background:#ec489959;color:#fff}.codeblock .token.comment,.codeblock .token.prolog,.codeblock .token.doctype,.codeblock .token.cdata{color:#64748b;font-style:italic}.codeblock .token.punctuation{color:#94a3b8}.codeblock .token.property,.codeblock .token.tag,.codeblock .token.constant,.codeblock .token.symbol,.codeblock .token.deleted{color:#f472b6}.codeblock .token.boolean,.codeblock .token.number{color:#fbbf24}.codeblock .token.selector,.codeblock .token.attr-name,.codeblock .token.string,.codeblock .token.char,.codeblock .token.builtin,.codeblock .token.inserted{color:#34d399}.codeblock .token.operator,.codeblock .token.entity,.codeblock .token.url,.codeblock .language-css .token.string,.codeblock .style .token.string{color:#93c5fd}.codeblock .token.atrule,.codeblock .token.attr-value,.codeblock .token.keyword{color:#c084fc;font-weight:600}.codeblock .token.function,.codeblock .token.class-name{color:#60a5fa;font-weight:600}.codeblock .token.regex,.codeblock .token.important,.codeblock .token.variable{color:#fb923c}.codaws{display:flex;flex-direction:column;height:100%}.codaws-tabs{display:flex;align-items:center;gap:2px;background:#1e293b;padding:8px 12px 0;overflow-x:auto;border-bottom:1px solid #2D3548}.codaws-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:0;border-bottom:2px solid transparent;color:#94a3b8;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:600;white-space:nowrap;border-radius:6px 6px 0 0;margin-bottom:-1px}.codaws-tab:hover{color:#fff;background:#ffffff0a}.codaws-tab.active{color:#fff;background:#0f172a;border-bottom-color:var(--pink-500)}.codaws-tab-close{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:16px;line-height:1;color:#64748b}.codaws-tab-close:hover{background:#ef444440;color:#fff}.codaws-tab-new{background:#ffffff0a;color:#94a3b8;border:1px dashed rgba(255,255,255,.12)}.codaws-tab-spacer{flex:1}.codaws-langpick{background:#ffffff0a;color:#cbd5e1;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:4px 8px;font-family:var(--font-sans);font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer}.coda-workspace-page{height:100vh;display:flex;flex-direction:column;background:#0f172a}.codaws-tab-rename{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:6px;padding:2px 6px;font:inherit;font-size:12.5px;width:120px;outline:none}.codaws-tab-rename:focus{border-color:var(--pink-400)}.codaws-saved{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8d9;padding:4px 8px;border-radius:6px;background:#94a3b814;margin-right:4px}.cb-btn.cb-btn-primary{background:var(--pink-50);color:var(--pink-700);border-color:var(--pink-200)}.cb-btn.cb-btn-primary:hover{background:var(--pink-100);border-color:var(--pink-300)}html[data-theme=dark] .cb-btn.cb-btn-primary{background:#ec489926;color:#fbcfe8;border-color:#ec48994d}.codaws-ai{border-top:1px solid var(--border);background:var(--bg-soft);padding:10px 14px;display:flex;flex-direction:column;gap:8px}.codaws-ai-quick{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.codaws-ai-quick button{display:inline-flex;align-items:center;gap:4px;background:var(--white);border:1px solid var(--border);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;color:var(--gray-700);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.codaws-ai-quick button:hover:not(:disabled){border-color:var(--pink-300);background:var(--pink-50);color:var(--pink-700)}.codaws-ai-quick button:disabled{opacity:.5;cursor:not-allowed}.codaws-ai-row{display:grid;grid-template-columns:130px 1fr 130px auto;gap:8px;align-items:stretch}.codaws-ai-agent,.codaws-ai-target{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:13px;font-weight:600;color:var(--gray-800)}.codaws-ai-prompt{resize:vertical;min-height:50px;max-height:180px;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--white);font:inherit;font-size:13.5px;outline:none;transition:border-color var(--transition)}.codaws-ai-prompt:focus{border-color:var(--pink-400)}.codaws-ai-send{white-space:nowrap}@media (max-width: 720px){.codaws-ai-row{grid-template-columns:1fr 1fr}.codaws-ai-prompt,.codaws-ai-send{grid-column:1 / -1}}html[data-theme=dark] .codaws-ai{background:#0f141e99;border-top-color:#ffffff0f}html[data-theme=dark] .codaws-ai-quick button,html[data-theme=dark] .codaws-ai-agent,html[data-theme=dark] .codaws-ai-target,html[data-theme=dark] .codaws-ai-prompt{background:#ffffff0a;border-color:#ffffff14;color:#e2e8f0}.lesson-filterbar{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:8px;align-items:center;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:10px 12px;margin-bottom:18px}.lesson-filterbar .select{background:var(--bg-soft);border:0}.lesson-search{position:relative;display:flex;align-items:center;gap:6px;background:var(--bg-soft);border-radius:10px;padding:0 10px}.lesson-search .input{border:0;background:transparent;padding:9px 4px;font-size:13.5px;flex:1}.lesson-search .input:focus{outline:none}@media (max-width: 880px){.lesson-filterbar{grid-template-columns:1fr 1fr}.lesson-search{grid-column:1 / -1}}.lesson-section{background:transparent}.lesson-section-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.lesson-section-head h3{font-size:18px;font-weight:700}.lesson-subject-head{display:flex;align-items:baseline;justify-content:space-between;padding:4px 4px 8px;border-bottom:1px solid var(--border);margin-bottom:12px;font-size:14px;color:var(--gray-700)}.lesson-rail{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin}.lesson-rail::-webkit-scrollbar{height:8px}.lesson-rail::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:4px}.lesson-rail .lesson-card{width:240px;flex:none;scroll-snap-align:start}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.lesson-card{text-align:left;background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease;padding:0}.lesson-card:hover{transform:translateY(-2px);border-color:var(--pink-300);box-shadow:0 6px 18px #0f172a14}.lesson-card-thumb{position:relative;aspect-ratio:16 / 9;background:var(--gray-100);display:grid;place-items:center;overflow:hidden}.lesson-card-thumb img{width:100%;height:100%;object-fit:cover}.lesson-card-pill{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;background:#0f172ad9;color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.03em;padding:3px 8px;border-radius:999px;text-transform:uppercase}.lesson-card-pill.done{background:var(--green-500)}.lesson-card-pill.progress{background:var(--blue-500)}.lesson-card-duration{position:absolute;bottom:8px;right:8px;background:#0f172acc;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px}.lesson-card-meta{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px}.lesson-card-title{font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.lesson-card-done{opacity:.85}.lesson-card.compact .lesson-card-meta{padding:8px 10px 10px}.lesson-card.compact .lesson-card-title{font-size:13px}.lesson-player{padding:18px}.codaws:fullscreen{width:100vw;height:100vh;background:#0f172a;padding:0}.codaws:fullscreen .codaws-tabs{padding-top:12px}.codaws:fullscreen .codeblock{flex:1;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;min-height:0}.codaws:fullscreen .codeblock-body{flex:1;max-height:none}.coda-page-tabs{padding:14px 18px 0;background:#0f172a;border-bottom:1px solid #1E293B}@media (max-width: 720px){.codeblock-actions .cb-btn span{display:none}}.coda-shell .chat-list-head{background:var(--bg-card)}.coda-toolbar{flex-wrap:wrap;gap:12px;padding:12px 18px}.coda-agent-row{display:flex;flex-wrap:wrap;gap:6px;flex:1;justify-content:flex-end}.coda-picker{position:relative;display:inline-block}.coda-picker-trigger{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1.5px solid var(--border);border-radius:12px;padding:8px 12px;cursor:pointer;font-weight:600;font-size:13px;color:var(--gray-800);transition:border-color var(--transition)}.coda-picker-trigger:hover{border-color:var(--pink-300)}.coda-picker-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coda-picker-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--white);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px #0f172a1f;padding:6px;z-index:50;min-width:280px;max-height:360px;overflow-y:auto}.coda-picker-item{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;padding:10px;border-radius:10px;cursor:pointer;text-align:left;font:inherit;color:var(--gray-800)}.coda-picker-item:hover:not(:disabled){background:var(--bg-soft)}.coda-picker-item.active{background:var(--pink-50);color:var(--pink-700)}.coda-picker-item.is-locked{opacity:.55;cursor:not-allowed}.coda-picker-item-meta{flex:1;min-width:0}.coda-picker-item-meta strong{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700}.coda-picker-item-meta .tiny{display:block;margin-top:2px;white-space:normal}.coda-agent-rail{display:flex;gap:6px;overflow-x:auto;padding:8px 14px 10px;border-bottom:1px solid var(--border);scrollbar-width:thin}.coda-agent-rail::-webkit-scrollbar{height:6px}.coda-agent-rail::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}html[data-theme=dark] .coda-agent-rail{background:#ffffff05}.coda-agent-pill{display:inline-flex;align-items:center;gap:6px;background:var(--white);border:1.5px solid var(--border);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--gray-700);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.coda-agent-pill:hover:not(:disabled){border-color:var(--pink-300)}.coda-agent-pill.active{border-color:var(--pink-500);background:var(--pink-50);color:var(--pink-700)}.coda-agent-pill.is-locked{opacity:.55;cursor:not-allowed}.coda-agent-dot{width:8px;height:8px;border-radius:50%;background:var(--blue-500)}.coda-agent-badge{background:var(--gray-100);color:var(--gray-600);font-size:10px;padding:1px 6px;border-radius:999px;font-weight:700}.coda-agent-pill.active .coda-agent-badge{background:var(--pink-100);color:var(--pink-700)}.coda-stream{background:linear-gradient(180deg,#FAFAFB 0%,var(--gray-50) 100%)}html[data-theme=dark] .coda-stream{background:linear-gradient(180deg,#0b0f18,#0f1419)}.coda-composer-row{display:grid;grid-template-columns:130px 1fr 40px;gap:6px;align-items:center;padding:6px}.coda-lang{border:0;background:var(--bg-soft);border-radius:10px;padding:8px 10px;font-size:13px;color:var(--gray-700);font-weight:600}.coda-composer-row textarea{border:0;outline:none;padding:10px;font-family:SF Mono,Consolas,monospace;font-size:14px;background:transparent;resize:vertical;min-height:50px;max-height:220px}.coda-gate{max-width:580px;margin:32px auto;padding:32px;text-align:left}.coda-perks{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.coda-perks li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--gray-700)}@media (max-width: 720px){.coda-toolbar{padding:10px 12px}.coda-agent-row{justify-content:flex-start}.coda-composer-row{grid-template-columns:100px 1fr 36px}}.voice-indicator{position:fixed;bottom:22px;right:22px;z-index:200;display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 14px;background:var(--white);border:1px solid var(--border);border-radius:999px;box-shadow:0 12px 32px -10px #0f172a40;font-size:13px;font-weight:600;animation:indicSlide .25s ease-out}@keyframes indicSlide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.voice-indicator-dot{width:8px;height:8px;border-radius:50%;background:var(--green-500);box-shadow:0 0 #10b98199;animation:aiPulse 1.4s ease-in-out infinite}.voice-active{border-color:var(--green-300)}.voice-active .voice-indicator-dot{background:var(--green-500)}.voice-speaking{border-color:var(--pink-300)}.voice-speaking .voice-indicator-dot{background:var(--pink-500)}.voice-idle{cursor:pointer;border-color:var(--pink-200);background:linear-gradient(180deg,#fff,#fff5f8);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.voice-idle:hover{transform:translateY(-1px);border-color:var(--pink-400);box-shadow:0 16px 36px -10px #ec489959}.voice-idle .voice-indicator-dot{background:var(--pink-500)}.voice-idle.dormant{background:var(--white);border-color:var(--gray-200);opacity:.85}.voice-idle.dormant .voice-indicator-dot{background:var(--gray-400);animation:none;box-shadow:none}html[data-theme=dark] .voice-idle{background:linear-gradient(180deg,#1a1f2c,#1f1a24)}html[data-theme=dark] .voice-idle.dormant{background:#1a1f2c}.voice-indicator-stop{width:24px;height:24px;display:grid;place-items:center;background:var(--gray-100);border:0;border-radius:50%;color:var(--gray-700);cursor:pointer;margin-left:4px}.voice-indicator-stop:hover{background:var(--pink-100);color:var(--pink-700)}.voice-armed-badge{position:fixed;bottom:22px;right:22px;z-index:90;display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;background:var(--white);border:1px solid var(--border);border-radius:999px;box-shadow:0 4px 14px -6px #0f172a26;font-size:11px;font-weight:600;color:var(--gray-700);text-decoration:none;opacity:.85;transition:opacity var(--transition),transform var(--transition)}.voice-armed-badge:hover{opacity:1;transform:translateY(-2px)}.voice-armed-pulse{width:7px;height:7px;border-radius:50%;background:var(--pink-500);box-shadow:0 0 #ec48998c;animation:aiPulse 2.4s ease-in-out infinite}@media (max-width: 720px){.voice-indicator,.voice-armed-badge{right:12px;bottom:12px}.voice-indicator-label{display:none}}.bell-btn{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--white);color:var(--gray-700);display:grid;place-items:center;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.bell-btn:hover{border-color:var(--pink-300);color:var(--pink-600)}.bell-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--pink-500);color:#fff;border-radius:999px;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid var(--white)}.bell-pop{position:fixed;max-height:min(70vh,480px);background:var(--white);border:1px solid var(--border);border-radius:14px;box-shadow:0 22px 44px #0f172a40,0 8px 16px #0f172a1f;z-index:1100;overflow:hidden;display:flex;flex-direction:column;animation:bellPopIn .14s cubic-bezier(.2,.8,.2,1)}html[data-theme=dark] .bell-pop{background:#1a1f2c;border-color:#ffffff14}.bell-pop.fb-style{padding:0}.bell-empty{display:flex;flex-direction:column;align-items:center;padding:32px 16px;gap:6px}.bell-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.bell-text{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 600px){.bell-text{white-space:normal}}.bell-foot{border-top:1px solid var(--border);padding:8px;display:flex;justify-content:center}.bell-viewall{display:block;width:100%;text-align:center;font-weight:600;font-size:13px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--brand-700, #1d4ed8)}.bell-viewall:hover{background:var(--bg-soft)}.bell-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border)}.bell-body{flex:1;overflow-y:auto;padding:6px}.bell-item{width:100%;display:flex;gap:12px;align-items:flex-start;padding:12px;border:0;background:transparent;border-radius:10px;cursor:pointer;transition:background var(--transition);color:var(--text)}.bell-item:hover{background:var(--gray-50)}.bell-item.is-unread{background:var(--pink-50)}.bell-item.is-unread:hover{background:var(--pink-100)}.bell-dot{width:8px;height:8px;border-radius:50%;flex:none;margin-top:6px}.bell-info{background:var(--blue-500)}.bell-success{background:var(--green-500)}.bell-warning{background:#f59e0b}.bell-danger{background:var(--danger)}.bell-title{font-weight:600;font-size:14px;color:var(--gray-900)}.bell-text{font-size:13px;line-height:1.4;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 720px){.bell-pop{right:-100px;width:320px}}.note-row{display:block;width:100%;text-align:left;background:var(--white);border:1px solid var(--border);border-radius:10px;padding:12px;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition)}.note-row:hover{border-color:var(--pink-300)}.note-row.active{border-color:var(--pink-500);box-shadow:0 0 0 3px var(--pink-100)}.note-pink{border-left:3px solid var(--pink-500)}.note-green{border-left:3px solid var(--green-500)}.note-blue{border-left:3px solid var(--blue-500)}.note-amber{border-left:3px solid #F59E0B}.note-gray{border-left:3px solid var(--gray-400)}.note-title-input{flex:1;border:0;background:transparent;font-family:var(--font-display);font-size:18px;font-weight:700;padding:4px 8px}.note-title-input:focus{outline:none;box-shadow:0 0 0 2px var(--pink-100);border-radius:6px}.note-editor{width:100%;min-height:420px;font-family:SF Mono,monospace;font-size:14px;line-height:1.6}.color-picker{display:inline-flex;gap:4px;background:var(--gray-100);padding:3px;border-radius:8px}.color-swatch{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer}.color-swatch[data-color=pink]{background:var(--pink-500)}.color-swatch[data-color=green]{background:var(--green-500)}.color-swatch[data-color=blue]{background:var(--blue-500)}.color-swatch[data-color=amber]{background:#f59e0b}.color-swatch[data-color=gray]{background:var(--gray-400)}.color-swatch.active{border-color:var(--text)}.ai-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--white);border:1px solid var(--border);border-radius:12px;padding:8px 10px}.notes-shell{padding:0}.notes-shell>*{padding:28px 32px}.notes-shell .notes-grid{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:start}.notes-mobile-bar{display:none}.notes-sidebar{position:sticky;top:18px;max-height:calc(100vh - 36px);display:flex;flex-direction:column}.notes-list-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.notes-editor{min-width:0}.tag-filter{display:flex;flex-wrap:wrap;gap:4px}.tag-filter .chip-toggle{padding:4px 10px;font-size:12px}.note-row-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.note-row-tags .badge{font-size:10px;padding:1px 6px}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;flex-wrap:wrap}.tag-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;background:var(--white);border:1px solid var(--border);border-radius:10px;min-height:42px}.tag-chip{display:inline-flex;align-items:center;gap:4px;background:var(--pink-50);color:var(--pink-700);padding:4px 4px 4px 10px;border-radius:999px;font-size:12px;font-weight:600}.tag-chip button{width:18px;height:18px;border:0;background:transparent;color:var(--pink-700);cursor:pointer;border-radius:50%;font-size:16px;line-height:1}.tag-chip button:hover{background:var(--pink-200)}.tag-input{border:0;background:transparent;outline:none;padding:4px 8px;font-size:12.5px;flex:1;min-width:80px;color:var(--text)}.insert-toolbar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:6px}.insert-toolbar .btn{padding:4px 10px;font-size:12.5px}.word-count{display:flex;gap:8px;margin-top:8px;padding:8px 14px;font-size:12px;color:var(--text-muted);background:var(--bg-soft);border:1px solid var(--border);border-radius:10px}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.template-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border:1.5px solid var(--border);border-radius:12px;background:var(--white);cursor:pointer;text-align:left;transition:border-color var(--transition),background var(--transition)}.template-card:hover{border-color:var(--pink-300)}.template-card .muted{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 880px){.notes-shell>*{padding:16px}.notes-shell .notes-grid{grid-template-columns:1fr}.notes-mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.notes-sidebar{position:static;max-height:none}.notes-sidebar.is-hidden-mobile{display:none}.notes-list-scroll{max-height:50vh}}.quick-add{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--border-strong);border-radius:14px;padding:10px 14px;transition:border-color var(--transition),box-shadow var(--transition)}.quick-add:focus-within{border-color:var(--pink-500);box-shadow:0 0 0 3px var(--pink-100)}.quick-add input{flex:1;border:0;outline:none;background:transparent;font-size:15px;padding:6px 0;color:var(--text)}.social-shell{max-width:720px;margin:0 auto}.social-timeline{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:18px;align-items:start}.social-rail{display:flex;flex-direction:column;gap:14px;position:sticky;top:14px}.social-center{min-width:0}@media (max-width: 1180px){.social-timeline{grid-template-columns:240px minmax(0,1fr)}.social-rail-right{display:none}}@media (max-width: 880px){.social-timeline{grid-template-columns:minmax(0,1fr)}.social-rail-left{display:none}}.social-mini-profile{position:relative;padding:0 0 16px;text-align:center;overflow:hidden}.social-mini-cover{height:72px;background:radial-gradient(circle at 30% 40%,rgba(236,72,153,.35),transparent 60%),radial-gradient(circle at 80% 60%,rgba(59,130,246,.25),transparent 60%),linear-gradient(135deg,var(--pink-500) 0%,var(--blue-500) 100%)}.social-mini-avatar{margin:-36px auto 8px;display:inline-block}.social-mini-name{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit;padding:0 12px}.social-mini-name strong{font-size:15px}.social-mini-stats{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding:10px 0 0;border-top:1px solid var(--border)}.social-mini-stat{display:flex;flex-direction:column;align-items:center;gap:0;text-decoration:none;color:inherit;flex:1}.social-mini-stat strong{font-size:14px;text-transform:capitalize}.social-mini-stat span{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.social-mini-stat-divider{width:1px;height:22px;background:var(--border)}.social-quicknav{padding:8px;display:flex;flex-direction:column;gap:2px}.social-quick{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--gray-800);font-size:13.5px;font-weight:600;transition:background var(--transition)}.social-quick:hover{background:var(--bg-soft);color:var(--pink-700)}.story-rail{display:flex;gap:12px;overflow-x:auto;padding:14px;margin-bottom:14px;scroll-snap-type:x proximity;scrollbar-width:thin}.story-rail::-webkit-scrollbar{height:6px}.story-rail::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}.story-cell{display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:0;cursor:pointer;flex:none;scroll-snap-align:start}.story-ring{position:relative;width:64px;height:64px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--pink-500),var(--blue-500));display:grid;place-items:center}.story-ring.is-me{background:var(--gray-200)}.story-ring>*{border:2px solid var(--white);border-radius:50%}.story-add{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:var(--pink-500);border:2px solid var(--white);display:grid;place-items:center}.story-name{font-size:11.5px;font-weight:600;color:var(--gray-700);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-filters{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:none}.social-filters::-webkit-scrollbar{display:none}.social-filter{display:inline-flex;align-items:center;gap:6px;background:var(--white);border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--gray-700);cursor:pointer;white-space:nowrap;flex:none;transition:border-color var(--transition),background var(--transition),color var(--transition)}.social-filter:hover{border-color:var(--pink-300)}.social-filter.active{background:var(--pink-500);border-color:var(--pink-500);color:#fff}.social-rail-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px}.social-rail-head strong{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-700)}.social-trending-list,.social-suggested-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.social-trending-row{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:10px;text-decoration:none;color:inherit;transition:background var(--transition)}.social-trending-row:hover{background:var(--bg-soft)}.social-trending-rank{width:22px;height:22px;border-radius:50%;background:var(--pink-50);color:var(--pink-700);font-weight:700;font-size:12px;display:grid;place-items:center;flex:none}.social-trending-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.social-trending-meta strong{font-size:13px}.social-suggested-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;text-decoration:none;color:inherit;transition:background var(--transition)}.social-suggested-row:hover{background:var(--bg-soft)}.social-suggested-meta{flex:1;min-width:0}.social-suggested-meta strong{display:block;font-size:13.5px}.post-composer.open .post-composer-input{background:var(--white);box-shadow:inset 0 0 0 1.5px var(--pink-300)}.post-composer:not(.open) .post-composer-input{min-height:44px}.post-card-avatar-link{text-decoration:none}.post-card-author-name{text-decoration:none;color:inherit}.post-card-author-name:hover strong{color:var(--pink-700)}.profile-tab-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.profile-tab-main{min-width:0;max-width:720px;margin:0 auto;width:100%}.profile-tab-rail{display:flex;flex-direction:column;gap:14px;position:sticky;top:14px}@media (max-width: 1080px){.profile-tab-shell{grid-template-columns:minmax(0,1fr)}.profile-tab-rail{position:static}}.profile-rail-card{padding:14px 16px}.profile-rail-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px}.profile-rail-head strong{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-700)}.profile-rail-stats{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.profile-rail-stats li{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px dashed var(--border)}.profile-rail-stats li:last-child{border-bottom:0}.profile-rail-stats li strong{font-size:14px}.profile-rail-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:8px}.profile-rail-photo{display:block;aspect-ratio:1;background:var(--gray-100);border:0;padding:0;cursor:pointer;border-radius:6px;overflow:hidden}.profile-rail-photo img{width:100%;height:100%;object-fit:cover}.profile-rail-badges{display:flex;flex-wrap:wrap;gap:6px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.insight-cell{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px}.insight-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--text-muted)}.insight-cell strong{font-size:26px;font-weight:800;letter-spacing:-.01em}.insights-top-list{list-style:none;padding:0;margin:0}.insights-top-row{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}.insights-top-row:hover{background:var(--bg-soft)}.insights-top-list li:last-child .insights-top-row{border-bottom:0}.insights-top-rank{width:24px;height:24px;border-radius:50%;background:var(--pink-50);color:var(--pink-700);font-weight:800;display:grid;place-items:center;flex:none}.insights-top-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.insights-top-text{font-size:13.5px;font-weight:600;color:var(--gray-900)}.post-readmore{background:transparent;border:0;padding:0;cursor:pointer;font:inherit;font-weight:600;color:var(--pink-700)}.post-readmore:hover{text-decoration:underline}.post-readmore-link{font-size:13px;color:var(--text-muted);text-decoration:none}.post-readmore-link:hover{color:var(--pink-700);text-decoration:underline}.post-hashtag{color:var(--blue-600);text-decoration:none;font-weight:600}.post-hashtag:hover{color:var(--pink-700);text-decoration:underline}.post-card-stats{display:flex;gap:14px;flex-wrap:wrap;padding:8px 0;margin-top:4px;border-top:1px solid var(--border)}.post-card-stats span{display:inline-flex;align-items:center;gap:4px}.story-ring.has-unviewed{background:linear-gradient(135deg,var(--pink-500),#F59E0B,var(--blue-500))}.story-ring.all-viewed{background:var(--gray-200)}.story-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:grid;place-items:center;z-index:9999;animation:lb-fade .15s ease-out}.story-viewer{position:relative;width:min(420px,92vw);height:min(720px,88vh);background:#000;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.story-viewer-progress{position:absolute;top:8px;left:12px;right:12px;display:flex;gap:4px;z-index:3}.story-progress-bar{flex:1;height:3px;background:#ffffff40;border-radius:2px;overflow:hidden}.story-progress-fill{height:100%;background:#fff;transition:width .05s linear}.story-progress-bar.done .story-progress-fill{width:100%}.story-viewer-head{position:absolute;top:22px;left:12px;right:12px;display:flex;align-items:center;gap:10px;z-index:3}.story-viewer-action{background:#ffffff1f;border:0;width:32px;height:32px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:background .12s}.story-viewer-action:hover{background:#ffffff38}.story-viewer-body{flex:1;display:grid;place-items:center;position:relative;background:#000}.story-viewer-body img{max-width:100%;max-height:100%;object-fit:contain}.story-viewer-text{width:100%;height:100%;background:linear-gradient(135deg,var(--pink-500) 0%,var(--blue-500) 100%);display:grid;place-items:center;padding:32px;color:#fff;font-size:22px;font-weight:700;text-align:center;white-space:pre-wrap;word-wrap:break-word;line-height:1.4}.story-viewer-caption{position:absolute;left:16px;right:16px;bottom:60px;background:#0000008c;color:#fff;padding:10px 14px;border-radius:12px;font-size:13.5px;text-align:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.story-tap-zone{position:absolute;top:0;bottom:0;width:35%;background:transparent;border:0;cursor:pointer;z-index:2}.story-tap-zone.left{left:0}.story-tap-zone.right{right:0}.story-viewer-add{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:999px;cursor:pointer;font-size:12.5px;font-weight:600;z-index:3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.story-viewer-add:hover{background:#ffffff40}.story-create-canvas{width:100%;aspect-ratio:9 / 14;max-height:360px;background:var(--gray-100);border-radius:12px;overflow:hidden;display:grid;place-items:center}.story-create-canvas img{max-width:100%;max-height:100%;object-fit:contain}.story-create-canvas.is-text{background:linear-gradient(135deg,var(--pink-500) 0%,var(--blue-500) 100%)}.story-create-text{color:#fff;font-size:22px;font-weight:700;text-align:center;padding:24px;white-space:pre-wrap;word-wrap:break-word;line-height:1.4}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c16eb;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;z-index:9999;animation:lb-fade .15s ease-out}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.lightbox-figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:92vw;max-height:86vh;padding:16px}.lightbox-image{max-width:100%;max-height:80vh;border-radius:10px;display:block;object-fit:contain;box-shadow:0 10px 40px #0000008c;background:#000}.lightbox-caption{color:#e5e7eb;font-size:13.5px;line-height:1.45;margin-top:12px;max-width:720px;text-align:center}.lightbox-close{position:fixed;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:0;background:#ffffff1f;display:grid;place-items:center;cursor:pointer;transition:background .15s,transform .12s;z-index:2}.lightbox-close:hover{background:#ffffff38;transform:scale(1.05)}.lightbox-counter{position:fixed;top:18px;left:50%;transform:translate(-50%);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.04em;background:#ffffff1f;padding:6px 14px;border-radius:999px;pointer-events:none;z-index:2}.lightbox-arrow{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:#ffffff1f;display:grid;place-items:center;cursor:pointer;transition:background .15s,transform .12s;z-index:2}.lightbox-arrow:hover{background:#ffffff38}.lightbox-arrow-left{left:14px}.lightbox-arrow-right{right:14px}.lightbox-thumbs{display:flex;gap:6px;padding:12px 16px;overflow-x:auto;max-width:100%;scrollbar-width:thin;background:#00000059;border-radius:14px 14px 0 0;width:min(720px,92vw);scroll-snap-type:x proximity}.lightbox-thumbs::-webkit-scrollbar{height:6px}.lightbox-thumbs::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}.lightbox-thumb{flex:none;width:56px;height:56px;border:2px solid transparent;border-radius:8px;overflow:hidden;padding:0;background:transparent;cursor:pointer;scroll-snap-align:center;opacity:.65;transition:opacity .12s,border-color .12s,transform .12s}.lightbox-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lightbox-thumb:hover{opacity:1}.lightbox-thumb.active{opacity:1;border-color:var(--pink-500);transform:scale(1.04)}@media (max-width: 600px){.lightbox-arrow{width:38px;height:38px}.lightbox-arrow-left{left:6px}.lightbox-arrow-right{right:6px}.lightbox-close{width:36px;height:36px}.lightbox-figure{padding:8px}.lightbox-thumb{width:48px;height:48px}}.post-card-image{display:block;background:var(--gray-100);border:0;padding:0;cursor:pointer;position:relative;overflow:hidden}.post-card-image-count{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;background:#0f172abf;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;pointer-events:none}.profile-hero{padding:0;overflow:hidden;margin-bottom:18px}.profile-cover{height:220px;background:radial-gradient(circle at 20% 30%,rgba(236,72,153,.55),transparent 55%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.45),transparent 55%),linear-gradient(135deg,var(--pink-500) 0%,var(--blue-500) 100%);position:relative}.profile-cover[style*=background-image]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172a26,#0f172a59);pointer-events:none}.profile-cover-edit{position:absolute;top:14px;right:14px;display:flex;gap:8px;z-index:1}.profile-cover-btn{display:inline-flex;align-items:center;gap:6px;background:#0f172a8c;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .15s,border-color .15s,transform .12s}.profile-cover-btn:hover{background:#0f172abf;border-color:#fff6}.profile-cover-btn:active{transform:scale(.96)}.profile-cover-btn.ghost{width:34px;padding:0;justify-content:center}.profile-cover-btn:disabled{opacity:.65;cursor:progress}.profile-avatar-edit{position:absolute;bottom:4px;right:4px;width:36px;height:36px;border-radius:50%;background:var(--pink-500);border:3px solid var(--white);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px #0f172a33;transition:transform .12s,background .15s}.profile-avatar-edit:hover{background:var(--pink-600);transform:scale(1.06)}.profile-avatar-edit:active{transform:scale(.95)}.profile-avatar-edit:disabled{opacity:.65;cursor:progress}.profile-cover-pro{background:radial-gradient(circle at 20% 30%,rgba(236,72,153,.55),transparent 55%),radial-gradient(circle at 80% 70%,rgba(245,158,11,.55),transparent 55%),linear-gradient(135deg,#1E293B 0%,#4F46E5 50%,var(--pink-500) 100%)}.profile-cover-premium{background:radial-gradient(circle at 80% 30%,rgba(16,185,129,.45),transparent 55%),linear-gradient(135deg,var(--blue-500) 0%,var(--green-500) 100%)}.profile-hero-body{display:flex;align-items:flex-end;gap:18px;padding:0 24px 20px;margin-top:-64px;position:relative;flex-wrap:wrap}.profile-avatar-wrap{position:relative;flex:none}.profile-avatar-wrap .avatar-img,.profile-avatar-wrap .avatar-logo,.profile-avatar-wrap .avatar-initial{border:5px solid var(--white);box-shadow:0 10px 28px #0f172a26;background:var(--white)}.profile-verified{position:absolute;bottom:6px;right:6px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:3px solid var(--white);box-shadow:0 2px 6px #0f172a26}.profile-verified.is-pro{background:linear-gradient(135deg,#F59E0B,var(--pink-500))}.profile-verified.is-premium{background:linear-gradient(135deg,var(--blue-500),var(--green-500))}.profile-hero-info{flex:1;min-width:200px;padding-bottom:4px}.profile-hero-name{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:6px 0 2px;font-size:26px;font-weight:800;letter-spacing:-.01em;line-height:1.15}.profile-hero-handle{display:block;color:var(--text-muted);font-size:14px;margin-bottom:8px}.profile-tier-pill{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;color:#fff}.profile-tier-pill.is-pro{background:linear-gradient(135deg,#F59E0B,var(--pink-500))}.profile-tier-pill.is-premium{background:linear-gradient(135deg,var(--blue-500),var(--green-500))}.profile-hero-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.profile-hero-bio{margin:10px 0 0;color:var(--gray-700);font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}html[data-theme=dark] .profile-hero-bio{color:#cbd5e1}.profile-about-bio{margin:0 0 16px;color:var(--gray-700);font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;border-left:3px solid var(--pink-500);padding:4px 0 4px 12px;background:var(--bg-soft);border-radius:0 8px 8px 0}html[data-theme=dark] .profile-about-bio{color:#cbd5e1}.profile-tag{display:inline-flex;align-items:center;gap:5px;background:var(--bg-soft);color:var(--gray-700);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--border)}.profile-tag-link{background:var(--pink-50);border-color:var(--pink-200);color:var(--pink-700)}.profile-hero-actions{display:flex;gap:8px;padding-bottom:4px;flex:none}.profile-hero-actions .btn{border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:700;letter-spacing:.01em;transition:transform .12s,box-shadow .15s,background .15s,border-color .15s}.profile-hero-actions .btn-primary{background:linear-gradient(135deg,var(--pink-500) 0%,#BE185D 100%);border:0;box-shadow:0 8px 18px -8px #ec48998c}.profile-hero-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px -8px #ec4899a6}.profile-hero-actions .btn-primary:active{transform:translateY(0)}.profile-hero-actions .btn-outline{border:1.5px solid var(--border);background:var(--white)}.profile-hero-actions .btn-outline:hover{border-color:var(--pink-400);background:var(--pink-50);color:var(--pink-700)}.profile-stat-strip{display:flex;align-items:center;gap:4px;padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-soft)}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 18px;flex:1;background:transparent;border:0;cursor:pointer;text-decoration:none;color:inherit;font:inherit;transition:color var(--transition)}button.profile-stat:hover{color:var(--pink-700)}.profile-stat strong{font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1}.profile-stat span{font-size:11.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.profile-stat-divider{width:1px;height:32px;background:var(--border)}.profile-stat-points strong{color:var(--pink-600)}.profile-badges-card{padding:16px 18px;margin-bottom:14px}.profile-badges-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px}.profile-badges-head strong{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-700)}.profile-badges-row{display:flex;flex-wrap:wrap;gap:8px}.profile-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;border:1px solid}.profile-badge-pink{background:var(--pink-50);color:var(--pink-700);border-color:var(--pink-200)}.profile-badge-green{background:var(--green-50);color:var(--green-700);border-color:var(--green-200)}.profile-badge-blue{background:var(--blue-50);color:var(--blue-700);border-color:var(--blue-200)}.profile-badge-amber{background:#fef3c7;color:#92400e;border-color:#fed7aa}.profile-badge-gray{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-200)}.profile-badge-more{background:transparent;color:var(--text-muted);border-color:var(--border)}.profile-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px;border-radius:12px;overflow:hidden}.profile-photo-tile{display:block;aspect-ratio:1;background:var(--gray-100);overflow:hidden;position:relative;border:0;padding:0;cursor:pointer;width:100%}.profile-photo-tile img{width:100%;height:100%;object-fit:cover;transition:transform .25s,opacity .15s}.profile-photo-tile:hover img{transform:scale(1.04);opacity:.92}.profile-about{padding:18px 22px}.profile-about-head{margin:0 0 14px;font-size:16px;font-weight:700}.profile-about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 22px}.profile-about-cell{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.profile-about-cell:last-child{border-bottom:0}.profile-about-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--pink-50);color:var(--pink-600);flex:none}.profile-about-cell>div{flex:1;min-width:0}.profile-about-label{display:block;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px}.profile-about-cell strong{font-size:14px;color:var(--gray-900);word-wrap:break-word}.profile-about-interests{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.profile-interests-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.profile-interest-chip{display:inline-flex;background:var(--bg-soft);color:var(--gray-700);border:1px solid var(--border);padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:600}@media (max-width: 760px){.profile-cover{height:140px}.profile-hero-body{padding:0 16px 16px;margin-top:-52px;flex-direction:column;align-items:flex-start;gap:12px}.profile-avatar-wrap .avatar-img,.profile-avatar-wrap .avatar-logo,.profile-avatar-wrap .avatar-initial{width:96px!important;height:96px!important}.profile-verified{width:24px;height:24px;bottom:4px;right:4px;border-width:2px}.profile-hero-name{font-size:22px}.profile-hero-actions{width:100%}.profile-hero-actions .btn{flex:1;justify-content:center}.profile-stat-strip{padding:14px 16px;gap:0}.profile-stat strong{font-size:18px}.profile-stat span{font-size:10.5px;letter-spacing:.04em}.profile-stat{padding:4px 8px}.profile-stat-divider{height:28px}.profile-photo-grid{grid-template-columns:repeat(3,1fr)}.profile-about{padding:14px 16px}.profile-about-grid{grid-template-columns:1fr;gap:0}}@media (max-width: 420px){.profile-cover{height:110px}.profile-hero-body{margin-top:-44px}.profile-avatar-wrap .avatar-img,.profile-avatar-wrap .avatar-logo,.profile-avatar-wrap .avatar-initial{width:84px!important;height:84px!important}.profile-photo-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 880px){.social-rail{position:static}.story-cell .story-ring{width:56px;height:56px}.post-composer{padding:12px}.post-composer-input{font-size:15px}}.post-composer{padding:14px 16px;margin-bottom:18px}.post-composer-row{display:flex;align-items:flex-start;gap:12px}.post-composer-input{flex:1;border:0;outline:none;background:var(--bg-soft);border-radius:12px;padding:12px 14px;font:inherit;font-size:14px;resize:vertical;min-height:60px;max-height:200px}.post-composer-input:focus{background:var(--white);box-shadow:inset 0 0 0 1.5px var(--pink-300)}.post-composer-images{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.post-composer-image{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden}.post-composer-image img{width:100%;height:100%;object-fit:cover}.post-composer-image-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;background:#0f172ab3;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer}.post-composer-actions{display:flex;align-items:center;gap:8px;padding-top:10px;margin-top:10px;border-top:1px solid var(--border);flex-wrap:nowrap;min-width:0}.post-composer-actions .btn-primary,.post-composer-actions .composer-submit{margin-left:auto}.composer-icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--white);color:var(--gray-700);display:grid;place-items:center;cursor:pointer;flex:none;transition:background .15s,color .15s,border-color .15s,transform .08s}.composer-icon-btn:hover:not(:disabled){background:var(--pink-50);color:var(--pink-600);border-color:var(--pink-300);transform:translateY(-1px)}.composer-icon-btn:disabled{opacity:.45;cursor:not-allowed}html[data-theme=dark] .composer-icon-btn{background:#ffffff0a;border-color:#ffffff1a;color:#ffffffd9}html[data-theme=dark] .composer-icon-btn:hover:not(:disabled){background:#ec489926;color:#f9a8d4}.composer-icon-spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--gray-300);border-top-color:var(--pink-500);animation:notifSpin .8s linear infinite}.composer-charcount{margin-left:4px}@media (max-width: 480px){.post-composer-actions{gap:6px;padding-top:8px;margin-top:8px}.composer-icon-btn{width:34px;height:34px}.composer-charcount{display:none}.composer-submit{width:36px;height:36px;padding:0;border-radius:50%;display:grid;place-items:center}.composer-submit .composer-submit-label{display:none}}@media (min-width: 481px){.composer-submit-label{margin-left:4px}}.post-feed{display:flex;flex-direction:column;gap:14px}.post-card{position:relative;padding:14px 16px}@media (max-width: 600px){.post-card{padding:12px}.post-card-head{gap:8px}.post-card-content{font-size:14.5px;line-height:1.45}}.post-card.is-pinned{border-color:var(--pink-200)}.post-card.is-ad{border-color:var(--blue-200);background:linear-gradient(180deg,var(--blue-50) 0%,var(--white) 30%)}.post-card-pin{position:absolute;top:10px;right:12px;display:inline-flex;align-items:center;gap:4px;background:var(--pink-100);color:var(--pink-700);font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:999px;text-transform:uppercase}.post-card-pin-ad{background:var(--blue-100);color:var(--blue-700)}.post-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.post-card-author{display:flex;flex-direction:column;flex:1;min-width:0}.post-card-author strong{font-size:14.5px}.post-card-content{font-size:14.5px;line-height:1.55;white-space:pre-wrap;word-wrap:break-word;color:var(--gray-900)}.post-card-images{display:grid;gap:4px;margin-top:12px;border-radius:12px;overflow:hidden}.post-card-images.count-1{grid-template-columns:1fr}.post-card-images.count-2,.post-card-images.count-3{grid-template-columns:1fr 1fr}.post-card-images.count-3 .post-card-image:first-child{grid-row:span 2}.post-card-images.count-4{grid-template-columns:1fr 1fr}.post-card-image{display:block;aspect-ratio:16 / 11;background:var(--gray-100);overflow:hidden}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.post-card-image:hover img{transform:scale(1.02)}.post-card-cta{margin-top:10px;align-self:flex-start}.post-card-actions{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.post-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:0;padding:8px 12px;border-radius:10px;cursor:pointer;color:var(--gray-700);font:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s}.post-action:hover{background:var(--bg-soft)}.post-action.is-liked{color:var(--pink-600)}.post-action.is-liked svg{color:var(--pink-500)}.post-action-bookmark.is-saved{color:#f59e0b}.post-action-bookmark.is-saved svg{color:#f59e0b;fill:#f59e0b}.post-react-emoji{font-size:18px;line-height:1;display:inline-block;width:18px;text-align:center}.post-react-wrap{position:relative;flex:1;display:flex}.post-react-wrap .post-action{width:100%}.post-react-picker{position:absolute;bottom:calc(100% + 6px);left:0;display:inline-flex;gap:2px;background:var(--surface, #fff);border:1px solid var(--border);border-radius:999px;padding:4px 6px;box-shadow:0 8px 24px #0000001f;z-index:20;animation:post-react-pop .16s cubic-bezier(.2,.9,.3,1.1)}@keyframes post-react-pop{0%{opacity:0;transform:translateY(6px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.post-react-option{width:38px;height:38px;border:0;background:transparent;cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,background .12s ease;animation:post-react-emoji-in .2s ease backwards}.post-react-option-emoji{font-size:22px;line-height:1}.post-react-option:hover{transform:scale(1.25) translateY(-3px);background:#0000000a}.post-react-option.is-active{background:color-mix(in srgb,var(--pink-700, #ec4899) 12%,transparent)}@keyframes post-react-emoji-in{0%{opacity:0;transform:translateY(8px) scale(.6)}to{opacity:1;transform:translateY(0) scale(1)}}.post-card-comments{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.comment-sort{display:inline-flex;background:var(--bg-soft);border-radius:999px;padding:2px}.comment-sort-btn{background:transparent;border:0;border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition)}.comment-sort-btn.active{background:var(--white);color:var(--pink-700);box-shadow:0 1px 3px #0f172a14}.comment-sort-btn:hover:not(.active){color:var(--gray-800)}.comment-loadmore{background:transparent;border:0;cursor:pointer;margin:4px 0 12px 38px;padding:4px 0;font:inherit;font-size:13px;font-weight:700;color:var(--gray-700);display:inline-flex;align-items:center;gap:6px}.comment-loadmore:before{content:"↳";color:var(--text-muted)}.comment-loadmore:hover{color:var(--pink-700)}.comment-loadmore:disabled{opacity:.55;cursor:progress}.comment-list{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:8px}.comment-row{display:flex;align-items:flex-start;gap:8px}.comment-bubble{flex:1;min-width:0;background:var(--bg-soft);border-radius:14px;padding:8px 12px}.comment-bubble strong{display:block;color:var(--gray-900)}.comment-bubble p{margin:2px 0 0;font-size:13.5px;word-wrap:break-word}.comment-del{background:transparent;border:0;cursor:pointer;color:var(--text-muted);padding:4px;opacity:0;transition:opacity .12s}.comment-row:hover .comment-del{opacity:1}.comment-composer{display:flex;align-items:center;gap:8px;background:var(--bg-soft);border-radius:999px;padding:4px 4px 4px 8px;min-width:0;max-width:100%;flex-wrap:nowrap}.comment-composer input{flex:1 1 0;min-width:0;border:0;background:transparent;outline:none;padding:8px 10px;font:inherit;font-size:13.5px}@media (max-width: 480px){.comment-composer{gap:4px;padding:3px 3px 3px 8px}.comment-attach,.comment-send{width:28px;height:28px}.comment-composer input{font-size:14px;padding:6px 4px}}.comment-send{width:32px;height:32px;border:0;border-radius:50%;background:var(--pink-500);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}.comment-send:disabled{opacity:.4;cursor:not-allowed}.comment-attach{width:32px;height:32px;border:0;border-radius:50%;background:var(--white);color:var(--gray-700);display:grid;place-items:center;cursor:pointer;flex:none;border:1px solid var(--border);transition:background .15s,color .15s,border-color .15s}.comment-attach:hover:not(:disabled){background:var(--pink-50);color:var(--pink-600);border-color:var(--pink-300)}.comment-attach:disabled{opacity:.4;cursor:not-allowed}.comment-image{display:block;margin-top:6px;max-width:220px;max-height:180px;border-radius:10px;cursor:zoom-in}.comment-pending{margin-top:8px;display:flex;flex-direction:column;gap:6px;min-width:0;max-width:100%;box-sizing:border-box}.comment-pending>*{max-width:100%;min-width:0;box-sizing:border-box}.comment-pending-image{position:relative;width:110px;height:110px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.comment-pending-image img{width:100%;height:100%;object-fit:cover}.comment-pending-image button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#0f172aa6;border:0;display:grid;place-items:center;cursor:pointer}.comment-pending-audio{display:flex;align-items:center;gap:8px;padding:6px;border-radius:10px;background:var(--bg-soft);min-width:0;max-width:100%;flex-wrap:wrap;box-sizing:border-box}.comment-pending-audio .audio-player{flex:1 1 200px;margin:0;min-width:0;max-width:100%}.comment-pending-audio .btn{flex:none}@media (max-width: 480px){.comment-pending-audio{padding:5px;gap:6px}.comment-pending-audio .audio-player{flex:1 1 100%}.comment-pending-audio .btn{align-self:flex-end}}.audio-player-error{white-space:normal;word-break:break-word;line-height:1.35}.post-detail-shell{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start;max-width:1200px;margin:0 auto}.post-detail-main{min-width:0}.post-detail-rail{position:sticky;top:14px;max-height:calc(100vh - 80px)}@media (max-width: 1100px){.post-detail-shell{grid-template-columns:minmax(0,1fr)}.post-detail-rail{position:relative;top:auto;max-height:none}}.post-comments-panel{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;max-height:calc(100vh - 80px)}@media (max-width: 1100px){.post-comments-panel{max-height:none}}.post-comments-head{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border)}.post-comments-scroll{flex:1;min-height:200px;overflow-y:auto;padding:14px 16px}.post-comments-footer{border-top:1px solid var(--border);padding:10px 12px;background:var(--white);min-width:0;box-sizing:border-box;overflow:hidden}.post-comments-footer>*{max-width:100%;min-width:0;box-sizing:border-box}html[data-theme=dark] .post-comments-footer{background:#1a1f2c}@media (max-width: 600px){.post-detail-shell{gap:12px}.post-comments-footer{padding:8px 10px}}.chats-shell{display:grid;grid-template-columns:320px 1fr;gap:16px;height:calc(100vh - 220px);min-height:480px}.chats-list,.chats-conv{padding:0;overflow:hidden;display:flex;flex-direction:column}.chats-list-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}.chats-list-search{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.chats-list-search input{flex:1;border:0;background:transparent;outline:none;font:inherit;font-size:13.5px;padding:6px 0;color:var(--gray-900)}.chats-list-search input::placeholder{color:var(--text-muted)}.chats-list-search-clear{background:var(--gray-200);border:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--gray-700);padding:0;flex:none}.chats-list-search-clear:hover{background:var(--gray-300);color:var(--gray-900)}.chats-list-body{flex:1;overflow-y:auto;padding:8px}.chat-row{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;padding:10px;border-radius:10px;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:background .12s}.chat-row:hover{background:var(--bg-soft)}.chat-row.active{background:var(--pink-50)}.chat-row-meta{flex:1;min-width:0}.chat-row-meta strong{font-size:14px}.chat-row-snippet{display:block;font-size:12.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.chat-row-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--pink-500);color:#fff;font-size:11px;font-weight:700}.chats-conv-head{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-soft) 0%,var(--white) 100%)}.chats-conv-head-link{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-decoration:none;color:inherit;border-radius:10px;padding:4px 8px;transition:background var(--transition)}a.chats-conv-head-link:hover{background:#0f172a0a}.chats-back{display:none}.chat-empty-hero{margin:auto;text-align:center;padding:32px 24px;max-width:320px}.chat-empty-hero h3{font-size:18px;margin:14px 0 6px}.chat-empty-hero p{font-size:13.5px;margin:0 0 8px;line-height:1.55}.chat-empty-icon{width:64px;height:64px;margin:0 auto;border-radius:18px;background:linear-gradient(135deg,var(--pink-500) 0%,var(--blue-500) 100%);display:grid;place-items:center;box-shadow:0 12px 28px -10px #ec489980}.chats-empty-list{text-align:center;padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:8px}.chats-conv-stream{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#FAFAFB 0%,var(--gray-50) 100%)}html[data-theme=dark] .chats-conv-stream{background:linear-gradient(180deg,#0b0f18,#0f1419)}.chat-msg{display:flex;align-items:flex-end;gap:8px;max-width:78%}.chat-msg.mine{align-self:flex-end;flex-direction:row-reverse}.chat-msg-bubble{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:8px 12px;display:flex;flex-direction:column;gap:2px;word-wrap:break-word;max-width:100%}.chat-msg.mine .chat-msg-bubble{background:var(--pink-500);color:#fff;border-color:var(--pink-500)}.chat-msg.mine .chat-msg-bubble strong{display:none}.chat-msg-text{font-size:14px;white-space:pre-wrap;word-wrap:break-word}.chat-msg-time{color:var(--text-muted);font-size:10.5px}.chat-msg.mine .chat-msg-time{color:#ffffffbf}.post-composer-voice{display:flex;align-items:center;gap:8px;margin-top:8px}.post-composer-voice .audio-player{flex:1;margin-top:0}.voice-recorder{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin-top:8px}.voice-recorder-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.voice-record-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--pink-500),var(--pink-600));color:#fff;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 4px 12px #ec489940}.voice-record-dot{width:8px;height:8px;border-radius:50%;background:#fff}.voice-stop-btn{width:32px;height:32px;border-radius:50%;background:var(--pink-500);border:0;cursor:pointer;display:grid;place-items:center;position:relative;flex:none;animation:voicePulse 1.4s ease-in-out infinite}.voice-stop-square{width:11px;height:11px;background:#fff;border-radius:2px}@keyframes voicePulse{0%,to{box-shadow:0 0 #ec48998c}50%{box-shadow:0 0 0 10px #ec489900}}.voice-recorder-bars{display:flex;align-items:center;gap:2px;flex:1;min-width:80px;height:28px}.voice-recorder-bar{flex:1;min-width:2px;height:100%;background:linear-gradient(180deg,var(--pink-400),var(--pink-600));border-radius:2px;transform-origin:center;transition:transform .08s linear}.voice-recorder-time{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;color:var(--gray-700)}.voice-recorder-progress{flex-basis:100%;height:3px;background:var(--gray-200);border-radius:999px;overflow:hidden;margin-top:4px}.voice-recorder-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--pink-400),var(--pink-600));transition:width .15s linear}.voice-recorder-row.preview audio{width:100%;max-width:320px}.voice-recorder-row.error{color:var(--pink-700)}.audio-player{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ec489914,#3b82f60f);border:1px solid rgba(236,72,153,.18);padding:10px 12px;border-radius:12px;margin-top:10px}.audio-player.compact{padding:6px 8px;gap:8px;border-radius:10px}.audio-player-btn{width:36px;height:36px;flex:none;border-radius:50%;border:0;background:linear-gradient(135deg,var(--pink-500),var(--pink-600));color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 10px #ec489940}.audio-player.compact .audio-player-btn{width:28px;height:28px}.audio-player-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.audio-player-track{position:relative;width:100%;height:6px;background:#0f172a1f;border:0;padding:0;border-radius:999px;cursor:pointer;overflow:hidden}.audio-player.compact .audio-player-track{height:4px}.audio-player-fill{display:block;height:100%;background:linear-gradient(90deg,var(--pink-400),var(--pink-600));transition:width .1s linear}.audio-player-meta{display:flex;align-items:center;gap:4px}.audio-player.playing .audio-player-fill{background:linear-gradient(90deg,var(--pink-500),var(--blue-500))}.audio-player-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:audioSpin .8s linear infinite}@keyframes audioSpin{to{transform:rotate(360deg)}}html[data-theme=dark] .audio-player{background:linear-gradient(135deg,#ec48991f,#3b82f614);border-color:#ec489933}html[data-theme=dark] .audio-player-track{background:#ffffff14}html[data-theme=dark] .voice-recorder{background:#ffffff0a;border-color:#ffffff14}.social-bell{position:relative}.social-bell-trigger{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--white);color:var(--gray-700);display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s}.social-bell-trigger:hover{background:var(--bg-soft);border-color:var(--pink-300)}.social-bell-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;background:var(--pink-500);color:#fff;font-size:10px;font-weight:700;border-radius:999px;display:grid;place-items:center;border:2px solid var(--white);line-height:1}html[data-theme=dark] .social-bell-trigger{background:#1a1f2c;border-color:#ffffff14;color:#e5e7eb}html[data-theme=dark] .social-bell-trigger:hover{background:#ffffff0f}html[data-theme=dark] .social-bell-badge{border-color:#1a1f2c}.social-bell-pop{position:fixed;max-height:min(70vh,460px);overflow-y:auto;background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:0 22px 44px #0f172a40,0 8px 16px #0f172a1f;padding:6px;z-index:1100;animation:bellPopIn .14s cubic-bezier(.2,.8,.2,1)}@keyframes bellPopIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.social-bell-item{-webkit-tap-highlight-color:transparent}@media (max-width: 600px){.social-bell-pop{max-height:min(72vh,520px)}.social-bell-item{padding:12px}}html[data-theme=dark] .social-bell-pop{background:#1a1f2c;border-color:#ffffff14}.social-bell-head{display:flex;justify-content:space-between;align-items:baseline;padding:8px 10px 6px;border-bottom:1px solid var(--border)}.social-bell-section{padding:8px 10px 4px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.social-bell-empty{display:flex;flex-direction:column;align-items:center;padding:26px 10px;gap:6px}.social-bell-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;border:0;background:transparent;color:inherit;text-align:left;text-decoration:none;cursor:pointer}.social-bell-item:hover{background:var(--bg-soft)}html[data-theme=dark] .social-bell-item:hover{background:#ffffff0f}.social-bell-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.social-bell-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.social-bell-meta strong{font-size:13px}.social-bell-pop.fb-style{padding:0}.social-bell-pop.fb-style .social-bell-head{padding:12px 14px;border-bottom:1px solid var(--border)}.social-bell-pop.fb-style .social-bell-head strong{font-size:16px}.social-bell-list{max-height:min(56vh,360px);overflow-y:auto;padding:4px}.social-bell-item.unread{background:#1d4ed80f}html[data-theme=dark] .social-bell-item.unread{background:#6366f11f}.social-bell-item.unread .social-bell-meta strong{color:var(--brand-700, #1d4ed8)}.social-bell-dot{width:8px;height:8px;border-radius:50%;background:#2563eb;flex:none}.social-bell-avatar{position:relative;flex:none}.social-bell-kind-badge{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--white, #fff);box-shadow:0 2px 4px #0000002e}html[data-theme=dark] .social-bell-kind-badge{border-color:#1a1f2c}.social-bell-foot{border-top:1px solid var(--border);padding:8px;display:flex;justify-content:center}.social-bell-viewall{display:block;width:100%;text-align:center;font-weight:600;font-size:13px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--brand-700, #1d4ed8)}.social-bell-viewall:hover{background:var(--bg-soft)}.notif-page{max-width:720px;margin:0 auto;padding:16px}.notif-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.notif-page-head .page-title,.notif-page-title{margin:0;font-size:22px;font-weight:700}.notif-spinner{display:inline-block;width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--brand-700, #1d4ed8);border-radius:50%;animation:notifSpin .8s linear infinite}@keyframes notifSpin{to{transform:rotate(360deg)}}.notif-page-actions{display:flex;gap:8px}.notif-tabs{display:flex;gap:6px;margin:8px 0 14px;padding:4px;background:var(--bg-soft);border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.notif-tab{flex:1;min-width:80px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:9px;border:0;background:transparent;color:var(--text-muted);font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.notif-tab:hover{color:var(--text)}.notif-tab.active{background:var(--white, #fff);color:var(--brand-700, #1d4ed8);box-shadow:0 1px 4px #00000014}html[data-theme=dark] .notif-tab.active{background:#ffffff14;color:#93c5fd}.notif-tab-pill{background:#ef4444;color:#fff;font-size:10px;padding:1px 6px;border-radius:999px;min-width:18px;text-align:center}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:56px 20px;border:1px dashed var(--border);border-radius:14px}.notif-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.notif-row{display:flex;align-items:stretch;border-radius:12px;background:var(--white, #fff);border:1px solid var(--border);transition:transform .08s,box-shadow .15s,background .15s}.notif-row:hover{box-shadow:0 4px 10px #0000000f}.notif-row.is-unread{background:#1d4ed812;border-color:#1d4ed840}html[data-theme=dark] .notif-row{background:#1a1f2c}html[data-theme=dark] .notif-row.is-unread{background:#6366f126}.notif-row-main{flex:1;display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;border-radius:inherit}.notif-avatar{position:relative;flex:none}.notif-kind-badge{position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--white, #fff);box-shadow:0 2px 6px #0000002e}html[data-theme=dark] .notif-kind-badge{border-color:#1a1f2c}.notif-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none}.notif-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.notif-title{font-size:14px}.notif-text{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-time{margin-top:4px;font-size:11px}.notif-dot{width:10px;height:10px;border-radius:50%;background:#2563eb;align-self:center;flex:none}.notif-remove{flex:none;width:36px;border:0;background:transparent;color:var(--text-muted);cursor:pointer;border-top-right-radius:inherit;border-bottom-right-radius:inherit;display:grid;place-items:center;transition:background .15s,color .15s}.notif-remove:hover{background:#ef444414;color:#ef4444}@media (max-width: 600px){.notif-text{white-space:normal}.notif-row-main{padding:12px;gap:10px}.notif-icon{width:40px;height:40px}}.public-share-shell{min-height:100vh;background:var(--bg-soft, #f8fafc);display:flex;flex-direction:column}html[data-theme=dark] .public-share-shell{background:#0f172a}.public-share-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--white, #fff);border-bottom:1px solid var(--border);box-shadow:0 1px 4px #0f172a0a}html[data-theme=dark] .public-share-bar{background:#1a1f2c}.public-share-brand{display:flex;align-items:center;text-decoration:none}.public-share-actions{display:flex;gap:8px;align-items:center}.public-share-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:20px}@media (max-width: 600px){.public-share-main{padding:12px}}.public-share-foot{background:linear-gradient(135deg,#1d4ed8,#6366f1);color:#fff;padding:36px 20px;text-align:center}.public-share-cta{max-width:520px;margin:0 auto}.public-share-cta strong{font-size:18px;display:block;margin-bottom:4px}.public-share-cta .muted{color:#ffffffd9}.public-share-cta .btn-outline{color:#fff;border-color:#ffffff80;background:transparent}.public-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:56px 20px;border:1px dashed var(--border);border-radius:14px;background:var(--white, #fff)}html[data-theme=dark] .public-empty{background:#1a1f2c}.public-post-card{background:var(--white, #fff);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 4px 12px #0f172a0a}html[data-theme=dark] .public-post-card{background:#1a1f2c}.public-post-head{display:flex;gap:12px;margin-bottom:12px}.public-post-content{font-size:15px;line-height:1.5;margin:8px 0;white-space:pre-wrap;word-break:break-word}.public-post-images{display:grid;gap:6px;margin:10px 0;border-radius:12px;overflow:hidden}.public-post-images.img-grid-1{grid-template-columns:1fr}.public-post-images.img-grid-2,.public-post-images.img-grid-3,.public-post-images.img-grid-4{grid-template-columns:1fr 1fr}.public-post-image{border:0;padding:0;cursor:zoom-in;background:transparent;display:block;width:100%;height:240px;overflow:hidden;border-radius:8px}.public-post-image img{width:100%;height:100%;object-fit:cover}@media (max-width: 600px){.public-post-image{height:180px}}.public-post-stats{display:flex;gap:16px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.public-post-stats span{display:inline-flex;align-items:center;gap:4px}.public-post-actions{margin-top:10px}.public-signin-prompt{background:var(--bg-soft, #f1f5f9);border-radius:10px;padding:10px 12px;text-align:center;font-size:13px}html[data-theme=dark] .public-signin-prompt{background:#ffffff0a}.public-section-title{margin:24px 0 12px;font-size:18px;font-weight:700}.public-post-comments{margin-top:16px}.public-comment-cta{display:flex;gap:12px;align-items:center;background:var(--white, #fff);border:1px dashed var(--border);border-radius:12px;padding:12px;margin-bottom:14px}html[data-theme=dark] .public-comment-cta{background:#1a1f2c}.public-comment-cta .muted{margin:0 0 6px;font-size:13px}.public-comments{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.public-comment{display:flex;gap:10px;background:var(--white, #fff);border:1px solid var(--border);border-radius:12px;padding:10px 12px}html[data-theme=dark] .public-comment{background:#1a1f2c}.public-comment-image{display:block;max-width:280px;border-radius:8px;margin-top:6px}.public-profile-cover{height:200px;border-radius:14px;overflow:hidden;margin-bottom:-56px;position:relative;z-index:0}.public-profile-cover img{width:100%;height:100%;object-fit:cover}.public-profile-head{display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--white, #fff);border-radius:14px;border:1px solid var(--border);position:relative;z-index:1}html[data-theme=dark] .public-profile-head{background:#1a1f2c}.public-profile-name{margin:0;font-size:22px;font-weight:700}.public-profile-bio{margin:8px 0;line-height:1.5}.public-profile-stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px;font-size:13px}.public-profile-stats strong{color:var(--text)}.public-profile-cta{flex:none}@media (max-width: 600px){.public-profile-head{flex-direction:column;align-items:center;text-align:center}.public-profile-cta{align-self:stretch}}.public-tag-head{display:flex;align-items:center;gap:12px;background:var(--white, #fff);border:1px solid var(--border);border-radius:14px;padding:16px 20px;margin-bottom:14px}html[data-theme=dark] .public-tag-head{background:#1a1f2c}.public-tag-head h1{margin:0;font-size:22px}.public-post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.public-post-list-link{display:block;background:var(--white, #fff);border:1px solid var(--border);border-radius:12px;padding:14px;text-decoration:none;color:inherit;transition:box-shadow .15s,transform .08s}.public-post-list-link:hover{box-shadow:0 6px 18px #0f172a14}html[data-theme=dark] .public-post-list-link{background:#1a1f2c}.public-post-list-content{margin:6px 0;line-height:1.5;word-break:break-word}.public-post-list-imgs{display:flex;gap:6px;margin-top:8px}.public-post-list-imgs img{width:33%;max-width:160px;height:100px;object-fit:cover;border-radius:8px}.public-post-list-meta{display:flex;gap:14px;margin-top:8px}.public-post-list-meta span{display:inline-flex;align-items:center;gap:4px}.privacy-card{padding:20px}.privacy-toggles{margin-top:14px;display:grid;grid-template-columns:1fr;gap:4px}@media (min-width: 720px){.privacy-toggles{grid-template-columns:1fr 1fr;gap:8px 24px}}.privacy-toggle{display:flex;align-items:center;gap:14px;padding:10px 4px;border-bottom:1px solid var(--border);cursor:pointer}.privacy-toggle:last-child{border-bottom:0}.privacy-toggle strong{font-size:14px;color:var(--gray-700)}html[data-theme=dark] .privacy-toggle strong{color:#e5e7eb}.privacy-toggle-input{position:absolute;opacity:0;pointer-events:none}.privacy-toggle-track{position:relative;flex:0 0 44px;width:44px;height:24px;background:#d1d5db;border-radius:999px;transition:background .15s}.privacy-toggle-track.on{background:var(--pink-500)}.privacy-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .15s}.privacy-toggle-track.on .privacy-toggle-thumb{transform:translate(20px)}.privacy-toggle-input:focus-visible+.privacy-toggle-track{box-shadow:0 0 0 3px #ec489959}.chat-msg-foot{display:flex;align-items:center;gap:6px;align-self:flex-end;font-size:10.5px}.chat-msg.mine .chat-msg-foot{color:#ffffffd9}.chat-msg-edited{color:var(--text-muted);font-style:italic}.chat-msg.mine .chat-msg-edited{color:#ffffffb3}.chat-msg-receipt{font-weight:700;opacity:.55;transition:opacity .15s,color .15s}.chat-msg-receipt.seen{opacity:1;color:#4ade80}.chat-msg.mine .chat-msg-receipt.seen{color:#d1fae5}.chat-msg-menu{position:absolute;top:6px;right:6px}.chat-msg-bubble{position:relative}.chat-msg.mine .chat-msg-menu{right:6px}.chat-msg-menu-trigger{width:22px;height:22px;border-radius:50%;border:0;background:#ffffff2e;color:#ffffffd9;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .15s,background .15s}.chat-msg-bubble:hover .chat-msg-menu-trigger,.chat-msg-menu-trigger:focus-visible{opacity:1}.chat-msg-menu-trigger:hover{background:#ffffff52}@media (max-width: 600px){.chat-msg-menu-trigger{opacity:1}}.chat-msg-menu-pop{position:absolute;top:26px;right:0;min-width:130px;background:var(--white);color:var(--gray-700);border:1px solid var(--border);border-radius:10px;box-shadow:0 14px 28px #0f172a2e;padding:4px;z-index:30;display:flex;flex-direction:column}.chat-msg-menu-pop button{display:flex;align-items:center;gap:8px;padding:7px 10px;border:0;background:transparent;color:inherit;font-size:13px;text-align:left;border-radius:6px;cursor:pointer}.chat-msg-menu-pop button:hover{background:var(--gray-50)}.chat-msg-menu-pop button.danger{color:var(--danger, #dc2626)}.chat-msg-menu-pop button.danger:hover{background:#dc262614}html[data-theme=dark] .chat-msg-menu-pop{background:#1a1f2c;border-color:#ffffff14;color:#e5e7eb}html[data-theme=dark] .chat-msg-menu-pop button:hover{background:#ffffff0f}.chat-msg-image{position:relative;display:block;width:220px;max-width:100%;height:220px;border-radius:12px;overflow:hidden;margin-bottom:6px;padding:0;border:0;background:#0f172a14;cursor:zoom-in;transition:transform .12s ease}.chat-msg-image:hover{transform:scale(1.01)}.chat-msg-image img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .15s}.chat-msg-image:hover img{opacity:.9}.chat-msg-image-zoom{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#0f172aa6;display:grid;place-items:center;opacity:0;transition:opacity .15s;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.chat-msg-image:hover .chat-msg-image-zoom,.chat-msg-image:focus-visible .chat-msg-image-zoom{opacity:1}@media (max-width: 600px){.chat-msg-image{width:180px;height:180px}.chat-msg-image-zoom{opacity:1}}.chat-system{align-self:center;background:var(--gray-100);color:var(--text-muted);font-size:11.5px;padding:4px 10px;border-radius:999px}.chats-conv-composer{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--border);background:var(--white)}.chats-conv-composer input[type=text]{flex:1;border:1px solid var(--border);background:var(--bg-soft);border-radius:999px;padding:10px 16px;font:inherit;font-size:14px;outline:none}.chats-conv-composer input[type=text]:focus{border-color:var(--pink-300);background:var(--white)}.chats-attach,.chats-send{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;flex:none;transition:transform .12s,background .15s,box-shadow .15s}.chats-attach{background:var(--bg-soft);color:var(--gray-700);border:1px solid var(--border)}.chats-attach:hover{background:var(--pink-50);color:var(--pink-700);border-color:var(--pink-200)}.chats-send{background:linear-gradient(135deg,var(--pink-500) 0%,#BE185D 100%);color:#fff;box-shadow:0 6px 14px -6px #ec48998c}.chats-send:hover{transform:translateY(-1px);box-shadow:0 8px 18px -6px #ec4899a6}.chats-send:active{transform:translateY(0)}.chats-send:disabled,.chats-attach:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.chat-composer-preview{position:relative;margin:8px 12px 0;border:1px solid var(--border);border-radius:10px;overflow:hidden;display:inline-block;max-width:200px}.chat-composer-preview img{display:block;max-width:100%;max-height:140px}.chat-composer-preview-close{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#000000b3;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--pink-50);color:var(--pink-700);border:1px solid var(--pink-200);padding:4px 8px 4px 10px;border-radius:999px;font-size:12.5px;font-weight:600}.chip button{background:transparent;border:0;cursor:pointer;color:var(--pink-700);font-size:14px;font-weight:700;padding:0 2px}.search-results{margin-top:12px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.search-result{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;text-align:left;font:inherit;width:100%}.search-result:hover{background:var(--bg-soft)}.search-result.is-picked{border-color:var(--pink-300);background:var(--pink-50)}.search-result-meta{flex:1;min-width:0}.search-result-meta strong{display:block}@media (max-width: 880px){.chats-shell{grid-template-columns:1fr;gap:0;height:auto}.chats-shell.show-list .chats-conv,.chats-shell.show-conv .chats-list{display:none}.chats-back{display:inline-flex}.chats-list,.chats-conv{height:calc(100dvh - 140px);min-height:0;border-radius:14px}}@media (max-width: 600px){.chats-list,.chats-conv{height:calc(100dvh - 116px);border-radius:12px}.chats-conv-head{padding:10px 12px;gap:8px}.chats-conv-stream{padding:10px;gap:8px}.chats-conv-composer{padding:8px 10px;gap:8px}.chat-msg{max-width:86%}.chat-msg-bubble{padding:7px 10px;font-size:14px}.chats-list-search{padding:6px 10px}.chats-list-head{padding:10px 12px}.chat-row{padding:9px 12px;gap:10px}}.ad-section{margin-top:14px;padding:14px;background:var(--bg-soft);border-radius:12px;border:1px solid var(--border)}.ad-section-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px}.ad-section-head strong{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-700)}.ad-pill-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ad-pill{display:inline-flex;align-items:center;gap:5px;background:var(--white);color:var(--gray-700);border:1.5px solid var(--border);padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition)}.ad-pill:hover{border-color:var(--pink-300)}.ad-pill.active{background:var(--pink-500);border-color:var(--pink-500);color:#fff}.monetize-card{padding:22px}.monetize-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.monetize-cell{display:flex;gap:12px;padding:14px;background:var(--white);border:1px solid var(--border);border-radius:12px}.monetize-cell strong{display:block;font-size:14px;color:var(--gray-900);margin-bottom:4px}.monetize-cell p{margin:0;font-size:12.5px;color:var(--text-muted);line-height:1.5}.monetize-formula{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;background:var(--pink-50);border:1px solid var(--pink-100);border-radius:12px;font-size:13px;line-height:1.55;color:var(--gray-800)}.monetize-formula strong{color:var(--pink-700)}.admin-post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.admin-post{display:flex;flex-direction:column;gap:10px;padding:14px 16px}.admin-post.is-ad{border-color:var(--blue-200);background:var(--blue-50)}.admin-post.is-hidden{opacity:.65;border-color:var(--amber-200, #FED7AA)}.admin-post.is-deleted{opacity:.5;border-color:var(--pink-200)}.admin-post-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-post-body p{font-size:13.5px;line-height:1.55;word-wrap:break-word}.admin-post-images{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:8px;border-radius:8px;overflow:hidden}.admin-post-images img{width:100%;aspect-ratio:16/11;object-fit:cover;display:block;background:var(--gray-100)}.admin-post-foot{margin-top:4px;padding-top:8px;border-top:1px dashed var(--border)}.todo-card{display:flex;align-items:flex-start;gap:12px;background:var(--white);padding:12px 12px 12px 14px;border-radius:0;border:0;border-bottom:1px solid var(--border);transition:background var(--transition)}.todo-card:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.todo-card:last-child{border-bottom-left-radius:14px;border-bottom-right-radius:14px;border-bottom:0}.todo-card:hover{background:var(--bg-soft)}.todo-card.is-active{background:var(--pink-50)}.todo-card.is-done{opacity:.6}.todo-card.is-done .todo-title{text-decoration:line-through;color:var(--gray-500)}.todo-card.priority-high{box-shadow:inset 3px 0 0 var(--pink-500)}.todo-card.priority-medium{box-shadow:inset 3px 0 0 var(--blue-500)}.todo-card.priority-low{box-shadow:inset 3px 0 0 var(--gray-300)}.todo-list{background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #0f172a08}.todo-body-btn{flex:1;min-width:0;background:transparent;border:0;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;gap:2px}.todo-body-btn:focus-visible{outline:2px solid var(--pink-400);outline-offset:2px;border-radius:6px}.todo-card-chevron{display:inline-flex;align-items:center;flex:none;opacity:.6}.todo-card.is-active .todo-card-chevron{opacity:1;transform:rotate(90deg);transition:transform .15s}.todo-check{width:20px;height:20px;border:2px solid var(--gray-300);border-radius:6px;background:var(--white);cursor:pointer;display:grid;place-items:center;flex:none;margin-top:2px;transition:border-color .15s,background .15s,transform .08s}.todo-check:hover{border-color:var(--pink-400)}.todo-check:active{transform:scale(.92)}.todo-check.checked{background:var(--green-500);border-color:var(--green-500)}.todo-check.large{width:24px;height:24px}.todo-check.small{width:16px;height:16px;border-radius:5px;margin-top:4px}.todo-title{font-weight:600;color:var(--gray-900);line-height:1.4}.todo-desc{margin-top:2px}.todo-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;font-size:12px}.todo-due{color:var(--text-muted);display:inline-flex;align-items:center;gap:4px}.todo-due.overdue{color:var(--danger);font-weight:600}.todo-shell{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}@media (max-width: 980px){.todo-shell{grid-template-columns:minmax(0,1fr)}.todo-detail{position:sticky;top:14px}}.todo-master{min-width:0}.todo-detail{position:sticky;top:14px;padding:0;overflow:hidden}.todo-detail-head{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-soft) 0%,var(--white) 100%)}.todo-detail-body{padding:16px 18px;display:flex;flex-direction:column;gap:18px}.todo-detail-section{display:flex;flex-direction:column;gap:6px}.todo-detail-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.todo-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.todo-detail-cell{display:flex;flex-direction:column;gap:4px}.todo-detail-cell strong{font-size:13.5px;color:var(--gray-900)}.overdue-text{color:var(--danger)}.todo-detail-foot{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--border);background:var(--bg-soft)}.subtask-list{list-style:none;padding:0;margin:0}.subtask-list li{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:13.5px;border-bottom:1px dashed var(--border)}.subtask-list li:last-child{border-bottom:0}.subtask-list li.is-done span{text-decoration:line-through;color:var(--gray-500)}.hero-card{background:radial-gradient(circle at 100% 0%,rgba(236,72,153,.08),transparent 50%),radial-gradient(circle at 0% 100%,rgba(59,130,246,.06),transparent 50%),var(--white);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:0 1px 2px #0f172a0a,0 12px 32px -16px #0f172a14}.hero-greeting{margin-bottom:22px}.hero-greeting h1{font-size:28px;margin:8px 0 4px}.hero-greeting p{margin:0;font-size:14px}.ask-box{width:100%}.ask-input-wrap{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--border-strong);border-radius:14px;padding:8px 8px 8px 14px;transition:border-color var(--transition),box-shadow var(--transition);box-shadow:0 1px 2px #0f172a08}.ask-input-wrap:focus-within{border-color:var(--pink-500);box-shadow:0 0 0 3px var(--pink-100)}.ask-input-wrap input{flex:1;border:0;outline:none;font-size:16px;background:transparent;padding:10px 4px;min-width:0}.ask-send{display:inline-flex;align-items:center;gap:6px;background:var(--pink-500);color:#fff;border:0;padding:10px 18px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:background var(--transition);flex:none}.ask-send:hover:not(:disabled){background:var(--pink-600)}.ask-send:disabled{background:var(--gray-300);cursor:not-allowed}.ask-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ask-chips .chip{cursor:pointer;background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.quick-action{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--white);border:1px solid var(--border);border-radius:14px;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);text-decoration:none;color:var(--text)}.quick-action:hover{border-color:var(--pink-300);transform:translateY(-2px);box-shadow:0 8px 20px -10px #0f172a26}.quick-action .quick-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:none}.quick-action .quick-text{flex:1;min-width:0;display:flex;flex-direction:column}.quick-action strong{font-size:14.5px}.usage-warn{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;margin-bottom:18px;border:1px solid;background:var(--white)}.usage-warn-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none}.usage-warn-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.usage-warn-meta strong{font-size:14.5px}.usage-warn-meta span{font-size:13px;color:var(--text-muted)}.usage-warn.is-near{border-color:var(--amber-200, #FED7AA);background:linear-gradient(180deg,#FFFBEB 0%,var(--white) 60%)}.usage-warn.is-near .usage-warn-icon{background:#f59e0b}.usage-warn.is-blocked{border-color:var(--pink-200);background:linear-gradient(180deg,var(--pink-50) 0%,var(--white) 60%)}.usage-warn.is-blocked .usage-warn-icon{background:var(--danger)}.strip-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:14px 18px}.strip-cell{display:flex;flex-direction:column;gap:4px;padding-right:18px;border-right:1px solid var(--border)}.strip-cell:last-child{border-right:0;padding-right:0}.strip-cell .strip-label{font-size:11px;font-weight:700;color:var(--gray-500);letter-spacing:.04em;text-transform:uppercase}.strip-cell strong{font-family:var(--font-display);font-size:22px;font-weight:800}.strip-bar{height:4px;background:var(--gray-100);border-radius:2px;overflow:hidden;margin-top:4px}.strip-bar>div{height:100%;transition:width .3s ease}.recent-conv-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.recent-conv{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;text-decoration:none;color:var(--text);transition:background var(--transition)}.recent-conv:hover{background:var(--gray-50)}.featured-card{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;margin-top:10px;text-decoration:none;color:var(--text);transition:border-color var(--transition),transform var(--transition)}.featured-card:hover{border-color:var(--pink-300);transform:translateY(-1px)}@media (max-width: 720px){.main-header{padding:14px 16px;gap:10px;align-items:center}.main-header h1{font-size:18px;line-height:1.15}.main-content{padding:16px}.main-header{flex-wrap:wrap}.main-header>div:first-child{flex:1;min-width:0}.main-header>div:first-child h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-header .header-controls{flex-basis:100%;order:99;justify-content:flex-start}.main-header .header-controls .select{flex:1;min-width:0}.row{flex-direction:column}.row>.col{min-width:0!important;max-width:100%!important;width:100%}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px 14px 12px}.kpi-value{font-size:22px}.kpi-label{font-size:11px}.kpi-icon{width:28px;height:28px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.pricing-grid{grid-template-columns:1fr}.surface{padding:18px;border-radius:14px}.surface-pad-lg{padding:18px}.card{padding:16px}.card-pad-lg{padding:20px}.modal{max-width:100%;max-height:95vh;border-radius:16px}.modal-body{padding:16px}.modal-head,.modal-foot{padding:14px 16px}.tabs{padding:4px}.tab{padding:8px 12px;font-size:12.5px}.btn{font-size:13.5px;padding:10px 14px}.btn-lg{padding:12px 18px;font-size:14px}.btn-block{width:100%}.lessons-library{max-width:100%!important;min-width:0!important}.lesson-list-scroll{max-height:50vh}.option-row{padding:14px;gap:10px}.option-letter{width:32px;height:32px}.challenge-card{padding:12px}.podium{padding:18px 8px;gap:8px}.podium-step{padding:14px 6px;min-height:140px}.podium-step .avatar{width:44px!important;height:44px!important;font-size:18px!important}.podium-place{width:26px;height:26px;font-size:12px}.podium-name{font-size:12px}.badge-strip{gap:10px}.chat-bubble{padding:12px 14px;max-width:100%}.md-output h1{font-size:17px}.md-output h2{font-size:16px}.md-output h3{font-size:14.5px}.composer-row textarea{font-size:16px}.bubble-actions .muted.tiny.center span:nth-child(2){max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-toolbar{padding:10px 12px;gap:8px}.chat-toolbar strong{max-width:200px!important;font-size:14px}.chat-mode button{padding:6px 10px;font-size:12px}.surface-head{flex-wrap:wrap}.surface-head .meta{width:100%;min-width:0}.hero-card{padding:18px;border-radius:16px}.hero-greeting h1{font-size:22px}.ask-input-wrap{padding:6px 6px 6px 10px}.ask-input-wrap input{font-size:16px;padding:8px 4px}.ask-send{padding:10px 12px}.ask-send-label{display:none}.ask-chips{gap:6px}.ask-chips .chip{font-size:12px;padding:6px 10px}.quick-actions{grid-template-columns:1fr 1fr;gap:8px}.quick-action{padding:12px;gap:10px}.quick-action .quick-icon{width:36px;height:36px}.quick-action strong{font-size:13.5px}.quick-action .quick-text .muted{font-size:11px}.quick-action>svg{display:none}.strip-stats{grid-template-columns:1fr 1fr;padding:14px;gap:14px}.strip-cell{border-right:0;padding-right:0}.strip-cell:nth-child(odd){border-right:1px solid var(--border);padding-right:14px}.strip-cell strong{font-size:18px}}@media (max-width: 480px){.stat-grid,.feature-grid{grid-template-columns:1fr}h1{font-size:22px}.form-grid{grid-template-columns:1fr}}.landing{background:#fff;color:var(--gray-900);overflow-x:clip;padding-top:72px}.landing h1,.landing h2,.landing h3,.landing h4{color:var(--gray-900)}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--pink-500),var(--blue-500),var(--green-500));z-index:999;transition:width .08s linear}.reveal-up{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal-up.in{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-32px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal-left.in{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(32px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal-right.in{opacity:1;transform:translate(0)}@media (prefers-reduced-motion: reduce){.reveal-up,.reveal-left,.reveal-right{transition:none;opacity:1;transform:none}}.ink-pink{color:var(--pink-600)}.ink-blue{color:var(--blue-600)}.ink-green{color:var(--green-600)}.hero-v2{position:relative;padding:80px 0 100px;overflow:hidden;background:linear-gradient(180deg,#fff,#fff8fc 60%,#fff)}.hero-v2-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:heroFloat 12s ease-in-out infinite}.hero-blob-pink{width:420px;height:420px;top:-120px;right:-80px;background:radial-gradient(circle,#FBCFE8 0%,transparent 70%)}.hero-blob-blue{width:360px;height:360px;top:220px;left:-120px;background:radial-gradient(circle,#BFDBFE 0%,transparent 70%);animation-delay:-3s}.hero-blob-green{width:300px;height:300px;bottom:-60px;right:25%;background:radial-gradient(circle,#A7F3D0 0%,transparent 70%);animation-delay:-6s}@keyframes heroFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(15,23,42,.05) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.hero-bottom-fade{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent,#FFFFFF);pointer-events:none}.hero-v2-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}@media (max-width: 960px){.hero-v2{padding:56px 0 60px}.hero-v2-grid{grid-template-columns:1fr;gap:36px}}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--white);border:1px solid var(--pink-200);border-radius:999px;font-size:12px;font-weight:700;color:var(--pink-700);margin-bottom:24px;box-shadow:0 4px 16px -8px #ec489959}.hero-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--pink-500);box-shadow:0 0 #ec489966;animation:heroDot 2s ease-in-out infinite}@keyframes heroDot{0%,to{box-shadow:0 0 #ec489966}50%{box-shadow:0 0 0 8px #ec489900}}.hero-headline{font-size:clamp(36px,5.5vw,64px);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin:0 0 22px}.hero-lead{font-size:clamp(16px,1.4vw,19px);color:var(--gray-600);line-height:1.55;max-width:540px;margin:0 0 32px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-cta-btn{padding:12px 22px!important;font-size:15px!important;font-weight:700;border-radius:12px!important;display:inline-flex;align-items:center;gap:8px}.hero-cta-btn.btn-primary{background:linear-gradient(135deg,var(--pink-500),var(--pink-600));border:none;box-shadow:0 12px 28px -10px #ec48998c;transition:transform .15s ease,box-shadow .15s ease}.hero-cta-btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px -12px #ec4899a6}.hero-microproof{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:13px;color:var(--gray-500)}.hero-microproof span{display:inline-flex;align-items:center;gap:5px}.hero-people{display:flex;align-items:center;gap:14px;margin-top:32px;padding:14px 18px;background:var(--white);border:1px solid var(--gray-200);border-radius:14px;box-shadow:0 8px 24px -16px #0f172a26;width:fit-content}.hero-avatars{display:flex}.hero-avatars>*{margin-left:-10px;border:2px solid #FFF}.hero-avatars>*:first-child{margin-left:0}.hero-people-meta{display:flex;flex-direction:column}.hero-people-meta strong{font-size:13px;color:var(--gray-900)}.hero-preview{position:relative;perspective:1200px}.hero-preview-blob{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(ellipse at top right,#FBCFE8 0%,transparent 60%),radial-gradient(ellipse at bottom left,#BFDBFE 0%,transparent 60%);filter:blur(40px);z-index:0}.hero-preview-card{position:relative;background:#fff;border:1px solid var(--gray-200);border-radius:22px;box-shadow:0 30px 60px -20px #0f172a40,0 18px 36px -18px #ec489926;overflow:hidden;transform:rotateY(-3deg) rotateX(2deg);animation:previewFloat 6s ease-in-out infinite}@keyframes previewFloat{0%,to{transform:rotateY(-3deg) rotateX(2deg) translateY(0)}50%{transform:rotateY(-3deg) rotateX(2deg) translateY(-10px)}}.hero-preview-head{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--gray-100);background:linear-gradient(180deg,#fff,#fafbfc)}.hero-preview-dot{width:10px;height:10px;border-radius:50%}.hero-preview-dot.pink{background:#fbcfe8}.hero-preview-dot.blue{background:#bfdbfe}.hero-preview-dot.green{background:#a7f3d0}.hero-preview-title{margin-left:auto;font-size:12px;color:var(--gray-500);font-weight:600}.hero-preview-body{padding:18px;display:flex;flex-direction:column;gap:12px;min-height:320px}.bubble{display:flex;gap:8px;align-items:flex-end;max-width:85%;opacity:0;animation:bubbleIn .5s cubic-bezier(.2,.8,.2,1) forwards}.bubble.user{align-self:flex-end;flex-direction:row-reverse}.bubble.bot{align-self:flex-start}.bubble-avatar{flex:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--pink-500),var(--blue-500));color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.bubble-body{padding:10px 14px;border-radius:16px;font-size:13.5px;line-height:1.45;background:var(--gray-100);color:var(--gray-800)}.bubble.user .bubble-body{background:linear-gradient(135deg,var(--pink-500),var(--pink-600));color:#fff}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.typing-dots{display:inline-flex;gap:4px}.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--gray-400);animation:typingBounce 1s infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.stats-strip{background:linear-gradient(135deg,#fdf2f8,#eff6ff,#ecfdf5);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:36px 0}.stats-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}@media (max-width: 880px){.stats-strip-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{text-align:center;display:flex;flex-direction:column;gap:4px}.stat-card-value{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1;background:linear-gradient(135deg,var(--gray-900),var(--gray-700));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card-value span{font-size:.65em;margin-left:2px}.stat-pink .stat-card-value{background:linear-gradient(135deg,var(--pink-600),var(--pink-500));-webkit-background-clip:text;color:transparent}.stat-blue .stat-card-value{background:linear-gradient(135deg,var(--blue-600),var(--blue-500));-webkit-background-clip:text;color:transparent}.stat-green .stat-card-value{background:linear-gradient(135deg,var(--green-600),var(--green-500));-webkit-background-clip:text;color:transparent}.stat-card-label{font-size:13px;color:var(--gray-600);font-weight:500}.section-eyebrow{display:inline-block;padding:5px 12px;background:var(--pink-50);color:var(--pink-700);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:14px}.section-head{text-align:center;max-width:720px;margin:0 auto 56px}.section-head h2{font-size:clamp(28px,3.8vw,42px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 14px}.section-head p{font-size:clamp(15px,1.2vw,17px);color:var(--gray-600)}.showcase-section{padding:100px 0}@media (max-width: 880px){.showcase-section{padding:60px 0}}.showcase-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:100px}.showcase-row:last-child{margin-bottom:0}.showcase-row.flipped .showcase-text{order:2}.showcase-row.flipped .showcase-visual{order:1}@media (max-width: 880px){.showcase-row{grid-template-columns:1fr;gap:32px;margin-bottom:60px}.showcase-row.flipped .showcase-text{order:1}.showcase-row.flipped .showcase-visual{order:2}}.showcase-eyebrow{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.showcase-eyebrow.tone-pink{background:var(--pink-50);color:var(--pink-700)}.showcase-eyebrow.tone-blue{background:var(--blue-50);color:var(--blue-700)}.showcase-eyebrow.tone-green{background:var(--green-50);color:var(--green-700)}.showcase-text h3{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 14px}.showcase-text p{font-size:16px;color:var(--gray-600);line-height:1.6;margin-bottom:18px}.showcase-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.showcase-bullets li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--gray-700)}.bullet-dot{width:8px;height:8px;border-radius:50%;flex:none}.bullet-dot.tone-pink{background:var(--pink-500);box-shadow:0 0 0 4px #ec48991f}.bullet-dot.tone-blue{background:var(--blue-500);box-shadow:0 0 0 4px #3b82f61f}.bullet-dot.tone-green{background:var(--green-500);box-shadow:0 0 0 4px #10b9811f}.mock{position:relative;padding:30px;border-radius:24px}.mock-blob{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top right,rgba(251,207,232,.55) 0%,transparent 60%),radial-gradient(ellipse at bottom left,rgba(191,219,254,.55) 0%,transparent 60%);filter:blur(30px);border-radius:24px;z-index:0}.mock-window{position:relative;background:#fff;border:1px solid var(--gray-200);border-radius:18px;box-shadow:0 24px 48px -16px #0f172a33;overflow:hidden;z-index:1}.mock-window.dark{background:#1a1f2e;border-color:#ffffff14;color:#e5e7eb}.mock-window-head{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--gray-100)}.mock-window.dark .mock-window-head{border-bottom-color:#ffffff0f}.mock-tab{margin-left:12px;font-size:11px;font-weight:600;color:var(--gray-500)}.mock-window.dark .mock-tab{color:#94a3b8}.mock-chat .mock-window{padding-bottom:16px}.mock-msg{margin:12px 16px;padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.5;max-width:78%}.mock-msg.user{background:linear-gradient(135deg,var(--pink-500),var(--pink-600));color:#fff;margin-left:auto}.mock-msg.bot{background:var(--gray-100);color:var(--gray-800)}.mock-msg.mono{font-family:SF Mono,Menlo,monospace;font-size:12.5px;background:var(--gray-50);border:1px solid var(--gray-200)}.mock-voice{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#ecfdf5,#fdf2f8);border:1px solid var(--gray-200);min-height:360px;text-align:center}.mock-mic{position:relative;width:120px;height:120px;margin-bottom:24px;z-index:1}.mock-mic-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--green-500);opacity:.25;animation:micPulse 2s ease-out infinite}.mock-mic-pulse.delay{animation-delay:1s}.mock-mic-core{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:50%;background:linear-gradient(135deg,var(--green-500),var(--green-600));display:grid;place-items:center;box-shadow:0 12px 28px -8px #10b98180}@keyframes micPulse{0%{transform:scale(1);opacity:.35}to{transform:scale(1.6);opacity:0}}.mock-voice-bars{display:flex;align-items:center;gap:3px;height:32px;margin-bottom:16px;z-index:1}.mock-voice-bars span{width:3px;height:12px;background:linear-gradient(180deg,var(--green-400),var(--green-600));border-radius:999px;animation:voiceBar 1.2s ease-in-out infinite}@keyframes voiceBar{0%,to{height:6px}50%{height:24px}}.mock-voice-caption{font-size:14px;color:var(--gray-700);font-style:italic;z-index:1}.mock-code-body{margin:0;padding:18px 20px;font-family:SF Mono,Menlo,monospace;font-size:13.5px;line-height:1.65;color:#e5e7eb;background:#1a1f2e}.mock-quiz{padding:18px 20px 22px}.mock-q{font-size:15px;font-weight:700;color:var(--gray-900);margin-bottom:14px}.mock-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}.mock-opt{padding:12px;text-align:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;font-weight:600;font-size:14px;color:var(--gray-800);position:relative}.mock-opt.correct{background:linear-gradient(135deg,var(--green-50),var(--green-100));border-color:var(--green-400);color:var(--green-700)}.mock-opt.correct:after{content:"✓";position:absolute;top:6px;right:8px;font-size:11px;color:var(--green-600)}.mock-progress{height:6px;background:var(--gray-200);border-radius:999px;margin-bottom:6px;overflow:hidden}.mock-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--pink-500),var(--blue-500));border-radius:999px}.mock-progress-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--gray-500);font-weight:600}.usecase-section{padding:80px 0;background:#fafbfc}.usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media (max-width: 1024px){.usecase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.usecase-grid{grid-template-columns:1fr}}.usecase-card{background:#fff;border:1px solid var(--gray-200);border-radius:18px;padding:24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.usecase-card:hover{transform:translateY(-4px);border-color:var(--pink-200);box-shadow:0 20px 36px -16px #ec489940}.usecase-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px}.usecase-icon.icon-pink{background:linear-gradient(135deg,var(--pink-500),var(--pink-600))}.usecase-icon.icon-blue{background:linear-gradient(135deg,var(--blue-500),var(--blue-600))}.usecase-icon.icon-green{background:linear-gradient(135deg,var(--green-500),var(--green-600))}.usecase-card h3{font-size:17px;margin:0 0 6px}.usecase-card p{font-size:14px;color:var(--gray-600);margin:0;line-height:1.5}.testimonial-section{padding:90px 0}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 880px){.testimonial-grid{grid-template-columns:1fr}}.testimonial-card{background:linear-gradient(180deg,#fff,#fff8fc);border:1px solid var(--gray-200);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.testimonial-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px -16px #0f172a33}.testimonial-card p{font-size:15px;color:var(--gray-800);line-height:1.55;margin:0;font-style:italic}.testimonial-foot{display:flex;align-items:center;gap:12px}.testimonial-foot strong{display:block;font-size:13.5px;color:var(--gray-900)}.pricing-section{padding:90px 0;background:#fafbfc}.pricing-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}@media (max-width: 880px){.pricing-grid-v2{grid-template-columns:1fr}}.price-card{background:#fff;border:1px solid var(--gray-200);border-radius:20px;padding:28px;display:flex;flex-direction:column;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.price-card:hover{transform:translateY(-4px);box-shadow:0 24px 40px -16px #0f172a2e}.price-card.featured{border-color:var(--pink-300);box-shadow:0 30px 50px -16px #ec489940;background:linear-gradient(180deg,#fff,#fff8fc)}.price-card.featured:hover{transform:translateY(-6px)}.price-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:5px 14px;background:linear-gradient(135deg,var(--pink-500),var(--pink-600));color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;box-shadow:0 8px 16px -6px #ec489980}.price-card h3{font-size:18px;margin:0 0 10px}.price-amount{font-family:var(--font-display);font-size:36px;font-weight:800;letter-spacing:-.02em;margin-bottom:18px}.price-amount small{font-size:14px;font-weight:500;color:var(--gray-500)}.price-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px;flex:1}.price-features li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--gray-700)}.faq-section{padding:80px 0}.faq-grid{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.faq-item{background:#fff;border:1px solid var(--gray-200);border-radius:14px;overflow:hidden;transition:border-color .15s ease}.faq-item.open{border-color:var(--pink-300)}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:transparent;border:0;font-size:15px;font-weight:600;text-align:left;color:var(--gray-900);cursor:pointer}.faq-a{max-height:0;padding:0 20px;font-size:14.5px;line-height:1.6;color:var(--gray-600);overflow:hidden;transition:max-height .25s ease,padding .25s ease}.faq-item.open .faq-a{max-height:240px;padding:0 20px 18px}.final-cta-section{padding:80px 0}.final-cta{position:relative;background:linear-gradient(135deg,#fdf2f8,#eff6ff);border:1px solid var(--pink-100);border-radius:28px;padding:64px 32px;text-align:center;overflow:hidden}.final-cta-blob{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(236,72,153,.25) 0%,transparent 70%);top:-150px;right:-100px;filter:blur(40px);pointer-events:none}.final-cta h2{font-size:clamp(28px,4vw,42px);margin:0 0 12px;position:relative}.final-cta p{font-size:16px;color:var(--gray-600);margin:0 0 28px;position:relative}.final-cta .hero-cta{position:relative}.footer-v3{position:relative;background:linear-gradient(180deg,#1e40af,#1a3795,#142e7c);color:#ffffffd1;isolation:isolate;overflow:hidden}.footer-wave{position:absolute;top:-1px;left:0;right:0;height:80px;color:#fff;z-index:1;pointer-events:none}.footer-wave svg{width:100%;height:100%;display:block}.footer-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px}.footer-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25}.footer-orb-1{width:320px;height:320px;top:10%;right:-120px;background:#3b82f6}.footer-orb-2{width:260px;height:260px;bottom:-80px;left:-80px;background:#ec4899;opacity:.15}.footer-orb-3{display:none}.footer-v3-inner{position:relative;z-index:2;padding:100px 0 32px}.footer-newsletter{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:32px 36px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.08);border-left:4px solid var(--pink-500);box-shadow:0 22px 48px -20px #0f172a59,0 8px 16px -8px #0f172a40;margin-bottom:60px}.footer-newsletter h3{color:var(--gray-900)}.footer-newsletter p{color:var(--gray-600)}@media (max-width: 760px){.footer-newsletter{grid-template-columns:1fr;gap:18px;padding:22px}}.footer-newsletter h3{font-size:22px;margin:0 0 6px;font-weight:700;letter-spacing:-.01em}.footer-newsletter p{margin:0;font-size:14px;line-height:1.5}.footer-news-form{display:flex;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:999px;padding:5px 5px 5px 18px;gap:8px;align-items:center;transition:border-color .15s ease,background .15s ease}.footer-news-form:focus-within{border-color:var(--pink-300);background:#fff}.footer-news-form input{flex:1;background:transparent;border:0;color:var(--gray-900);font-size:14px;outline:none;min-width:0}.footer-news-form input::placeholder{color:var(--gray-400)}.footer-news-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,var(--pink-500),var(--pink-600));border:0;border-radius:999px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 8px 20px -8px #ec48998c;transition:transform .15s ease,box-shadow .15s ease}.footer-news-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px -8px #ec4899b3}.footer-v3-grid{display:grid;grid-template-columns:1.6fr .9fr .9fr .9fr;gap:40px;margin-bottom:48px}@media (max-width: 1000px){.footer-v3-grid{grid-template-columns:1fr 1fr;gap:36px}}@media (max-width: 540px){.footer-v3-grid{grid-template-columns:1fr;gap:32px}}.footer-brand-col{max-width:380px}.footer-brand-mark{display:flex;align-items:center;gap:12px;margin-bottom:14px}.footer-brand-mark strong{color:#fff;font-size:18px;letter-spacing:-.01em;font-family:var(--font-display)}.footer-brand-blurb{font-size:13.5px;line-height:1.6;color:#ffffffad;margin-bottom:18px}.footer-social-row{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.footer-social-row a{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fffc;text-decoration:none;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease}.footer-social-row a:hover{transform:translateY(-2px);background:var(--pink-500);border-color:var(--pink-500);color:#fff;box-shadow:0 8px 16px -6px #ec489980}.footer-pills{display:flex;flex-wrap:wrap;gap:6px}.footer-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:11px;color:#ffffffd9;font-weight:500}.footer-v3 h4{font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-weight:700;font-family:var(--font-sans)}.footer-v3 ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.footer-v3 ul a{color:#ffffffad;text-decoration:none;font-size:13.5px;transition:color .15s ease,padding .15s ease;display:inline-block}.footer-v3 ul a:hover{color:#fff;padding-left:4px}.footer-mini-blurb{font-size:12px;color:#ffffff8c;margin:-8px 0 14px;line-height:1.5}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;color:#ffffff8c}.footer-bottom strong{color:#ffffffd9;font-weight:600}.footer-bottom-mid{font-style:italic;color:#ffffff73}.footer-bottom-links{display:inline-flex;align-items:center;gap:10px}.footer-bottom-links a{color:#ffffffa6;text-decoration:none;transition:color .15s ease}.footer-bottom-links a:hover{color:#fff}.footer-dot{width:3px;height:3px;background:#ffffff40;border-radius:50%}@media (max-width: 760px){.footer-bottom{justify-content:center;text-align:center;flex-direction:column}.footer-bottom-mid{order:3}}