@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:light;--brand:#EE5125;--brand-strong:#D03F18;--brand-bright:#FF6435;--brand-soft:rgba(238,81,37,0.12);--cobalt-deep:#0F172A;--cobalt-mid:#1E293B;--cobalt-vivid:#EE5125;--cobalt-pale:rgba(238,81,37,0.08);--cobalt-wash:rgba(238,81,37,0.04);--cobalt-ink:#0F172A;--bg-primary:#FAF9F6;--bg-surface:#FFFFFF;--bg-card:#FFFFFF;--bg-card-hover:#F4F2EC;--bg-glass:rgba(250,249,246,0.94);--bg-solid:#F0EEE6;--bg-warm:#FFFFFF;--ambient-a:transparent;--ambient-b:transparent;--border-subtle:#E6E4DC;--border-default:#D4D1C5;--border-accent:#EE5125;--border-glow:rgba(238,81,37,0.22);--glass-blur:12px;--glass-blur-strong:16px;--glass-saturate:110%;--glass-highlight:rgba(255,255,255,0.9);--glass-shadow:0 4px 16px rgba(15,23,42,0.05);--glass-edge:inset 0 1px 0 rgba(255,255,255,0.8),0 0 0 1px rgba(212,209,197,0.6);--glass-sheen:none;--accent:#EE5125;--accent-action:#EE5125;--accent-hover:#D03F18;--accent-dim:rgba(238,81,37,0.12);--accent-glow:rgba(238,81,37,0.22);--accent-companion:#1E293B;--accent-gradient:#EE5125;--on-accent:#FFFFFF;--shadow-glow-accent:0 4px 18px rgba(238,81,37,0.24);--text-primary:#0F172A;--text-secondary:#475569;--text-tertiary:#64748B;--text-accent-strong:#D03F18;--correct:#04A16C;--correct-bg:#E6F7F0;--wrong:#EF4444;--wrong-bg:#FEE2E2;--locked:#94A3B8;--subject-physics:#EE5125;--subject-chemistry:#04A16C;--subject-economics:#0284C7;--subject-biology:#04A16C;--subject-cs:#EE5125;--subject-history:#F59E0B;--subject-general:#EE5125;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-pill:9999px;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-hero:56px;--space-xs:6px;--space-sm:10px;--space-md:16px;--space-base:24px;--space-breath:32px;--space-lg:48px;--space-xl:64px;--space-2xl:80px;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.55;--leading-relaxed:1.75;--tracking-tight:-0.03em;--tracking-normal:0;--tracking-wide:0.04em;--shadow-sm:0 1px 3px rgba(15,23,42,0.05);--shadow-md:0 4px 14px rgba(15,23,42,0.07);--shadow-lg:0 10px 30px rgba(15,23,42,0.09);--shadow-glow-correct:0 0 16px rgba(5,150,105,0.15);--ease-reveal:cubic-bezier(0.16,1,0.3,1);--ease-color:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.16,1,0.3,1);--ease-smooth:cubic-bezier(0.25,0.1,0.25,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:300ms;--blur-sm:4px;--blur-md:12px;--scrim:rgba(15,23,42,0.4);--focus-ring:0 0 0 3px rgba(238,81,37,0.25);--focus-ring-simple:0 0 0 2px #EE5125;--aurora-1:rgba(238,81,37,0.09);--aurora-2:rgba(14,165,233,0.07);--aurora-3:rgba(16,185,129,0.07)}html[data-theme=dark]{color-scheme:dark;--brand:#FF6435;--brand-strong:#EE5125;--brand-bright:#FF8054;--brand-soft:rgba(255,100,53,0.18);--cobalt-deep:#0D1117;--cobalt-mid:#161B22;--cobalt-vivid:#FF6435;--cobalt-pale:#FF6435;--cobalt-wash:rgba(255,100,53,0.10);--cobalt-ink:#0D1117;--ambient-a:transparent;--ambient-b:transparent;--bg-primary:#0D1117;--bg-surface:#161B22;--bg-card:#161B22;--bg-card-hover:#21262D;--bg-glass:rgba(13,17,23,0.94);--bg-solid:#21262D;--bg-warm:#161B22;--border-subtle:#21262D;--border-default:#30363D;--border-accent:#FF6435;--border-glow:rgba(255,100,53,0.30);--glass-blur:12px;--glass-blur-strong:16px;--glass-saturate:110%;--glass-highlight:rgba(255,255,255,0.06);--glass-shadow:0 4px 20px rgba(0,0,0,0.6);--glass-edge:inset 0 1px 0 rgba(255,255,255,0.08),0 0 0 1px rgba(48,54,61,0.8);--glass-sheen:none;--accent:#FF6435;--accent-action:#FF6435;--accent-hover:#EE5125;--accent-dim:rgba(255,100,53,0.18);--accent-glow:rgba(255,100,53,0.30);--accent-companion:#94A3B8;--accent-gradient:#FF6435;--on-accent:#0D1117;--shadow-glow-accent:0 4px 22px rgba(255,100,53,0.35);--text-primary:#F0F6FC;--text-secondary:#94A3B8;--text-tertiary:#6E7681;--text-accent-strong:#FF6435;--correct:#00D284;--correct-bg:rgba(0,210,132,0.18);--wrong:#F87171;--wrong-bg:rgba(248,113,113,0.18);--locked:#484F58;--subject-physics:#FF6435;--subject-chemistry:#00D284;--subject-economics:#38BDF8;--subject-biology:#00D284;--subject-cs:#FF6435;--subject-history:#F59E0B;--subject-general:#FF6435;--shadow-sm:0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 8px 24px rgba(0,0,0,0.5);--shadow-lg:0 16px 40px rgba(0,0,0,0.6);--shadow-glow-correct:0 0 20px rgba(0,210,132,0.30);--focus-ring:0 0 0 3px rgba(255,100,53,0.35);--focus-ring-simple:0 0 0 2px #FF6435;--scrim:rgba(0,0,0,0.65);--aurora-1:rgba(255,100,53,0.12);--aurora-2:rgba(56,189,248,0.09);--aurora-3:rgba(16,185,129,0.09)}html{transition:background .2s var(--ease-color);scrollbar-color:var(--border-default) var(--bg-primary)}*{box-sizing:border-box}body,html{margin:0;min-height:100vh;min-height:100dvh;color:var(--text-primary);font-family:var(--font-inter),system-ui,sans-serif;font-weight:400}button,input,select,textarea{font-weight:500}html{background:var(--bg-primary)}body,html{overflow-x:clip}body{background:transparent}.aurora-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:layout style paint;background:radial-gradient(65vmax 65vmax at 10% 10%,var(--aurora-1),transparent 70%),radial-gradient(75vmax 65vmax at 90% 90%,var(--aurora-2),transparent 75%),radial-gradient(55vmax 55vmax at 50% 50%,var(--aurora-3),transparent 70%);opacity:.9}html:before{display:none!important}.glass,.glass-card,.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--border-subtle);box-shadow:var(--glass-shadow),var(--glass-edge);border-radius:var(--radius-xl);position:relative}[data-perf=low] .glass,[data-perf=low] .glass-card,[data-perf=low] .glass-panel{backdrop-filter:none;-webkit-backdrop-filter:none}.glass-strong{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:1px solid var(--border-subtle);box-shadow:var(--glass-shadow),var(--glass-edge)}.liquid-sheen:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-sheen);pointer-events:none;z-index:0;mix-blend-mode:screen}.liquid-sheen>*{position:relative;z-index:1}.glass-card,.glass-panel{transition:box-shadow .32s var(--ease-color),transform .32s var(--ease-reveal),border-color .32s var(--ease-color),background .32s var(--ease-color)}.glass-card:hover,.glass-panel:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--glass-edge);transform:translateY(-2px)}body:after,body:before{display:none!important}.texture-noise:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");background-size:100px 100px}.texture-noise>*{z-index:1}.pattern-asanoha,.pattern-ichimatsu,.pattern-kikko,.pattern-seigaiha,.pattern-shippo,.shoji-screen,.texture-noise>*{position:relative}.pattern-asanoha>*,.pattern-ichimatsu>*,.pattern-kikko>*,.pattern-seigaiha>*,.pattern-shippo>*,.shoji-screen>*{position:relative;z-index:1}.ma-breath{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl)}.ma-breath--sm{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.ma-breath--lg{margin-top:var(--space-4xl);margin-bottom:var(--space-4xl)}.wa-divider{display:flex;align-items:center;justify-content:center;gap:16px;padding:var(--space-lg) 0}.wa-divider:after,.wa-divider:before{content:"";flex:1 1;height:2px;background:var(--border-default)}.wa-divider__bead{width:10px;height:10px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}.identity-texture,.ink-wash{position:relative}h1,h2,h3,h4,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4{text-shadow:none}.cobalt-texture{position:relative}.ink-border{border:2px solid var(--border-default)!important;box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease-color)}.ink-border:hover{border-color:var(--border-accent)!important}.cobalt-rule{border-left:4px solid var(--brand)!important;padding-left:var(--space-md);position:relative}.editorial-dropcap:first-letter{float:left;font-family:var(--font-display),Georgia,serif;font-size:3.2em;line-height:.8;padding-right:8px;padding-top:4px;color:var(--brand);font-weight:800}.ink-stain{position:relative;overflow:hidden}.cobalt-shimmer{background:var(--bg-card)}.cobalt-shimmer,.skeleton-pulse{animation:skeletonPulse 1.8s ease-in-out infinite}.engraved{border:2px solid var(--border-default)!important;box-shadow:var(--shadow-sm)}.identity-corner:before{content:"";position:absolute;top:0;right:0;width:26px;height:26px;border-radius:0 var(--radius-xl) 0 var(--radius-xl);background:var(--accent-dim);pointer-events:none;z-index:1}.rule-accent{display:flex;align-items:center;gap:12px;color:var(--border-default)}.rule-accent:after,.rule-accent:before{content:"";flex:1 1;height:2px;background:var(--border-default)}.glass-card.engraved:hover,.glass-panel.engraved:hover{box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--accent-glow),inset 0 0 0 2.5px var(--cobalt-wash),inset 0 1px 0 rgba(255,255,255,.5)}h1,h2,h3,h4{font-family:var(--font-display),system-ui,sans-serif;font-weight:800;letter-spacing:-.03em}code,pre{font-family:var(--font-mono),monospace}::selection{background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}*{-webkit-touch-callout:none}*,[role=button],[tabindex]:not([tabindex="-1"]),a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}[role=button]:active,a:active,button:active{transition:transform .12s var(--ease-color),box-shadow .12s var(--ease-color)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--brand);border-radius:999px;box-shadow:0 0 4px var(--cobalt-wash)}::-webkit-scrollbar-track{background:transparent}.accent-pulse-dot{animation:pulseDot 1.6s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideFromBottom{0%{transform:translateY(100%) scale(.95)}to{transform:translateY(0) scale(1)}}@keyframes accentFlash{0%{background:transparent;box-shadow:0 0 0 transparent}50%{background:var(--accent-dim);box-shadow:0 0 60px var(--accent-glow)}to{background:transparent;box-shadow:0 0 0 transparent}}@keyframes glowBurst{0%{opacity:0;transform:scale(.6)}30%{opacity:.45;transform:scale(1)}60%{opacity:.2;transform:scale(1.1)}to{opacity:0;transform:scale(1.2)}}@keyframes unlockPop{0%{transform:scale(.7)}50%{transform:scale(1.08);box-shadow:0 0 40px var(--accent-glow)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}15%{transform:translateX(-6px)}30%{transform:translateX(6px)}45%{transform:translateX(-4px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes progressFill{0%{width:0}to{width:100%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes confettiFall{0%{transform:translateY(-10vh) rotate(0deg) scale(1);opacity:1}to{transform:translateY(110vh) rotate(2turn) scale(.5);opacity:0}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px var(--accent-glow),0 0 24px var(--cobalt-wash)}50%{box-shadow:0 0 24px var(--accent-glow),0 0 48px var(--cobalt-wash)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}.folio-card{position:relative;background:var(--bg-card);border:1.5px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:transform var(--dur-fast) var(--ease-reveal),border-color var(--dur-fast) var(--ease-color),box-shadow var(--dur-fast) var(--ease-color);overflow:hidden}.folio-card--notched:before{content:"";position:absolute;top:0;right:0;width:36px;height:36px;background:var(--accent-dim);-webkit-clip-path:polygon(0 0,100% 0,100% 100%);clip-path:polygon(0 0,100% 0,100% 100%);z-index:1;pointer-events:none}.folio-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.folio-card:active{transform:scale(.985)}.learning-conduit{position:relative;width:100%;padding:10px 14px;background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-pill);box-sizing:border-box}.learning-conduit__line{position:absolute;top:50%;left:40px;right:40px;height:3px;background:var(--border-subtle);transform:translateY(-50%);z-index:0;overflow:hidden;border-radius:999px}.learning-conduit__line-fill{height:100%;background:var(--brand);transition:width var(--dur-slow) var(--ease-reveal)}.learning-conduit__steps{justify-content:space-between;gap:10px;list-style:none;margin:0;padding:0;width:100%}.learning-conduit__step,.learning-conduit__steps{display:flex;align-items:center;position:relative;z-index:1}.learning-conduit__step{justify-content:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--bg-surface);border:1.5px solid var(--border-default);font-size:12px;font-weight:700;color:var(--text-secondary);transition:all var(--dur-fast) var(--ease-color);white-space:nowrap;flex:1 1;min-width:0;text-align:center;box-sizing:border-box}.learning-conduit__step-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.learning-conduit__step-text{display:inline-flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learning-conduit__step--active{border-color:var(--brand);background:var(--brand);color:var(--on-accent);box-shadow:var(--shadow-glow-accent)}.learning-conduit__step--completed{border-color:var(--correct);background:var(--correct-bg);color:var(--correct)}@media (max-width:540px){.learning-conduit{padding:8px}.learning-conduit__steps{gap:6px}.learning-conduit__step{padding:5px 8px;font-size:11px;gap:4px}.learning-conduit__line{left:24px;right:24px}}@media (max-width:380px){.learning-conduit__step-prefix{display:none}}.concept-stamp{align-items:flex-start;gap:10px;padding:12px 16px;background:var(--brand-soft);border-left:4px solid var(--brand);border-radius:var(--radius-md);margin-bottom:20px;font-size:13px;line-height:1.5}.concept-stamp,.quiz-stamped-option{display:flex;color:var(--text-primary);font-weight:600}.quiz-stamped-option{align-items:center;gap:12px;padding:14px 18px;background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--dur-fast) var(--ease-reveal);width:100%;text-align:left}.quiz-stamped-option:hover{border-color:var(--brand);background:var(--bg-card-hover);transform:translateX(4px)}.quiz-stamped-option--selected{border-color:var(--brand);background:var(--brand-soft)}.quiz-stamped-option--correct{border-color:var(--correct);background:var(--correct-bg);color:var(--correct)}.quiz-stamped-option--wrong{border-color:var(--wrong);background:var(--wrong-bg);color:var(--wrong)}@keyframes heartFloat{0%{opacity:0;transform:translateY(0) scale(.5) rotate(0deg)}12%{opacity:1}to{opacity:0;transform:translateY(-55vh) scale(1.25) rotate(14deg)}}@keyframes gentleWave{0%,to{transform:rotate(0deg)}25%{transform:rotate(12deg)}75%{transform:rotate(-8deg)}}.animate-gentle-wave{display:inline-block;animation:gentleWave 1.6s ease-in-out;transform-origin:70% 70%}.hero-greeting{animation:fadeUp .8s var(--ease-reveal) both}.hero-greeting-icon{display:inline-block;animation:gentleWave 1.8s ease-in-out,iconFloat 4s ease-in-out 1.8s infinite;transform-origin:70% 70%}.hero{flex:1 1;align-items:center;justify-content:center;text-align:center;min-height:0;padding:clamp(20px,5vh,48px) clamp(16px,4vw,32px)}.hero,.hero__stage{display:flex;flex-direction:column}.hero__stage{width:100%;max-width:768px;position:relative}@media (min-width:1024px){.hero__stage{max-width:920px}}.hero__stage:after,.hero__stage:before{display:none!important}.hero__content{position:relative;z-index:1;order:1;margin-bottom:12px}.hero__greeting{margin-top:16px;order:2}.hero__title{margin:0;font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.03em;font-size:clamp(32px,6vw,48px);color:var(--text-primary)}@media (min-width:1024px){.hero__title{font-size:clamp(44px,4vw,56px);line-height:1.1;letter-spacing:-.035em}.hero__greeting{order:1;margin-top:0}.hero__input-row{order:2}.hero__content{order:3;margin-top:24px;margin-bottom:0}}.hero__title-name{color:var(--accent)}.hero__spacer{height:76px}.hero__input-row{position:relative;z-index:1;display:flex;justify-content:center;margin-top:20px;order:3}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(4deg)}}.how-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:4px 0 0;padding:0;list-style:none}.how-strip__step{gap:8px;font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.01em}.how-strip__num,.how-strip__step{display:inline-flex;align-items:center}.how-strip__num{justify-content:center;width:20px;height:20px;border-radius:50%;font-size:var(--text-xs);font-weight:700;color:var(--accent);background:var(--accent-dim);border:1px solid var(--border-glow)}@media (max-width:640px){.how-strip{flex-direction:column;align-items:flex-start;gap:8px;margin-inline:auto;width:-moz-fit-content;width:fit-content}}.animate-fade-up{animation:fadeUp .6s var(--ease-reveal) both}.animate-slide-bottom{animation:slideFromBottom .5s var(--ease-reveal) both}.animate-accent-flash{animation:accentFlash 1s var(--ease-reveal) both}.animate-glow-burst{animation:glowBurst .9s var(--ease-reveal) both}.animate-unlock-pop{animation:unlockPop .6s var(--ease-spring) both}.animate-shake{animation:shake .5s var(--ease-reveal) both}.animate-correct-pulse{animation:correctPulse .5s var(--ease-spring) both}.animate-bounce-in{animation:bounceIn .7s var(--ease-spring) both}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow-pulse{animation:glowPulse 3s ease-in-out infinite}.animate-slide-in{animation:slideIn .5s var(--ease-reveal) both}.animate-gradient-shift,.animate-shimmer{background:var(--bg-card)}.animate-shimmer{animation:skeletonPulse 1.8s ease-in-out infinite}.animate-spin{animation:spin 1.5s linear infinite}.interactive-lift{transition:transform .42s var(--ease-spring),box-shadow .42s var(--ease-spring),border-color .32s var(--ease-color)}.interactive-lift:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-lg),var(--glass-edge),0 0 0 4px var(--cobalt-wash),0 0 24px var(--accent-glow);border-color:var(--border-accent)}.interactive-press:active{transform:scale(.97)!important;transition:transform .12s var(--ease-color)!important}.glow-accent{transition:box-shadow .4s var(--ease-spring),border-color .4s var(--ease-color),background .4s var(--ease-color)}.glow-accent:hover{box-shadow:var(--shadow-lg),var(--glass-edge),0 0 24px var(--accent-glow),0 0 48px var(--cobalt-wash);border-color:var(--border-accent);background:var(--bg-card-hover)}.ripple-container{position:relative;overflow:hidden}.texture-dots:before,.texture-lines:before{display:none}@keyframes flameFlicker{0%,to{transform:scale(1) rotate(0deg);filter:brightness(1)}25%{transform:scale(1.06) rotate(1deg);filter:brightness(1.1)}50%{transform:scale(.97) rotate(-1deg);filter:brightness(.95)}75%{transform:scale(1.03) rotate(.5deg);filter:brightness(1.05)}}.flame-flicker{animation:flameFlicker 2s ease-in-out infinite;transform-origin:50% 80%}@keyframes xpPopIn{0%{opacity:0;transform:translateY(12px) scale(.85)}20%{opacity:1;transform:translateY(0) scale(1.06)}40%{transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-6px)}to{opacity:0;transform:translateY(-22px)}}.animate-xp-pop{animation:xpPopIn 2s var(--ease-reveal) both}@keyframes badgePop{0%{opacity:0;transform:scale(.3) rotate(-8deg)}60%{opacity:1;transform:scale(1.12) rotate(2deg)}80%{transform:scale(.97) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.animate-badge-pop{animation:badgePop .8s var(--ease-spring) both}@keyframes levelBurst{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-level-burst{animation:levelBurst .7s var(--ease-spring) both}@keyframes ringSweep{0%{opacity:.2;transform:scale(.7)}60%{opacity:.6}to{opacity:0;transform:scale(2.4)}}.animate-ring-sweep{animation:ringSweep 1s var(--ease-reveal) both}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.animate-overlay-fade{animation:overlayFade .3s var(--ease-color) both}.animate-sheen:after{display:none}.markdown-content,.markdown-content h2{color:var(--text-primary)}.markdown-content h2{margin:var(--space-lg) 0 var(--space-base);font-family:var(--font-display),system-ui,sans-serif;font-weight:700;font-size:22px;letter-spacing:var(--tracking-tight);border-bottom:2px solid var(--border-glow);padding-bottom:10px}.markdown-content h3{margin:var(--space-lg) 0 var(--space-sm);font-weight:700;font-size:17px;color:var(--brand);letter-spacing:var(--tracking-normal)}.markdown-content p{margin-bottom:var(--space-lg);font-family:var(--font-lora);font-size:16px;line-height:var(--leading-loose);color:var(--text-primary);letter-spacing:.005em;max-width:65ch}.markdown-content strong{color:var(--text-primary);font-weight:700;text-shadow:0 .5px 0 var(--cobalt-wash)}.markdown-content em{color:var(--brand);font-style:italic}.markdown-content code{font-family:var(--font-mono),monospace;font-size:var(--text-sm);background:var(--accent-dim);color:var(--accent);padding:3px 8px;border-radius:var(--radius-md);font-weight:500}.markdown-content pre{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-base);border-radius:var(--radius-lg);background:var(--bg-solid);border:1px solid var(--border-default);overflow-x:auto;color:var(--text-primary)}.markdown-content pre code{background:transparent;padding:0;border-radius:0;color:inherit}.markdown-content blockquote{margin:var(--space-lg) 0;border-left:4px solid var(--brand);background:var(--cobalt-wash);padding:var(--space-base) var(--space-md);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-primary);font-style:italic;font-family:var(--font-lora);box-shadow:inset 2px 0 8px var(--cobalt-wash)}.markdown-content ol,.markdown-content ul{margin-left:24px;line-height:var(--leading-relaxed);margin-bottom:var(--space-lg);color:var(--text-primary)}.markdown-content li{margin-bottom:var(--space-xs);color:var(--text-primary)}.markdown-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-dim);transition:border-color .2s var(--ease-color)}.markdown-content a:hover{border-bottom-color:var(--accent)}.app-shell{min-height:100vh;min-height:100dvh}.app-main{margin-left:280px;min-width:0;transition:margin-left .4s var(--ease-reveal)}@media (min-width:901px){.app-main .navbar-brand{display:none!important}}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:80;display:flex;flex-direction:column;background:var(--bg-glass);border-right:1px solid var(--border-subtle);transition:transform .4s var(--ease-reveal);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));box-shadow:var(--glass-edge)}.app-sidebar-backdrop,.app-sidebar-close,.app-sidebar-toggle{display:none}@media (max-width:900px){.app-sidebar-close{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:16px;line-height:1}.app-main{margin-left:0}.app-sidebar{transform:translateX(-100%);box-shadow:var(--shadow-lg);visibility:hidden;transition:transform .4s var(--ease-reveal),visibility 0s linear .4s}.app-sidebar.open{transform:translateX(0);visibility:visible;transition:transform .4s var(--ease-reveal)}.app-sidebar-backdrop.open{display:block;position:fixed;inset:0;z-index:70;background:var(--scrim);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%)}.app-sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:14px;left:14px;z-index:65;width:42px;height:42px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--text-primary);cursor:pointer;font-size:20px;box-shadow:var(--glass-shadow),var(--glass-edge)}.settings-back{margin-left:52px}}.bottom-nav{display:none}@media (max-width:900px){.bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border-top:1px solid var(--border-subtle);padding-bottom:env(safe-area-inset-bottom,0)}[data-perf=low] .bottom-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-surface)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:6px 4px;text-decoration:none;color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.01em;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--dur-base) var(--ease-color)}.bottom-nav__item svg{width:22px;height:22px}.bottom-nav__item[aria-current=page]{color:var(--accent)}.bottom-nav__item:focus-visible{outline:none;box-shadow:inset var(--focus-ring);border-radius:var(--radius-md)}.app-main{padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px))}}@media (max-width:640px){.markdown-content{font-size:16px}.markdown-content h2{font-size:19px}.markdown-content h3{font-size:16px}}.content-optimize{content-visibility:auto;contain-intrinsic-size:auto 600px}.progress-rail{content-visibility:auto;contain-intrinsic-size:auto 80px}.part-card{content-visibility:auto;contain-intrinsic-size:auto 800px}.part-card,.quiz-sheet{contain:layout style paint}.quiz-question{contain:layout style}.app-sidebar{content-visibility:auto;contain-intrinsic-size:auto 100%}.app-footer{content-visibility:auto;contain-intrinsic-size:auto 180px;border-top:1px solid var(--border-subtle);padding:28px 32px;text-align:center;font-size:12px;color:var(--text-tertiary);line-height:1.7;background:var(--bg-glass);max-width:880px;margin-left:auto;margin-right:auto}.app-footer__row{margin:0;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.app-footer__row--links{margin-top:6px;gap:6px}.app-footer__brand{font-weight:800;color:var(--accent);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--radius-sm);padding:2px 6px;transition:background .2s var(--ease-color)}.app-footer__brand:focus-visible,.app-footer__brand:hover{background:var(--accent-dim);outline:none}.app-footer__link{color:var(--accent);padding:6px 4px;min-height:44px;display:inline-flex;align-items:center;font-weight:500}.app-footer__companion{margin:8px 0 0;font-size:12px;color:var(--text-tertiary);font-style:italic;line-height:1.7}.progress-achievements,.progress-activity{content-visibility:auto;contain-intrinsic-size:auto 500px}.settings-section{content-visibility:auto;contain-intrinsic-size:auto 300px}.part-locked-content{filter:blur(12px);opacity:.4;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:filter .4s ease,opacity .4s ease}.part-locked-content.is-unlocked{filter:none;opacity:1;pointer-events:auto;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}html[data-perf=low] *,html[data-perf=low] :after,html[data-perf=low] :before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html[data-perf=low] .aurora-bg{display:none}html[data-perf=low] body:after,html[data-perf=low] body:before{content:none}html[data-perf=low][data-theme=light]{--bg-card:#FFFFFF;--bg-glass:#FFFFFF}html[data-perf=mid] .aurora-blob{animation:none!important}html[data-perf=mid] body:after,html[data-perf=mid] body:before{content:none}html[data-perf=low] .accent-pulse-dot,html[data-perf=low] .animate-float,html[data-perf=low] .animate-glow-pulse,html[data-perf=low] .flame-flicker{animation:none!important}html[data-perf=low] .part-locked-content{filter:none;opacity:.12}html[data-browser=firefox] *,html[data-browser=firefox] :after,html[data-browser=firefox] :before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html[data-browser=firefox] .aurora-blob{will-change:auto}html[data-browser=firefox] body:after,html[data-browser=firefox] body:before{mix-blend-mode:normal;opacity:.035}html[data-perf=high]{--shadow-md:0 6px 20px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04);--shadow-lg:0 16px 40px rgba(0,0,0,0.1),0 6px 12px rgba(0,0,0,0.06)}::selection{background:var(--brand);color:var(--on-accent);text-shadow:none}.app-sidebar ::-webkit-scrollbar{width:6px}.app-sidebar ::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px}.app-sidebar ::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}.app-sidebar ::-webkit-scrollbar-track{background:transparent}html[data-perf=high]{--shadow-md:0 6px 18px rgba(0,0,0,0.12),0 2px 5px rgba(0,0,0,0.07);--shadow-lg:0 14px 38px rgba(0,0,0,0.14),0 5px 10px rgba(0,0,0,0.07)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3{position:relative}h1:after,h2:after{content:"";display:block;width:40px;height:3px;background:var(--accent);border-radius:2px;margin-top:10px}h1:after{width:56px;margin-top:12px;opacity:.85}h3:after{display:none}h1,h2{letter-spacing:var(--tracking-tight)}h3{letter-spacing:var(--tracking-normal)}h1{line-height:var(--leading-tight)}h2{line-height:var(--leading-snug)}h3{line-height:var(--leading-normal)}h1{margin-bottom:var(--space-lg)}h2{margin-bottom:var(--space-md)}h3{margin-bottom:var(--space-sm)}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--leading-normal)}p{line-height:var(--leading-loose);margin-bottom:var(--space-lg);max-width:65ch}.badge-tile{display:block;width:100%;border-radius:var(--radius-lg);padding:10px 8px;text-align:center;cursor:pointer;font-family:inherit;color:inherit;transition:transform .32s var(--ease-spring),box-shadow .32s var(--ease-color),border-color .32s var(--ease-color)}.badge-tile,.badge-tile__inner{position:relative}.badge-tile--open,.badge-tile:focus-visible,.badge-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 0 3px var(--cobalt-wash);z-index:5}.badge-tile--earned.badge-tile--open,.badge-tile--earned:hover{box-shadow:var(--shadow-md),0 0 18px var(--accent-glow)}.badge-popover{position:fixed;width:min(260px,calc(100vw - 16px));max-width:260px;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-card-hover);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--shadow-lg),var(--glass-edge);text-align:left;opacity:0;visibility:hidden;pointer-events:none;z-index:9999;transform:translateY(6px) scale(.97);transition:opacity .18s var(--ease-reveal),transform .22s var(--ease-spring)}.badge-popover__arrow{content:"";position:absolute;transform:translateX(-50%);border:7px solid transparent;width:0;height:0}.badge-popover__header{display:flex;align-items:center;gap:7px;margin-bottom:6px}.badge-popover__title{font-size:13px;font-weight:800;color:var(--text-primary);letter-spacing:-.01em;flex:1 1;min-width:0}.badge-popover__tier{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:2px 7px;flex-shrink:0}.badge-popover__how{margin:0;font-family:var(--font-lora),Georgia,serif;font-size:12.5px;line-height:1.55;color:var(--text-secondary)}.badge-popover__status{margin:8px 0 0;font-size:11px;font-weight:700}.badge-popover__status--earned{color:var(--correct)}.badge-popover__progress{display:flex;align-items:center;gap:8px;margin-top:9px}.badge-popover__progress>span{font-size:10.5px;font-weight:700;color:var(--text-tertiary);white-space:nowrap}.badge-popover__bar{flex:1 1;height:4px;border-radius:4px;background:var(--border-subtle);overflow:hidden}.badge-popover__bar>div{height:100%;border-radius:inherit;background:var(--accent);transition:width .5s var(--ease-reveal)}.handloom-fold{position:relative}.handloom-fold:after{content:"";position:absolute;bottom:0;right:0;width:32px;height:32px;background:var(--border-subtle);border-radius:0 0 var(--radius-xl) 0;pointer-events:none;z-index:1;opacity:.6}.brush-underline{position:relative;text-decoration:none}.brush-underline:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:var(--accent);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease-spring)}.brush-underline:hover:after{transform:scaleX(1)}.rangoli-seal{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--brand);color:var(--brand);font-weight:800;text-align:center;box-shadow:inset 0 0 0 1px var(--accent-dim);position:relative}.rangoli-seal:before{content:"";position:absolute;inset:2px;border-radius:50%;border:1px solid var(--brand);opacity:.4}.btn-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-lg);padding:13px 26px;min-height:52px;font-family:var(--font-display),system-ui,sans-serif;font-size:16px;font-weight:800;letter-spacing:.02em;color:var(--on-accent);background:var(--accent);border:2px solid var(--accent);cursor:pointer;box-shadow:var(--shadow-glow-accent);overflow:hidden;transition:transform .42s var(--ease-spring),box-shadow .42s var(--ease-spring),filter .32s var(--ease-color);isolation:isolate}.btn-primary:after{display:none}.btn-primary>*{position:relative;z-index:2}.btn-primary:focus-visible,.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg),0 0 28px var(--accent-glow);filter:brightness(1.06)}.btn-primary:focus-visible:after,.btn-primary:hover:after{transform:translateX(130%)}.btn-primary:active{transform:translateY(0) scale(.97);transition:transform .12s var(--ease-color)}.btn-primary:disabled,.btn-primary[aria-disabled=true]{background:var(--border-subtle);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none;filter:none;transform:none}.btn-primary:disabled:after{display:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-primary);padding:11px 20px;min-height:48px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--glass-edge);transition:transform .38s var(--ease-spring),border-color .32s var(--ease-color),background .32s var(--ease-color),box-shadow .32s var(--ease-color),color .32s var(--ease-color)}.btn-ghost:focus-visible,.btn-ghost:hover{border-color:var(--border-accent);background:var(--bg-card-hover);color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--glass-edge),0 0 18px var(--accent-glow)}.btn-ghost:active{transform:translateY(0) scale(.97);transition:transform .12s var(--ease-color)}.btn-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);cursor:pointer;transition:transform .38s var(--ease-spring),border-color .32s var(--ease-color),color .32s var(--ease-color),background .32s var(--ease-color),box-shadow .32s var(--ease-color)}.btn-icon:focus-visible,.btn-icon:hover{transform:scale(1.1);border-color:var(--border-accent);color:var(--accent);background:var(--accent-dim);box-shadow:0 0 16px var(--accent-glow)}.btn-icon:active{transform:scale(.92);transition:transform .12s var(--ease-color)}.btn-icon--danger:focus-visible,.btn-icon--danger:hover{border-color:var(--wrong);color:var(--wrong);background:var(--wrong-bg);box-shadow:0 0 16px var(--wrong-bg)}.nav-link{position:relative;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;min-height:40px;border-radius:999px;font-size:14px;font-weight:600;color:var(--text-secondary);text-decoration:none;background:transparent;border:1px solid transparent;transition:color .3s var(--ease-color),background .3s var(--ease-color),border-color .3s var(--ease-color),transform .3s var(--ease-spring)}.nav-link:focus-visible,.nav-link:hover{color:var(--accent);background:var(--accent-dim);border-color:var(--border-glow);transform:translateY(-1px)}.nav-link:active{transform:translateY(0) scale(.97)}.nav-link--active{color:var(--accent);background:var(--accent-dim);border-color:var(--border-glow)}.nav-link--active:before{content:"";position:absolute;left:8px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--accent);transform:translateY(-50%);opacity:.8}.nav-link--active{padding-left:20px}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:60;min-height:72px;border-bottom:1px solid var(--border-subtle);background:var(--bg-glass);backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));box-shadow:var(--glass-edge)}.navbar--compact{height:auto;min-height:72px}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 32px;min-height:72px;display:flex;align-items:center;justify-content:flex-start;gap:18px}.navbar--compact .navbar-inner{padding:18px 32px;min-height:auto}.navbar-links{display:flex;align-items:center;gap:4px;margin-left:8px}@media (max-width:900px){.navbar--compact .navbar-inner,.navbar-inner{padding-left:72px}.navbar-links{display:none}}.navbar-brand{text-decoration:none;gap:10px;flex-shrink:0}.navbar-brand,.navbar-logo{display:flex;align-items:center}.navbar-logo{width:42px;height:42px;border-radius:var(--radius-md);background:var(--accent);justify-content:center;color:var(--on-accent);font-weight:900;border:2px solid var(--accent);overflow:hidden;position:relative}.navbar-wordmark{font-family:var(--font-display);font-weight:800;font-size:28px;letter-spacing:-.5px}.navbar-wordmark__real{color:var(--text-primary)}.navbar-wordmark__learn{color:var(--accent)}.chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:9px 18px;border-radius:999px;border:2px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;transition:border-color .32s var(--ease-color),background .32s var(--ease-color),color .32s var(--ease-color),transform .32s var(--ease-spring)}.chip:focus-visible,.chip:hover{border-color:var(--border-accent);background:var(--accent-dim);color:var(--accent);transform:translateY(-2px)}.chip:active{transform:translateY(0) scale(.97)}.chip__label{color:var(--text-secondary)}.chip:focus-visible .chip__label,.chip:hover .chip__label{color:var(--accent)}.chip__value{font-weight:700;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-header{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-md)}.section-overline{display:inline-block;font-family:var(--font-display),serif;font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--accent);text-transform:uppercase;margin-bottom:2px}.section-overline:before{content:"";display:inline-block;width:18px;height:3px;border-radius:3px;background:var(--accent);margin-right:9px;vertical-align:middle;transform:translateY(-1px)}.section-header__symbol{font-family:var(--font-display),serif;font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--accent);opacity:.7;text-transform:uppercase}.section-header__title{position:relative;margin:0;font-family:var(--font-display),system-ui,sans-serif;font-weight:800;letter-spacing:var(--tracking-tight);color:var(--text-primary);padding-left:14px}.section-header__title:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:2px;background:var(--accent)}.section-header__subtitle{margin:0;padding-left:14px;font-size:14px;color:var(--text-tertiary);font-weight:500}.rl-card{position:relative;border-radius:var(--radius-xl);border:2px solid var(--border-subtle);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:transform .38s var(--ease-spring),box-shadow .38s var(--ease-color),border-color .32s var(--ease-color),background .32s var(--ease-color)}.rl-card:focus-within,.rl-card:hover{transform:translateY(-3px);border-color:var(--border-default);box-shadow:var(--shadow-lg),var(--glass-edge)}.stat-tile{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-surface);padding:16px 12px;text-align:center;transition:transform .38s var(--ease-spring),border-color .32s var(--ease-color),box-shadow .32s var(--ease-color)}.stat-tile:hover{transform:translateY(-2px);border-color:var(--border-glow);box-shadow:var(--shadow-sm)}.stat-tile__value{font-family:var(--font-display),system-ui,sans-serif;font-size:26px;font-weight:800;line-height:1.1;color:var(--text-primary);letter-spacing:-.02em}.stat-tile__value--accent{color:var(--accent)}.stat-tile__label{margin-top:4px;font-size:11px;font-weight:600;color:var(--text-tertiary);letter-spacing:.02em}.scroll-top{position:fixed;right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px);z-index:55;display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid var(--border-glow);background:var(--accent);color:var(--on-accent);cursor:pointer;box-shadow:var(--shadow-lg),var(--shadow-glow-accent);opacity:0;visibility:hidden;transform:translateY(16px) scale(.8);transition:opacity .32s var(--ease-color),visibility 0s linear .32s,transform .42s var(--ease-spring),box-shadow .32s var(--ease-color)}.scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:opacity .32s var(--ease-color),transform .42s var(--ease-spring),box-shadow .32s var(--ease-color)}.scroll-top:focus-visible,.scroll-top:hover{transform:translateY(-3px) scale(1.08);box-shadow:var(--shadow-lg),0 0 32px var(--accent-glow)}.scroll-top:active{transform:translateY(0) scale(.94);transition:transform .12s var(--ease-color)}.kusari{display:flex;align-items:center;justify-content:center;gap:14px;padding:var(--space-lg) 0;color:var(--border-default);border:none;margin:0;background:transparent}.kusari:after,.kusari:before{content:"";flex:1 1;height:2px;background:var(--border-default)}.kusari__bead{width:8px;height:8px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}.btn-ghost:focus-visible,.btn-icon:focus-visible,.btn-primary:focus-visible,.chip:focus-visible,.nav-link:focus-visible,.scroll-top:focus-visible{outline:none;box-shadow:var(--shadow-md),0 0 0 3px var(--accent-glow),0 0 0 5px var(--accent)}.progress-hub{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:999px;padding:6px 14px 6px 8px;cursor:pointer;min-height:36px;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--glass-edge);transition:transform .4s var(--ease-spring),border-color .3s var(--ease-color),box-shadow .4s var(--ease-spring)}.progress-hub:hover{transform:translateY(-1px);border-color:var(--border-accent);box-shadow:var(--shadow-md),var(--glass-edge)}.progress-hub:active{transform:translateY(0) scale(.98)}.progress-hub:focus-visible{outline:none;box-shadow:var(--shadow-md),var(--glass-edge),0 0 0 3px var(--accent-glow)}.part-cta{width:100%;min-height:52px;border:none;border-radius:var(--radius-lg);background:var(--accent);color:var(--on-accent);font-size:var(--text-base);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-spring)}.part-cta:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-lg),var(--glass-edge)}.part-cta:active{transform:translateY(0) scale(.99)}.part-cta:focus-visible{outline:none;box-shadow:var(--shadow-lg),0 0 0 3px var(--accent-glow),0 0 0 5px var(--accent)}.part-done-bar{width:100%;min-height:48px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--correct) 30%,transparent);background:var(--correct-bg);color:var(--correct);display:flex;align-items:center;justify-content:space-between;padding:0 20px;cursor:pointer;font-weight:600;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-spring)}.part-done-bar:hover{transform:scale(1.01);box-shadow:var(--shadow-lg),var(--glass-edge)}.part-done-bar:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--correct) 40%,transparent)}.btn-toggle{border:1px solid var(--border-default);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);padding:12px 18px;cursor:pointer;min-height:48px;transition:transform .3s var(--ease-spring),border-color .25s var(--ease-color),color .25s var(--ease-color)}.btn-toggle:hover{border-color:var(--border-accent);color:var(--accent);transform:scale(1.02)}.btn-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.q-form{margin-top:20px;max-width:680px;width:100%;position:relative;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:0 12px 32px rgba(0,0,0,.04),0 2px 6px rgba(0,0,0,.02);transition:all .2s var(--ease-color)}@media (min-width:1024px){.q-form{max-width:880px;margin-top:28px;border-radius:var(--radius-xl)}}.q-form__body{position:relative;padding:20px 20px 12px}.q-form__body:before{display:none!important}.q-form--focused{border-color:var(--border-accent);box-shadow:0 16px 40px rgba(2,132,199,.12),0 0 0 3px var(--accent-glow)}@media (min-width:1024px){.q-form__body{padding:24px 28px 16px}}.q-form__textarea{width:100%;min-height:56px;max-height:160px;resize:none;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:16px;line-height:1.5;font-family:var(--font-inter),sans-serif}@media (min-width:1024px){.q-form__textarea{font-size:18px;line-height:1.5;min-height:64px;max-height:200px}}.q-form__listening{margin:6px 0 0;font-size:13px;color:var(--accent);font-style:italic}.q-form__footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;min-height:24px}.q-form__hint{font-size:12px;color:var(--text-tertiary);opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.q-form__hint--show{opacity:1;transform:translateY(0)}.q-form__count{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-tertiary);transition:color .2s ease}.q-form__count--near{color:var(--wrong);font-weight:600}.q-form__kbd{font-family:var(--font-mono);font-size:11px;padding:2px 5px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary)}.q-form__modes{padding:0 20px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media (min-width:1024px){.q-form__modes{padding:0 24px 18px}}.q-form__mode-hint{font-size:13px;color:var(--text-tertiary);font-weight:500}.mode-glider{position:relative;display:inline-flex;padding:3px;gap:0;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface)}.mode-glider__pill{position:absolute;top:3px;bottom:3px;left:3px;border-radius:var(--radius-sm);background:var(--accent);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease-spring);will-change:transform}.mode-glider__option{position:relative;z-index:1;border:none;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;min-height:40px;min-width:104px;text-align:center;background:transparent;color:var(--text-secondary);transition:color .32s var(--ease-color)}.mode-glider__option--active{color:var(--on-accent)}.q-form__actions{border-top:1px solid var(--border-subtle);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px}@media (min-width:1024px){.q-form__actions{padding:24px 48px}}.q-form__actions-right{display:flex;align-items:center;gap:10px}@media (max-width:640px){.q-form__body{padding:24px 16px 12px}.q-form__body:before{left:16px}.q-form__modes{padding:0 16px 14px;flex-direction:column;align-items:flex-start;gap:8px}.q-form__actions{padding:14px 16px;flex-direction:column;align-items:stretch;gap:12px}.q-form__actions-right{justify-content:flex-end;width:100%}}.part-card{transition:transform .5s var(--ease-spring),border-color .4s var(--ease-color),box-shadow .5s var(--ease-spring)}.part-card:hover{transform:translateY(-4px) scale(1.005);border-color:var(--border-accent)!important;box-shadow:var(--shadow-lg),var(--glass-edge),0 0 0 4px var(--accent-glow)!important}.part-card:focus-within{border-color:var(--border-accent)!important;box-shadow:var(--shadow-lg),var(--glass-edge),0 0 0 4px var(--accent-glow)!important}.error-state{min-height:100vh;color:var(--text-primary);display:grid;place-items:center;padding:var(--space-lg)}.error-state__card{max-width:460px;text-align:center;padding:var(--space-xl);border-radius:var(--radius-xl);border:1px solid var(--border-default);background:var(--bg-surface);box-shadow:var(--shadow-md)}.error-state__rule{display:block;width:40px;height:2px;margin:0 auto var(--space-lg);border-radius:2px;background:var(--accent)}.error-state__title{margin:0 0 var(--space-sm);font-size:26px;font-weight:700;font-style:italic;font-family:var(--font-display);line-height:1.3}.error-state__message{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.7;font-family:var(--font-lora)}.error-state__actions{margin-top:var(--space-lg);display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.error-state__btn{border:none;border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer;min-height:44px;transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-spring)}.error-state__btn:focus-visible,.error-state__btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.error-state__btn--secondary{border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);font-weight:600}.error-state__btn--secondary:focus-visible,.error-state__btn--secondary:hover{border-color:var(--border-accent);color:var(--accent)}.loading-cinematic{position:fixed;inset:0;z-index:100;background:var(--bg-primary);display:grid;place-items:center;pointer-events:auto}.loading-cinematic.is-revealing{opacity:0;transform:scale(.96);pointer-events:none}.loading-cinematic__bg{position:absolute;inset:0;background:var(--bg-primary)}.loading-cinematic__stage{position:relative;text-align:center;padding:32px;width:100%;max-width:560px}.loading-cinematic__question{color:var(--text-primary);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:clamp(22px,5vw,28px);line-height:1.4;margin-bottom:32px}.loading-cinematic__quote{color:var(--accent)}.loading-cinematic__progress{width:100%;height:12px;border-radius:999px;background:var(--accent-dim);overflow:hidden;position:relative}.loading-cinematic__progress-glow{display:none}.loading-cinematic__progress-bar{height:100%;border-radius:999px;background:var(--accent);transition:width .2s linear;position:relative;z-index:1}.loading-cinematic__percent{margin-top:12px;color:var(--accent);font-size:16px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.loading-cinematic__steps{list-style:none;padding:0;margin:24px auto 0;text-align:left;max-width:340px;display:grid;grid-gap:12px;gap:12px}.loading-cinematic__step{display:flex;align-items:center;gap:12px;font-size:var(--text-base);font-family:var(--font-lora);font-weight:400;transition:all .3s ease}.loading-cinematic__step.is-done{color:var(--text-primary);font-weight:600}.loading-cinematic__step.is-active{color:var(--accent)}.loading-cinematic__step.is-pending{color:var(--text-secondary);opacity:.4}.loading-cinematic__step-marker{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-md);flex-shrink:0;font-size:14px}.loading-cinematic__step-marker.is-done{border:none;background:var(--accent);color:var(--on-accent)}.loading-cinematic__step-marker.is-active{border:2px solid color-mix(in srgb,var(--accent) 30%,transparent);background:transparent}.loading-cinematic__fact{margin-top:32px;padding:14px 20px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);background:color-mix(in srgb,var(--accent) 3%,transparent);animation:fadeUp .5s var(--ease-reveal)}.loading-cinematic__fact-text{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6;font-family:var(--font-lora)}.loading-cinematic__fact-star{color:var(--accent);margin-right:8px}.loading-cinematic__patience{margin-top:18px;color:var(--accent);font-size:14px;line-height:1.6;font-weight:600;font-style:italic;font-family:var(--font-lora)}.loading-cinematic__cancel{margin-top:var(--space-xl);padding:14px 28px;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:600;min-height:50px;transition:transform .5s var(--ease-spring),border-color .3s var(--ease-color),color .3s var(--ease-color),background .3s var(--ease-color)}.loading-cinematic__cancel:focus-visible,.loading-cinematic__cancel:hover{background:var(--bg-card-hover);border-color:var(--accent);color:var(--accent);transform:scale(1.03)}.quiz-sheet{position:fixed;inset:0;z-index:90;background:var(--scrim,rgba(0,0,0,.7));backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.quiz-sheet__panel{position:fixed;bottom:0;max-height:90vh;overflow-y:auto;background:var(--bg-card);padding:0 32px 56px;box-shadow:var(--shadow-lg),var(--glass-edge)}.quiz-sheet__accent,.quiz-sheet__panel{left:0;right:0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.quiz-sheet__accent{position:absolute;top:0;height:3px;background:var(--accent)}.quiz-sheet__handle{width:48px;height:5px;border-radius:3px;background:var(--border-default);margin:14px auto 20px}.quiz-sheet__close{position:absolute;top:16px;right:16px;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;font-size:14px;transition:transform .5s var(--ease-spring),border-color .3s var(--ease-color),color .3s var(--ease-color)}.quiz-sheet__close:focus-visible,.quiz-sheet__close:hover{border-color:var(--border-accent);color:var(--accent);transform:scale(1.08)}.quiz-sheet__title{margin:0;font-family:var(--font-display);font-weight:800;font-size:20px;background:var(--accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.quiz-sheet__subtitle{margin-top:8px;margin-bottom:20px;font-size:13px;color:var(--text-secondary)}.quiz-sheet__divider{border-bottom:1px solid var(--border-subtle);margin-bottom:20px}.quiz-sheet__status{margin-bottom:16px;padding:12px 16px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:var(--accent-dim);color:var(--accent);font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px}.quiz-sheet__action{margin-top:28px;width:100%;border-radius:var(--radius-lg);padding:18px;border:1.5px solid var(--border-default);background:transparent;color:var(--text-primary);font-size:15px;font-weight:600;cursor:pointer;min-height:50px;transition:transform .5s var(--ease-spring),border-color .3s var(--ease-color),color .3s var(--ease-color),box-shadow .3s var(--ease-spring)}.quiz-sheet__action:focus-visible,.quiz-sheet__action:hover{border-color:var(--border-accent);color:var(--accent)}.quiz-sheet__action.is-success{border:none;background:var(--accent);color:white}.quiz-sheet__action.is-success:focus-visible,.quiz-sheet__action.is-success:hover{transform:scale(1.03);box-shadow:var(--shadow-lg),var(--glass-edge)}.quiz-question__meta{margin:0 0 8px;font-size:12px;color:var(--text-tertiary);font-weight:500}.quiz-question__text{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.quiz-question__options{display:grid;grid-gap:8px;gap:8px}.quiz-question__option{width:100%;min-height:44px;text-align:left;border-radius:var(--radius-md);border:1.5px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);padding:14px 16px;cursor:pointer;font-size:14px;transition:all .15s var(--ease-color);display:flex;align-items:center;gap:12px}.quiz-question__option:focus-visible:not(:disabled),.quiz-question__option:hover:not(:disabled){border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-glow)}.quiz-question__option:disabled{cursor:default}.quiz-question__option.is-correct{background:var(--correct-bg);border-color:color-mix(in srgb,var(--correct) 45%,transparent)}.quiz-question__option.is-wrong{background:var(--wrong-bg);border-color:color-mix(in srgb,var(--wrong) 45%,transparent)}.quiz-question__badge{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-sm);font-weight:700;font-size:12px;flex-shrink:0}.quiz-question__badge.is-correct{background:var(--correct);color:white}.quiz-question__badge.is-wrong{background:var(--wrong);color:white}.quiz-question__badge.is-default{background:var(--border-default);color:var(--text-secondary)}.quiz-question__explanation{margin-top:8px;padding:12px 16px;border-radius:var(--radius-md);border-left:3px solid var(--accent);background:var(--bg-primary);color:var(--text-secondary);font-size:13px;font-family:var(--font-lora);font-style:italic}.quiz-question__explanation.is-correct{border-left-color:var(--correct)}.quiz-question__explanation.is-wrong{border-left-color:var(--wrong)}.tldr-banner{display:flex;align-items:center;gap:10px;background:var(--accent-dim);border:1px solid var(--border-glow);padding:10px 14px;border-radius:var(--radius-md);margin-bottom:16px;font-size:13px;color:var(--text-primary);font-weight:500;line-height:1.4}.tldr-pill{display:inline-flex;align-items:center;gap:4px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:800;padding:3px 8px;border-radius:12px;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.visual-waveform{display:inline-flex;align-items:flex-end;gap:3px;height:16px;margin-left:6px;vertical-align:middle}.visual-waveform__bar{width:3px;background:var(--accent);border-radius:2px;animation:waveformPulse 1s ease-in-out infinite alternate}.visual-waveform__bar:first-child{height:40%;animation-delay:0s}.visual-waveform__bar:nth-child(2){height:90%;animation-delay:.2s}.visual-waveform__bar:nth-child(3){height:60%;animation-delay:.4s}.visual-waveform__bar:nth-child(4){height:100%;animation-delay:.1s}@keyframes waveformPulse{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.kinetic-card{transition:transform .18s var(--ease-spring),box-shadow .18s var(--ease-color)}.kinetic-card:hover{transform:translateY(-2px) scale(1.008);box-shadow:var(--shadow-md)}.kinetic-card:active{transform:translateY(0) scale(.985)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){.btn-ghost,.btn-icon,.btn-primary,.btn-primary:after,.chip,.nav-link,.rl-card,.scroll-top,.stat-tile{transition-duration:.01ms!important}.btn-ghost:hover,.btn-icon:hover,.btn-primary:hover,.chip:hover,.nav-link:hover,.rl-card:hover,.scroll-top:hover{transform:none!important}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}