.app-footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:3rem 2rem 1.5rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto 2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem}.footer-column{display:flex;flex-direction:column;gap:1rem}.footer-brand{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);margin-bottom:.5rem}.footer-logo-img{width:24px;height:24px;object-fit:contain;flex-shrink:0}.footer-brand-name{font-size:1.125rem;font-weight:700;font-family:Fraunces,serif}.footer-tagline{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem}.footer-heading{font-size:.95rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .2s}.footer-link:hover{color:var(--accent-primary)}.footer-language{display:flex;align-items:center}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid var(--border);text-align:center}.footer-copyright{font-size:.875rem;color:var(--text-secondary);margin:0}@media (max-width: 1023px){.footer-content{grid-template-columns:repeat(2,1fr);gap:2rem}.footer-column:first-child{grid-column:1 / -1}}@media (max-width: 480px){.app-footer{padding:2rem 1.5rem 1.5rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-column:first-child{grid-column:auto}}.landing-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;width:100%;pointer-events:none;background:transparent}.landing-header-content{pointer-events:all;width:100%;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border:1px solid transparent;border-radius:0;transition:width .45s cubic-bezier(.4,0,.2,1),border-radius .45s cubic-bezier(.4,0,.2,1),margin-top .45s cubic-bezier(.4,0,.2,1),margin-bottom .45s cubic-bezier(.4,0,.2,1),padding .35s ease,background .35s ease,border-color .35s ease,box-shadow .4s ease}.landing-header.scrolled .landing-header-content{width:min(70%,calc(100% - 2rem));background:var(--nav-glass-bg);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);border-color:var(--nav-glass-border);border-radius:50px;margin-top:.875rem;margin-bottom:.875rem;padding:.6rem 1.5rem;box-shadow:0 8px 40px #00000059,var(--nav-glass-shadow)}.landing-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;font-family:Fraunces,serif;color:var(--text-primary);text-decoration:none;transition:opacity .2s}.landing-logo:hover{opacity:.7}.landing-logo-img{width:28px;height:28px;object-fit:contain;flex-shrink:0}.landing-header-actions{display:flex;align-items:center;gap:1rem}.landing-nav-link{font-size:.9rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:.75rem .9rem;border-radius:8px;transition:color .2s ease,background .2s ease;white-space:nowrap}.landing-nav-link:hover{color:var(--text-primary);background:var(--bg-secondary)}.landing-header-cta{padding:.55rem 1.1rem!important;font-size:.9rem!important;white-space:nowrap!important}.landing-desktop-only{display:contents}.landing-menu-wrap{position:relative;display:none}.landing-menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:0;transition:all .2s ease}.landing-menu-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.landing-menu-btn span{display:block;width:18px;height:1.5px;background:var(--text-primary);border-radius:2px;transition:transform .25s ease,opacity .2s ease;transform-origin:center}.landing-menu-btn.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.landing-menu-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.landing-menu-btn.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.landing-mobile-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--nav-glass-bg);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--nav-glass-border);border-radius:var(--radius-lg);padding:.75rem;box-shadow:var(--shadow-xl),var(--nav-glass-shadow);animation:menuSlideIn .15s ease;z-index:200}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.landing-mobile-menu-controls{display:flex;align-items:center;gap:.5rem;padding:.25rem}.landing-mobile-menu-divider{height:1px;background:var(--border);margin:.4rem 0}.landing-mobile-menu-link{display:block;padding:.6rem .5rem;font-size:.9rem;font-weight:500;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);transition:background .2s ease}.landing-mobile-menu-link:hover{background:var(--bg-hover)}@media (max-width: 768px){.landing-desktop-only{display:none}.landing-menu-wrap{display:block}}.landing-main{flex:1}.hero{min-height:100vh;padding:6rem 2rem;text-align:center;background:radial-gradient(ellipse 70% 55% at 65% 115%,rgba(139,92,246,.18) 0%,var(--bg-primary) 65%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-star-field{position:absolute;inset:0;pointer-events:none;z-index:0}.hero-star{position:absolute;border-radius:50%;animation:hero-twinkle linear infinite}.hero-star--dark{background:#fff}.hero-star--light{background:#6d28d959}@keyframes hero-twinkle{0%,to{opacity:inherit;transform:scale(1)}50%{opacity:.04;transform:scale(.35)}}.hero-wisp{display:none;position:absolute;border-radius:50%;pointer-events:none}.hero-wisp-1{width:500px;height:300px;top:-80px;left:-60px;background:radial-gradient(ellipse at center,rgba(139,92,246,.45) 0%,rgba(139,92,246,.12) 50%,transparent 70%);filter:blur(45px);animation:hero-wisp-a 10s ease-in-out infinite;will-change:transform}.hero-wisp-2{width:380px;height:240px;bottom:0;right:-40px;background:radial-gradient(ellipse at center,rgba(109,40,217,.4) 0%,rgba(109,40,217,.1) 50%,transparent 70%);filter:blur(38px);animation:hero-wisp-b 8s ease-in-out infinite;animation-delay:-3s;will-change:transform}.hero-wisp-3{width:560px;height:360px;top:25%;left:15%;background:radial-gradient(ellipse at center,rgba(167,139,250,.28) 0%,rgba(167,139,250,.07) 55%,transparent 70%);filter:blur(55px);animation:hero-wisp-c 14s ease-in-out infinite;animation-delay:-5s;will-change:transform}.hero-wisp-4{width:280px;height:190px;top:6%;right:8%;background:radial-gradient(ellipse at center,rgba(124,58,237,.38) 0%,rgba(124,58,237,.08) 55%,transparent 70%);filter:blur(30px);animation:hero-wisp-a 9s ease-in-out infinite reverse;animation-delay:-4s;will-change:transform}.hero-wisp-5{width:340px;height:210px;bottom:10%;left:3%;background:radial-gradient(ellipse at center,rgba(139,92,246,.35) 0%,rgba(139,92,246,.08) 55%,transparent 70%);filter:blur(38px);animation:hero-wisp-b 11s ease-in-out infinite;animation-delay:-7s;will-change:transform}@keyframes hero-wisp-a{0%,to{transform:translate(0) scale(1)}33%{transform:translate(140px,70px) scale(1.1)}66%{transform:translate(-70px,-50px) scale(.92)}}@keyframes hero-wisp-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-120px,-80px) scale(1.14)}}@keyframes hero-wisp-c{0%,to{transform:translate(0) scale(1)}25%{transform:translate(100px,-90px) scale(1.08)}50%{transform:translate(-60px,70px) scale(.9)}75%{transform:translate(80px,20px) scale(1.06)}}:root[data-theme=light] .hero-star-field{display:none}:root[data-theme=light] .hero-wisp{display:block}@keyframes heroReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1;animation:heroReveal .6s ease both}@media (prefers-reduced-motion: reduce){.hero-content{animation:none}}.hero-icon{display:inline-flex;margin-bottom:2rem;color:var(--accent-primary)}.hero-icon svg{width:80px;height:80px}.hero-logo-img{width:160px;height:160px;object-fit:contain}.hero-title{font-size:clamp(2rem,5.5vw + 1rem,3.75rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-.02em}.hero-subtitle{font-size:1.35rem;color:var(--text-secondary);margin-bottom:3rem;line-height:1.5}.hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.btn-hero{padding:1rem 2rem;font-size:1.1rem}.hero-features{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}.hero-feature{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.95rem}.hero-feature svg{color:var(--accent-primary)}.features{background:var(--bg-primary);width:100%;padding:6rem 0}.features>div{max-width:1200px;margin:0 auto;padding:0 2rem}.features-header{text-align:center;margin-bottom:4rem}.features-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.02em}.features-subtitle{font-size:1.25rem;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:2.5rem;transition:all .2s}@media (hover: hover){.feature-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}}.feature-icon{display:inline-flex;padding:1rem;background:var(--accent-bg);color:var(--accent-primary);border-radius:12px;margin-bottom:1.5rem}.feature-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.feature-desc{color:var(--text-secondary);line-height:1.6}.how-it-works{background:var(--bg-primary);width:100%;padding:6rem 0}.how-it-works>div{max-width:1200px;margin:0 auto;padding:0 2rem}.how-it-works-header{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto}.how-it-works-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.02em}.how-it-works-subtitle{font-size:1.25rem;color:var(--text-secondary)}.steps-container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.step-item{text-align:center;position:relative;padding:1.5rem 1.5rem 2rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;transition:all .2s;display:flex;flex-direction:column;align-items:center;min-height:260px}@media (hover: hover){.step-item:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}}.step-number{position:absolute;top:-1rem;left:50%;transform:translate(-50%);width:2.5rem;height:2.5rem;background:var(--accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.how-step-icon{display:inline-flex;padding:1rem;background:var(--accent-bg);color:var(--accent-primary);border-radius:12px;margin-top:1.25rem;margin-bottom:1rem;flex-shrink:0}.step-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.step-desc{color:var(--text-secondary);line-height:1.6;font-size:.95rem}@media (max-width: 768px){.hero{padding:6rem 1.5rem 4rem}.hero-subtitle{font-size:1.25rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-features{flex-direction:column;gap:1rem}.features{padding:4rem 1.5rem}.features-title,.how-it-works-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.how-it-works{padding:4rem 1.5rem}.steps-container{grid-template-columns:1fr}.landing-header-content{padding:1rem}.landing-logo span{display:none}.landing-header.scrolled .landing-header-content{width:calc(100% - 2rem);border-radius:50px;margin:.5rem auto}.landing-header-content{gap:.75rem}.landing-header-actions{gap:.5rem}}@media (max-width: 480px){.hero-subtitle{font-size:1.1rem}.btn-hero{padding:.875rem 1.5rem;font-size:1rem}.hero-feature{padding:.25rem 0}.landing-header-content{gap:.25rem;padding:.75rem 1rem}.landing-header-actions{gap:.25rem}}.benefits{background:var(--bg-primary);width:100%;padding:6rem 0}.benefits>div{max-width:1200px;margin:0 auto;padding:0 2rem}.benefits-header{text-align:center;margin-bottom:4rem}.benefits-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em}.benefits-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.benefit-item{padding:2rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;transition:all .3s ease}@media (hover: hover){.benefit-item:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}}.benefit-icon{display:inline-flex;padding:.75rem;background:var(--accent-bg);color:var(--accent-primary);border-radius:12px;margin-bottom:1rem}.benefit-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.benefit-desc{font-size:1rem;color:var(--text-secondary);line-height:1.6}.testimonials{background:var(--bg-primary);width:100%;padding:6rem 0}.testimonials>div{max-width:1200px;margin:0 auto;padding:0 2rem}.testimonials-header{text-align:center;margin-bottom:4rem}.testimonials-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em}.testimonials-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.testimonial-card{padding:2.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:1.5rem}.testimonial-stars{display:flex;gap:.25rem;color:#fbbf24}.testimonial-quote{font-size:1.125rem;color:var(--text-primary);line-height:1.7;font-style:italic}.testimonial-author{font-size:1rem;color:var(--text-secondary);font-weight:500}.faq{background:var(--bg-primary);width:100%;padding:6rem 0}.faq>div{max-width:800px;margin:0 auto;padding:0 2rem}.faq-header{text-align:center;margin-bottom:4rem}.faq-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em}.faq-subtitle{font-size:1.25rem;color:var(--text-secondary)}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:1.5rem 2rem;cursor:pointer;transition:all .2s ease}.faq-item:hover,.faq-item.open{border-color:var(--accent-primary)}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-question h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.faq-chevron{color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0}.faq-chevron.rotated{transform:rotate(180deg)}.faq-answer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);animation:fadeIn .2s ease}.faq-answer p{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.benefits-title,.testimonials-title,.faq-title{font-size:2rem}.benefits-subtitle,.testimonials-subtitle,.faq-subtitle{font-size:1.125rem}.benefits-grid,.testimonials-grid{grid-template-columns:1fr}.benefits,.testimonials,.faq{padding:4rem 1.5rem}}.onb-overlay{position:fixed;inset:0;z-index:9999;background:#09090b;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:onb-fade-in .5s ease forwards;contain:strict}@keyframes onb-fade-in{0%{opacity:0}to{opacity:1}}.onb-wisp{display:none;position:absolute;border-radius:50%;pointer-events:none}.onb-wisp-1{width:500px;height:300px;top:-100px;left:-80px;background:radial-gradient(ellipse at center,rgba(139,92,246,.45) 0%,rgba(139,92,246,.12) 50%,transparent 70%);filter:blur(45px);animation:onb-wisp-a 10s ease-in-out infinite;will-change:transform}.onb-wisp-2{width:380px;height:240px;bottom:-60px;right:-50px;background:radial-gradient(ellipse at center,rgba(109,40,217,.4) 0%,rgba(109,40,217,.1) 50%,transparent 70%);filter:blur(38px);animation:onb-wisp-b 8s ease-in-out infinite;animation-delay:-3s;will-change:transform}.onb-wisp-3{width:540px;height:340px;top:28%;left:18%;background:radial-gradient(ellipse at center,rgba(167,139,250,.28) 0%,rgba(167,139,250,.07) 55%,transparent 70%);filter:blur(55px);animation:onb-wisp-c 14s ease-in-out infinite;animation-delay:-5s;will-change:transform}.onb-wisp-4{width:280px;height:190px;top:8%;right:8%;background:radial-gradient(ellipse at center,rgba(124,58,237,.38) 0%,rgba(124,58,237,.08) 55%,transparent 70%);filter:blur(30px);animation:onb-wisp-a 9s ease-in-out infinite reverse;animation-delay:-4s;will-change:transform}.onb-wisp-5{width:340px;height:210px;bottom:12%;left:4%;background:radial-gradient(ellipse at center,rgba(139,92,246,.35) 0%,rgba(139,92,246,.08) 55%,transparent 70%);filter:blur(38px);animation:onb-wisp-b 11s ease-in-out infinite;animation-delay:-7s;will-change:transform}@keyframes onb-wisp-a{0%,to{transform:translate(0) scale(1)}33%{transform:translate(140px,70px) scale(1.1)}66%{transform:translate(-70px,-50px) scale(.92)}}@keyframes onb-wisp-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-120px,-80px) scale(1.14)}}@keyframes onb-wisp-c{0%,to{transform:translate(0) scale(1)}25%{transform:translate(100px,-90px) scale(1.08)}50%{transform:translate(-60px,70px) scale(.9)}75%{transform:translate(80px,20px) scale(1.06)}}.onb-glow-orb{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle at center,rgba(139,92,246,.13) 0%,rgba(139,92,246,.04) 45%,transparent 70%);pointer-events:none;animation:onb-orb-pulse 5s ease-in-out infinite}@keyframes onb-orb-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.7}}.onb-star-field{position:absolute;inset:0;pointer-events:none}.onb-star{position:absolute;background:#fff;border-radius:50%;animation:onb-twinkle linear infinite}@keyframes onb-twinkle{0%,to{opacity:inherit;transform:scale(1)}50%{opacity:.05;transform:scale(.4)}}.onb-container{position:relative;z-index:1;width:100%;max-width:680px;padding:2rem 2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.onb-step-wrap{width:100%}.slide-from-right{animation:onb-slide-right .38s cubic-bezier(.25,.46,.45,.94) forwards}.slide-from-left{animation:onb-slide-left .38s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes onb-slide-right{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes onb-slide-left{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}.onb-dots{display:flex;gap:7px;align-items:center}.onb-dot{width:6px;height:6px;border-radius:50%;background:#ffffff26;transition:width .35s ease,border-radius .35s ease,background .35s ease}.onb-dot.active{width:22px;border-radius:3px;background:#8b5cf6}.onb-dot.done{background:#8b5cf673}.onb-step{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center;width:100%}.onb-step-header{display:flex;flex-direction:column;gap:.5rem}.onb-headline{font-family:Clash Display,Satoshi,sans-serif;font-size:2rem;font-weight:700;color:#e4e4e7;margin:0;letter-spacing:-.03em;line-height:1.2}.onb-tagline{font-family:Clash Display,Satoshi,sans-serif;font-size:2rem;font-weight:700;color:#e4e4e7;margin:0;letter-spacing:-.03em;line-height:1.25}.onb-subtext{font-family:Satoshi,-apple-system,sans-serif;font-size:1rem;color:#a1a1aa;margin:0;line-height:1.6;max-width:440px}.onb-logo{font-family:Fraunces,serif;font-size:3.75rem;font-weight:700;margin:0;letter-spacing:-.03em;line-height:1.15;padding-bottom:.08em;background:linear-gradient(120deg,#e4e4e7,#c4b5fd 40%,#a78bfa,#c4b5fd 70%,#e4e4e7);background-size:220% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:onb-shimmer 5s linear infinite}@keyframes onb-shimmer{0%{background-position:0% center}to{background-position:220% center}}.onb-welcome-body{display:flex;flex-direction:column;gap:.875rem;align-items:center}.onb-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;width:100%}.onb-feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.5rem 1.125rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;animation:onb-card-rise .45s ease forwards;opacity:0;transition:border-color .2s ease,background .2s ease}.onb-feature-card:hover{border-color:#8b5cf633;background:#8b5cf60a}@keyframes onb-card-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.onb-feature-icon{width:46px;height:46px;background:#8b5cf61f;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#a78bfa;flex-shrink:0}.onb-feature-title{font-family:Satoshi,-apple-system,sans-serif;font-size:.88rem;font-weight:600;color:#e4e4e7;margin:0}.onb-feature-desc{font-family:Satoshi,-apple-system,sans-serif;font-size:.78rem;color:#71717a;margin:0;line-height:1.5}.onb-howto-flow{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;flex-wrap:wrap}.onb-howto-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.125rem 1rem;min-width:90px;flex:1;max-width:130px;animation:onb-card-rise .4s ease forwards;opacity:0}.onb-howto-icon{width:42px;height:42px;background:#8b5cf61f;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#a78bfa}.onb-howto-label{font-family:Satoshi,-apple-system,sans-serif;font-size:.8rem;font-weight:600;color:#e4e4e7;text-align:center}.onb-howto-arrow{color:#52525b;flex-shrink:0}.onb-howto-result{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.125rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);border-radius:99px;font-family:Satoshi,-apple-system,sans-serif;font-size:.85rem;font-weight:600;color:#a78bfa}.onb-lang-grid{display:flex;gap:1rem;width:100%;justify-content:center}.onb-lang-card{position:relative;flex:1;max-width:170px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.75rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.onb-lang-card:hover{border-color:#8b5cf659;background:#8b5cf60d}.onb-lang-card.selected{border-color:#8b5cf6;background:#8b5cf617;box-shadow:0 0 0 1px #8b5cf666,0 0 20px #8b5cf61f}.onb-lang-flag{font-size:2.25rem;line-height:1}.onb-lang-name{font-family:Satoshi,-apple-system,sans-serif;font-size:.9rem;font-weight:600;color:#e4e4e7}.onb-lang-check{position:absolute;top:.6rem;right:.6rem;width:20px;height:20px;background:#8b5cf6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:onb-pop-in .2s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes onb-pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.onb-nav{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.75rem}.onb-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.375rem;background:#8b5cf6;color:#fff;border:none;border-radius:12px;font-family:Satoshi,-apple-system,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;white-space:nowrap}@media (hover: hover){.onb-btn-primary:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 18px #8b5cf661}}.onb-btn-primary:active{transform:translateY(0)}.onb-btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.onb-btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.125rem;background:transparent;color:#71717a;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-family:Satoshi,-apple-system,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease;white-space:nowrap}.onb-btn-ghost:hover{color:#a1a1aa;border-color:#ffffff24;background:#ffffff08}.onb-step--welcome .onb-btn-primary{padding:.8rem 1.75rem;font-size:.95rem}.onb-btn-finish{background:linear-gradient(130deg,#8b5cf6,#7c3aed)}.onb-btn-finish:hover{background:linear-gradient(130deg,#9d72ff,#8b5cf6)}@media (max-width: 620px){.onb-container{padding:1.5rem 1.25rem 1.25rem;gap:1.75rem}.onb-logo{font-size:2.75rem}.onb-tagline,.onb-headline{font-size:1.55rem}.onb-features-grid{grid-template-columns:1fr;gap:.625rem}.onb-feature-card{flex-direction:row;text-align:left;padding:1rem 1.125rem;gap:1rem}.onb-feature-icon{flex-shrink:0}.onb-lang-grid{gap:.625rem}.onb-lang-card{max-width:100%;flex-direction:row;padding:1rem 1.25rem;gap:.875rem;justify-content:flex-start}.onb-lang-flag{font-size:1.75rem}.onb-glow-orb{width:360px;height:360px}}@media (max-width: 480px){.onb-glow-orb{width:280px;height:280px}}:root[data-theme=light] .onb-overlay{background:var(--bg-primary)}:root[data-theme=light] .onb-star-field{display:none}:root[data-theme=light] .onb-wisp{display:block}:root[data-theme=light] .onb-glow-orb{background:radial-gradient(circle at center,rgba(124,58,237,.1) 0%,rgba(124,58,237,.03) 45%,transparent 70%)}:root[data-theme=light] .onb-dot{background:#0000001f}:root[data-theme=light] .onb-headline,:root[data-theme=light] .onb-tagline{color:var(--text-primary)}:root[data-theme=light] .onb-subtext{color:var(--text-secondary)}:root[data-theme=light] .onb-logo{background:linear-gradient(120deg,#18181b,#6d28d9 38%,#4c1d95,#6d28d9 72%,#18181b);background-size:220% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=light] .onb-howto-item{background:var(--bg-secondary);border-color:var(--border)}:root[data-theme=light] .onb-howto-label{color:var(--text-primary)}:root[data-theme=light] .onb-howto-arrow{color:var(--text-secondary)}:root[data-theme=light] .onb-feature-card{background:var(--bg-secondary);border-color:var(--border)}:root[data-theme=light] .onb-feature-card:hover{border-color:#7c3aed4d;background:#7c3aed0a}:root[data-theme=light] .onb-feature-title{color:var(--text-primary)}:root[data-theme=light] .onb-feature-desc{color:var(--text-secondary)}:root[data-theme=light] .onb-lang-card{background:var(--bg-secondary);border-color:var(--border)}:root[data-theme=light] .onb-lang-name{color:var(--text-primary)}:root[data-theme=light] .onb-btn-ghost{color:var(--text-secondary);border-color:var(--border)}:root[data-theme=light] .onb-btn-ghost:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-hover)}@media (max-width: 620px){.onb-step--howto{gap:1.25rem}.onb-howto-flow{flex-direction:column;align-items:stretch;gap:0}.onb-howto-item{flex-direction:row;max-width:100%;flex:none;padding:.75rem 1rem;gap:.875rem;justify-content:flex-start;align-items:center;text-align:left}.onb-howto-label{text-align:left;font-size:.875rem}.onb-howto-arrow{display:flex;justify-content:center;padding:.15rem 0;transform:rotate(90deg)}}@media (max-height: 680px){.onb-overlay{align-items:flex-start;overflow-y:auto}.onb-container{padding-top:1.5rem;padding-bottom:1.5rem}}.dashboard-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.sidebar{width:250px;height:100vh;position:fixed;left:0;top:0;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:100;transition:transform .3s ease}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);text-decoration:none;transition:all .2s ease;cursor:pointer}.sidebar-header:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.sidebar-logo{width:28px;height:28px;object-fit:contain;flex-shrink:0}.sidebar-title{font-size:1.25rem;font-weight:700;font-family:Fraunces,serif}.sidebar-nav{flex:1;padding:.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:14px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;font-weight:500;font-size:.95rem}.sidebar-link:hover{background:#ffffff0a;color:var(--text-primary)}.sidebar-link.active{background:var(--accent-bg);color:var(--accent-primary)}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border-subtle)}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:14px;background:#ffffff08;margin-bottom:.5rem}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.sidebar-user-avatar--dark{background:#8b5cf626;color:#a78bfa}.sidebar-user-avatar--light{background:#6d28d91a;color:#7c3aed}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-email{display:block;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-signout{display:flex;align-items:center;gap:.5rem;padding:.65rem .75rem;width:100%;background:transparent;border:1px solid var(--border-subtle);border-radius:14px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.875rem}.sidebar-signout:hover{background:#ffffff0a;border-color:#ffffff1a;color:var(--text-primary)}.sidebar-backdrop{display:none}.dashboard-content{flex:1;margin-left:250px;display:flex;flex-direction:column;min-height:100vh}.dashboard-header{position:sticky;top:0;z-index:50;background:#09090bcc;border-bottom:1px solid var(--border-subtle);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}:root[data-theme=light] .dashboard-header{background:#fffc}.sidebar-toggle{display:none;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem;color:var(--text-primary);cursor:pointer;transition:all .2s}.sidebar-toggle:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.dashboard-header-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.dashboard-main{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto}.sky-toggle{position:relative;width:72px;height:34px;border-radius:17px;border:none;padding:0;overflow:hidden;cursor:pointer;background:#7ec8e3;transition:background-color .4s ease,transform .15s ease;flex-shrink:0}.sky-toggle--dark{background:#1a1f3a}@media (hover: hover){.sky-toggle:hover{transform:scale(1.04)}}.sky-toggle:active{transform:scale(.97)}.sky-scene{position:absolute;inset:0;width:100%;height:100%;transition:opacity .35s ease;pointer-events:none}.sky-scene--day{opacity:1}.sky-scene--night,.sky-toggle--dark .sky-scene--day{opacity:0}.sky-toggle--dark .sky-scene--night{opacity:1}.lang-selector{position:relative;flex-shrink:0}.lang-trigger{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 8px;border-radius:17px;border:1.5px solid var(--border);background:var(--bg-secondary);cursor:pointer;color:var(--text-primary);transition:border-color .2s,background .2s}.lang-trigger:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.lang-trigger.open{border-color:var(--accent-primary);background:var(--bg-tertiary)}.lang-trigger__code{font-size:.74rem;font-weight:700;letter-spacing:.04em;line-height:1;color:var(--text-primary)}.lang-chevron{color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0}.lang-chevron.rotated{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:140px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #0000001f;z-index:1000;overflow:hidden;animation:langIn .14s ease}@keyframes langIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;color:var(--text-primary);font-size:.9rem;text-align:left;transition:background .1s}.lang-option:hover{background:var(--bg-hover)}.lang-option.active{color:var(--accent-primary)}.lang-option__name{flex:1}.lang-option__check{color:var(--accent-primary);flex-shrink:0}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.loading-dots{display:flex;gap:.5rem}.loading-dot{width:12px;height:12px;border-radius:50%;background:var(--character-primary);animation:bounce 1.4s infinite ease-in-out both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s;background:var(--setting-primary)}.loading-dot:nth-child(3){background:var(--lesson-primary)}.placeholder{padding:4rem 2rem;text-align:center;background:var(--bg-secondary);border:2px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:1.25rem}.dashboard-create-page h1,.dashboard-library-page h1{font-size:2rem;margin-bottom:.5rem}.dashboard-create-page p,.dashboard-library-page p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.auth-page{min-height:100vh;display:flex;flex-direction:column;padding:2rem;background:var(--bg-primary)}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.95rem;margin-bottom:2rem;align-self:flex-start}.back-button:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--text-primary)}@media (max-width: 1023px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#00000080;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dashboard-content{margin-left:0}.sidebar-toggle{display:flex}.dashboard-main{padding:1.5rem}.sidebar-link{padding:.875rem 1rem}.lang-trigger{height:40px;padding:0 .75rem}.sky-toggle{height:40px;width:76px}}@media (max-width: 768px){.dashboard-header,.dashboard-main,.sidebar-header{padding:1rem}.sidebar-nav,.sidebar-footer{padding:.75rem}.auth-page{padding:1rem}.dashboard-create-page h1,.dashboard-library-page h1{font-size:1.5rem}.dashboard-create-page p,.dashboard-library-page p{font-size:1rem}.modal-close{padding:.5rem;min-width:36px;min-height:36px}}@media (max-width: 480px){.dashboard-header-actions{gap:.25rem}.theme-toggle{width:36px;height:36px}.sidebar{width:min(260px,85vw)}.dashboard-main{padding:.75rem}}.profile-page{max-width:560px;margin:0 auto;padding:2rem 1.5rem}.profile-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem;gap:.5rem}.profile-avatar-wrap{position:relative;display:inline-block;margin-bottom:.75rem;border-radius:50%;cursor:pointer;outline:none}.profile-avatar-wrap:focus-visible{box-shadow:0 0 0 3px var(--accent-primary)}.profile-avatar-wrap.uploading{cursor:wait}.profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--border);display:block}.profile-avatar-fallback{width:80px;height:80px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.profile-avatar-overlay{position:absolute;inset:0;border-radius:50%;background:#00000085;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;opacity:0;transition:opacity .18s ease;color:#fff;font-size:.68rem;font-weight:500;pointer-events:none}.profile-avatar-wrap:hover .profile-avatar-overlay,.profile-avatar-wrap.uploading .profile-avatar-overlay{opacity:1}.profile-avatar-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.profile-name-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.profile-field{display:flex;flex-direction:column;gap:.35rem}.profile-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.profile-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.profile-email-display{font-size:.9rem;color:var(--text-secondary);margin:0}.profile-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:2rem;margin-bottom:1.25rem}.profile-section h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.profile-section.danger{border-color:var(--error-primary, #ef4444)}.profile-section.danger h2{color:var(--error-primary, #ef4444)}.profile-input-row{display:flex;gap:.75rem;align-items:center}.profile-input{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:border-color .2s ease;outline:none}.profile-input:focus{border-color:var(--accent-primary)}.profile-input::placeholder{color:var(--text-secondary)}.profile-input.input-error{border-color:var(--error-primary, #ef4444)}.profile-field-error{margin:.25rem 0 0;font-size:.78rem;color:var(--error-primary, #ef4444)}.profile-save-btn{padding:.6rem 1.25rem;border-radius:8px;background:var(--accent-primary);color:#fff;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s ease;white-space:nowrap;flex-shrink:0}.profile-save-btn:hover{opacity:.88}.profile-save-btn:disabled{opacity:.5;cursor:not-allowed}.profile-error{color:var(--error-primary, #ef4444);font-size:.85rem;margin:.5rem 0 0}.profile-stats-loading{color:var(--text-secondary);font-size:.9rem;margin:0}.profile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-stat{display:flex;flex-direction:column;align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:1rem;gap:.25rem}.profile-stat-value{font-size:1.75rem;font-weight:700;color:var(--accent-primary);line-height:1}.profile-stat-label{font-size:.8rem;color:var(--text-secondary);text-align:center}.profile-delete-warning{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.danger-btn{padding:.65rem 1.25rem;border-radius:8px;background:var(--error-primary, #ef4444);color:#fff;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.danger-btn:hover{opacity:.88}.danger-btn:disabled{opacity:.5;cursor:not-allowed}.profile-subscription-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.profile-cancel-sub-btn{background:none;border:none;padding:.25rem 0;font-size:.8rem;color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .2s ease}.profile-cancel-sub-btn:hover{color:var(--error-primary, #ef4444)}.profile-delete-confirm{display:flex;flex-direction:column;gap:.75rem}.profile-delete-confirm-text{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.plan-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.plan-badge.plan-free{background:#94a3b81f;color:var(--text-secondary);border:1px solid rgba(148,163,184,.25)}.plan-badge.plan-essential{background:#8b5cf626;color:var(--accent-primary);border:1px solid rgba(139,92,246,.3)}.plan-badge.plan-family{background:#a78bfa26;color:#a78bfa;border:1px solid rgba(167,139,250,.3)}.profile-plan-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.profile-plan-info .plan-badge{font-size:.8rem;padding:.2rem .7rem}.profile-plan-usage{font-size:.85rem;color:var(--text-secondary)}.profile-checkout-success{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:.6rem 1rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.profile-sync-retry{background:none;border:1px solid currentColor;color:inherit;font-size:.8rem;padding:.15rem .6rem;border-radius:4px;cursor:pointer;transition:opacity .15s}.profile-sync-retry:hover{opacity:.7}.upgrade-modal{text-align:center;max-width:380px}.upgrade-modal h2{color:var(--text-primary);font-size:1.35rem;font-weight:700;margin:0 0 .5rem}.upgrade-modal p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}.upgrade-icon-wrap{width:58px;height:58px;border-radius:14px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.22);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 0 24px #8b5cf61a;color:var(--accent-primary)}.upgrade-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.profile-delete-actions{display:flex;gap:.75rem;flex-wrap:wrap}.sidebar-user-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover}a.sidebar-user{text-decoration:none;cursor:pointer;transition:background .2s ease}a.sidebar-user:hover{background:#ffffff0f}a.sidebar-user.active{background:var(--accent-bg);color:var(--accent-primary)}a.sidebar-user.active .sidebar-user-email{color:var(--accent-primary)}@media (max-width: 480px){.profile-page{padding:1.25rem .75rem}.profile-name-row{grid-template-columns:1fr}.profile-stats-grid{grid-template-columns:1fr 1fr}.profile-input-row{flex-direction:column;align-items:stretch}.profile-save-btn{width:100%}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:2rem;position:relative;box-shadow:var(--shadow-xl);animation:slideUp .2s ease}.modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;border-radius:6px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-banner-dismiss{margin-left:.75rem;background:none;border:none;cursor:pointer;color:inherit;padding:.25rem;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s}.profile-banner-dismiss:hover{opacity:.7}.profile-upgrade-link{display:inline-block;text-decoration:none;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px}body{margin:0;padding:0;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}#root{width:100%;min-height:100vh}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){*{text-shadow:none!important;box-shadow:none!important}}:focus-visible{outline:2px solid #8B5CF6;outline-offset:2px}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}.grain{position:relative}.grain:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;border-radius:inherit;z-index:0}.font-display{font-family:Clash Display,Satoshi,sans-serif;letter-spacing:-.02em}.font-brand{font-family:Fraunces,serif}:root[data-theme=dark]{--bg-primary: #09090B;--bg-secondary: #111118;--bg-tertiary: #18181F;--bg-hover: #1F1F2A;--text-primary: #E4E4E7;--text-secondary: #A1A1AA;--text-tertiary: #71717A;--border-subtle: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .18);--accent-primary: #8B5CF6;--accent-primary-hover: #7C3AED;--accent-bg: rgba(139, 92, 246, .1);--character-primary: #8B5CF6;--character-bg: rgba(139, 92, 246, .1);--character-glow: 0 0 16px rgba(139, 92, 246, .2);--setting-primary: #8B5CF6;--setting-bg: rgba(139, 92, 246, .1);--setting-glow: 0 0 16px rgba(139, 92, 246, .2);--lesson-primary: #8B5CF6;--lesson-bg: rgba(139, 92, 246, .1);--lesson-glow: 0 0 16px rgba(139, 92, 246, .2);--options-primary: #8B5CF6;--options-bg: rgba(139, 92, 246, .1);--options-glow: 0 0 16px rgba(139, 92, 246, .2);--success-primary: #10B981;--success-bg: rgba(16, 185, 129, .1);--success-glow: 0 0 16px rgba(16, 185, 129, .15);--success: var(--success-primary);--lang-primary: #818CF8;--lang-bg: rgba(129, 140, 248, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .7);--glow-focus: 0 0 0 3px rgba(139, 92, 246, .3);--nav-glass-bg: rgba(9, 9, 11, .78);--nav-glass-border: rgba(255, 255, 255, .06);--nav-glass-shadow: 0 1px 24px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}:root[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-tertiary: #F4F4F5;--bg-hover: #E4E4E7;--text-primary: #18181B;--text-secondary: #71717A;--text-tertiary: #A1A1AA;--border-subtle: rgba(0, 0, 0, .04);--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .14);--border-strong: rgba(0, 0, 0, .18);--accent-primary: #7C3AED;--accent-primary-hover: #6D28D9;--accent-bg: rgba(124, 58, 237, .08);--character-primary: #7C3AED;--character-bg: rgba(124, 58, 237, .08);--character-glow: 0 0 12px rgba(124, 58, 237, .12);--setting-primary: #7C3AED;--setting-bg: rgba(124, 58, 237, .08);--setting-glow: 0 0 12px rgba(124, 58, 237, .12);--lesson-primary: #7C3AED;--lesson-bg: rgba(124, 58, 237, .08);--lesson-glow: 0 0 12px rgba(124, 58, 237, .12);--options-primary: #7C3AED;--options-bg: rgba(124, 58, 237, .08);--options-glow: 0 0 12px rgba(124, 58, 237, .12);--success-primary: #059669;--success-bg: rgba(5, 150, 105, .08);--success-glow: 0 0 12px rgba(5, 150, 105, .12);--success: var(--success-primary);--lang-primary: #6366F1;--lang-bg: rgba(99, 102, 241, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .15);--glow-focus: 0 0 0 3px rgba(124, 58, 237, .25);--nav-glass-bg: rgba(255, 255, 255, .55);--nav-glass-border: rgba(0, 0, 0, .06);--nav-glass-shadow: 0 1px 16px rgba(0, 0, 0, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}.lang-dropdown{box-shadow:var(--shadow-md)}*{transition-property:background-color,border-color,color,box-shadow;transition-duration:.15s;transition-timing-function:ease-in-out}button:focus-visible,a:focus-visible,input:focus-visible{outline:none;box-shadow:var(--glow-focus)}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:var(--bg-primary)}.error-boundary-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;max-width:500px}.error-boundary-content svg{color:#ef4444}.error-boundary-content h1{margin:0;font-size:1.8rem;font-weight:700;color:var(--text-primary)}.error-boundary-content p{margin:0;font-size:1rem;color:var(--text-secondary)}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.loading-spinner{display:flex;align-items:center;justify-content:center}.spinner{border:3px solid rgba(255,255,255,.08);border-top-color:var(--character-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-small .spinner{width:24px;height:24px;border-width:2px}.loading-spinner-medium .spinner{width:40px;height:40px;border-width:3px}.loading-spinner-large .spinner{width:64px;height:64px;border-width:4px}.loading-text{margin:0;font-size:1rem;color:var(--text-secondary)}.auth-page{position:relative;min-height:100vh;padding:2rem}.back-button{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .2s ease;z-index:10}@media (hover: hover){.back-button:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translate(-2px)}}.back-button:focus{outline:none;box-shadow:0 0 0 3px var(--character-glow)}@media (max-width: 768px){.auth-page{padding:1rem}.back-button{top:1rem;left:1rem;padding:.6rem 1rem;font-size:.9rem}.error-boundary-content h1{font-size:1.5rem}}.auth-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary)}.auth-screen{width:100%;display:flex;align-items:center;justify-content:center}.auth-card{width:100%;max-width:420px;padding:3rem 2.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:1.75rem}.auth-header h2{margin:0 0 .75rem;font-size:1.8rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.auth-header p{margin:0;font-size:.95rem;color:var(--text-secondary);line-height:1.5}.auth-header strong{color:var(--accent-primary);font-weight:600}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-providers{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.auth-field{display:flex;flex-direction:column;gap:.5rem}.auth-field label{font-size:.9rem;font-weight:600;color:var(--text-primary);padding-left:.25rem}.auth-field input{width:100%;padding:.875rem 1.125rem;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:12px;font-size:.95rem;color:var(--text-primary);transition:all .2s ease}.auth-field input::placeholder{color:var(--text-tertiary)}.auth-field input:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--glow-focus);background:var(--bg-primary)}.auth-field input:hover:not(:focus){border-color:var(--border-hover)}.auth-error{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ff5757;font-size:.9rem}.auth-error svg{flex-shrink:0}.auth-submit{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.5rem;margin-top:.5rem;background:var(--accent-primary);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}@media (hover: hover){.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #8b5cf659}}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-mode-tabs{display:flex;background:var(--bg-tertiary);border-radius:50px;padding:4px;margin-bottom:1.75rem;gap:2px}.auth-mode-tab{flex:1;text-align:center;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:background .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.auth-mode-tab.active{background:var(--accent-primary);color:#fff;font-weight:600}.auth-mode-tab:not(.active):hover{color:var(--text-primary)}.back-button{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;z-index:10}@media (hover: hover){.back-button:hover{border-color:var(--accent-primary);transform:translate(-2px);box-shadow:var(--shadow-sm)}}.back-button:focus{outline:none;box-shadow:var(--glow-focus)}.auth-divider{display:flex;align-items:center;gap:.875rem;margin:1.5rem 0 1rem;color:var(--text-tertiary, var(--text-secondary));font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn-social{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.8rem 1.25rem;border-radius:12px;border:1.5px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.btn-social:hover:not(:disabled){border-color:var(--border-hover, #555);box-shadow:var(--shadow-sm)}.btn-social:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.auth-page{padding:1rem}.auth-card{padding:2.5rem 2rem}.back-button{top:1rem;left:1rem;padding:.6rem 1rem;font-size:.9rem}.auth-header h2{font-size:1.5rem}}@media (max-width: 480px){.auth-card{padding:2rem 1.25rem;border-radius:12px}.auth-header h2{font-size:1.35rem}.auth-mode-tab{font-size:.85rem;padding:.5rem .75rem}}.btn-primary,.btn-secondary,.btn-ghost,.btn-success,.btn-danger,a.btn-primary,a.btn-secondary,a.btn-ghost,a.btn-success,a.btn-danger{text-decoration:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--accent-primary);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}@media (hover: hover){.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}@media (hover: hover){.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover);transform:translateY(-1px)}}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}@media (hover: hover){.btn-icon:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover);transform:scale(1.05)}}.btn-icon:active:not(:disabled){transform:scale(.98)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:12px;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-ghost:active:not(:disabled){transform:scale(.98)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--success-primary);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}@media (hover: hover){.btn-success:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--shadow-md)}}.btn-success:active:not(:disabled){transform:translateY(0)}.btn-success:disabled{opacity:.5;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:#dc2626;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}@media (hover: hover){.btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:var(--shadow-md)}}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-favorite{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}@media (hover: hover){.btn-favorite:hover{background:var(--character-bg);color:var(--character-primary);transform:scale(1.1)}}.btn-favorite.active{color:var(--character-primary);animation:heartBeat .3s ease}.btn-favorite.active:hover{color:#f43f5e}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1.1)}}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite;color:#fff}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.btn-primary,.btn-secondary,.btn-success,.btn-danger{padding:.75rem 1.25rem;font-size:.95rem}.btn-icon,.btn-favorite{width:36px;height:36px}}