*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#0a0a10;--bg-1:#12121a;--bg-2:#1a1a25;--bg-3:#232330;--bg-grad:radial-gradient(ellipse 80% 60% at 50% 0%, #7c3aed2e 0%, #0a0a1000 60%);--surface-1:#ffffff0a;--surface-2:#ffffff12;--surface-3:#ffffff1f;--border-1:#ffffff14;--border-2:#ffffff24;--text-1:#f2f2f5;--text-2:#b0b0bc;--text-3:#70707c;--text-4:#44444e;--accent:#7c3aed;--accent-2:#a78bfa;--accent-3:#f0abfc;--accent-dim:#7c3aed24;--accent-border:#a78bfa59;--accent-text:#fff;--accent-glow:0 4px 24px #7c3aed52;--accent-glow-soft:0 8px 32px #7c3aed2e;--gradient-brand:linear-gradient(135deg, #f0abfc 0%, #c084fc 35%, #a78bfa 65%, #6366f1 100%);--gradient-cta:linear-gradient(135deg, #7c3aed 0%, #6366f1 100%);--gradient-cta-hover:linear-gradient(135deg, #8b46f7 0%, #6f5fff 100%);--danger:#f87171;--warning:#fbbf24;--success:#34d399;--shadow:0 12px 48px #0000008c;--shadow-sm:0 4px 20px #00000059;--shadow-glow:0 8px 32px #7c3aed40;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-pill:999px;--ease:.15s ease;--ease-out:.22s cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34,1.56,.64,1);--container:1200px;--header-h:64px}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-0:#fafafc;--bg-1:#fff;--bg-2:#f3f3f7;--bg-3:#e7e7ef;--bg-grad:radial-gradient(ellipse 80% 60% at 50% 0%, #7c3aed1a 0%, #fafafc00 60%);--surface-1:#00000008;--surface-2:#0000000d;--surface-3:#00000014;--border-1:#00000012;--border-2:#00000024;--text-1:#0f0f14;--text-2:#3c3c4a;--text-3:#6c6c7c;--text-4:#9c9cac;--accent:#6d28d9;--accent-2:#7c3aed;--accent-3:#a855f7;--accent-dim:#7c3aed14;--accent-border:#7c3aed40;--accent-text:#fff;--accent-glow:0 4px 24px #7c3aed38;--accent-glow-soft:0 8px 32px #7c3aed1a;--gradient-brand:linear-gradient(135deg, #c026d3 0%, #7c3aed 50%, #4f46e5 100%);--gradient-cta:linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%);--gradient-cta-hover:linear-gradient(135deg, #8b46f7 0%, #5b54f5 100%);--danger:#dc2626;--warning:#d97706;--success:#059669;--shadow:0 12px 48px #0f0f1e14;--shadow-sm:0 4px 20px #0f0f1e0d;--shadow-glow:0 8px 32px #7c3aed2e}html{background:var(--bg-0);overscroll-behavior-x:none;scroll-behavior:smooth;height:100%;font-size:16px;overflow:hidden auto}body{background:var(--bg-0);min-height:100%;color:var(--text-1);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background .25s,color .25s;overflow:hidden auto}#root{flex-direction:column;min-height:100dvh;display:flex;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:opacity var(--ease), transform var(--ease), background var(--ease), border-color var(--ease);border:none;outline:none;font-family:inherit}button:hover{opacity:.85}button:active{opacity:1;transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea{appearance:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}video{display:block}::selection{background:var(--accent-dim);color:var(--text-1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}input::placeholder,textarea::placeholder{color:var(--text-4)}@supports (padding:max(0px)){.safe-bottom{padding-bottom:max(20px, env(safe-area-inset-bottom))}.safe-top{padding-top:max(16px, env(safe-area-inset-top))}.safe-x{padding-left:max(0px, env(safe-area-inset-left));padding-right:max(0px, env(safe-area-inset-right))}}.container{width:100%;max-width:var(--container);margin:0 auto;padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)}.page{flex-direction:column;flex:1;width:100%;display:flex;position:relative}@keyframes typingBounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.typing-dot{background:var(--text-3);border-radius:50%;width:6px;height:6px;animation:1.2s infinite typingBounce}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes msgPop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes wakeSlide{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-enter{animation:pageEnter .28s var(--ease-out) both}.fade-in{animation:fadeIn .32s var(--ease-out) both}.fade-in-up{animation:slideUp .28s var(--ease-out) both}.slide-down{animation:slideDown .28s var(--ease-out) both}.scale-in{animation:scaleIn .24s var(--ease-out) both}.blink{animation:1.8s infinite blink}.float{animation:4s ease-in-out infinite float}.card-hover{transition:transform var(--ease), box-shadow var(--ease), border-color var(--ease)}.card-hover:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}video{object-fit:cover;border-radius:var(--radius-md);background:var(--bg-1);width:100%;height:100%}.page-scroll{-webkit-overflow-scrolling:touch;min-height:100dvh;overflow-y:auto}.chat-room{flex-direction:column;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}@supports (height:100dvh){.chat-room{height:100dvh}}button:not(.compact):not(.icon-btn){min-height:44px}button.compact,button.icon-btn{min-height:unset;min-width:unset}.glass{background:var(--surface-1);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--border-1)}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientShift}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=480px){html{font-size:15px}}@media (width>=1024px){html{font-size:16px}}
