:root{--color-bg:#fbf7f0;--color-surface:#fff;--color-surface-alt:#f3ece0;--color-ink:#2b2320;--color-ink-muted:#6b6357;--color-border:#e8dfd3;--color-primary:#c0483b;--color-primary-dark:#a63d2e;--color-primary-light:#fbe7e3;--color-secondary:#2c3e63;--color-secondary-light:#e7eaf2;--color-success:#397350;--color-success-light:#e3f3ea;--color-danger:#b8402f;--color-danger-light:#fbe4e1;--color-gold:#ce9f3e;--color-gold-light:#fbf0dc;--color-gold-dark:#7a5a17;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--shadow-sm:0 2px 6px #2b232012;--shadow-md:0 8px 24px #2b23201f;--shadow-lift:0 6px 16px #c0483b4d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font-ui:"Nunito", system-ui, "Segoe UI", sans-serif;--font-display:"Baloo 2", var(--font-ui);--font-jp:"Noto Sans JP", "Hiragino Sans", sans-serif;--font-mono:ui-monospace, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.55 var(--font-ui);color:var(--color-ink);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--font-display);color:var(--color-secondary);margin:0 0 var(--space-3);font-weight:700;line-height:1.2}h1{font-size:clamp(28px,4vw,40px)}h2{font-size:clamp(20px,3vw,26px)}h3{font-size:18px}p{margin:0 0 var(--space-3);color:var(--color-ink)}a{color:var(--color-secondary);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface-alt);padding:4px 8px;font-size:15px;display:inline-flex}button{font-family:var(--font-ui);border-radius:var(--radius-md);cursor:pointer;background:var(--color-primary);color:#fff;min-height:44px;box-shadow:var(--shadow-sm);border:none;padding:11px 22px;font-size:15px;font-weight:800;transition:transform .15s,box-shadow .15s,background-color .15s,opacity .15s}button:hover:not(:disabled){box-shadow:var(--shadow-lift);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.btn-primary{font-family:var(--font-ui);border-radius:var(--radius-md);cursor:pointer;background:var(--color-primary);color:#fff;min-height:44px;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;padding:11px 22px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s,opacity .15s;display:inline-flex}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lift);text-decoration:none;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.btn-secondary{font-family:var(--font-ui);border:2px solid var(--color-secondary);border-radius:var(--radius-md);cursor:pointer;background:var(--color-surface);min-height:44px;color:var(--color-secondary);box-shadow:none;justify-content:center;align-items:center;padding:11px 22px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s,opacity .15s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-light);text-decoration:none;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-secondary:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}input{font:inherit;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-ink);padding:10px 14px}input:focus{border-color:var(--color-primary);outline:none}main{width:100%;max-width:880px;padding:var(--space-6) var(--space-4) var(--space-7);flex:1;margin:0 auto}.loading-state,main>p:only-child{color:var(--color-ink-muted);text-align:center;padding:var(--space-6) 0;font-weight:700}.skeleton{background:linear-gradient(90deg, var(--color-surface-alt) 25%, var(--color-border) 50%, var(--color-surface-alt) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{width:60%;height:16px;margin-bottom:var(--space-2)}.skeleton--title{width:40%;height:24px;margin-bottom:var(--space-3)}.skeleton-group{padding:var(--space-5)}.skeleton-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.skeleton-stack{gap:var(--space-4);flex-direction:column;display:flex}.offline-banner{justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-gold-light);color:var(--color-gold-dark);text-align:center;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-gold);font-size:14px;font-weight:800;display:flex}.nav-bar{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-secondary);z-index:10;box-shadow:var(--shadow-md);flex-wrap:wrap;display:flex;position:sticky;top:0}.nav-bar__links{align-items:center;gap:var(--space-4);display:flex}.nav-bar__hamburger{display:none!important}.nav-bar__brand-row{align-items:center;gap:var(--space-2);margin-right:auto;display:flex}.nav-bar a{color:#ffffffd9;border-radius:var(--radius-sm);align-items:center;gap:6px;min-height:40px;padding:8px 10px;font-weight:700;display:inline-flex}.nav-bar__mascot-wrap{cursor:pointer;line-height:0;position:relative;box-shadow:none!important;min-height:unset!important;background:0 0!important;padding:0!important}.nav-bar__mascot{width:auto;height:36px;transition:transform .15s;display:block}.nav-bar__mascot-wrap:hover .nav-bar__mascot{transform:scale(1.12)}.nav-bar__poyo{font-family:var(--font-display);color:#fff;background:var(--color-pink,#e74c8b);border-radius:var(--radius-pill);white-space:nowrap;pointer-events:none;padding:3px 10px;font-size:14px;font-weight:800;animation:1.2s ease-in-out both poyo-fade;position:absolute;top:0;left:50%}@keyframes poyo-fade{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(.8)}}.nav-bar a:hover{color:#fff;background:#ffffff1f;text-decoration:none}.nav-bar a.active{color:#fff;background:#fff3}.nav-bar__brand{font-family:var(--font-display);font-size:20px;font-weight:800;color:#fff!important}.nav-bar button{box-shadow:none;background:#ffffff24;min-height:40px;padding:8px 16px}.nav-bar button:hover{box-shadow:none;background:#ffffff42}.nav-bar__cta{background:var(--color-primary)!important;color:#fff!important;border-radius:var(--radius-pill)!important;box-shadow:var(--shadow-lift)!important;padding:6px 18px!important}.nav-bar__cta:hover{transform:translateY(-1px);background:var(--color-primary-dark)!important}.nav-bar__stats{gap:var(--space-3);color:#fff;border-radius:var(--radius-pill);background:#ffffff24;align-items:center;padding:6px 14px;font-size:14px;font-weight:800;display:flex}.nav-bar__stats span{align-items:center;gap:4px;display:inline-flex}.nav-bar__stats svg{color:var(--color-gold)}.nav-bar__stats .streak-flame{animation:2.4s ease-in-out infinite flame-pulse}@media (width<=640px){.nav-bar{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.nav-bar__brand-row{width:100%}.nav-bar__links{gap:var(--space-1);flex-direction:column;width:100%;display:none}.nav-bar__links--open{display:flex}.nav-bar__hamburger{margin-left:auto;display:inline-flex!important}}.hero{text-align:center;padding:var(--space-6) 0}.hero__actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.dashboard{margin-top:var(--space-6)}.dashboard__stats{gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);min-width:130px;padding:var(--space-4);box-shadow:var(--shadow-sm);text-align:center;flex:1}.stat-card__value{font-family:var(--font-display);color:var(--color-primary);justify-content:center;align-items:center;gap:6px;font-size:28px;display:flex}.stat-card__label{color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:12px;font-weight:800}.dashboard__mastery{gap:var(--space-2);margin:var(--space-4) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.dashboard__mastery li{background:var(--color-gold-light);color:var(--color-gold-dark);border-radius:var(--radius-pill);padding:6px 14px;font-size:13px;font-weight:800}.dashboard__review{text-align:center;margin-top:var(--space-5)}.dashboard__review-link{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-size:1.1rem;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.dashboard__review-link:hover{background:var(--color-primary-dark);transform:scale(1.03)}:root{--color-pastel-blue:#a8d8ea;--color-pastel-pink:#ffc8dd;--color-pastel-green:#b5e8c3;--color-pastel-blue-light:#e3f4fb;--color-pastel-pink-light:#fff0f5;--color-pastel-green-light:#eafbf0}.landing-section-title{font-family:var(--font-display);text-align:center;margin-bottom:var(--space-6);color:var(--color-secondary);font-size:28px}.landing-hero{background:linear-gradient(135deg, var(--color-pastel-blue-light) 0%, var(--color-pastel-pink-light) 50%, var(--color-pastel-green-light) 100%);padding:var(--space-7) var(--space-4) var(--space-6)}.landing-hero__content{align-items:center;gap:var(--space-7);flex-wrap:wrap;max-width:880px;margin:0 auto;display:flex}.landing-hero__image{filter:drop-shadow(0 8px 16px #2b232026);flex-shrink:0;width:200px;height:auto}.landing-hero__text{flex:1;min-width:280px}.landing-hero__title{font-family:var(--font-display);color:var(--color-secondary);margin-bottom:var(--space-3);font-size:clamp(32px,5vw,48px);line-height:1.15}.landing-hero__highlight{color:var(--color-primary)}.landing-hero__subtitle{color:var(--color-ink-muted);margin-bottom:var(--space-5);max-width:480px;font-size:clamp(16px,2.5vw,18px)}.landing-hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.landing-cta{align-items:center;gap:var(--space-2);background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);padding:14px 28px;font-size:17px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.landing-cta:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 24px #c0483b66}.landing-cta:active{transform:translateY(0)}.landing-cta--full{text-align:center;justify-content:center;width:100%}.landing-cta-secondary{align-items:center;gap:var(--space-2);background:var(--color-surface);color:var(--color-secondary);border-radius:var(--radius-lg);border:2px solid var(--color-secondary);padding:14px 28px;font-size:17px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.landing-cta-secondary:hover{background:var(--color-secondary-light);text-decoration:none;transform:translateY(-2px)}.landing-screenshots{padding:var(--space-7) var(--space-4);background:var(--color-surface)}.landing-screenshots__grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:880px;margin:0 auto;display:grid}.landing-screenshot{background:var(--color-pastel-blue-light);border:3px dashed var(--color-pastel-blue);border-radius:var(--radius-lg);aspect-ratio:16/10;justify-content:center;align-items:center;transition:transform .2s;display:flex}.landing-screenshot:hover{transform:translateY(-4px)}.landing-screenshot__placeholder{align-items:center;gap:var(--space-2);color:var(--color-ink-muted);flex-direction:column;font-size:14px;font-weight:700;display:flex}.landing-features{padding:var(--space-7) var(--space-4);background:var(--color-bg)}.landing-features__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:880px;margin:0 auto;display:grid}.landing-feature-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);text-align:center;transition:transform .2s,box-shadow .2s}.landing-feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.landing-feature-card__icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--color-pastel-pink-light);color:var(--color-pastel-pink);border-radius:50%;justify-content:center;align-items:center;display:flex}.landing-feature-card:nth-child(2) .landing-feature-card__icon{background:var(--color-pastel-blue-light);color:var(--color-pastel-blue)}.landing-feature-card:nth-child(3) .landing-feature-card__icon{background:var(--color-pastel-green-light);color:var(--color-pastel-green)}.landing-feature-card h3{margin-bottom:var(--space-2);color:var(--color-secondary)}.landing-feature-card p{color:var(--color-ink-muted);font-size:15px;line-height:1.6}.landing-pricing{padding:var(--space-7) var(--space-4);background:linear-gradient(180deg, var(--color-pastel-green-light) 0%, var(--color-bg) 100%)}.landing-pricing__card{background:var(--color-surface);border-radius:var(--radius-lg);max-width:440px;padding:var(--space-6);box-shadow:var(--shadow-md);border:2px solid var(--color-pastel-green);margin:0 auto}.landing-pricing__header{text-align:center;margin-bottom:var(--space-5)}.landing-pricing__plan{text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);font-size:14px;font-weight:800}.landing-pricing__price{margin-top:var(--space-2);color:var(--color-secondary)}.landing-pricing__currency{font-family:var(--font-display);vertical-align:super;font-size:24px}.landing-pricing__amount{font-family:var(--font-display);font-size:56px;line-height:1}.landing-pricing__period{color:var(--color-ink-muted);font-size:16px;font-weight:600}.landing-pricing__features{margin:0 0 var(--space-4);padding:0;list-style:none}.landing-pricing__features li{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--color-ink);font-size:15px;font-weight:600;display:flex}.landing-pricing__features li svg{color:var(--color-pastel-green);flex-shrink:0}.landing-pricing__trial{align-items:center;gap:var(--space-2);background:var(--color-pastel-pink-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);color:var(--color-ink);font-size:14px;display:flex}.landing-pricing__trial svg{color:var(--color-pastel-pink);flex-shrink:0}.landing-faq{padding:var(--space-7) var(--space-4);background:var(--color-bg)}.landing-faq__list{max-width:700px;margin:0 auto}.landing-faq__item{background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm);overflow:hidden}.landing-faq__question{padding:var(--space-4) var(--space-5);cursor:pointer;color:var(--color-secondary);justify-content:space-between;align-items:center;font-size:16px;font-weight:800;list-style:none;display:flex}.landing-faq__question:after{content:"▾";color:var(--color-ink-muted);font-size:14px;transition:transform .2s}details[open] .landing-faq__question:after{transform:rotate(180deg)}.landing-faq__answer{padding:0 var(--space-5) var(--space-4);color:var(--color-ink-muted);margin:0;font-size:15px;line-height:1.7}.landing-contact{padding:var(--space-7) var(--space-4);background:linear-gradient(180deg, var(--color-bg) 0%, var(--color-pastel-blue-light) 100%)}.landing-contact__intro{text-align:center;color:var(--color-ink-muted);max-width:500px;margin:0 auto var(--space-5)}.landing-contact__form{background:var(--color-surface);border-radius:var(--radius-lg);max-width:480px;padding:var(--space-6);box-shadow:var(--shadow-md);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.landing-contact__field{color:var(--color-secondary);flex-direction:column;gap:6px;font-size:14px;font-weight:800;display:flex}.landing-contact__field textarea{font:inherit;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);resize:vertical;min-height:100px;padding:10px 14px}.landing-contact__field textarea:focus{border-color:var(--color-primary);outline:none}.landing-contact__error{color:var(--color-danger);text-align:center;margin:0;font-size:14px;font-weight:800}.landing-contact__success{background:var(--color-success-light);border-radius:var(--radius-lg);max-width:480px;padding:var(--space-6);text-align:center;color:var(--color-success);margin:0 auto}.landing-contact__success svg{margin-bottom:var(--space-3)}.landing-contact__success p{color:var(--color-success);margin:0;font-size:16px;font-weight:800}.landing-footer{background:var(--color-secondary);color:#ffffffd9;padding:var(--space-6) var(--space-4) var(--space-4)}.landing-footer__inner{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:880px;margin:0 auto;margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.landing-footer__brand{flex-direction:column;gap:2px;display:flex}.landing-footer__name{font-family:var(--font-display);color:#fff;font-size:20px;font-weight:800}.landing-footer__tagline{opacity:.7;font-size:13px}.landing-footer__links{gap:var(--space-5);flex-wrap:wrap;display:flex}.landing-footer__links a{color:#fffc;font-size:14px;font-weight:600}.landing-footer__links a:hover{color:#fff;text-decoration:underline}.landing-footer__copy{text-align:center;opacity:.5;max-width:880px;padding-top:var(--space-4);border-top:1px solid #ffffff26;margin:0 auto;font-size:13px}.legal-page{max-width:740px}.legal-page h2{margin-top:var(--space-6)}.legal-page p,.legal-page li{color:var(--color-ink-muted);line-height:1.7}.legal-page ul{padding-left:var(--space-5);margin-bottom:var(--space-4)}.legal-page li{margin-bottom:var(--space-2)}.legal-page__updated{color:var(--color-ink-muted);margin-bottom:var(--space-5);font-size:14px}.learn-path{max-width:720px;padding:0 var(--space-4);margin:0 auto}.learn-path__title{font-family:var(--font-display);margin-bottom:var(--space-4);margin-top:var(--space-4);font-size:26px}.learn-path__stats{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.learn-path__stat-chip{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-direction:column;flex:1;min-width:0;text-decoration:none;display:flex}.learn-path__stat-chip--xp{color:var(--color-gold-dark)}.learn-path__stat-chip--xp svg{color:var(--color-gold)}.learn-path__stat-chip--streak{color:var(--color-primary-dark)}.learn-path__stat-chip--streak svg{color:var(--color-primary)}.learn-path__stat-chip--reviews,.learn-path__stat-chip--reviews svg{color:var(--color-ink-muted)}.learn-path__stat-chip--reviews.learn-path__stat-chip--active{color:var(--color-secondary);background:var(--color-secondary-light)}.learn-path__stat-chip--reviews.learn-path__stat-chip--active svg{color:var(--color-secondary)}.learn-path__stat-chip-value{font-family:var(--font-display);font-size:20px;font-weight:800;line-height:1.1}.learn-path__stat-chip-label{font-size:12px;font-weight:700}.learn-path__hero-card{background:linear-gradient(135deg, var(--color-primary-light), var(--color-secondary-light));border:2px solid var(--color-primary-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);padding:var(--space-6) var(--space-5);margin-bottom:var(--space-5);text-align:center;flex-direction:column;align-items:center;display:flex}.learn-path__hero-icon-wrap{background:var(--color-surface);width:72px;height:72px;margin-bottom:var(--space-4);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #c0483b33}.learn-path__hero-icon{color:var(--color-primary)}.learn-path__hero-button{padding:var(--space-4) var(--space-7);box-shadow:var(--shadow-lift);font-size:18px;text-decoration:none}.learn-path__hero-subtitle{color:var(--color-ink-muted);margin:var(--space-3) 0 0;font-size:13px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.25s ease-out fade-in}.learn-path__back{background:var(--color-surface);color:var(--color-secondary);border:2px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.learn-path__back:hover{background:var(--color-secondary-light);border-color:var(--color-secondary);text-decoration:none}.btn-back{background:var(--color-secondary-light);color:var(--color-secondary);border-radius:var(--radius-pill);margin-bottom:var(--space-4);align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.btn-back:hover{background:#dbe1ee;text-decoration:none}.learn-path__empty{text-align:center;color:var(--color-ink-muted);padding:var(--space-6) 0}.learn-path__level-cards{gap:var(--space-3);flex-direction:column;display:flex}@media (width>=768px){.learn-path__level-cards{flex-direction:row}.learn-path__level-card{flex:1}}.learn-path__level-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.learn-path__level-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.learn-path__level-card .progress-bar{margin-top:var(--space-3)}.learn-path__level-card-header{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.learn-path__level-card-title{font-family:var(--font-display);color:var(--color-secondary);margin:0;font-size:20px}.learn-path__level-card-progress{color:var(--color-ink-muted);white-space:nowrap;font-size:13px;font-weight:800}.learn-path__level-heading{font-family:var(--font-display);color:var(--color-secondary);margin:var(--space-3) 0 var(--space-4);font-size:22px}.learn-path__unit-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);overflow:hidden}.learn-path__unit-card--gated{opacity:.7}.learn-path__unit-card-header{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.learn-path__unit-card-header:hover{background:var(--color-surface-alt)}.learn-path__unit-card-title{flex:1;margin:0;font-size:16px;font-weight:800}.learn-path__unit-card-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.learn-path__unit-card-right .progress-bar{width:80px}.learn-path__unit-card-count{color:var(--color-ink-muted);min-width:28px;font-size:13px;font-weight:800}.learn-path__unit-card-lock{color:var(--color-ink-muted)}.learn-path__unit-card-chevron{color:var(--color-ink-muted);text-align:center;width:16px;font-size:10px;transition:transform .2s}.learn-path__unit-card-chevron.is-expanded{transform:rotate(180deg)}.learn-path__unit-card-body{padding:0 var(--space-5) var(--space-5)}.learn-path__unit-card-desc{color:var(--color-ink-muted);margin:0 0 var(--space-3);font-size:14px}.learn-path__gate{background:var(--color-danger-light);color:var(--color-danger);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);margin:var(--space-2) var(--space-5);font-size:13px;font-weight:800;display:inline-block}.progress-bar{background:var(--color-surface-alt);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-bar__fill{background:var(--color-primary);border-radius:4px;height:100%;transition:width .5s}.learn-path__path{margin:var(--space-4) 0 0;padding:0;list-style:none;position:relative}.learn-path__path:before{content:"";background:var(--color-border);border-radius:4px;width:4px;position:absolute;top:8px;bottom:8px;left:20px}.path-node{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex;position:relative}.path-node__marker{background:var(--color-border);width:44px;height:44px;color:var(--color-ink-muted);font-weight:800;font-family:var(--font-display);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.path-node__link{color:var(--color-ink-muted);font-weight:700}.path-node--done .path-node__marker{background:var(--color-success);color:#fff}.path-node--done .path-node__link{color:var(--color-ink)}.path-node--current .path-node__marker{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-lift);animation:2.4s ease-in-out infinite node-pulse}.path-node--current .path-node__link{color:var(--color-primary)}.path-node--locked .path-node__marker{background:var(--color-surface-alt)}.path-node--locked .path-node__link{color:var(--color-border);cursor:default;pointer-events:none}.lesson-player__grammar,.lesson-player__sentences,.lesson-player__vocabulary,.lesson-player__exercises{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-4) 0;box-shadow:var(--shadow-sm);text-align:left}.lesson-player__grammar code{background:var(--color-secondary-light);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin:var(--space-2) 0;font-family:var(--font-jp);font-size:16px;display:block}.lesson-player__progress{color:var(--color-ink-muted);font-weight:800}.lesson-player__complete{text-align:center;padding:var(--space-5) 0}.lesson-player__summary{color:var(--color-secondary);font-weight:700}.lesson-player__unit-complete{font-family:var(--font-display);color:var(--color-success);margin:var(--space-2) 0;font-size:20px}.lesson-player__exam-link{margin-bottom:var(--space-3)}.lesson-player__next{margin-top:var(--space-4)}.lesson-player__complete-error{color:var(--color-danger);font-weight:800}.lesson-player__complete-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.lesson-player__complete-actions a{border-radius:var(--radius-pill);min-height:48px;padding:12px 28px;font-size:16px}.lesson-player__warmup{background:var(--color-gold-light);border:2px solid var(--color-gold);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;margin-bottom:var(--space-4)}.lesson-player__warmup p{color:var(--color-gold-dark);margin-bottom:var(--space-3);font-weight:800}.lesson-player__warmup-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.new-vocabulary{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.new-vocabulary__card{background:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-3);align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.new-vocabulary__kana{font-family:var(--font-jp);color:var(--color-secondary);font-size:22px;font-weight:700}.new-vocabulary__romaji{color:var(--color-ink-muted);font-size:13px}.new-vocabulary__meaning{color:var(--color-ink);font-size:14px;font-weight:600}.unit-exam{max-width:720px;margin:0 auto}.unit-exam__hearts{gap:var(--space-1);margin-bottom:var(--space-2);display:flex}.unit-exam__progress{color:var(--color-ink-muted);margin-bottom:var(--space-3);font-weight:800}.unit-exam__next{margin-top:var(--space-4)}.unit-exam__result{text-align:center;padding:var(--space-5) 0}.unit-exam__score{font-size:22px;font-weight:800}.unit-exam__score--passed{color:var(--color-success)}.unit-exam__score--failed{color:var(--color-danger)}.unit-exam__passed{color:var(--color-success);margin-top:var(--space-2);font-size:18px;font-weight:800}.unit-exam__failed{color:var(--color-danger);margin-top:var(--space-2);font-size:16px;font-weight:800}.unit-exam__wrong-review{text-align:left;background:var(--color-danger-light);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0}.unit-exam__wrong-review>p{margin-bottom:var(--space-2);font-weight:800}.unit-exam__wrong-review ul{padding-left:var(--space-5);margin:0}.unit-exam__wrong-review li{margin-bottom:var(--space-1);color:var(--color-ink)}.unit-exam__already-completed{color:var(--color-ink-muted);font-style:italic}.unit-exam__game-over{text-align:center;padding:var(--space-5);background:var(--color-danger-light);border-radius:var(--radius-lg);margin:var(--space-4) 0}.unit-exam__game-over-title{color:var(--color-danger);margin-bottom:var(--space-2);font-size:20px;font-weight:800}.unit-exam__game-over .unit-exam__score{color:var(--color-ink-muted);margin:var(--space-3) 0;font-size:16px}.unit-exam__actions{gap:var(--space-3);margin-top:var(--space-4);justify-content:center;display:flex}.unit-exam__complete-error{color:var(--color-danger);font-weight:800}.learn-path__exam{background:var(--color-gold-light);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.learn-path__exam-text h4{color:var(--color-gold-dark);margin:0;font-size:15px}.learn-path__exam-text p{margin:var(--space-1) 0 0;color:var(--color-ink-muted);font-size:13px}.learn-path__exam--locked{background:var(--color-surface-alt);opacity:.7}.learn-path__exam--locked .learn-path__exam-text h4{color:var(--color-ink-muted)}.learn-path__exam--locked button:disabled{opacity:.6}.tappable-sentence{background:var(--color-secondary-light);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.tappable-sentence__japanese{font-family:var(--font-jp);color:var(--color-ink);margin-bottom:var(--space-1);font-size:28px;font-weight:700;line-height:1.9}.tappable-sentence__romaji{color:#aaa;margin-bottom:var(--space-2);font-size:15px;line-height:1.6}.tappable-sentence__romaji span{margin-right:.6ch}.tappable-sentence__token{color:inherit;font:inherit;font-family:var(--font-jp);min-height:auto;box-shadow:none;background:0 0;border-radius:6px;padding:2px 4px}.tappable-sentence__token:hover{box-shadow:none;background:#c0483b29;transform:none}.tappable-sentence__token--active{background:var(--color-primary);color:#fff}.tappable-sentence__translation{color:var(--color-ink-muted);margin-bottom:var(--space-2);font-style:italic}.word-popover{margin-top:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-md);border:2px solid var(--color-primary-light);animation:.18s ease-out pop-in}.word-popover strong{font-family:var(--font-jp);font-size:20px}.word-popover__unknown{color:var(--color-ink-muted);font-style:italic}.exercise{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);text-align:left}.exercise__prompt{color:var(--color-secondary);font-size:18px;font-weight:800}.exercise__choices{gap:var(--space-2);margin:var(--space-4) 0;padding:0;list-style:none;display:grid}.exercise__choices button{background:var(--color-secondary-light);width:100%;color:var(--color-secondary);text-align:left;box-shadow:none;justify-content:space-between;align-items:center;display:flex}.exercise__choices button:hover:not(:disabled){background:#dbe1ee;transform:none}.choice--selected{outline:3px solid var(--color-primary)}.choice--correct{animation:.4s ease-out answer-pulse;background:var(--color-success-light)!important;color:var(--color-success)!important}.choice--incorrect{animation:.4s ease-out answer-shake;background:var(--color-danger-light)!important;color:var(--color-danger)!important}p.choice--correct,p.choice--incorrect{border-radius:var(--radius-pill);align-items:center;gap:6px;margin:0;padding:8px 16px;display:inline-flex}.exercise__feedback{font-size:16px;font-weight:800}.exercise__matching-columns{gap:var(--space-4);display:flex}.exercise__matching-columns ul{gap:var(--space-2);flex-direction:column;flex:1;padding:0;list-style:none;display:flex}.exercise__matching-columns button{background:var(--color-secondary-light);width:100%;color:var(--color-secondary);box-shadow:none}.exercise__fill-blank-form{align-items:center;gap:var(--space-2);font-family:var(--font-jp);margin:var(--space-3) 0;flex-wrap:wrap;font-size:20px;display:flex}.exercise__fill-blank-form input{font-family:var(--font-jp);min-width:120px;font-size:20px}.exercise__sentence-template{font-family:var(--font-jp);margin:var(--space-3) 0 var(--space-4);font-size:20px}.exercise__blank{text-align:center;background:var(--color-primary-light);min-width:60px;color:var(--color-primary);border-radius:var(--radius-sm);padding:2px var(--space-2);font-weight:800;display:inline-block}.exercise__transcript{font-family:var(--font-jp);color:var(--color-ink-muted);font-size:20px}.kana-learn-page{text-align:center}.kana-learn__channels{padding:var(--space-6) 0}.kana-learn__channel-buttons{gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;justify-content:center;display:flex}.kana-learn__channel-btn{align-items:center;gap:var(--space-2);background:var(--color-surface);color:var(--color-secondary);border:2px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-6) var(--space-7);flex-direction:column;min-width:180px;display:flex}.kana-learn__channel-btn:hover{background:var(--color-secondary-light);border-color:var(--color-secondary);transform:translateY(-2px)}.kana-learn__channel-char{font-family:var(--font-jp);color:var(--color-primary);font-size:48px}.kana-learn__overview{padding:var(--space-4) 0;flex-direction:column;align-items:center;display:flex}.kana-learn__script-title{font-family:var(--font-display);color:var(--color-primary);margin-top:var(--space-4);font-size:24px}.kana-learn__learned-section{margin:var(--space-5) 0}.kana-learn__learned-title{color:var(--color-secondary);margin-bottom:var(--space-3);font-size:18px}.kana-learn__learned-count{color:var(--color-ink-muted);font-size:15px;font-weight:400}.kana-learn__learned-rows{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.kana-learn__learned-row{align-items:center;gap:var(--space-2);display:flex}.kana-learn__learned-row-cells{gap:var(--space-2);display:flex}.kana-learn__learned-bubble{width:56px;height:56px;font-family:var(--font-jp);color:var(--color-ink);border-radius:var(--radius-md);border:2px solid var(--color-border);box-shadow:none;background:var(--color-primary-light);justify-content:center;align-items:center;padding:0;font-size:24px;transition:transform .15s,box-shadow .15s;display:flex}.kana-learn__learned-bubble:hover:not(:disabled){box-shadow:var(--shadow-md);transform:scale(1.1)}.kana-learn__learned-bubble--unlearned{cursor:default;opacity:.55;background:var(--color-surface-alt)}.kana-learn__learned-bubble--unlearned:hover{box-shadow:none;transform:none}.kana-learn__learn-btn{width:100%;max-width:320px;margin:var(--space-6) auto;padding:var(--space-5) var(--space-7);box-shadow:var(--shadow-md);font-size:20px;display:block}.kana-learn__learn-btn:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.kana-learn__all-complete{color:var(--color-success);padding:var(--space-6) 0;font-size:18px;font-weight:800}.kana-popup__overlay{z-index:100;padding:var(--space-4);background:#2b232073;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.kana-popup{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;width:100%;max-width:380px;animation:.25s ease-out pop-in;display:flex;position:relative}.kana-popup__close{top:var(--space-2);right:var(--space-2);color:var(--color-ink-muted);box-shadow:none;min-height:unset;background:0 0;padding:6px;position:absolute}.kana-popup__close:hover{color:var(--color-ink);transform:none}.kana-popup__stroke-toggle{top:var(--space-2);color:var(--color-ink-muted);box-shadow:none;min-height:unset;background:0 0;padding:6px;position:absolute;right:44px}.kana-popup__stroke-toggle:hover{color:var(--color-ink);transform:none}.kana-popup__stroke-replay{top:var(--space-2);color:var(--color-ink-muted);box-shadow:none;min-height:unset;background:0 0;padding:6px;position:absolute;right:72px}.kana-popup__stroke-replay:hover{color:var(--color-ink);transform:none}.stroke-card{perspective:600px;width:200px;height:200px}.stroke-card__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.stroke-card--flipped .stroke-card__inner{transform:rotateY(180deg)}.stroke-card__front,.stroke-card__back{backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stroke-card__front{font-family:var(--font-jp);color:var(--color-ink);font-size:96px;line-height:1.1}.stroke-card__back{transform:rotateY(180deg)}.animated-stroke{justify-content:center;align-items:center;display:flex}.animated-stroke svg{width:100%;height:100%;display:block}.kana-learn__flashcard-stroke-toggle{top:var(--space-2);right:var(--space-2);color:var(--color-ink-muted);box-shadow:none;min-height:unset;background:0 0;padding:6px;position:absolute}.kana-learn__flashcard-stroke-toggle:hover{color:var(--color-ink);transform:none}.kana-learn__flashcard-replay{top:var(--space-2);right:calc(var(--space-2) + 32px);color:var(--color-ink-muted);box-shadow:none;min-height:unset;background:0 0;padding:6px;position:absolute}.kana-learn__flashcard-replay:hover{color:var(--color-ink);transform:none}.kana-popup__char{font-family:var(--font-jp);color:var(--color-ink);font-size:96px;line-height:1.1}.kana-popup__romaji{font-family:var(--font-display);color:var(--color-primary);font-size:28px}.kana-popup__stage{color:var(--color-gold-dark);background:var(--color-gold-light);border-radius:var(--radius-pill);padding:4px 14px;font-size:13px;font-weight:800}.kana-popup__mnemonic{color:var(--color-ink-muted);font-size:14px}.kana-learn__flashcard{flex-direction:column;align-items:center;max-width:420px;margin:0 auto;display:flex}.kana-learn__flashcard-nav{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);color:var(--color-ink-muted);font-weight:800;display:flex}.kana-learn__flashcard-nav-center{text-align:center;flex:1}.kana-learn__flashcard-nav-right{gap:var(--space-2);display:flex}.kana-learn__flashcard-nav button{background:var(--color-surface);color:var(--color-secondary);box-shadow:var(--shadow-sm);padding:var(--space-2) var(--space-3);min-height:unset}.kana-learn__flashcard-nav button:disabled{opacity:.35}.kana-learn__flashcard-body{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);align-items:center;gap:var(--space-3);flex-direction:column;animation:.35s ease-out flip-in;display:flex;position:relative}.kana-learn__flashcard-char{font-family:var(--font-jp);color:var(--color-ink);font-size:88px;line-height:1.1}.kana-learn__flashcard-romaji{font-family:var(--font-display);color:var(--color-primary);font-size:28px}.kana-learn__flashcard-mnemonic{color:var(--color-ink-muted);font-size:14px}.kana-learn__flashcard-actions{margin-top:var(--space-5);gap:var(--space-3);justify-content:center;display:flex}.kana-learn__quiz{max-width:420px;padding:var(--space-4) 0;margin:0 auto}.kana-learn__quiz-progress{color:var(--color-ink-muted);font-size:14px;font-weight:800}.kana-learn__quiz-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.kana-learn__quiz-header .kana-learn__quiz-progress{margin-bottom:0}.kana-learn__quiz-mode-toggle{align-items:center;gap:4px;font-size:13px;display:flex}.kana-learn__quiz-audio{align-items:center;gap:var(--space-2);padding:var(--space-4) 0;flex-direction:column;display:flex}.kana-learn__quiz-audio-btn{background:var(--color-primary-light);width:96px;height:96px;color:var(--color-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;display:flex}.kana-learn__quiz-audio-btn:hover{box-shadow:var(--shadow-lift);transform:scale(1.08)}.kana-learn__quiz-audio-hint{color:var(--color-ink-muted);margin:0;font-size:14px}.kana-learn__quiz-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);align-items:center;gap:var(--space-4);flex-direction:column;animation:.25s ease-out pop-in;display:flex}.kana-learn__quiz-char{font-family:var(--font-jp);color:var(--color-ink);font-size:72px}.kana-learn__quiz-input{text-align:center;width:100%;font-size:20px;font-weight:700}.kana-learn__quiz-feedback{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);margin:0;font-size:16px;font-weight:800}.kana-learn__quiz-feedback--wrong{background:var(--color-danger-light);color:var(--color-danger);align-items:center;gap:6px;animation:.4s ease-out answer-shake;display:inline-flex}.kana-learn__done{padding:var(--space-6) 0;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.kana-learn__done-icon{color:var(--color-success)}.kana-learn__done-actions{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.kana-learn__srs-note{color:var(--color-gold-dark);background:var(--color-gold-light);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-weight:800}.stroke-svg{max-width:200px;color:var(--color-secondary)}.review-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);text-align:center;max-width:420px;margin:0 auto;animation:.35s ease-out flip-in}.review-card__remaining{color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:800}.review-card__prompt{font-family:var(--font-jp);margin:var(--space-4) 0;color:var(--color-ink);font-size:56px}.review-card__prompt--grammar{overflow-wrap:break-word;font-size:24px;line-height:1.3}.review-card__actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}.review-card__actions button{flex:1}.review-card__actions button:first-child{background:var(--color-danger)}.review-card__actions button:last-child{background:var(--color-success)}.review-card__choices{gap:var(--space-2);margin:var(--space-4) 0;grid-template-columns:1fr 1fr;padding:0;list-style:none;display:grid}.review-card__choices button{background:var(--color-secondary-light);width:100%;color:var(--color-secondary);text-align:center;box-shadow:none;font-size:18px}.review-card__choices button:hover:not(:disabled){background:#dbe1ee;transform:none}.review-card__answer-feedback{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;animation:.2s ease-out pop-in;display:flex}.review-card__correct-romaji{font-family:var(--font-display);color:var(--color-primary);margin:0;font-size:22px}.review-card__next-controls{margin-top:var(--space-4);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.review-card__next-btn{background:var(--color-primary);min-width:120px}.dual-audio-player{gap:var(--space-2);justify-content:center;display:flex}.dual-audio-player__btn{border-radius:var(--radius-sm);width:40px;height:40px;min-height:unset;box-shadow:none;justify-content:center;align-items:center;padding:0;display:flex}.dual-audio-player__btn--taichi{background:var(--color-gold-light);color:var(--color-gold-dark)}.dual-audio-player__btn--taichi:hover{background:var(--color-gold);color:#fff}.dual-audio-player__btn--hikari{background:var(--color-primary-light);color:var(--color-primary)}.dual-audio-player__btn--hikari:hover{background:var(--color-primary);color:#fff}.stories-list ul{gap:var(--space-3);padding:0;list-style:none;display:grid}.stories-list li{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.stories-list li a{padding:var(--space-4);color:var(--color-secondary);display:block}.stories-list li a:hover{background:var(--color-secondary-light);border-radius:var(--radius-md);text-decoration:none}.story-reader{text-align:left}.auth-page{max-width:420px}.auth-page form{gap:var(--space-3);background:var(--color-surface);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left;flex-direction:column;display:flex}.auth-page label{color:var(--color-secondary);flex-direction:column;gap:4px;font-size:14px;font-weight:800;display:flex}.auth-page button[type=submit]{margin-top:var(--space-2)}.auth-page p[role=alert]{color:var(--color-danger);font-weight:800}.auth-page__hint{color:var(--color-muted);margin-top:2px;font-size:12px;font-weight:400}.toast{bottom:var(--space-5);background:var(--color-secondary);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);align-items:center;gap:var(--space-3);z-index:50;font-weight:800;animation:.3s ease-out toast-in;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast__xp{color:var(--color-gold);align-items:center;gap:4px;display:flex}.toast__streak{color:var(--color-primary);align-items:center;gap:4px;display:flex}@keyframes flame-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes node-pulse{0%,to{box-shadow:0 0 #c0483b73}70%{box-shadow:0 0 0 8px #c0483b00}}@keyframes pop-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes flip-in{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes answer-pulse{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes answer-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.kanji-dashboard{max-width:800px;padding:var(--space-4) var(--space-3);margin:0 auto}.kanji-dashboard__title{font-family:var(--font-display);color:var(--color-primary);margin-bottom:var(--space-1);font-size:1.8rem}.kanji-dashboard__subtitle{color:var(--color-ink-muted);margin-bottom:var(--space-2)}.kanji-dashboard__stats{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.kanji-dashboard__stat{display:none}.kanji-dashboard__stage{background:var(--color-surface-alt);color:var(--color-ink-muted);border-radius:var(--radius-pill);padding:2px 10px;font-size:.8rem;font-weight:600}.kanji-dashboard__stage--s5,.kanji-dashboard__stage--s6,.kanji-dashboard__stage--s7,.kanji-dashboard__stage--s8,.kanji-dashboard__stage--s9{background:var(--color-gold-light);color:var(--color-gold-dark)}.kanji-dashboard__stage--vocab{background:var(--color-secondary);color:#fff}.kanji-dashboard__review-banner{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.kanji-dashboard__review-banner-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-md);border:none;font-size:1.1rem;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.kanji-dashboard__review-banner-btn:hover{background:var(--color-primary-dark);transform:scale(1.03)}.kanji-dashboard__review-banner-btn--learn{background:var(--color-success)}.kanji-dashboard__review-banner-btn--learn:hover{background:#2d5e40}.kanji-dashboard__skeleton{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.kanji-dashboard__level-section{margin-bottom:var(--space-4)}.kanji-dashboard__level-title{font-family:var(--font-display);color:var(--color-secondary);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:2px solid var(--color-secondary);font-size:1.2rem}.kanji-dashboard__modules{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.kanji-dashboard__module{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-sm)}.kanji-dashboard__module--locked{opacity:.55}.kanji-dashboard__module-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.kanji-dashboard__module-name{color:var(--color-ink);font-weight:600}.kanji-dashboard__module-stats{color:var(--color-ink-muted);margin-bottom:var(--space-2);font-size:.85rem}.kanji-dashboard__module-bar{background:var(--color-surface-alt);height:6px;margin-bottom:var(--space-1);border-radius:3px;overflow:hidden}.kanji-dashboard__module-bar-fill{background:var(--color-success);border-radius:3px;height:100%;transition:width .3s}.kanji-dashboard__module-bar-fill--complete{background:var(--color-gold)}.kanji-dashboard__module-guru{color:var(--color-ink-muted);margin-bottom:var(--space-2);align-items:center;gap:4px;font-size:.8rem;display:flex}.kanji-dashboard__module-actions{gap:var(--space-1);display:flex}.kanji-dashboard__action{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.8rem;font-weight:600;transition:background .15s;display:flex}.kanji-dashboard__action:disabled{opacity:.5;cursor:not-allowed}.kanji-dashboard__action--learn{background:var(--color-primary);color:#fff}.kanji-dashboard__action--learn:hover:not(:disabled){background:var(--color-primary-dark)}.kanji-dashboard__action--review{background:var(--color-secondary);color:#fff}.kanji-dashboard__action--review:hover{background:var(--color-secondary)}.kanji-dashboard__vocab-links{gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.kanji-dashboard__vocab-link{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);cursor:pointer;flex:1;font-weight:600;transition:box-shadow .15s;display:flex}.kanji-dashboard__vocab-link:hover{box-shadow:var(--shadow-sm)}.kanji-learn-session{max-width:700px;padding:var(--space-4) var(--space-3);margin:0 auto}.kanji-learn-session__back,.kanji-review-session__back,.vocab-learn-session__back,.vocab-review-session__back{color:var(--color-secondary);cursor:pointer;margin-bottom:var(--space-3);background:0 0;border:none;align-items:center;gap:4px;font-weight:600;display:flex}.kanji-learn-session__header,.kanji-review-session__header,.vocab-learn-session__header,.vocab-review-session__header{margin-bottom:var(--space-3)}.kanji-learn-session__counter,.kanji-review-session__counter,.vocab-learn-session__counter,.vocab-review-session__counter{color:var(--color-ink-muted);font-size:.85rem}.kanji-learn-session__progress,.kanji-review-session__progress,.vocab-learn-session__progress,.vocab-review-session__progress{background:var(--color-surface-alt);height:4px;margin-top:var(--space-1);border-radius:2px;overflow:hidden}.kanji-learn-session__progress-fill,.kanji-review-session__progress-fill,.vocab-learn-session__progress-fill,.vocab-review-session__progress-fill{background:var(--color-success);border-radius:2px;height:100%;transition:width .3s}.kanji-learn-session__empty,.kanji-review-session__done,.vocab-learn-session__empty,.vocab-review-session__done{text-align:center;padding:var(--space-6) 0}.kanji-learn-session__empty h2,.kanji-review-session__done h2,.vocab-learn-session__empty h2,.vocab-review-session__done h2{font-family:var(--font-display);color:var(--color-success);margin:var(--space-2) 0;font-size:1.4rem}.kanji-learn-session__xp,.kanji-review-session__xp,.vocab-review-session__xp{background:var(--color-gold);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);margin-bottom:var(--space-4);align-items:center;gap:4px;font-weight:700;display:inline-flex}.kanji-learn-session__done-btn,.vocab-learn-session__done-btn,.kanji-review-session__btn,.vocab-review-session__btn{margin:var(--space-4) auto 0;background:var(--color-secondary);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:1rem;font-weight:600;display:block}.kanji-learn-session__actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.kanji-learn-session__actions .kanji-learn-session__done-btn,.kanji-learn-session__actions .kanji-learn-session__next-btn{margin:0}.kanji-learn-session__next-btn{background:var(--color-primary);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:1rem;font-weight:600;transition:background .15s}.kanji-learn-session__next-btn:hover{background:var(--color-primary-dark)}.kanji-review-session__card-wrapper{animation:.15s card-fade-in}@keyframes card-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.kanji-learn-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.kanji-learn-card__body{padding:var(--space-4);text-align:center}.kanji-learn-card__char{font-size:4rem;font-family:var(--font-jp);color:var(--color-ink);margin:var(--space-1) 0}.kanji-learn-card__meaning{color:var(--color-ink-muted);margin-bottom:var(--space-2);font-size:1rem}.kanji-learn-card__mnemonic{color:var(--color-ink-muted);max-width:400px;margin:var(--space-2) auto var(--space-2);font-size:.9rem;line-height:1.5}.kanji-learn-card__nav{justify-content:center;gap:var(--space-4);margin-top:var(--space-3);display:flex}.kanji-learn-card__nav-btn{border:2px solid var(--color-border);background:var(--color-surface);width:48px;height:48px;color:var(--color-ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;transition:border-color .15s,background .15s;display:flex}.kanji-learn-card__nav-btn:hover:not(:disabled){border-color:var(--color-secondary);background:var(--color-secondary-light)}.kanji-learn-card__nav-btn:disabled{opacity:.3;cursor:not-allowed}.kanji-learn-session__nav{justify-content:center;gap:var(--space-4);margin-top:var(--space-3);display:flex}.kanji-learn-card__continue{background:var(--color-secondary);color:#fff;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);cursor:pointer;margin-top:var(--space-3);border:none;font-weight:600}.kanji-learn-card__readings{margin:var(--space-3) 0}.kanji-learn-card__reading-primary{align-items:center;gap:var(--space-1);color:var(--color-secondary);margin-bottom:var(--space-2);font-size:1.4rem;font-weight:700;display:inline-flex}.kanji-learn-card__reading-lists{justify-content:center;gap:var(--space-4);font-size:.9rem;display:flex}.kanji-learn-card__label{color:var(--color-ink-muted);margin-right:var(--space-1);font-weight:600}.kanji-learn-card__words{justify-content:center;gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.kanji-learn-card__word-chip{background:var(--color-surface-alt);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);flex-direction:column;align-items:center;font-size:.85rem;display:flex}.kanji-learn-card__word-chip small{color:var(--color-ink-muted)}.kanji-learn-card__word-chip em{color:var(--color-success);font-size:.75rem}.kanji-learn-card__sentences{text-align:left;margin:var(--space-3) 0}.kanji-learn-card__sentence{background:var(--color-surface-alt);padding:var(--space-2);border-radius:var(--radius-sm);margin-bottom:var(--space-1)}.kanji-learn-card__sentence-jp{color:var(--color-ink);font-size:.95rem}.kanji-learn-card__sentence-es{color:var(--color-ink-muted);margin-top:2px;font-size:.8rem}.kanji-stroke-player{margin-bottom:var(--space-2);flex-direction:column;align-items:center;display:flex}.kanji-stroke-player__svg{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fafaf8}.kanji-stroke-player__path--active{animation:.3s answer-pulse}.kanji-stroke-player__controls{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.kanji-stroke-player__count{color:var(--color-ink-muted);text-align:center;min-width:30px;font-size:.8rem}.kanji-stroke-player__btn{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex}.kanji-stroke-player__btn:disabled{opacity:.4}.quick-check{text-align:center}.quick-check__progress{margin-bottom:var(--space-4);justify-content:center;gap:6px;display:flex}.quick-check__dot{background:var(--color-surface-alt);border-radius:50%;width:10px;height:10px;transition:background .2s}.quick-check__dot--active{background:var(--color-primary)}.quick-check__kanji{font-size:4rem;font-family:var(--font-jp);color:var(--color-ink);margin-bottom:var(--space-1)}.quick-check__subtitle{color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-size:.95rem;font-weight:600}.quick-check__prompt{color:var(--color-ink);margin-bottom:var(--space-3);font-size:1.1rem;font-weight:600}.quick-check__options{gap:var(--space-2);flex-direction:column;max-width:300px;margin:0 auto;display:flex}.quick-check__option{padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;font-size:.95rem;transition:border-color .15s;display:flex}.quick-check__option:not(:disabled):hover{border-color:var(--color-secondary)}.quick-check__option--correct{border-color:var(--color-success);background:var(--color-success-light)}.quick-check__option--incorrect{border-color:var(--color-primary);background:var(--color-primary-light)}.quick-check__next{background:var(--color-secondary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;margin-top:var(--space-3);border:none;font-weight:600}.kanji-review-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5);text-align:center;flex-direction:column;justify-content:center;min-height:280px;display:flex}.kanji-review-card__prompt{margin-bottom:var(--space-4)}.kanji-review-card__char{font-size:5rem;font-family:var(--font-jp);color:var(--color-ink)}.kanji-review-card__meanings{justify-content:center;gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.kanji-review-card__meaning-tag{background:var(--color-surface-alt);border-radius:var(--radius-pill);padding:2px 10px;font-size:.9rem}.kanji-review-card__question{color:var(--color-ink-muted);font-size:.95rem}.kanji-review-card__reveal,.vocab-review-card__reveal{background:var(--color-success);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;margin-top:var(--space-3);border:none;font-weight:600}.kanji-review-card__answer{text-align:center}.kanji-review-card__char-sm{font-size:2.5rem;font-family:var(--font-jp);margin-bottom:var(--space-1)}.kanji-review-card__reading-sm{color:var(--color-secondary);margin-bottom:var(--space-1);font-size:1.2rem}.kanji-review-card__meanings-sm{color:var(--color-ink-muted);margin-bottom:var(--space-3);font-size:.95rem}.kanji-review-card__buttons,.vocab-review-card__buttons{justify-content:center;gap:var(--space-3);margin-top:var(--space-3);display:flex}.kanji-review-card__btn,.vocab-review-card__btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:6px;font-weight:600;display:flex}.kanji-review-card__btn--fail,.vocab-review-card__btn--fail{background:var(--color-primary-light);color:var(--color-primary)}.kanji-review-card__btn--pass,.vocab-review-card__btn--pass{background:var(--color-success-light);color:var(--color-success)}.kanji-review-card__options{gap:var(--space-2);max-width:300px;margin:var(--space-3) auto 0;flex-direction:column;display:flex}.kanji-review-card__option{padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;font-size:.95rem;transition:border-color .15s;display:flex}.kanji-review-card__option:not(:disabled):hover{border-color:var(--color-secondary)}.kanji-review-card__option--correct{border-color:var(--color-success);background:var(--color-success-light)}.kanji-review-card__option--incorrect{border-color:var(--color-primary);background:var(--color-primary-light)}.kanji-review-card__next{margin:var(--space-3) auto 0;padding:var(--space-2) var(--space-5);background:var(--color-secondary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;font-size:.95rem;font-weight:600;display:block}.vocab-learn-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5);text-align:center}.vocab-learn-card__word{margin-bottom:var(--space-3)}.vocab-learn-card__japanese{font-size:2.5rem;font-family:var(--font-jp);color:var(--color-ink);display:block}.vocab-learn-card__reading{color:var(--color-secondary);margin-top:var(--space-1);font-size:1.1rem;display:block}.vocab-learn-card__meaning{color:var(--color-ink);margin-top:var(--space-2);font-size:1.15rem;font-weight:600}.vocab-learn-card__audio{justify-content:center;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);color:var(--color-ink-muted);display:flex}.vocab-learn-card__kanji-source{color:var(--color-ink-muted);margin-bottom:var(--space-3);font-size:.85rem}.vocab-learn-card__sentences{text-align:left;margin-bottom:var(--space-3)}.vocab-learn-card__sentence{background:var(--color-surface-alt);padding:var(--space-2);border-radius:var(--radius-sm);margin-bottom:var(--space-1)}.vocab-learn-card__sentence-jp{color:var(--color-ink);font-size:.95rem}.vocab-learn-card__sentence-es{color:var(--color-ink-muted);font-size:.8rem}.vocab-learn-card__learned{background:var(--color-success);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:600}.vocab-review-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5);text-align:center;flex-direction:column;justify-content:center;min-height:220px;display:flex}.vocab-review-card__japanese{font-size:2.5rem;font-family:var(--font-jp);color:var(--color-ink)}.vocab-review-card__reading-hint{color:var(--color-secondary);margin-top:var(--space-1);font-size:1rem}.vocab-review-card__meaning{color:var(--color-ink);margin-top:var(--space-3);font-size:1.3rem;font-weight:600}.vocab-review-card__question{color:var(--color-ink-muted);margin-top:var(--space-2);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.vocab-review-card__options{gap:var(--space-2);max-width:300px;margin:var(--space-3) auto 0;flex-direction:column;display:flex}.vocab-review-card__option{padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;font-size:.95rem;transition:border-color .15s;display:flex}.vocab-review-card__option:not(:disabled):hover{border-color:var(--color-secondary)}.vocab-review-card__option--correct{border-color:var(--color-success);background:var(--color-success-light)}.vocab-review-card__option--incorrect{border-color:var(--color-primary);background:var(--color-primary-light)}.vocab-review-card__audio-after{margin-top:var(--space-3)}.vocab-review-card__next{margin:var(--space-3) auto 0;padding:var(--space-2) var(--space-5);background:var(--color-secondary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;font-size:.95rem;font-weight:600;display:block}.unlocked-toast{background:var(--color-surface);border:2px solid var(--color-success);border-radius:var(--radius-lg);width:calc(100% - 40px);max-width:360px;box-shadow:var(--shadow-lift);padding:var(--space-4);opacity:0;z-index:1000;transition:transform .3s,opacity .3s;position:fixed;bottom:20px;right:20px;transform:translateY(120%)}.unlocked-toast--visible{opacity:1;transform:translateY(0)}.unlocked-toast__close{top:var(--space-2);right:var(--space-2);color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;position:absolute}.unlocked-toast__icon{background:var(--color-success-light);width:40px;height:40px;color:var(--color-success);margin-bottom:var(--space-2);border-radius:50%;justify-content:center;align-items:center;display:flex}.unlocked-toast__title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--space-2);font-size:1.1rem}.unlocked-toast__list{margin-bottom:var(--space-3);list-style:none}.unlocked-toast__word{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:.9rem;display:flex}.unlocked-toast__japanese{font-weight:600;font-family:var(--font-jp)}.unlocked-toast__reading{color:var(--color-secondary);font-size:.85rem}.unlocked-toast__meaning{color:var(--color-ink-muted);margin-left:auto;font-size:.8rem}.unlocked-toast__more{color:var(--color-ink-muted);font-size:.8rem;font-style:italic}.unlocked-toast__action{background:var(--color-success);color:#fff;width:100%;padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:600;display:block}.vocab-learn-session,.vocab-review-session,.kanji-review-session{max-width:600px;padding:var(--space-4) var(--space-3);margin:0 auto}.stories-list{max-width:800px;padding:var(--space-4) var(--space-3);margin:0 auto}.stories-list__title{font-family:var(--font-display);color:var(--color-primary);font-size:1.8rem}.stories-list__subtitle{color:var(--color-ink-muted);margin-bottom:var(--space-4)}.stories-list__level{margin-bottom:var(--space-5)}.stories-list__level-title{font-family:var(--font-display);color:var(--color-secondary);margin-bottom:var(--space-2);border-bottom:2px solid var(--color-secondary);padding-bottom:var(--space-1);font-size:1.2rem}.stories-list__cards{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.stories-list__card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none;transition:box-shadow .15s;overflow:hidden}.stories-list__card:hover{box-shadow:var(--shadow-md)}.stories-list__card--locked{opacity:.5;pointer-events:none}.stories-list__card-img{object-fit:cover;background:var(--color-surface-alt);width:100%;height:120px}.stories-list__card-body{padding:var(--space-3)}.stories-list__card-title{align-items:center;gap:var(--space-1);color:var(--color-ink);font-size:1.05rem;font-weight:700;display:flex}.stories-list__card-excerpt{color:var(--color-ink-muted);margin-top:var(--space-1);font-size:.85rem}.story-reader{max-width:700px;padding:var(--space-4) var(--space-3);margin:0 auto}.story-reader__back{color:var(--color-secondary);cursor:pointer;margin-bottom:var(--space-3);background:0 0;border:none;align-items:center;gap:4px;font-weight:600;display:flex}.story-reader__header{margin-bottom:var(--space-4)}.story-reader__level{background:var(--color-gold-light);color:var(--color-gold-dark);border-radius:var(--radius-pill);margin-bottom:var(--space-1);padding:2px 10px;font-size:.8rem;font-weight:700;display:inline-block}.story-reader__title{font-family:var(--font-display);color:var(--color-ink);font-size:1.6rem}.story-reader__image{object-fit:cover;border-radius:var(--radius-md);width:100%;max-height:200px;margin-bottom:var(--space-3);background:var(--color-surface-alt)}.story-reader__furigana-toggle{align-items:center;gap:var(--space-1);color:var(--color-ink-muted);margin-bottom:var(--space-3);cursor:pointer;font-size:.85rem;display:flex}.story-reader__body{color:var(--color-ink);margin-bottom:var(--space-4);font-size:1.15rem;line-height:2}.story-reader__body--furigana ruby{ruby-align:center}.story-reader__body--furigana rt{color:var(--color-ink-muted);margin:0;padding:0;font-size:.55em;display:ruby-text}.story-reader__word{font-family:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;vertical-align:baseline;border-radius:3px;margin:0;box-shadow:none!important;min-height:auto!important;color:inherit!important;background:0 0!important;border:none!important;padding:0 3px!important}.story-reader__word:hover{background:var(--color-primary-light)!important}.story-reader__quiz{border-top:2px solid var(--color-border);padding-top:var(--space-4);margin-top:var(--space-4)}.story-reader__quiz h2{font-family:var(--font-display);color:var(--color-secondary);margin-bottom:var(--space-4);font-size:1.3rem}.story-reader__quiz-q{margin-bottom:var(--space-4)}.story-reader__quiz-question{color:var(--color-ink);margin-bottom:var(--space-2);font-size:1.05rem}.story-reader__quiz-options{gap:var(--space-1);flex-direction:column;display:flex}.story-reader__quiz-option{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-ink);justify-content:space-between;align-items:center;font-size:.95rem;transition:border-color .15s;display:flex}.story-reader__quiz-option:not(:disabled):hover{border-color:var(--color-secondary)}.story-reader__quiz-option--selected{border-color:var(--color-secondary);background:var(--color-secondary-light)}.story-reader__quiz-option--correct{border-color:var(--color-success);background:var(--color-success-light)}.story-reader__quiz-option--incorrect{border-color:var(--color-primary);background:var(--color-primary-light)}.story-reader__quiz-submit{margin:var(--space-4) auto 0;padding:var(--space-2) var(--space-5);background:var(--color-secondary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:600;display:block}.story-reader__quiz-submit:disabled{opacity:.5;cursor:not-allowed}.story-reader__quiz-result{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--color-success);font-size:1.1rem;font-weight:700;display:flex}.story-reader__subtitle{color:var(--color-ink-muted);margin-top:var(--space-1);font-size:1rem}.story-reader__audio-controls{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.story-reader__audio-controls button{border:2px solid var(--color-border);cursor:pointer;width:44px;height:44px;box-shadow:none;border-radius:50%;justify-content:center;align-items:center;min-height:auto;padding:0;display:inline-flex;background:var(--color-surface)!important;color:var(--color-ink)!important}.story-reader__audio-controls button svg{width:22px;height:22px}.story-reader__audio-controls button:hover{border-color:var(--color-secondary);background:var(--color-surface)!important}.story-reader__audio-controls button:disabled{opacity:.4}.story-reader__popover{background:var(--color-surface);border:2px solid var(--color-secondary);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-lg);z-index:1000;text-align:center;min-width:200px;max-width:90vw;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.story-reader__popover-surface{font-size:1.4rem;font-family:var(--font-jp);display:block}.story-reader__popover-reading{color:var(--color-secondary);margin-top:var(--space-1);font-size:.9rem;display:block}.story-reader__popover-meaning{color:var(--color-ink);margin-top:var(--space-2);font-size:.95rem}.story-reader__popover-missing{color:var(--color-ink-muted);margin-top:var(--space-2);font-size:.85rem}.story-reader__popover-close{margin-top:var(--space-3);background:var(--color-secondary);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);cursor:pointer;border:none}.story-reader__quiz-result--fail{color:var(--color-primary)}.story-reader__quiz-retry{margin-left:var(--space-2);background:var(--color-primary);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:.9rem}.story-reader__audio-controls button svg{width:20px;height:20px;color:var(--color-ink)}.stories-list__card-img svg{width:100%;height:100%}.stories-list__card-img{justify-content:center;align-items:center;display:flex;overflow:hidden}.stories-list__card-img svg{width:100%;height:100%;display:block}.story-reader__image svg{border-radius:var(--radius-md);width:100%;height:auto;display:block}.story-reader__image{max-height:300px;margin-bottom:var(--space-3);border-radius:var(--radius-md);text-align:center;overflow:hidden}.stories-list__card-img-real{object-fit:cover;width:100%;height:100%}.story-reader__image-real{object-fit:cover;border-radius:var(--radius-md);width:100%;max-height:300px;margin-bottom:var(--space-3);display:block}.story-reader__translation{color:var(--color-ink);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-surface-alt);border-radius:var(--radius-md);font-size:1rem;line-height:1.8}.story-reader__popover-nav{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.story-reader__popover-nav button{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:2px 8px;font-size:.8rem}.story-reader__popover-nav button:disabled{opacity:.3}.story-reader__popover-nav span{color:var(--color-ink-muted);font-size:.75rem}.story-reader__body{line-height:2.5}.story-reader__speed-label{color:var(--color-ink-muted);align-items:center;font-size:.8rem;font-weight:700;display:flex}.story-reader__word--hover{background:var(--color-primary-light)!important}