:root{--brand-green: #00ed64;--brand-green-dark: #00684a;--brand-green-soft: #c3f0d2;--teal-deep: #001e2b;--teal-mid: #00684a;--on-primary: #001e2b;--accent-purple: #7b3ff2;--accent-orange: #fa6e39;--accent-blue: #3d4f9f;--canvas: #ffffff;--surface: #f9fbfa;--surface-soft: #f4f7f6;--hairline: #e1e5e8;--ink: #001e2b;--slate: #3d4f5b;--steel: #5c6c7a;--muted: #a8b3bc;--on-dark: #ffffff;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-1: 0 1px 2px rgba(0, 30, 43, .04);--shadow-2: 0 4px 12px rgba(0, 30, 43, .08);--shadow-3: 0 12px 24px -4px rgba(0, 30, 43, .12);--font: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-jp: "Noto Sans JP", var(--font)}:root[data-theme=dark]{--canvas: #001e2b;--surface: #00141d;--surface-soft: #02212e;--hairline: #1c2d38;--ink: #ffffff;--slate: #c1ccd6;--steel: #a8b3bc}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{margin:0;letter-spacing:-.02em;font-weight:600}a{color:inherit;text-decoration:none}.jp{font-family:var(--font-jp)}.container{max-width:1440px;margin:0 auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:10;background:var(--canvas);border-bottom:1px solid var(--hairline)}.topbar-inner{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px}.brand .dot{width:26px;height:26px;border-radius:var(--radius-full);background:var(--brand-green);display:grid;place-items:center;color:var(--on-primary);font-size:14px}.nav-actions{display:flex;align-items:center;gap:12px}.btn{border:none;border-radius:var(--radius-full);padding:10px 22px;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:transform .06s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand-green);color:var(--on-primary)}.btn-primary:hover{filter:brightness(.95)}.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--hairline)}.btn-ghost{background:transparent;color:var(--ink);border:none;border-radius:var(--radius-md);padding:8px 12px;font:inherit;font-weight:600;cursor:pointer}.btn-icon{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--hairline);background:var(--canvas);cursor:pointer;font-size:16px;color:var(--ink)}.card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:24px}.hero{background:var(--teal-deep);color:var(--on-dark);border-radius:var(--radius-xl);padding:56px 48px;box-shadow:var(--shadow-3)}.eyebrow{color:var(--brand-green);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px}.hero h1{font-size:clamp(32px,5vw,52px);line-height:1.12}.hero p.lead{color:var(--slate);font-size:18px;margin:14px 0 28px}.avatar{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:40px 0 16px}.section-head h2{font-size:24px}.muted{color:var(--steel);font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.level-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:box-shadow .15s ease,transform .08s ease,border-color .15s ease}.level-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px);border-color:var(--brand-green)}.level-code{font-size:28px;font-weight:700;letter-spacing:-.03em}.level-sub{color:var(--steel);font-size:13px;margin:2px 0 14px}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);color:#fff}.badge.vocab{background:var(--brand-green-dark)}.badge.kanji{background:var(--accent-purple)}.badge.grammar{background:var(--accent-orange)}.badge.kana{background:var(--accent-blue)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}.feature .ico{font-size:24px}.feature h3{font-size:16px;margin:10px 0 4px}.feature p{margin:0;color:var(--steel);font-size:14px}.page{padding:32px 0 80px;min-height:calc(100vh - 64px)}.is-loading{opacity:.45;transition:opacity .15s ease;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page>*{animation:fadeIn .18s ease}.skeleton{height:78px;border:1px solid var(--hairline);background:linear-gradient(90deg,var(--surface) 25%,var(--surface-soft) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.pill-tab{border:1px solid var(--hairline);background:transparent;color:var(--steel);border-radius:var(--radius-full);padding:8px 16px;font:inherit;font-size:14px;font-weight:500;cursor:pointer}.pill-tab.active{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.pager{display:flex;align-items:center;gap:16px;margin-bottom:16px}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.word-list{display:grid;gap:10px}.word-row{padding:16px 20px}.word-main{display:flex;align-items:baseline;gap:12px}.word-head{font-size:22px;font-weight:700}.word-reading{color:var(--brand-green-dark);font-size:15px}.word-meaning{color:var(--slate);margin-top:4px}.word-example{color:var(--steel);font-size:14px;margin-top:8px;padding-top:8px;border-top:1px solid var(--hairline)}.hero-band-dark{background:var(--teal-deep);color:var(--on-dark);padding:80px 0 100px;position:relative;overflow:hidden}.hero-band-dark:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(0,104,74,.4) 0%,transparent 50%);pointer-events:none}.hero-grid{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}.hero-content h1{font-size:clamp(40px,6vw,72px);line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px}.hero-content p.lead{font-size:18px;color:var(--slate);margin:0 auto 40px;line-height:1.6;max-width:640px}.hero-cta{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.feature-section{padding:96px 0;background:var(--surface)}.feature-section h2{text-align:center;font-size:48px;letter-spacing:-.5px;margin-bottom:64px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.card-feature{background:var(--canvas);border-radius:var(--radius-lg);padding:32px;border:1px solid var(--hairline);transition:box-shadow .2s ease,transform .2s ease}.card-feature:hover{box-shadow:var(--shadow-2);transform:translateY(-4px)}.card-feature .ico-wrapper{width:48px;height:48px;border-radius:var(--radius-md);background:var(--surface-soft);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:24px}.card-feature h3{font-size:22px;margin-bottom:12px}.card-feature p{color:var(--slate);font-size:16px;line-height:1.55;margin:0}.badge-purple{background:var(--accent-purple);color:#fff}.badge-orange{background:var(--accent-orange);color:#fff}.badge-blue{background:var(--accent-blue);color:#fff}.footer-region{background:var(--teal-deep);color:var(--on-dark);padding:64px 0 32px;border-top:1px solid rgba(255,255,255,.1)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px;margin-bottom:64px}.footer-brand-col{max-width:280px}.footer-col h4{font-size:14px;font-weight:500;margin-bottom:24px;color:var(--on-dark);opacity:.9}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-link{color:var(--steel);font-size:14px;transition:color .15s ease}.footer-link:hover{color:var(--on-dark)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--steel)}.game-runner-container{max-width:600px;margin:0 auto}.learn-phase-container{display:flex;flex-direction:column;align-items:center;gap:24px}.phase-indicator{display:flex;align-items:center;gap:12px;width:100%;justify-content:space-between}.badge{background:var(--brand-green-dark);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.flashcard-scene{width:100%;height:300px;perspective:1000px;cursor:pointer}.flashcard-card{width:100%;height:100%;position:relative;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flashcard-scene.flipped .flashcard-card{transform:rotateY(180deg)}.flashcard-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;border:1px solid var(--hairline)}.flashcard-back{transform:rotateY(180deg);background:var(--surface-hover)}.flashcard-headword{font-size:48px;font-weight:700;margin-bottom:8px}.flashcard-reading{font-size:24px;color:var(--slate);margin-bottom:24px}.flashcard-meaning{font-size:24px;font-weight:600;color:var(--on-surface);margin-bottom:16px}.flashcard-example{margin-top:16px;padding-top:16px;border-top:1px solid var(--hairline);font-size:16px;line-height:1.5}.flashcard-hint{position:absolute;bottom:24px;font-size:14px}.game-nav{display:flex;justify-content:space-between;width:100%;gap:16px}.game-nav button{flex:1}.btn-icon-text{display:flex;align-items:center;justify-content:center;gap:8px}.recall-card,.test-question-card{width:100%;padding:48px 32px;text-align:center;min-height:300px;display:flex;flex-direction:column;justify-content:center}.recall-answer-box{margin-top:32px;padding-top:32px;border-top:1px solid var(--hairline);animation:fadeIn .3s ease}.test-options-grid{display:grid;grid-template-columns:1fr;gap:12px;width:100%}.test-option-btn{padding:16px;font-size:16px;text-align:left;border-radius:var(--radius-lg);transition:all .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.split-login-container{display:flex;min-height:100vh;width:100%}.login-left,.login-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px}.login-left{background:var(--canvas);color:var(--ink)}.login-right{background:var(--teal-deep);color:var(--on-dark)}.login-form-container,.marketing-content{width:100%;max-width:480px;text-align:center}.login-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.feature-stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:24px 16px;text-align:center;transition:transform .2s ease,background .2s ease}.feature-stat-card:hover{transform:translateY(-2px);background:#ffffff26}.stat-icon{font-size:24px;display:block;margin-bottom:8px}.stat-number{font-size:24px;font-weight:700;color:var(--brand-green);margin-bottom:4px}.stat-label{font-size:14px;color:#ffffffe6}@media (max-width: 991px){.split-login-container{flex-direction:column-reverse}.login-left,.login-right{min-height:50vh}}.topbar-nav{display:flex;gap:24px}.nav-link{display:flex;align-items:center;gap:6px;color:var(--on-surface);font-weight:500;font-size:14px;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--brand-green)}.hero-band-dautoeic{background:var(--surface);padding:80px 24px;text-align:center}.hero-h1{font-size:56px;line-height:1.15;margin-bottom:24px;font-weight:800;letter-spacing:-.02em;text-wrap:balance}@media (min-width: 768px){.hero-h1{font-size:64px}}.hero-highlight{color:var(--brand-green)}.hero-checkmarks{display:flex;justify-content:center;gap:32px;list-style:none;padding:0;margin:32px 0 0}.hero-checkmarks li{display:flex;align-items:center;gap:8px;font-weight:500;font-size:15px;color:var(--ink)}.hero-cta-group{display:flex;justify-content:center;gap:20px;margin-top:32px}.btn-large{padding:16px 36px;font-size:18px}.stats-section{background:var(--surface-hover);padding:32px 24px;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.stats-row{display:flex;justify-content:space-around;flex-wrap:wrap;gap:32px}.stat-item{text-align:center}.stat-num{font-size:48px;font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.stat-desc{font-size:16px;color:var(--slate);font-weight:500}.courses-section{padding:80px 24px;background:var(--canvas)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.course-card{background:var(--surface);padding:32px;border-radius:var(--radius-xl);box-shadow:var(--shadow-2);border:1px solid var(--hairline);transition:transform .2s}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-3)}.course-badge{display:inline-block;background:var(--brand-green);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;margin-bottom:16px}.landing-page-dark{background:var(--canvas);color:var(--ink)}.hero-grid-center{max-width:860px;margin:0 auto;padding:64px 24px 80px;text-align:center}.hero-grid-center .lead{max-width:650px;margin:0 auto;font-size:18px;line-height:1.6;color:var(--slate)}.hero-badge{display:inline-flex;align-items:center;background:#00ed6426;color:var(--brand-green);padding:8px 20px;border-radius:var(--radius-full);font-size:14px;font-weight:600;margin-bottom:24px}.btn-brand{background:var(--brand-green);color:var(--on-primary);border:none;font-weight:700;border-radius:var(--radius-full);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-brand:hover{background:#00b545;transform:translateY(-2px);box-shadow:0 4px 12px #00ed644d}.btn-outline{background:transparent;color:var(--on-dark);border:1px solid rgba(255,255,255,.2);font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:background .2s}.btn-outline:hover{background:#ffffff0d}.color-cyan{color:var(--brand-green)}.color-blue{color:var(--accent-blue)}.color-orange{color:var(--accent-orange)}.color-purple{color:var(--accent-pink)}.feature-grid-section{padding:80px 24px}.section-title{text-align:center;font-size:32px;margin-bottom:16px}.section-subtitle{text-align:center;color:var(--slate);margin-bottom:48px}.dt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.dt-card{position:relative;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-xl);padding:32px;transition:transform .2s,box-shadow .2s}.dt-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.dt-card-dot{position:absolute;top:24px;right:24px;width:8px;height:8px;background:var(--brand-green);border-radius:50%}.dt-icon{width:56px;height:56px;background:#00ed641a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--brand-green)}.dt-card h3{font-size:20px;margin-bottom:12px;color:var(--ink)}.dt-card p{color:var(--slate);margin-bottom:24px;line-height:1.6}.btn-link{background:none;border:none;color:var(--brand-green);font-weight:600;cursor:pointer;padding:0;font-size:14px;transition:opacity .2s}.btn-link:hover{opacity:.8}.dashboard-layout{display:flex;max-width:1440px;margin:0 auto;padding:32px 24px;gap:40px;min-height:calc(100vh - 64px);align-items:flex-start}.sidebar{width:280px;flex-shrink:0;position:sticky;top:96px;background:var(--canvas);border:1px solid var(--hairline);border-radius:20px;padding:16px}.sidebar-section-title{font-size:13px;text-transform:uppercase;color:var(--slate);font-weight:700;letter-spacing:.05em;margin:16px 12px 12px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--steel);font-weight:600;font-size:15px;text-decoration:none;transition:all .2s ease;border:1px solid transparent;cursor:pointer;background:transparent;width:100%;text-align:left}.sidebar-link:hover{background:#ffffff08;color:var(--on-dark)}.sidebar-link.active{background:#00ed641a;color:var(--brand-green);border-color:#00ed6433}.dashboard-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:32px;min-height:calc(100vh - 128px)}.dash-hero{background:linear-gradient(135deg,var(--teal-deep) 0%,var(--canvas) 100%);border:1px solid var(--hairline);border-radius:24px;padding:48px;position:relative;overflow:hidden;box-shadow:var(--shadow-2);min-height:240px}.dash-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;padding:4px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:600;color:#ffffffe6;margin-bottom:20px}.dash-hero h1{font-size:36px;color:var(--on-dark);margin-bottom:12px;font-weight:800;letter-spacing:-.02em}.dash-hero h1 span{color:var(--brand-green)}.dash-hero p{font-size:16px;color:var(--steel);max-width:60%;line-height:1.6}.dash-hero-icon{position:absolute;right:48px;top:50%;transform:translateY(-50%);width:120px;height:120px;background:linear-gradient(135deg,var(--brand-green) 0%,var(--accent-blue) 100%);border-radius:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 32px #00ed6433;color:var(--on-primary)}.dash-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px}.dash-tabs{display:flex;width:fit-content;gap:6px;background:var(--surface-soft);border:1px solid var(--hairline);padding:5px;border-radius:var(--radius-full)}.dash-tab{padding:8px 18px;border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--steel);background:transparent;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.dash-tab:hover{color:var(--on-dark);background:#ffffff0d}.dash-tab.active{background:var(--brand-green);color:var(--on-primary)}.dash-filters{display:flex;gap:12px;flex-wrap:wrap}.dash-filter{padding:6px 16px;border-radius:var(--radius-full);border:1px solid var(--hairline);font-size:13px;font-weight:600;color:var(--steel);background:transparent;cursor:pointer;transition:all .2s}.dash-filter:hover{border-color:#fff3;color:var(--on-dark)}.dash-filter.active{background:#ffffff1a;color:var(--on-dark);border-color:#fff3}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.shimmer-bg{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.lesson-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;animation:fadeInUp .25s ease-out forwards}.lesson-card:hover{border-color:var(--brand-green);box-shadow:0 4px 12px #00ed641a;transform:translateY(-2px)}.lesson-card-info{display:flex;align-items:center;gap:12px}.lesson-card-main{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.lesson-card-head{display:flex;align-items:center;gap:8px}.lesson-card-count{font-size:12px;color:var(--slate)}.lesson-card-preview{display:flex;align-items:center;gap:6px;overflow:hidden}.preview-chip{flex-shrink:0;min-width:30px;text-align:center;font-size:15px;color:var(--on-dark);background:var(--surface-soft);border:1px solid var(--hairline);border-radius:8px;padding:3px 8px;line-height:1.4}.preview-more{color:var(--steel);font-size:15px;flex-shrink:0}.lesson-card-text{display:flex;flex-direction:row;align-items:baseline;gap:8px}.lesson-card-badge{background:#00ed6426;color:var(--brand-green);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.lesson-card-text h3{font-size:15px;color:var(--on-dark);margin:0;font-weight:600}.lesson-card-text p{font-size:12px;color:var(--slate);margin:0}.lesson-card-action{display:flex;margin-left:auto;flex-shrink:0}.lesson-card-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--on-dark);padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:4px}.lesson-card:hover .lesson-card-btn{border-color:var(--brand-green);color:var(--brand-green)}.kana-chart{--kana-cell: 50px;display:flex;flex-direction:row;flex-wrap:wrap;gap:32px;align-items:flex-start;min-height:70vh}.kana-col{display:flex;flex-direction:column;gap:24px}.kana-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-green);margin:0 0 12px}.kana-blocks{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.kana-subcol{display:flex;flex-direction:column}.kana-grid{display:grid;gap:6px}.kana-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--kana-cell);height:var(--kana-cell);border-radius:8px;background:var(--canvas);border:1px solid var(--hairline);cursor:pointer;font-family:inherit;transition:border-color .12s ease,box-shadow .12s ease,transform .08s ease}.kana-cell:hover{border-color:var(--brand-green);box-shadow:0 2px 8px #00ed642e;transform:translateY(-1px)}.kana-cell.empty{background:transparent;border:none;cursor:default}.kana-cell-char{font-size:20px;font-weight:600;color:var(--on-dark);line-height:1.1;white-space:nowrap;letter-spacing:-.5px}.kana-cell-romaji{font-size:11px;color:var(--steel);margin-top:3px;line-height:1}.kana-learn-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 24px}.kana-learn-char{font-size:72px;font-weight:700;line-height:1;color:var(--on-dark)}.kana-learn-romaji{font-size:22px;color:var(--brand-green-dark);font-weight:600}.kana-listen-btn{margin:0 auto;display:flex}.kana-type-input{width:220px;max-width:80%;text-align:center;font-size:20px;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--hairline-strong, var(--hairline));background:var(--canvas);color:var(--ink);outline:none;margin:0 auto;display:block}.kana-type-input:focus{border-color:var(--brand-green-dark)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px}.page-btn{background:var(--surface);border:1px solid rgba(255,255,255,.1);color:var(--on-dark);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-weight:600}.page-btn:hover:not(:disabled){border-color:var(--brand-green);color:var(--brand-green)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:14px;color:var(--steel);font-weight:600}.dash-footer{margin-top:auto;padding-top:32px;padding-bottom:16px;border-top:1px solid var(--hairline);display:flex;justify-content:space-between;align-items:center;color:var(--slate);font-size:13px}.dash-footer-links{display:flex;gap:24px}.dash-footer-links a{color:var(--slate);text-decoration:none;transition:color .2s}.dash-footer-links a:hover{color:var(--brand-green)}@media (max-width: 768px){.overview-hero{padding:24px;flex-direction:column;text-align:center;gap:16px}.overview-hero h1{font-size:24px}.overview-hero-illustration{display:none}.overview-time-filter{flex-wrap:wrap}.overview-stats-grid{grid-template-columns:1fr 1fr}.overview-skills-grid,.login-features-grid{grid-template-columns:1fr}.dash-footer{flex-direction:column;gap:12px;text-align:center}.topbar-nav{display:none}.container{padding-left:16px!important;padding-right:16px!important}.hero-grid-center{padding-top:24px;padding-bottom:24px}.hero-h1{font-size:28px;line-height:1.3;margin-bottom:12px}.hero-badge{font-size:12px;padding:4px 12px;margin-bottom:12px}.hero-checkmarks{flex-direction:column;align-items:center;gap:6px;margin-top:16px}.hero-cta-group{flex-direction:column;align-items:center;width:100%;margin-top:16px;gap:8px}.hero-cta-group .btn-large{width:fit-content;padding:12px 32px;font-size:15px}p.lead{font-size:14px;line-height:1.5;margin-bottom:0}.stats-section{padding:20px 16px}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-num{font-size:28px;margin-bottom:4px}.stat-desc{font-size:13px}.section-title{font-size:24px;line-height:1.3}.feature-grid-section{padding-left:0;padding-right:0}.dt-grid{gap:16px;grid-template-columns:1fr}.dt-card{padding:24px;max-width:320px;margin:0 auto;width:100%}.dt-icon{width:48px;height:48px;margin-bottom:16px}.dt-icon svg{width:24px!important;height:24px!important}.dt-card h3{font-size:16px;margin-bottom:6px}.dt-card p{font-size:13px;margin-bottom:12px;line-height:1.4}.dt-card-dot{top:20px;right:20px;width:6px;height:6px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 16px}.footer-col:first-child{grid-column:1 / -1}.footer-brand-col{max-width:none}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}.auth-hero{background:var(--teal-deep);border-radius:12px;padding:64px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:600px;margin:0 auto}.auth-hero h2{font-size:36px;font-weight:500;line-height:1.25;letter-spacing:-.5px;color:var(--on-dark);margin-bottom:16px}.auth-hero p{font-size:18px;color:var(--on-dark-muted);margin-bottom:32px;line-height:1.5;max-width:80%}.nav-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.upgrade-badge{background:var(--accent-orange);color:var(--on-primary)}.upgrade-badge:hover{filter:brightness(1.1);transform:translateY(-1px)}.time-badge{background:#38bdf81a;color:var(--accent-blue);cursor:default}.notification-dot{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--teal-deep)}.avatar-wrapper{display:flex;align-items:center;gap:12px;margin-left:8px}.btn-logout-small{background:transparent;color:var(--steel);border:1px solid var(--hairline);padding:6px 12px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-logout-small:hover{color:var(--on-dark);border-color:var(--steel);background:#ffffff0d}.settings-sidebar{display:flex;flex-direction:column;gap:24px}.settings-group-title{font-size:11px;font-weight:700;color:var(--slate);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;padding-left:12px}.settings-group{display:flex;flex-direction:column;gap:4px}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:transparent;border:none;color:var(--steel);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.settings-nav-item:hover:not(.active){background:#ffffff08;color:var(--on-dark)}.settings-nav-item.active{background:#00ed641a;color:var(--brand-green)}.settings-nav-item.logout-btn{color:#ef4444}.settings-nav-item.logout-btn:hover{background:#ef44441a}.settings-logout-wrapper{margin-top:16px;padding-top:16px;border-top:1px solid var(--hairline)}.settings-content{flex:1}.settings-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:16px;padding:40px;box-shadow:var(--shadow-2)}.settings-title{font-size:24px;color:var(--on-dark);font-weight:700;margin-bottom:8px}.settings-subtitle{font-size:15px;color:var(--steel);margin-bottom:32px}.settings-form{display:flex;flex-direction:column;gap:20px}.form-group-row{display:flex;gap:24px}.form-group-row>.form-group{flex:1}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;color:var(--slate)}.text-input{background:var(--canvas);color:var(--ink);font-family:inherit;font-size:15px;padding:12px 16px;border-radius:8px;border:1px solid var(--hairline-strong);transition:border-color .2s;width:100%}[data-theme=dark] .text-input{background:#0003;color:var(--on-dark);border-color:#ffffff1a}.text-input:focus{outline:none;border-color:var(--brand-green)}.settings-actions{margin-top:32px;display:flex;justify-content:flex-end}.overview-hero{background:linear-gradient(135deg,#00ed6414,#00ed6403);border:1px solid rgba(0,237,100,.1);border-radius:24px;padding:40px 48px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-2)}.overview-hero h1{font-size:32px;color:var(--on-dark);margin-bottom:8px;font-weight:800;letter-spacing:-.02em}.overview-hero p{color:var(--steel);font-size:15px}.overview-hero-illustration{display:flex;justify-content:center;align-items:center}.chart-icon{background:var(--surface);border:1px solid rgba(255,255,255,.1);width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #00ed641a}.overview-time-filter{display:flex;align-items:center;gap:12px;margin-top:8px}.overview-time-filter .filter-label{font-size:11px;font-weight:700;color:var(--slate);letter-spacing:.1em;text-transform:uppercase;margin-right:12px}.overview-time-filter .filter-btn{background:transparent;border:none;color:var(--steel);font-size:14px;font-weight:600;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s}.overview-time-filter .filter-btn.active{background:#ffffff1a;color:var(--on-dark)}.overview-time-filter .filter-btn:hover:not(.active){color:var(--on-dark)}.overview-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-2);transition:transform .2s,border-color .2s}.stat-card:hover{transform:translateY(-2px);border-color:#ffffff1a}.stat-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-card-content{display:flex;flex-direction:column;gap:4px}.stat-title{font-size:13px;color:var(--steel);font-weight:600}.stat-value{font-size:24px;font-weight:800;color:var(--on-dark)}.stat-sub{font-size:12px;color:var(--slate);min-height:18px}.upgrade-btn{background:transparent;border:none;color:#eab308;font-size:13px;font-weight:600;text-align:left;padding:0;margin-top:2px;cursor:pointer}.overview-section{display:flex;flex-direction:column;gap:20px}.section-header{display:flex;align-items:center;justify-content:space-between}.skill-filters{display:flex;gap:8px}.skill-filter{background:transparent;border:1px solid var(--hairline);color:var(--steel);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.skill-filter.active{background:#38bdf81a;border-color:#38bdf833;color:var(--accent-blue)}.skill-filter:hover:not(.active){background:#ffffff0d}.overview-skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skill-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-2)}.skill-card:hover{transform:translateY(-2px);border-color:var(--brand-green);box-shadow:0 8px 24px #0003}.skill-card-icon{background:#ffffff08;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.skill-card-info h4{font-size:15px;color:var(--on-dark);font-weight:700;margin-bottom:4px}.skill-card-info p{font-size:14px;color:var(--steel);font-weight:600;margin-bottom:6px}.skill-card-info span{font-size:12px;color:var(--slate);display:block}.progress-wrapper{background:var(--surface);border:1px solid var(--hairline);border-radius:20px;padding:32px;gap:24px}.progress-header-main{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;color:var(--on-dark)}.progress-icon{background:#38bdf81a;color:var(--accent-blue);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.progress-total-card{background:#0003;border:1px solid var(--hairline);border-radius:16px;padding:24px;display:grid;grid-template-columns:1fr auto;align-items:center}.progress-total-info{display:flex;align-items:center;gap:16px}.total-icon{background:#ffffff0d;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.progress-total-value{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:18px}.progress-bar-bg{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;width:100%}.progress-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.progress-list{display:flex;flex-direction:column;gap:16px}.progress-item{display:grid;grid-template-columns:40px 100px 1fr 40px;align-items:center;gap:16px;background:#ffffff05;border:1px solid var(--hairline);padding:12px 16px;border-radius:12px}.progress-item-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.progress-item-title{font-weight:600;color:var(--on-dark);font-size:14px}.progress-item-value{color:var(--steel);font-size:13px;text-align:right;margin-right:16px}.progress-item-pct{font-weight:700;font-size:13px;text-align:right}.settings-btn{background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;transition:all .2s;color:var(--slate);width:100%}.settings-btn:hover{background:#ffffff0d;border-color:#fff3;color:var(--steel)}.settings-btn-info h4{font-size:14px;color:var(--on-dark);margin-bottom:4px}.settings-btn-info p{font-size:13px}.topbar-avatar,.topbar-avatar-placeholder{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s}.topbar-avatar-placeholder{background:var(--brand-green);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-weight:600}.topbar-avatar:hover,.topbar-avatar-placeholder:hover{transform:scale(1.1);border-color:var(--brand-green);box-shadow:0 0 0 2px #00ed6433}.notif-dropdown{position:absolute;top:100%;right:0;margin-top:12px;width:380px;background:var(--canvas);border:1px solid var(--hairline);border-radius:16px;box-shadow:var(--shadow-2);z-index:100;display:flex;flex-direction:column}.notif-header{padding:16px 20px;font-size:15px;font-weight:600;border-bottom:1px solid var(--hairline);color:var(--on-dark)}.notif-list{max-height:400px;overflow-y:auto}.notif-item{display:flex;gap:16px;padding:16px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--hairline)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#ffffff05}.notif-item-icon{color:var(--accent-blue);flex-shrink:0;padding-top:2px}.notif-item-content{flex:1}.notif-item-title{font-size:13px;font-weight:600;color:var(--on-dark);margin-bottom:4px}.notif-item-snippet{font-size:12px;color:var(--steel);line-height:1.4}.notif-item-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-blue);flex-shrink:0;margin-top:6px}.notif-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00141dcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.notif-modal{background:var(--canvas);border:1px solid var(--hairline);border-radius:20px;width:100%;max-width:500px;padding:32px;position:relative;box-shadow:0 24px 48px #0006}.notif-modal-close{position:absolute;top:24px;right:24px;background:transparent;border:none;color:var(--steel);cursor:pointer;padding:4px;border-radius:50%;display:flex;transition:all .2s}.notif-modal-close:hover{background:#ffffff1a;color:var(--on-dark)}.notif-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--on-dark);font-weight:700;font-size:18px}.notif-modal-content{font-size:14px;color:var(--on-dark);line-height:1.6;white-space:pre-wrap;margin-bottom:24px}.notif-modal-footer{font-size:12px;color:var(--steel);text-align:left}.kana-cell{position:relative}.kana-cell--active{background:#00ed642e!important;transform:scale(.93);transition:transform .15s ease,background .15s ease}.kana-cell-audio-icon{position:absolute;bottom:3px;right:3px;color:var(--brand-green);opacity:.5;line-height:1}.game-hub-trigger-btn{background:linear-gradient(135deg,var(--brand-green) 0%,var(--accent-blue) 100%)!important;color:var(--on-primary)!important;font-weight:700;border:none!important;gap:6px;transition:opacity .2s ease,transform .15s ease}.game-hub-trigger-btn:hover{opacity:.88;transform:translateY(-1px)}.game-hub-v2{width:100%;max-width:900px;margin:0 auto;padding-bottom:48px}.game-hub-v2-hero{position:relative;padding:32px 0 36px;margin-bottom:32px}.game-hub-v2-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--steel);background:none;border:none;cursor:pointer;padding:0;margin-bottom:20px;transition:color .15s ease}.game-hub-v2-back:hover{color:var(--on-dark)}.game-hub-v2-hero-body{display:flex;flex-direction:column;gap:8px}.game-hub-v2-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-green);background:#00ed641a;border:1px solid rgba(0,237,100,.25);padding:4px 10px;border-radius:var(--radius-full);width:fit-content}.game-hub-v2-title{font-size:36px;font-weight:900;color:var(--on-dark);line-height:1.1;margin:0;letter-spacing:-.02em}.game-hub-v2-subtitle{font-size:15px;color:var(--steel);margin:0}.game-hub-v2-stats{display:flex;align-items:center;gap:20px;margin-top:4px}.game-hub-v2-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--steel)}.game-hub-v2-stat-num{font-size:16px;font-weight:800;color:var(--on-dark)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.game-hub-v2-script-selector{margin-bottom:20px}.game-hub-v2-script-tabs{display:flex;gap:10px;flex-wrap:wrap}.game-hub-v2-script-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 24px;background:var(--canvas);border:1.5px solid var(--hairline);border-radius:14px;cursor:pointer;transition:all .18s ease;min-width:110px}.game-hub-v2-script-tab:hover{border-color:var(--brand-green);background:#00ed640a}.game-hub-v2-script-tab--active{border-color:var(--brand-green);background:#00ed641a;box-shadow:0 0 0 3px #00ed641f}.game-hub-v2-script-tab-char{font-family:Noto Sans JP,serif;font-size:26px;font-weight:700;line-height:1;color:var(--on-dark)}.game-hub-v2-script-tab--active .game-hub-v2-script-tab-char{color:var(--brand-green-dark)}.game-hub-v2-script-tab-name{font-size:12px;font-weight:600;color:var(--steel)}.game-hub-v2-script-tab--active .game-hub-v2-script-tab-name{color:var(--brand-green-dark)}.game-hub-v2-group-selector{margin-bottom:24px}.game-hub-v2-group-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--steel);margin:0 0 10px}.game-hub-v2-group-pills{display:flex;flex-wrap:wrap;gap:8px}.game-hub-v2-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:var(--canvas);border:1.5px solid var(--hairline);font-size:13px;font-weight:600;color:var(--steel);cursor:pointer;transition:all .16s ease}.game-hub-v2-pill:hover:not(:disabled){border-color:var(--brand-green);color:var(--on-dark)}.game-hub-v2-pill--active{background:#00ed641f;border-color:var(--brand-green);color:var(--brand-green-dark)}.game-hub-v2-pill--disabled{opacity:.35;cursor:not-allowed}.game-hub-v2-pill-count{background:var(--hairline);color:var(--steel);font-size:11px;font-weight:700;padding:1px 7px;border-radius:var(--radius-full);min-width:20px;text-align:center}.game-hub-v2-pill--active .game-hub-v2-pill-count{background:#00ed6433;color:var(--brand-green-dark)}.game-hub-v2-warn{margin-bottom:16px;padding:10px 14px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;font-size:13px;color:#d97706}.game-hub-v2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game-hub-v2-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:24px 22px 22px;background:var(--canvas);border:1px solid var(--hairline);border-radius:20px;cursor:pointer;text-align:left;overflow:hidden;min-height:160px;transition:border-color .22s ease,transform .18s ease,box-shadow .22s ease}.game-hub-v2-card:hover:not(:disabled){border-color:var(--card-from, var(--brand-green));transform:translateY(-4px) scale(1.01);box-shadow:0 16px 40px #00000059,0 0 0 1px var(--card-from, var(--brand-green))}.game-hub-v2-card:hover:not(:disabled) .game-hub-v2-card-glow{opacity:1}.game-hub-v2-card:hover:not(:disabled) .game-hub-v2-card-emoji{transform:scale(1.15)}.game-hub-v2-card:hover:not(:disabled) .game-hub-v2-card-arrow{opacity:1;transform:translate(0)}.game-hub-v2-card:active:not(:disabled){transform:translateY(-1px) scale(.99)}.game-hub-v2-card--disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.5)}.game-hub-v2-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,color-mix(in srgb,var(--card-from, #00ed64) 14%,transparent),transparent 65%);opacity:0;transition:opacity .3s ease;pointer-events:none}.game-hub-v2-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:14px}.game-hub-v2-card-emoji{font-size:34px;line-height:1;transition:transform .22s ease;display:block}.game-hub-v2-card-lock{font-size:18px;opacity:.6}.game-hub-v2-card-arrow{font-size:20px;color:var(--card-text, var(--brand-green));opacity:0;transform:translate(-6px);transition:opacity .22s ease,transform .22s ease;font-weight:700}.game-hub-v2-card-label{font-size:16px;font-weight:800;color:var(--on-dark);margin-bottom:5px;letter-spacing:-.01em}.game-hub-v2-card-desc{font-size:12px;color:var(--steel);line-height:1.5;flex:1}.game-hub-v2-card-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-from, var(--brand-green)),var(--card-to, var(--accent-blue)));opacity:0;transition:opacity .22s ease}.game-hub-v2-card:hover:not(:disabled) .game-hub-v2-card-bar{opacity:1}.game-layout{display:flex;flex-direction:column;min-height:100%}.game-layout-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.game-layout-title{display:flex;align-items:center;gap:6px;font-weight:700;font-size:16px;color:var(--on-dark);flex:1}.game-layout-emoji{font-size:20px}.game-layout-counter{font-size:13px;color:var(--steel);font-weight:600}.game-progress-bar{height:4px;background:var(--hairline);border-radius:var(--radius-full);margin-bottom:28px;overflow:hidden}.game-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-green),var(--accent-blue));border-radius:var(--radius-full)}.game-layout-body{flex:1;display:flex;flex-direction:column;align-items:center}.game-result-container{width:100%;display:flex;justify-content:center;padding:16px 0}.game-result-card{text-align:center;padding:40px 32px;max-width:420px;width:100%}.game-result-stars{font-size:44px;letter-spacing:8px;margin-bottom:12px}.game-result-star{color:var(--hairline);transition:color .3s ease}.game-result-star--lit{color:#f5b301}.game-result-title{font-size:22px;font-weight:800;color:var(--on-dark);margin-bottom:24px}.game-result-stats{display:flex;justify-content:center;gap:24px;margin-bottom:20px;flex-wrap:wrap}.game-result-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.game-result-stat-value{font-size:24px;font-weight:800;color:var(--on-dark)}.game-result-stat-label{font-size:12px;color:var(--steel)}.game-result-total-score{margin-bottom:20px}.game-result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.flashcard-game{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:24px}.flashcard-actions{display:flex;gap:16px;width:100%}.flashcard-btn{flex:1;padding:14px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;border:2px solid transparent;transition:all .15s ease}.flashcard-btn--no{background:#ee5a5a1a;color:#ee5a5a;border-color:#ee5a5a4d}.flashcard-btn--no:hover:not(:disabled){background:#ee5a5a33}.flashcard-btn--no.active{background:#ee5a5a;color:#fff}.flashcard-btn--yes{background:#00ed641a;color:var(--brand-green-dark);border-color:#00ed644d}.flashcard-btn--yes:hover:not(:disabled){background:#00ed6433}.flashcard-btn--yes.active{background:var(--brand-green);color:var(--on-primary)}.quiz-game{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:20px}.quiz-question{width:100%;text-align:center;padding:32px 24px}.quiz-question-char{font-size:64px;font-weight:800;color:var(--on-dark);line-height:1}.quiz-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.quiz-option{padding:14px 10px;font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .15s ease}.memory-game{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:12px}.memory-game-flips{font-size:13px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.memory-tile{height:72px;border-radius:12px;background:var(--canvas);border:1.5px solid var(--hairline);font-size:18px;font-weight:700;color:var(--on-dark);cursor:pointer;transition:all .18s ease;display:flex;align-items:center;justify-content:center}.memory-tile:hover:not(:disabled){border-color:var(--brand-green);background:#00ed640d}.memory-tile--selected{border-color:var(--accent-blue);background:#0078ff1a;transform:scale(.96)}.memory-tile--matched{border-color:var(--brand-green);background:#00ed641f;color:var(--brand-green-dark);cursor:default}.typing-game{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:16px}.typing-question{width:100%;text-align:center;padding:32px 24px}.typing-char{font-size:72px;font-weight:800;color:var(--on-dark);line-height:1}.typing-input{width:100%;font-size:20px;text-align:center;letter-spacing:.05em}.input--correct{border-color:var(--brand-green)!important}.input--wrong{border-color:#ee5a5a!important}.typing-feedback{font-weight:600;font-size:15px}.typing-feedback--ok{color:var(--brand-green-dark)}.typing-feedback--no{color:#ee5a5a}.listen-game{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:24px}.listen-play-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 40px;background:linear-gradient(135deg,#00ed641f,#0078ff1f);border:1.5px solid var(--brand-green);border-radius:20px;color:var(--brand-green-dark);font-weight:700;font-size:14px;cursor:pointer;transition:all .15s ease}.listen-play-btn:hover{background:linear-gradient(135deg,#00ed6433,#0078ff33);transform:scale(1.03)}.shooter-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.shooter-hud{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:640px;font-size:15px;font-weight:700;padding:0 4px}.shooter-canvas{max-width:100%;height:auto}.shooter-input{width:100%;max-width:640px;font-size:18px;text-align:center;letter-spacing:.05em}@media (max-width: 860px){.game-hub-v2-grid{grid-template-columns:repeat(2,1fr)}.game-hub-v2-title{font-size:28px}}@media (max-width: 600px){.game-hub-v2-grid{grid-template-columns:1fr 1fr}.game-hub-v2-title{font-size:24px}.game-hub-v2-card{min-height:140px;padding:18px 16px 16px}.game-hub-v2-card-emoji{font-size:28px}.game-hub-v2-card-label{font-size:14px}.quiz-options-grid{grid-template-columns:1fr 1fr}.memory-grid{grid-template-columns:repeat(3,1fr)}.typing-char,.quiz-question-char{font-size:52px}.shooter-canvas{width:100%!important}}.admin-select,.admin-input{background:var(--canvas);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:8px 12px;font:inherit;font-size:14px;height:38px}.admin-input{min-width:160px}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--hairline);vertical-align:middle}.admin-table th{color:var(--steel);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.admin-table tr:hover td{background:var(--surface-soft)}.admin-full{max-width:none}.admin-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.admin-row{cursor:pointer}.admin-meaning-cell{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--slate)}.admin-input.mono{font-family:Source Code Pro,monospace;font-size:13px}textarea.admin-input{height:auto;resize:vertical;line-height:1.5}.admin-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#001e2b73;z-index:50;display:flex;justify-content:flex-end}.admin-drawer{width:min(560px,100%);height:100%;background:var(--canvas);border-left:1px solid var(--hairline);display:flex;flex-direction:column;animation:drawerIn .18s ease}@keyframes drawerIn{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.admin-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--hairline);font-weight:600}.admin-drawer-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.admin-drawer-footer{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--hairline)}.admin-field{display:flex;flex-direction:column;gap:6px}.admin-field>span{font-size:12px;font-weight:600;color:var(--steel);text-transform:uppercase;letter-spacing:.04em}.admin-example-row{display:flex;gap:6px;margin-bottom:6px;align-items:center}.show-on-mobile{display:none!important}@media (max-width: 991px){.hide-on-mobile{display:none!important}.show-on-mobile{display:inline!important}.nav-actions{gap:8px}.dashboard-layout{flex-direction:column;padding:16px;gap:20px}.sidebar{width:100%;position:relative;top:0;padding:12px;border-radius:16px}.sidebar-section-title{margin:4px 8px;font-size:12px}.sidebar-nav{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}.sidebar-nav::-webkit-scrollbar{height:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:var(--radius-full)}.sidebar-link{white-space:nowrap;width:auto;padding:8px 16px}.dashboard-main{min-height:auto;gap:20px}.dash-hero{padding:24px;min-height:auto;border-radius:16px}.dash-hero h1{font-size:28px}.dash-hero p{max-width:100%;font-size:15px}.dash-hero-icon{display:none}.dash-toolbar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.dash-toolbar::-webkit-scrollbar{height:4px}.dash-toolbar::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:var(--radius-full)}.dash-tabs{flex-shrink:0}.dash-tab{white-space:nowrap;flex-shrink:0}.lesson-grid{grid-template-columns:1fr}}@media (max-width: 600px){.lesson-grid{grid-template-columns:1fr}}.toggle{width:44px;height:24px;border-radius:999px;border:none;background:var(--hairline);cursor:pointer;position:relative;transition:background .15s ease}.toggle--on{background:var(--brand-green)}.toggle--pro{background:var(--accent-purple)}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease}.toggle--on .toggle-knob,.toggle--pro .toggle-knob{transform:translate(20px)}.toggle:disabled{opacity:.5;cursor:default}.lvl-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.lvl-tag--on{background:var(--brand-green-soft);color:var(--brand-green-dark)}.lvl-tag--off{background:var(--hairline);color:var(--steel)}.lvl-tag--pro{background:var(--accent-purple);color:#fff}