*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:#f5f0e5;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}img,svg,video{max-width:100%}.app-root{--jade: #0F3D2E;--jade-soft: #1a5640;--gold: #C9A961;--gold-soft: #d4b97a;--cream: #F5F0E5;--cream-warm: #FAF6EC;--brick: #A03B2C;--ink: #1a2820;--ink-soft: #4a5550;--stone: #8a8275;--line: rgba(15,61,46,.12);--line-strong: rgba(15,61,46,.25);--header-bg: rgba(245, 240, 229, .92);--card-bg: white;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--cream);color:var(--ink);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em}.app-root[data-theme=dark]{--jade: #5BAF7C;--jade-soft: #4a9a6b;--gold: #E0BD7A;--gold-soft: #ebcc8e;--cream: #1a1d1c;--cream-warm: #242827;--brick: #E07A6E;--ink: #E8E4D9;--ink-soft: #B0AAA0;--stone: #7a7569;--line: rgba(232, 228, 217, .12);--line-strong: rgba(232, 228, 217, .25);--header-bg: rgba(26, 29, 28, .92);--card-bg: #242827}.app-root[data-theme=dark] .srs-card,.app-root[data-theme=dark] .vocab-item,.app-root[data-theme=dark] .quiz-card,.app-root[data-theme=dark] .quiz-direction-btn,.app-root[data-theme=dark] .quick-card,.app-root[data-theme=dark] .stat-card,.app-root[data-theme=dark] .level-req,.app-root[data-theme=dark] .stage-card,.app-root[data-theme=dark] .modal,.app-root[data-theme=dark] .ref-card,.app-root[data-theme=dark] .pattern-card,.app-root[data-theme=dark] .culture-card,.app-root[data-theme=dark] .quiz-option,.app-root[data-theme=dark] .tones-quiz-option,.app-root[data-theme=dark] .modal-close,.app-root[data-theme=dark] .search-bar,.app-root[data-theme=dark] .cat-chip,.app-root[data-theme=dark] .setting-toggle-btn,.app-root[data-theme=dark] .reveal-btn,.app-root[data-theme=dark] .rate-btn{background:var(--card-bg)}.app-root[data-theme=dark] .app-header{background:var(--header-bg)}.app-root[data-theme=dark] .app-nav{background:var(--header-bg);border-top-color:var(--line)}.app-root[data-theme=dark] .srs-card-face-back,.app-root[data-theme=dark] .browse-tab-active,.app-root[data-theme=dark] .guide-tab-active,.app-root[data-theme=dark] .tone-example-cell,.app-root[data-theme=dark] .ref-card-icon,.app-root[data-theme=dark] .btn-secondary{background:var(--card-bg)}@media (hover: hover) and (pointer: fine){.app-root[data-theme=dark] .tone-btn:hover{background:var(--card-bg)}}.app-root[data-theme=dark] .quiz-option{background:var(--card-bg);color:var(--ink)}.app-root[data-theme=dark] .quiz-option-correct{background:var(--jade);color:#fff}.app-root[data-theme=dark] .quiz-option-wrong{background:var(--brick);color:#fff}.app-root[data-theme=dark] .hero-card{background:linear-gradient(135deg,var(--jade) 0%,var(--jade-soft) 100%)}.app-root[data-theme=dark] .daily-goal-card,.app-root[data-theme=dark] .level-card-current,.app-root[data-theme=dark] .onboard-section,.app-root[data-theme=dark] .onboard-placement-card{background:var(--card-bg)}.app-root[data-theme=dark] input.search-input{background:transparent;color:var(--ink)}.app-root[data-theme=dark] .search-input::placeholder{color:var(--ink-soft)}.app-root[data-view-mode=speak] .vocab-item-thai,.app-root[data-view-mode=speak] .dialogue-line-thai,.app-root[data-view-mode=speak] .quiz-feedback-thai,.app-root[data-view-mode=speak] .dash-greeting-thai,.app-root[data-view-mode=speak] .onboard-placement-thai,.app-root[data-view-mode=speak] .quiz-dir-thai,.app-root[data-view-mode=speak] .quiz-opt-thai,.app-root[data-view-mode=speak] .ref-card-thai{display:none}.srs-card-thai-primary{font-size:56px;line-height:1.1;margin:8px 0;color:var(--jade)}.srs-card-ph-primary{font-family:JetBrains Mono,monospace;font-size:38px;font-weight:700;color:var(--jade);text-align:center;margin:8px 0 4px;letter-spacing:.01em;line-height:1.1}.srs-card-thai-secondary{font-size:22px!important;font-weight:500!important;color:var(--ink-soft)!important;margin:4px 0 12px!important;opacity:.7}@media (min-width: 640px){.srs-card-thai-primary{font-size:72px}.srs-card-ph-primary{font-size:52px}}.srs-breakdown{margin-top:18px;padding-top:14px;border-top:1px dashed var(--line)}.srs-breakdown-label{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-weight:600;margin-bottom:8px;text-align:center}.srs-breakdown-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.srs-breakdown-item{background:var(--cream-warm);border:1px solid var(--line);border-radius:8px;padding:6px 10px;text-align:center;min-width:60px}.app-root[data-theme=dark] .srs-breakdown-item{background:var(--card-bg)}.srs-bd-thai{font-family:Noto Sans Thai,sans-serif;font-size:16px;font-weight:600;color:var(--jade);line-height:1;margin-bottom:2px}.srs-bd-ph{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;color:var(--brick);margin-bottom:2px}.srs-bd-en{font-family:Inter,sans-serif;font-size:11px;color:var(--ink-soft);line-height:1.2}.app-root[data-view-mode=speak] .quiz-prompt.quiz-prompt-thai{display:none}.app-root[data-view-mode=speak] .quiz-prompt-ph{font-size:26px;font-weight:700;color:var(--jade)}.app-root[data-view-mode=read] .srs-card-ph-front,.app-root[data-view-mode=read] .srs-card-ph-primary{display:none}.stage-stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.stage-stats-item{text-align:center}.ssi-num{font-family:Fraunces,serif;font-size:22px;font-weight:600;color:var(--jade);line-height:1}.ssi-of{font-size:13px;color:var(--stone);font-weight:500}.ssi-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-top:4px;font-weight:500}.stages-overview{grid-template-columns:repeat(4,1fr)!important}@media (min-width: 540px){.stages-overview{grid-template-columns:repeat(8,1fr)!important}}.level-pill-meta{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;color:var(--ink-soft);margin-top:2px}.level-pill-current .level-pill-meta{color:#ffffffd9}.level-pill-empty{opacity:.35}.level-pill-empty .level-pill-name{font-size:9px}.srs-skip-btn{margin:12px auto 0;display:block;background:none;border:1px dashed var(--line-strong);border-radius:999px;padding:8px 18px;font-family:inherit;font-size:12px;font-weight:500;color:var(--ink-soft);cursor:pointer;transition:all .15s}@media (hover: hover) and (pointer: fine){.srs-skip-btn:hover{border-color:var(--gold);color:var(--gold);border-style:solid}}.quiz-progress-text{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-weight:500}.quiz-score-text{font-size:13px;color:var(--ink-soft);font-weight:500}.streak-icon{font-size:14px;line-height:1}.speaker-btn{background:var(--cream-warm);border:1px solid var(--line);border-radius:999px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--jade);cursor:pointer;transition:all .15s;flex-shrink:0;padding:0}@media (hover: hover) and (pointer: fine){.speaker-btn:hover{background:var(--jade);color:var(--gold);border-color:var(--jade);transform:scale(1.06)}}.speaker-btn:active{transform:scale(.94)}.speaker-btn-inline{width:28px;height:28px}.speaker-btn-card{background:var(--jade);color:var(--gold);border-color:var(--jade)}@media (hover: hover) and (pointer: fine){.speaker-btn-card:hover{background:var(--jade-soft);color:#fff}}.speaker-btn-bubble{background:#ffffffd9}.dialogue-line-you .speaker-btn-bubble{background:#ffffff2e;border-color:#ffffff4d;color:var(--gold)}@media (hover: hover) and (pointer: fine){.dialogue-line-you .speaker-btn-bubble:hover{background:#ffffff4d}}.app-root[data-theme=dark] .speaker-btn{background:var(--card-bg)}.srs-card-meta-right{display:flex;align-items:center;gap:8px}.dialogue-bubble-row{display:flex;align-items:flex-start;gap:10px}.dialogue-bubble-text{flex:1;min-width:0}.card-skip-row{display:flex;justify-content:center;margin:10px 0 12px;order:3}.card-skip-btn{background:none;border:1px dashed var(--line-strong);border-radius:999px;padding:8px 18px;font-family:inherit;font-size:12px;font-weight:500;color:var(--ink-soft);cursor:pointer;transition:all .15s}@media (hover: hover) and (pointer: fine){.card-skip-btn:hover{border-color:var(--gold);color:var(--gold);border-style:solid}}.settings-btn{background:none;border:1px solid var(--line-strong);border-radius:999px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);transition:all .15s}@media (hover: hover) and (pointer: fine){.settings-btn:hover{color:var(--jade);border-color:var(--jade)}}.setting-group{margin-bottom:24px}.setting-group-danger{padding-top:20px;border-top:1px solid var(--line)}.setting-label{font-family:Fraunces,serif;font-size:17px;font-weight:600;color:var(--jade);letter-spacing:-.01em;margin-bottom:4px}.setting-sub{font-size:12px;color:var(--ink-soft);margin-bottom:12px}.setting-toggle{display:flex;gap:8px}.setting-toggle-vert{flex-direction:column}.setting-toggle-compact .setting-toggle-btn{align-items:center;justify-content:center;text-align:center;padding:10px 8px;min-width:0}.setting-toggle-btn{flex:1;background:var(--card-bg);border:1px solid var(--line-strong);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:4px;transition:all .15s;text-align:left}@media (hover: hover) and (pointer: fine){.setting-toggle-btn:hover{border-color:var(--gold)}}.setting-toggle-active{background:var(--jade);color:#fff;border-color:var(--jade)}.setting-toggle-active .setting-toggle-sub{color:#fffc}.setting-toggle-icon{font-size:18px}.setting-toggle-sub{font-size:11px;font-weight:400;color:var(--ink-soft)}.setting-toggle-row{display:flex;align-items:center;gap:8px;width:100%}.setting-goal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.setting-goal-btn{flex:1;background:var(--card-bg);border:1px solid var(--line-strong);border-radius:10px;padding:10px;font-family:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;transition:all .15s}@media (hover: hover) and (pointer: fine){.setting-goal-btn:hover{border-color:var(--gold)}}.setting-goal-btn.setting-toggle-active{background:var(--jade);color:#fff;border-color:var(--jade)}.setting-goal-btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:40px}.setting-test-audio-btn{width:100%;margin-top:8px;background:var(--cream-warm);border:1px dashed var(--line-strong);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;color:var(--jade);cursor:pointer;transition:all .15s}@media (hover: hover) and (pointer: fine){.setting-test-audio-btn:hover{border-color:var(--jade);border-style:solid;background:var(--jade);color:var(--gold)}}.setting-test-audio-btn:active{transform:scale(.98)}.app-root[data-theme=dark] .setting-test-audio-btn{background:var(--card-bg)}@media (max-width: 420px){.setting-toggle:not(.setting-toggle-vert):not(.setting-goal-grid){gap:6px}.setting-toggle-compact .setting-toggle-btn{padding:9px 6px;font-size:12px}.setting-goal-grid{gap:6px}.setting-goal-btn{padding:9px 4px;font-size:12px}}.onboard-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:600;margin-top:32px}.onboard-title{font-family:Fraunces,serif;font-size:32px;font-weight:500;color:var(--jade);text-align:center;letter-spacing:-.02em;margin:12px 0 8px;line-height:1.2}.onboard-sub{font-size:15px;color:var(--ink-soft);text-align:center;line-height:1.5;margin-bottom:24px;max-width:420px}.onboard-card{background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:28px 20px;width:100%;margin-bottom:16px}.onboard-rate-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.onboard-rate-btn{padding:12px;border-radius:10px;border:1px solid var(--line-strong);background:var(--card-bg);color:var(--ink);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:4px}@media (hover: hover) and (pointer: fine){.onboard-rate-btn:hover{border-color:var(--gold);transform:translateY(-1px)}}.onboard-progress{font-size:12px;color:var(--ink-soft);margin-bottom:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.skill-level-list{display:flex;flex-direction:column;gap:8px}.skill-level-btn{display:flex;align-items:center;gap:12px;background:var(--card-bg);border:1px solid var(--line-strong);border-radius:12px;padding:14px;font-family:inherit;cursor:pointer;transition:all .15s;text-align:left;color:var(--ink);width:100%}@media (hover: hover) and (pointer: fine){.skill-level-btn:hover{border-color:var(--jade);background:var(--cream-warm);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}}@media (hover: hover) and (pointer: fine){.app-root[data-theme=dark] .skill-level-btn:hover{background:var(--card-bg);border-color:var(--gold)}}.skill-level-icon{font-size:26px;line-height:1;flex-shrink:0;width:40px;text-align:center}.skill-level-body{flex:1;min-width:0}.skill-level-name{font-family:Fraunces,serif;font-size:15px;font-weight:600;color:var(--jade);margin-bottom:2px;letter-spacing:-.01em}.skill-level-desc{font-size:12px;color:var(--ink-soft);line-height:1.3}.skill-level-arrow{color:var(--ink-soft);flex-shrink:0}@media (hover: hover) and (pointer: fine){.skill-level-btn:hover .skill-level-arrow{color:var(--jade)}}.onboard-or-divider{display:flex;align-items:center;gap:12px;margin:20px 0 14px;color:var(--ink-soft);font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:600}.onboard-or-divider:before,.onboard-or-divider:after{content:"";flex:1;height:1px;background:var(--line)}.onboard-secondary-btn{background:transparent;border:1px dashed var(--line-strong);color:var(--ink-soft);border-radius:999px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;width:100%;justify-content:center;transition:all .15s}@media (hover: hover) and (pointer: fine){.onboard-secondary-btn:hover{border-color:var(--gold);color:var(--gold);border-style:solid}}.onboard-back-btn{background:transparent;border:none;color:var(--ink-soft);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;margin-bottom:12px;align-self:flex-start;transition:color .15s}@media (hover: hover) and (pointer: fine){.onboard-back-btn:hover{color:var(--jade)}}.onboard-root{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 16px;max-width:600px;margin:0 auto;width:100%}.onboard-card-narrow{max-width:480px}.onboard-section{margin:24px 0;padding:18px;background:var(--cream-warm);border:1px solid var(--line);border-radius:12px}.onboard-section-title{font-family:Fraunces,serif;font-size:16px;font-weight:600;color:var(--jade);letter-spacing:-.01em;margin-bottom:4px}.onboard-section-sub{font-size:12px;color:var(--ink-soft);margin-bottom:14px}.onboard-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.onboard-toggle-btn{background:var(--card-bg);border:2px solid var(--line-strong);border-radius:12px;padding:16px 12px;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .15s;color:var(--ink)}@media (hover: hover) and (pointer: fine){.onboard-toggle-btn:hover{border-color:var(--gold);transform:translateY(-1px)}}.onboard-toggle-active{border-color:var(--jade);background:var(--jade);color:#fff}.onboard-toggle-active .onboard-toggle-sub{color:#ffffffd9}.onboard-toggle-icon{font-size:28px;line-height:1}.onboard-toggle-label{font-family:Fraunces,serif;font-size:18px;font-weight:600}.onboard-toggle-sub{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;color:var(--brick)}.onboard-placement-card{background:var(--cream-warm);border:1px solid var(--line);border-radius:14px;padding:36px 20px;margin:18px 0;text-align:center}.onboard-placement-thai{font-family:Noto Sans Thai,sans-serif;font-size:46px;font-weight:600;color:var(--jade);line-height:1.1;margin-bottom:6px}.onboard-placement-ph{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:600;color:var(--brick);margin-bottom:14px}.onboard-placement-en{font-family:Fraunces,serif;font-size:17px;font-style:italic;color:var(--ink-soft)}.onboard-progress-bar{height:4px;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:6px}.onboard-progress-fill{height:100%;background:var(--gold);border-radius:999px;transition:width .4s ease}.onboard-progress-text{font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;font-weight:500;margin-bottom:14px;text-align:center}.onboard-rate-no{color:var(--brick)}@media (hover: hover) and (pointer: fine){.onboard-rate-no:hover{border-color:var(--brick)}}.onboard-rate-kinda{color:var(--gold)}@media (hover: hover) and (pointer: fine){.onboard-rate-kinda:hover{border-color:var(--gold)}}.onboard-rate-know{color:#2e7d5b}@media (hover: hover) and (pointer: fine){.onboard-rate-know:hover{border-color:#2e7d5b}}.onboard-rate-sub{font-size:10px;color:var(--ink-soft);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.onboard-stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}@media (min-width:520px){.onboard-stage-grid{grid-template-columns:1fr 1fr 1fr}}.onboard-stage-card{--stage-color:var(--jade);background:var(--card-bg);border:1px solid var(--line-strong);border-left:3px solid var(--stage-color);border-radius:0 10px 10px 0;padding:14px;cursor:pointer;text-align:left;font-family:inherit;transition:all .15s;color:var(--ink)}@media (hover: hover) and (pointer: fine){.onboard-stage-card:hover{border-color:var(--stage-color);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}}.onboard-stage-suggested{border:2px solid var(--stage-color);background:#c9a96114}.onboard-stage-icon{font-size:28px;line-height:1;margin-bottom:6px}.onboard-stage-num{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-weight:600;margin-bottom:2px}.onboard-stage-name{font-family:Fraunces,serif;font-size:15px;font-weight:600;color:var(--jade);letter-spacing:-.01em;margin-bottom:3px}.onboard-stage-desc{font-size:11px;color:var(--ink-soft);line-height:1.4}.onboard-skip-row{text-align:center;margin-top:14px}.onboard-skip-btn{background:none;border:1px dashed var(--line-strong);border-radius:999px;padding:8px 16px;font-family:inherit;font-size:12px;color:var(--ink-soft);cursor:pointer;transition:all .15s}@media (hover: hover) and (pointer: fine){.onboard-skip-btn:hover{border-color:var(--brick);color:var(--brick);border-style:solid}}.thai-font{font-family:Noto Sans Thai,sans-serif}.display-font{font-family:Fraunces,serif;letter-spacing:-.02em}.mono-font{font-family:JetBrains Mono,monospace}.app-header{position:sticky;top:0;z-index:50;background:#f5f0e5eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.header-inner{max-width:900px;margin:0 auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.brand-en{font-family:Fraunces,serif;font-size:18px;color:var(--jade);font-weight:700;line-height:1;letter-spacing:0}.brand-slogan{color:var(--ink-soft);font-size:11px;font-weight:500;line-height:1.2;white-space:nowrap}.header-stats{display:flex;gap:8px;align-items:center;flex-shrink:0}.due-pill,.streak-pill{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.due-pill{background:var(--brick);color:var(--cream);cursor:pointer;transition:transform .15s}@media (hover: hover) and (pointer: fine){.due-pill:hover{transform:scale(1.05)}}.streak-pill{background:var(--cream-warm);border:1px solid var(--gold);color:var(--ink)}.app-main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:20px 20px 100px}.tab-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-around;z-index:50}.nav-btn{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;cursor:pointer;color:var(--stone);transition:color .2s;font-family:inherit;border-radius:8px}@media (hover: hover) and (pointer: fine){.nav-btn:hover{color:var(--jade-soft)}}.nav-btn-active{color:var(--jade)}.nav-btn-icon-wrap{position:relative}.nav-btn-label{font-size:10px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.nav-btn-active .nav-btn-label{font-weight:600}.nav-badge{position:absolute;top:-4px;right:-8px;background:var(--brick);color:var(--cream);font-size:9px;font-weight:700;padding:1px 5px;border-radius:999px;min-width:16px;text-align:center;line-height:1.4}@media (min-width: 768px){.app-nav{background:#f5f0e5eb;justify-content:center;gap:4px}.nav-btn{flex:0 0 auto;flex-direction:row;gap:8px;padding:10px 16px}.nav-btn-label{font-size:13px;text-transform:none;letter-spacing:0}.app-main{padding-bottom:100px}}.dash-greeting{margin-bottom:24px}.dash-greeting-thai{font-family:Noto Sans Thai,sans-serif;font-size:32px;font-weight:600;color:var(--jade);margin-bottom:4px}.dash-greeting-ph{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;color:var(--brick);margin-bottom:8px}.dash-greeting-en{font-family:Fraunces,serif;font-size:17px;font-style:italic;color:var(--ink-soft)}.hero-card{position:relative;background:var(--jade);border-radius:16px;padding:28px 28px 32px;margin-bottom:24px;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}@media (hover: hover) and (pointer: fine){.hero-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0f3d2e33}}.hero-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 110% -10%,rgba(201,169,97,.25) 0%,transparent 50%),radial-gradient(circle at -10% 110%,rgba(201,169,97,.12) 0%,transparent 60%);pointer-events:none}.hero-card-content{position:relative;z-index:1}.hero-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:12px}.hero-cta{font-family:Fraunces,serif;font-size:30px;font-weight:500;color:var(--cream);letter-spacing:-.02em;line-height:1.1;margin-bottom:8px}.hero-sub{font-size:14px;color:#f5f0e5bf}.hero-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--gold)}@media (min-width: 640px){.hero-cta{font-size:36px}}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:32px}@media (min-width: 640px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:14px}.stat-icon{color:var(--gold);margin-bottom:6px;font-size:18px}.stat-num{font-family:Fraunces,serif;font-size:28px;font-weight:600;color:var(--jade);line-height:1;letter-spacing:-.02em}.stat-num-of{font-size:14px;color:var(--stone);font-weight:400}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-top:6px;font-weight:500}.stat-bar{margin-top:10px;height:4px;background:#0f3d2e14;border-radius:999px;overflow:hidden}.stat-bar-fill{height:100%;background:var(--jade);border-radius:999px;transition:width .5s ease}.stat-bar-fill-gold{background:linear-gradient(90deg,var(--gold),var(--gold-soft))}.dash-section{margin-bottom:32px}.dash-section-title{font-family:Fraunces,serif;font-size:20px;font-weight:500;color:var(--jade);margin-bottom:12px;letter-spacing:-.01em}.quick-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 640px){.quick-grid{grid-template-columns:repeat(3,1fr)}}.quick-card{display:flex;align-items:center;gap:14px;background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:16px;text-align:left;cursor:pointer;transition:all .2s;font-family:inherit;color:var(--ink)}@media (hover: hover) and (pointer: fine){.quick-card:hover{border-color:var(--gold);transform:translate(2px)}}.quick-card svg{color:var(--gold);flex-shrink:0}.quick-title{font-weight:600;font-size:14px}.quick-sub{font-size:12px;color:var(--ink-soft);margin-top:2px}.path-card{background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:18px}.path-list{display:flex;flex-direction:column;gap:14px}.milestone{display:flex;align-items:flex-start;gap:14px}.milestone-check{width:28px;height:28px;border-radius:999px;background:#0f3d2e14;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;font-family:Fraunces,serif}.milestone-done .milestone-check{background:var(--jade);color:var(--gold)}.milestone-body{flex:1;padding-top:4px}.milestone-label{font-size:14px;font-weight:500;color:var(--ink)}.milestone-done .milestone-label{color:var(--ink-soft);text-decoration:line-through;text-decoration-color:var(--gold)}.milestone-bar{margin-top:6px;height:3px;background:#0f3d2e14;border-radius:999px;overflow:hidden}.milestone-bar-fill{height:100%;background:var(--gold);border-radius:999px;transition:width .5s}.footer-ornament{text-align:center;margin-top:40px;padding:20px 0;font-family:Noto Sans Thai,sans-serif;font-size:14px;color:var(--gold);letter-spacing:.5em}.footer-ornament span:before,.footer-ornament span:after{content:"⚚";color:var(--gold);margin:0 12px;opacity:.5;font-size:12px}.cards-tab-content{display:flex;flex-direction:column;min-height:calc(100vh - 200px)}.cards-header{margin-bottom:16px}.cards-progress-text{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:8px;font-weight:500;align-items:center}.cards-progress-text-left{display:flex;gap:12px;align-items:center}.cards-undo-btn{display:inline-flex;align-items:center;gap:4px;background:var(--cream-warm);border:1px solid var(--line-strong);border-radius:999px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:600;color:var(--ink-soft);cursor:pointer;text-transform:none;letter-spacing:normal;transition:all .15s}@media (hover: hover) and (pointer: fine){.cards-undo-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold)}}.app-root[data-theme=dark] .cards-undo-btn{background:var(--card-bg)}.setting-stage-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:8px}@media (max-width: 480px){.setting-stage-picker{grid-template-columns:repeat(4,1fr)}}.setting-stage-btn{--stage-color: var(--jade);background:var(--card-bg);border:1px solid var(--line-strong);border-radius:8px;padding:8px 4px;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .15s;color:var(--ink)}@media (hover: hover) and (pointer: fine){.setting-stage-btn:hover{border-color:var(--stage-color);transform:translateY(-1px)}}.setting-stage-active{background:var(--stage-color);border-color:var(--stage-color);color:#fff}.setting-stage-icon{font-size:18px;line-height:1}.setting-stage-num{font-family:Fraunces,serif;font-size:11px;font-weight:700}.setting-stage-current{font-size:12px;color:var(--ink-soft);margin-top:4px;font-style:italic}.session-done{color:var(--jade);font-weight:600}.queue-remaining{color:var(--gold);font-weight:600}.cards-progress-bar{height:4px;background:#0f3d2e14;border-radius:999px;overflow:hidden}.cards-progress-fill{height:100%;background:linear-gradient(90deg,var(--jade),var(--gold));border-radius:999px;transition:width .4s ease}.srs-card-wrap{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0 0 12px;order:2}.cards-tab-content .rate-row{order:4}.srs-card-flip-wrap{width:100%;perspective:1400px}.srs-card-flip{position:relative;display:grid;width:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.21,.84,.39,1.01);will-change:transform}.srs-card-flip-revealed{transform:rotateY(180deg)}.srs-card-face{grid-area:1 / 1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.srs-card-face-back{transform:rotateY(180deg)}@media (prefers-reduced-motion: reduce){.srs-card-flip{transition:none;transform:none!important}.srs-card-face-back{transform:none;opacity:0;pointer-events:none;transition:opacity .2s}.srs-card-flip-revealed .srs-card-face-front{opacity:0;pointer-events:none}.srs-card-flip-revealed .srs-card-face-back{opacity:1;pointer-events:auto}}.srs-card{width:100%;background:var(--cream-warm);border:1px solid var(--line);border-radius:20px;padding:18px 22px 24px;transition:border-color .25s,box-shadow .25s;position:relative;min-height:320px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 1px 3px #0f3d2e0a}.srs-card-face-front{cursor:pointer}@media (hover: hover) and (pointer: fine){.srs-card-face-front:hover{border-color:var(--gold)}}.srs-card-face-back{cursor:default;background:#fff;border-color:var(--gold);box-shadow:0 8px 28px #0f3d2e14;text-align:center}.app-root[data-theme=dark] .srs-card-face-back{background:var(--card-bg)}.srs-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:10px;flex-wrap:wrap;gap:8px}.srs-card-cat{font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.srs-card-new-badge{background:var(--gold);color:var(--jade);padding:3px 10px;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.srs-card-interval{color:var(--stone);font-family:JetBrains Mono,monospace;font-size:11px}.srs-card-thai{font-family:Noto Sans Thai,sans-serif;font-size:56px;font-weight:600;color:var(--jade);text-align:center;line-height:1.1;margin:8px 0;word-break:break-word}.srs-card-ph-front{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:600;color:var(--brick);text-align:center;margin-bottom:16px;letter-spacing:.01em}.srs-card-front-body{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.srs-card-prompt{text-align:center;margin-top:auto}.srs-card-prompt-text{font-size:13px;color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-weight:600;margin-bottom:4px}.srs-card-prompt-hint{font-size:12px;color:var(--stone);font-style:italic}@keyframes revealUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.srs-card-back-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.srs-card-back-body{display:flex;flex-direction:column;align-items:stretch;flex:1}.srs-card-back-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:700;text-align:center;margin-bottom:8px}.srs-card-back-ph{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;color:var(--brick);text-align:center;margin:0 0 8px;letter-spacing:.01em}.srs-card-en{font-family:Fraunces,serif;font-size:26px;font-weight:500;color:var(--ink);text-align:center;margin:0 0 18px;line-height:1.25}@media (min-width: 640px){.srs-card-en{font-size:30px}}.srs-card-note{font-size:13px;color:var(--ink-soft);font-style:italic;background:#c9a9611a;padding:12px 16px;border-radius:8px;border-left:3px solid var(--gold);text-align:left;margin-top:12px;line-height:1.5}@media (min-width: 640px){.srs-card{padding:24px 32px 36px;min-height:360px}.srs-card-thai{font-size:72px}.srs-card-ph-front{font-size:24px}}@media (max-width: 640px){.cards-tab-content{min-height:0}.cards-header{margin-bottom:10px}.srs-card-wrap{flex:0 0 auto;padding-bottom:6px}.srs-card{min-height:270px;padding:12px 14px 14px;border-radius:16px}.srs-card-with-coach{padding-top:12px}.srs-card-meta,.srs-card-back-meta{margin-bottom:8px;gap:6px}.srs-card-front-body{min-height:84px}.srs-card-thai{font-size:42px;margin:6px 0}.srs-card-thai-primary{font-size:42px}.srs-card-ph-primary{font-size:30px;margin:4px 0 2px}.srs-card-ph-front{font-size:18px;margin-bottom:10px}.srs-card-thai-secondary{font-size:18px!important;margin:2px 0 8px!important}.srs-card-prompt-text{font-size:11px;letter-spacing:.16em}.srs-card-prompt-hint{font-size:11px}.srs-card-face-back{max-height:min(58vh,430px);max-height:min(58svh,430px);overflow:hidden}.srs-card-back-body{flex:0 1 auto;max-height:calc(58vh - 150px);max-height:calc(58svh - 150px);overflow-y:auto;padding-right:2px}.srs-card-back-eyebrow{margin-bottom:5px}.srs-card-back-ph{font-size:12px;margin-bottom:5px}.srs-card-en{font-size:21px;margin-bottom:10px}.srs-breakdown{margin-top:8px;padding-top:8px}.srs-breakdown-grid{gap:4px}.srs-breakdown-item{padding:5px 7px;min-width:54px}.srs-card-note{margin-top:8px;padding:8px 10px;font-size:12px;line-height:1.4}.card-skip-row{margin:6px 0 10px}.cards-tab-content .rate-row{gap:5px}.cards-tab-content .rate-btn{padding:9px 4px;border-radius:9px}.cards-tab-content .rate-btn-label{font-size:11px}.cards-tab-content .rate-btn-sub{font-size:9px}.cards-tab-content .reveal-btn{padding:12px;font-size:15px}}.rate-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.rate-row-hidden{grid-template-columns:1fr}.rate-btn{--rate-color: var(--jade);background:#fff;border:2px solid var(--rate-color);border-radius:10px;padding:12px 6px;cursor:pointer;transition:all .15s;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:2px}@media (hover: hover) and (pointer: fine){.rate-btn:hover{background:var(--rate-color);color:#fff;transform:translateY(-1px)}}.rate-btn:active{transform:translateY(0)}.rate-btn-label{font-size:13px;font-weight:700;color:var(--rate-color);text-transform:uppercase;letter-spacing:.05em}@media (hover: hover) and (pointer: fine){.rate-btn:hover .rate-btn-label{color:#fff}}.rate-btn-sub{font-size:10px;color:var(--stone);font-family:JetBrains Mono,monospace}@media (hover: hover) and (pointer: fine){.rate-btn:hover .rate-btn-sub{color:#ffffffd9}}.reveal-btn{width:100%;background:var(--jade);color:var(--cream);border:none;border-radius:10px;padding:14px;font-family:Fraunces,serif;font-size:16px;font-weight:500;cursor:pointer;letter-spacing:-.01em;transition:background .2s}@media (hover: hover) and (pointer: fine){.reveal-btn:hover{background:var(--jade-soft)}}.app-root[data-theme=dark] .srs-card{background:#202725;border-color:#e0bd7a3d;box-shadow:0 8px 24px #00000038}.app-root[data-theme=dark] .srs-card-face-back{background:#222927;border-color:#e0bd7a9e}.app-root[data-theme=dark] .srs-card-cat{color:var(--gold-soft)!important}.app-root[data-theme=dark] .srs-card-new-badge{background:var(--gold);color:#17221e}.app-root[data-theme=dark] .srs-card-interval,.app-root[data-theme=dark] .cards-progress-text,.app-root[data-theme=dark] .srs-card-prompt-hint,.app-root[data-theme=dark] .rate-btn-sub{color:#d4cfc5}.app-root[data-theme=dark] .srs-card-thai,.app-root[data-theme=dark] .srs-card-thai-primary,.app-root[data-theme=dark] .srs-card-ph-primary{color:#78d49a}.app-root[data-theme=dark] .srs-card-thai-secondary{color:#d7d0c5!important;opacity:.9}.app-root[data-theme=dark] .srs-card-ph-front,.app-root[data-theme=dark] .srs-card-back-ph,.app-root[data-theme=dark] .srs-bd-ph{color:#f0a093}.app-root[data-theme=dark] .srs-card-en{color:#f2eee5}.app-root[data-theme=dark] .srs-card-note{color:#e3ded4;background:#e0bd7a1f;border-left-color:var(--gold)}.app-root[data-theme=dark] .srs-breakdown-item{background:#ffffff0a;border-color:#e8e4d929}.app-root[data-theme=dark] .srs-bd-en{color:#d4cfc5}.app-root[data-theme=dark] .speaker-btn-card{background:#e0bd7a;border-color:#e0bd7a;color:#17221e}.app-root[data-theme=dark] .reveal-btn{background:#e0bd7a;color:#17221e;box-shadow:0 8px 20px #00000038}@media (hover: hover) and (pointer: fine){.app-root[data-theme=dark] .reveal-btn:hover{background:#ebcc8e}}.app-root[data-theme=dark] .rate-btn{background:#ffffff0a;color:#f2eee5;border-color:color-mix(in srgb,var(--rate-color) 78%,white 22%)}.app-root[data-theme=dark] .rate-btn-label{color:color-mix(in srgb,var(--rate-color) 72%,white 28%)}.app-root[data-theme=dark] .card-skip-btn,.app-root[data-theme=dark] .srs-skip-btn{color:#d4cfc5;border-color:#e8e4d959}.empty-state{text-align:center;padding:60px 20px;background:var(--cream-warm);border:1px solid var(--line);border-radius:16px}.empty-icon{font-size:56px;margin-bottom:16px}.empty-title{font-family:Fraunces,serif;font-size:28px;font-weight:500;color:var(--jade);margin-bottom:8px;letter-spacing:-.02em}.empty-sub{color:var(--ink-soft);font-size:15px;max-width:400px;margin:0 auto;line-height:1.5}.empty-state-small{text-align:center;padding:40px 20px;color:var(--ink-soft);font-style:italic}.session-summary{display:flex;justify-content:center;gap:32px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.summary-stat{text-align:center}.summary-num{font-family:Fraunces,serif;font-size:36px;font-weight:600;color:var(--jade);line-height:1}.summary-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-top:4px;font-weight:500}.browse-tabs{display:flex;gap:4px;margin-bottom:20px;padding:4px;background:var(--cream-warm);border-radius:10px;border:1px solid var(--line)}.browse-tab{flex:1;background:none;border:none;padding:10px 12px;border-radius:7px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}@media (hover: hover) and (pointer: fine){.browse-tab:hover{color:var(--jade)}}.browse-tab-active{background:#fff;color:var(--jade);font-weight:600;box-shadow:0 1px 3px #0f3d2e14}.browse-sticky{position:sticky;top:50px;z-index:40;background:var(--cream);margin:-20px -4px 8px;padding:12px 4px 8px}.app-root[data-theme=dark] .browse-sticky{background:var(--cream)}@media (min-width: 768px){.browse-sticky{top:96px}}.browse-sticky .search-bar{margin-bottom:0}.search-bar{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--stone);pointer-events:none}.search-input{width:100%;background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:12px 40px;font-family:inherit;font-size:14px;color:var(--ink);transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--gold)}.search-input::placeholder{color:var(--stone)}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--ink-soft);color:#fff;border:none;width:22px;height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer}.cat-chips,.stage-chips{display:flex;flex-wrap:wrap;gap:6px}.browse-filter-section{margin-bottom:14px}.browse-filter-section+.browse-filter-section{padding-top:14px;border-top:1px solid var(--line)}.browse-filter-header{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}.browse-filter-title{font-family:Fraunces,serif;font-size:14px;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.01em}.browse-filter-hint{font-size:11px;color:var(--ink-soft);font-weight:500}.browse-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 12px;padding:8px 12px;background:var(--cream-warm);border:1px dashed var(--line-strong);border-radius:8px}.browse-active-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-weight:600}.browse-active-pill{--pill-color: var(--jade);display:inline-flex;align-items:center;gap:4px;background:var(--pill-color);color:#fff;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;font-family:Fraunces,serif;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.25)}.browse-active-clear{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--line-strong);color:var(--ink-soft);padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;margin-left:auto;transition:all .15s}@media (hover: hover) and (pointer: fine){.browse-active-clear:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}}.stage-chip{--chip-color: var(--jade);background:var(--cream-warm);border:1.5px solid var(--line-strong);padding:8px 14px;border-radius:999px;font-family:Fraunces,serif;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px;letter-spacing:-.01em}@media (hover: hover) and (pointer: fine){.stage-chip:not(.stage-chip-active):hover{border-color:var(--chip-color);color:var(--chip-color)}}.stage-chip-active{background:var(--chip-color);border-color:var(--chip-color);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}@media (hover: hover) and (pointer: fine){.stage-chip-active:hover{background:var(--chip-color);border-color:var(--chip-color);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}}.stage-chip-icon{font-size:14px}.stage-chip-count{background:#00000047;color:#fff;border-radius:999px;padding:1px 7px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;min-width:22px;text-align:center;text-shadow:none}.stage-chip:not(.stage-chip-active) .stage-chip-count{background:#0f3d2e14;color:var(--ink-soft)}.app-root[data-theme=dark] .stage-chip:not(.stage-chip-active) .stage-chip-count{background:#e8e4d91a}.app-root[data-theme=dark] .cat-chip-active{background:var(--chip-color)}@media (hover: hover) and (pointer: fine){.app-root[data-theme=dark] .cat-chip-active:hover{background:var(--chip-color)}}.cat-chip{--chip-color: var(--jade);background:var(--cream-warm);border:1px solid var(--line);padding:7px 12px;border-radius:999px;font-family:inherit;font-size:12px;font-weight:500;color:var(--ink);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px}@media (hover: hover) and (pointer: fine){.cat-chip:not(.cat-chip-active):hover{border-color:var(--chip-color);color:var(--chip-color)}}.cat-chip-active{background:var(--chip-color);color:#fff;border-color:var(--chip-color);text-shadow:0 1px 2px rgba(0,0,0,.25)}@media (hover: hover) and (pointer: fine){.cat-chip-active:hover{background:var(--chip-color);color:#fff;border-color:var(--chip-color);text-shadow:0 1px 2px rgba(0,0,0,.25)}}.cat-chip-icon{font-size:13px}.cat-chip-count{background:#0000001a;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:700}.cat-chip-active .cat-chip-count{background:#00000047;color:#fff;text-shadow:none}@media (hover: hover) and (pointer: fine){.cat-chip-active:hover .cat-chip-count{background:#00000047;color:#fff;text-shadow:none}}.browse-results-meta{font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-weight:500}.vocab-list{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 640px){.vocab-list{grid-template-columns:repeat(2,1fr)}}.vocab-item{display:flex;background:var(--cream-warm);border:1px solid var(--line);border-radius:10px;padding:12px 14px;transition:all .15s;align-items:flex-start;gap:10px}@media (hover: hover) and (pointer: fine){.vocab-item:hover{border-color:var(--gold);transform:translate(2px)}}.vocab-item-main{flex:1;min-width:0}.vocab-item-thai{font-family:Noto Sans Thai,sans-serif;font-size:22px;font-weight:600;color:var(--jade);line-height:1.2;margin-bottom:2px}.vocab-item-ph{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--brick);font-weight:600;margin-bottom:2px}.vocab-item-en{font-size:13px;color:var(--ink);font-weight:500}.vocab-item-note{font-size:11px;color:var(--ink-soft);font-style:italic;margin-top:6px;padding-top:6px;border-top:1px dashed var(--line);line-height:1.4}.vocab-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.vocab-item-cat{font-size:16px;opacity:.7}.vocab-item-status{font-size:14px;font-weight:700}.vocab-item-thai,.vocab-item-ph,.vocab-item-en,.vocab-item-note{overflow-wrap:anywhere;word-break:break-word}.browse-load-more-row{display:flex;justify-content:center;margin-top:18px}.browse-load-more-btn{background:var(--cream-warm);border:1px solid var(--line-strong);border-radius:999px;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:600;color:var(--jade);cursor:pointer;transition:all .15s}@media (hover: hover) and (pointer: fine){.browse-load-more-btn:hover{border-color:var(--jade);background:var(--jade);color:var(--gold)}}.browse-load-more-btn:active{transform:scale(.98)}.app-root[data-theme=dark] .browse-load-more-btn{background:var(--card-bg)}.browse-empty{text-align:center;padding:36px 16px;border:1px dashed var(--line-strong);border-radius:14px;background:var(--cream-warm);margin-top:8px}.app-root[data-theme=dark] .browse-empty{background:var(--card-bg)}.browse-empty-icon{font-size:32px;margin-bottom:8px;opacity:.7}.browse-empty-title{font-family:Fraunces,serif;font-size:18px;font-weight:600;color:var(--jade);margin-bottom:6px;overflow-wrap:anywhere}.browse-empty-sub{font-size:13px;color:var(--ink-soft);line-height:1.5;max-width:360px;margin:0 auto 14px}.browse-empty-reset{background:var(--jade);color:var(--gold);border:none;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}@media (hover: hover) and (pointer: fine){.browse-empty-reset:hover{background:var(--jade-soft);color:#fff}}.vis-learning{color:var(--brick)}.vis-young{color:var(--gold)}.vis-mature{color:var(--jade)}.dialogue-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:16px;-webkit-overflow-scrolling:touch}.dialogue-tabs::-webkit-scrollbar{height:4px}.dialogue-tabs::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}.dialogue-tab{flex-shrink:0;background:var(--cream-warm);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}@media (hover: hover) and (pointer: fine){.dialogue-tab:hover{border-color:var(--gold)}}.dialogue-tab-active{background:var(--jade);color:var(--cream);border-color:var(--jade)}.dialogue-tab-icon{font-size:15px}.dialogue-setting{background:#c9a9611f;border-left:3px solid var(--gold);padding:12px 16px;border-radius:0 8px 8px 0;font-style:italic;font-size:14px;color:var(--ink);margin-bottom:16px;line-height:1.5}.dialogue-lines{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.dialogue-line{display:flex;flex-direction:column;gap:4px;animation:revealUp .3s ease-out}.dialogue-line-you{align-items:flex-end}.dialogue-line-her,.dialogue-line-him{align-items:flex-start}.dialogue-line-who{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;padding:0 4px}.dialogue-line-her .dialogue-line-who{color:var(--brick)}.dialogue-line-him .dialogue-line-who{color:var(--jade)}.dialogue-line-you .dialogue-line-who{color:var(--gold)}.dialogue-line-bubble{max-width:85%;padding:12px 14px;border-radius:14px;background:var(--cream-warm);border:1px solid var(--line)}.dialogue-line-you .dialogue-line-bubble{background:var(--jade);color:var(--cream);border-color:var(--jade)}.dialogue-line-thai{font-family:Noto Sans Thai,sans-serif;font-size:18px;font-weight:500;margin-bottom:2px}.dialogue-line-her .dialogue-line-thai,.dialogue-line-him .dialogue-line-thai{color:var(--jade)}.dialogue-line-ph{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;margin-bottom:4px}.dialogue-line-her .dialogue-line-ph,.dialogue-line-him .dialogue-line-ph{color:var(--brick)}.dialogue-line-you .dialogue-line-ph{color:var(--gold)}.dialogue-line-en{font-style:italic;font-size:13px;margin-bottom:6px}.dialogue-line-you .dialogue-line-en{color:#f5f0e5d9}.dialogue-line-her .dialogue-line-en,.dialogue-line-him .dialogue-line-en{color:var(--ink)}.dialogue-line-note{font-size:11px;font-style:italic;padding:8px 0 0;border-top:1px dashed currentColor;opacity:.7;line-height:1.4}.dialogue-controls{display:flex;justify-content:center;gap:8px;padding:12px 0}.dialogue-next-btn,.dialogue-reset-btn{display:inline-flex;align-items:center;gap:6px;background:var(--jade);color:var(--cream);border:none;border-radius:999px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}@media (hover: hover) and (pointer: fine){.dialogue-next-btn:hover{background:var(--jade-soft)}}.dialogue-playall-btn{display:inline-flex;align-items:center;gap:6px;background:var(--cream-warm);color:var(--jade);border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}@media (hover: hover) and (pointer: fine){.dialogue-playall-btn:hover{background:var(--jade);color:var(--cream);border-color:var(--jade)}}.app-root[data-theme=dark] .dialogue-playall-btn{background:var(--card-bg)}.dialogue-reset-btn{background:var(--brick)}.quiz-intro{text-align:center;padding:40px 20px}.quiz-intro-icon{width:72px;height:72px;border-radius:999px;background:var(--jade);color:var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.quiz-intro-title{font-family:Fraunces,serif;font-size:32px;font-weight:500;color:var(--jade);margin-bottom:8px;letter-spacing:-.02em}.quiz-intro-sub{color:var(--ink-soft);font-size:15px;margin-bottom:28px}.quiz-direction-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:500px;margin:0 auto}@media (min-width: 640px){.quiz-direction-grid{grid-template-columns:repeat(2,1fr)}}.quiz-direction-btn{background:var(--cream-warm);border:1px solid var(--line);border-radius:14px;padding:24px 20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:inherit;transition:all .2s}@media (hover: hover) and (pointer: fine){.quiz-direction-btn:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 20px #0f3d2e14}}.quiz-direction-btn>svg{color:var(--gold);margin:4px 0}.quiz-dir-thai{font-family:Noto Sans Thai,sans-serif;font-size:24px;font-weight:600;color:var(--jade);display:block}.quiz-dir-thai-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.quiz-dir-thai-ph{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;color:var(--brick)}.quiz-dir-en{font-family:Fraunces,serif;font-size:22px;font-weight:500;color:var(--jade);font-style:italic}.quiz-dir-label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin-top:8px;font-weight:600}.quiz-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:8px;font-weight:500}.quiz-score-text span{color:var(--jade);font-weight:700}.quiz-progress-bar{height:4px;background:#0f3d2e14;border-radius:999px;overflow:hidden;margin-bottom:24px}.quiz-progress-fill{height:100%;background:var(--jade);border-radius:999px;transition:width .3s ease}.quiz-card{background:var(--cream-warm);border:1px solid var(--line);border-radius:16px;padding:32px 24px;margin-bottom:16px;text-align:center}.quiz-prompt-label{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:600;margin-bottom:16px}.quiz-prompt{font-family:Fraunces,serif;font-size:28px;font-weight:500;color:var(--jade);letter-spacing:-.02em;line-height:1.2}.quiz-prompt-thai{font-family:Noto Sans Thai,sans-serif;font-size:44px;font-weight:600}.quiz-prompt-ph{font-family:JetBrains Mono,monospace;font-size:18px;color:var(--brick);font-weight:600;margin-top:8px}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;font-family:inherit;text-align:left;transition:all .15s;width:100%}@media (hover: hover) and (pointer: fine){.quiz-option:hover:not(:disabled){border-color:var(--gold);background:var(--cream-warm)}}.quiz-option:disabled{cursor:default}.quiz-option-correct{background:var(--jade)!important;color:var(--cream);border-color:var(--jade)!important}.quiz-option-wrong{background:var(--brick)!important;color:var(--cream);border-color:var(--brick)!important}.quiz-option-faded{opacity:.5}.quiz-option-letter{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--gold);width:22px;height:22px;border-radius:999px;background:#c9a96126;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-option-correct .quiz-option-letter,.quiz-option-wrong .quiz-option-letter{background:#fff3;color:#fff}.quiz-option-text{flex:1;font-size:14px;font-weight:500}.quiz-opt-thai{font-family:Noto Sans Thai,sans-serif;font-size:18px;font-weight:600}.quiz-opt-ph{font-family:JetBrains Mono,monospace;font-size:12px;opacity:.8}.quiz-option-check{flex-shrink:0}.quiz-feedback{margin-top:20px;padding:16px;background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:12px;align-items:center}.quiz-feedback-detail{text-align:center;line-height:1.6}.quiz-feedback-thai{font-family:Noto Sans Thai,sans-serif;font-size:22px;font-weight:600;color:var(--jade)}.quiz-feedback-ph{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--brick);font-weight:600}.quiz-feedback-en{font-style:italic;font-size:14px;color:var(--ink)}.quiz-results{text-align:center;padding:60px 20px;background:var(--cream-warm);border:1px solid var(--line);border-radius:16px}.quiz-results-icon{font-size:64px;margin-bottom:16px}.quiz-results-score{font-family:Fraunces,serif;font-size:56px;font-weight:600;color:var(--jade);line-height:1;letter-spacing:-.02em}.quiz-results-pct{font-family:JetBrains Mono,monospace;font-size:20px;color:var(--gold);font-weight:600;margin:8px 0}.quiz-results-msg{font-family:Fraunces,serif;font-size:22px;color:var(--ink);margin-bottom:24px;font-style:italic}.quiz-results-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.quiz-mode{display:flex;flex-direction:column;gap:14px}.quiz-mode-intro,.quiz-mode-results{text-align:center;padding:36px 18px;background:var(--card-bg);border:1px solid var(--line);border-radius:16px}.quiz-mode-coach{max-width:430px;margin:0 auto 18px}.quiz-mode-coach-card{margin-bottom:14px}.quiz-mode-intro-icon,.quiz-mode-results-icon{width:68px;height:68px;border-radius:999px;background:var(--jade);color:var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.quiz-mode-title{font-family:Fraunces,serif;font-size:32px;font-weight:500;color:var(--jade);margin:0 0 8px;letter-spacing:0}.quiz-mode-sub{color:var(--ink-soft);font-size:15px;margin:0 0 24px;line-height:1.5}.quiz-mode-direction-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:560px;margin:0 auto}@media (min-width: 640px){.quiz-mode-direction-grid{grid-template-columns:repeat(2,1fr)}}.quiz-mode-direction-btn{background:var(--cream-warm);border:1px solid var(--line);border-radius:14px;padding:18px 16px;cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-areas:"title icon" "sub icon";gap:4px 10px;align-items:center;font-family:inherit;text-align:left;color:var(--ink);transition:border-color .18s,transform .18s,box-shadow .18s}@media (hover: hover) and (pointer: fine){.quiz-mode-direction-btn:hover{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 8px 20px #0f3d2e14}}.quiz-mode-direction-title{grid-area:title;font-family:Fraunces,serif;font-size:18px;font-weight:600;color:var(--jade)}.quiz-mode-direction-sub{grid-area:sub;color:var(--ink-soft);font-size:12.5px;line-height:1.35}.quiz-mode-direction-btn svg{grid-area:icon;color:var(--gold)}.quiz-mode-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:2px}.quiz-mode-type{font-size:12px;color:var(--jade);font-weight:700;margin-top:2px}.quiz-mode-card{position:relative;background:var(--cream-warm);border:1px solid var(--line);border-radius:16px;padding:22px 18px;margin-bottom:12px;text-align:center}.quiz-mode-prompt-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-weight:700;margin-bottom:12px}.quiz-mode-prompt{color:var(--jade);line-height:1.2;overflow-wrap:anywhere}.quiz-mode-prompt-thai{font-family:Noto Sans Thai,sans-serif;font-size:44px;font-weight:600}.quiz-mode-prompt-en{font-family:Fraunces,serif;font-size:28px;font-weight:500;letter-spacing:0}.quiz-mode-prompt-ph{font-family:JetBrains Mono,monospace;font-size:15px;color:var(--brick);font-weight:600;margin-top:8px}.quiz-mode-speaker{margin:14px auto 0}.quiz-mode-options{display:flex;flex-direction:column;gap:8px}.quiz-mode-option{display:flex;align-items:center;gap:12px;width:100%;background:var(--card-bg);border:1px solid var(--line);border-radius:12px;padding:13px 14px;cursor:pointer;color:var(--ink);font-family:inherit;text-align:left;transition:border-color .15s,background .15s,transform .15s}@media (hover: hover) and (pointer: fine){.quiz-mode-option:hover:not(:disabled){border-color:var(--gold);background:var(--cream-warm)}}.quiz-mode-option:disabled{cursor:default}.quiz-mode-option-selected{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--card-bg))}.quiz-mode-option-correct{background:var(--jade)!important;border-color:var(--jade)!important;color:var(--cream)}.quiz-mode-option-wrong{background:var(--brick)!important;border-color:var(--brick)!important;color:var(--cream)}.quiz-mode-option-faded{opacity:.52}.quiz-mode-option-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.quiz-mode-option-en{font-size:14px;font-weight:600;line-height:1.35}.quiz-mode-option-thai{font-family:Noto Sans Thai,sans-serif;font-size:19px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.quiz-mode-option-sub{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink-soft);line-height:1.3}.quiz-mode-option-correct .quiz-mode-option-sub,.quiz-mode-option-wrong .quiz-mode-option-sub{color:#ffffffd1}.quiz-mode-actions{margin-top:14px;display:flex;justify-content:center}.quiz-mode-check-btn{min-width:160px;justify-content:center}.quiz-mode-check-btn:disabled{opacity:.45;cursor:not-allowed}.quiz-mode-feedback{margin-top:14px;display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--cream-warm);color:var(--ink)}.quiz-mode-feedback-icon{flex-shrink:0;color:var(--jade);margin-top:1px}.quiz-mode-feedback-wrong .quiz-mode-feedback-icon{color:var(--brick)}.quiz-mode-feedback-title{font-family:Fraunces,serif;font-size:16px;font-weight:600;color:var(--jade);margin-bottom:3px}.quiz-mode-feedback-wrong .quiz-mode-feedback-title{color:var(--brick)}.quiz-mode-feedback-detail,.quiz-mode-feedback-pair{font-size:13px;color:var(--ink-soft);line-height:1.45}.quiz-mode-feedback-detail strong{color:var(--ink)}.quiz-mode-results-score{font-family:Fraunces,serif;font-size:52px;font-weight:600;color:var(--jade);line-height:1}.quiz-mode-results-pct{font-family:JetBrains Mono,monospace;font-size:18px;color:var(--gold);font-weight:700;margin:8px 0}.quiz-mode-results-msg{font-family:Fraunces,serif;font-size:22px;color:var(--ink);margin-bottom:22px}.app-root[data-theme=dark] .quiz-mode-intro,.app-root[data-theme=dark] .quiz-mode-results,.app-root[data-theme=dark] .quiz-mode-card{background:#202725;border-color:#e8e4d924}.app-root[data-theme=dark] .quiz-mode-direction-btn,.app-root[data-theme=dark] .quiz-mode-option,.app-root[data-theme=dark] .quiz-mode-feedback{background:#ffffff0a;border-color:#e8e4d929;color:#f2eee5}.app-root[data-theme=dark] .quiz-mode-title,.app-root[data-theme=dark] .quiz-mode-direction-title,.app-root[data-theme=dark] .quiz-mode-type,.app-root[data-theme=dark] .quiz-mode-prompt,.app-root[data-theme=dark] .quiz-mode-feedback-title,.app-root[data-theme=dark] .quiz-mode-results-score{color:#78d49a}.app-root[data-theme=dark] .quiz-mode-sub,.app-root[data-theme=dark] .quiz-mode-direction-sub,.app-root[data-theme=dark] .quiz-mode-option-sub,.app-root[data-theme=dark] .quiz-mode-feedback-detail,.app-root[data-theme=dark] .quiz-mode-feedback-pair,.app-root[data-theme=dark] .quiz-mode-results-msg{color:#d4cfc5}.app-root[data-theme=dark] .quiz-mode-prompt-ph{color:#f0a093}.app-root[data-theme=dark] .quiz-mode-option-selected{background:#e0bd7a1f;border-color:#e0bd7a8c}.app-root[data-theme=dark] .quiz-mode-feedback-detail strong{color:#f2eee5}.app-root[data-theme=dark] .quiz-mode-feedback-wrong .quiz-mode-feedback-title{color:#f0a093}@media (max-width: 640px){.quiz-mode-intro,.quiz-mode-results{padding:24px 14px;border-radius:14px}.quiz-mode-title{font-size:28px}.quiz-mode-card{padding:18px 14px;border-radius:14px}.quiz-mode-prompt-thai{font-size:36px}.quiz-mode-prompt-en{font-size:23px}.quiz-mode-header{align-items:flex-start}.quiz-mode-option{padding:12px;gap:10px}.quiz-mode-option-thai{font-size:18px}.quiz-mode-feedback{padding:12px}.quiz-mode-check-btn{width:100%}}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:999px;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary{background:var(--jade);color:var(--cream)}@media (hover: hover) and (pointer: fine){.btn-primary:hover{background:var(--jade-soft)}}.btn-secondary{background:#fff;color:var(--jade);border:1px solid var(--line-strong)}@media (hover: hover) and (pointer: fine){.btn-secondary:hover{border-color:var(--jade)}}.guide-section-tabs{display:flex;gap:4px;overflow-x:auto;padding:4px;background:var(--cream-warm);border:1px solid var(--line);border-radius:10px;margin-bottom:24px;-webkit-overflow-scrolling:touch}.guide-section-tabs::-webkit-scrollbar{display:none}.guide-tab{flex-shrink:0;background:none;border:none;padding:9px 14px;border-radius:7px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:var(--ink-soft);display:flex;align-items:center;gap:6px;transition:all .15s;white-space:nowrap}@media (hover: hover) and (pointer: fine){.guide-tab:hover{color:var(--jade)}}.guide-tab-active{background:#fff;color:var(--jade);font-weight:600;box-shadow:0 1px 3px #0f3d2e14}.guide-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.25em;color:var(--gold);font-weight:600;margin-bottom:8px}.guide-h2{font-family:Fraunces,serif;font-size:32px;font-weight:500;color:var(--jade);letter-spacing:-.02em;margin:0 0 12px;line-height:1.1}.guide-p{font-size:15px;color:var(--ink);line-height:1.6;margin-bottom:20px;max-width:600px}.tone-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:24px}.tone-btn{--tone-color: var(--jade);background:var(--cream-warm);border:2px solid var(--tone-color);border-radius:10px;padding:12px 4px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .15s}@media (hover: hover) and (pointer: fine){.tone-btn:hover{background:#fff;transform:translateY(-1px)}}.tone-btn-active{background:var(--tone-color)!important}.tone-btn-active .tone-btn-symbol,.tone-btn-active .tone-btn-name{color:#fff}.tone-btn-symbol{font-size:24px;color:var(--tone-color);line-height:1}.tone-btn-name{font-size:11px;font-weight:600;color:var(--tone-color);text-transform:uppercase;letter-spacing:.05em}.tone-detail{--tone-color: var(--jade);background:var(--jade);color:var(--cream);border-radius:14px;padding:24px;margin-bottom:24px}.tone-detail-shape{background:#0003;border-radius:8px;padding:12px;margin-bottom:16px}.tone-svg{width:100%;max-width:400px;height:auto}.tone-detail-name{font-family:Fraunces,serif;font-size:24px;font-weight:500;color:var(--tone-color);letter-spacing:-.02em;margin-bottom:6px}.tone-detail-desc{font-size:15px;line-height:1.5;opacity:.9}.tone-examples-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:16px}.tone-example-cell{--tone-color: var(--jade);background:#fff;border:2px solid var(--tone-color);border-radius:8px;padding:10px 4px;text-align:center}.tone-example-syll{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;color:var(--tone-color)}.tone-example-tone{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-top:4px;font-weight:600}.tone-example-mean{font-size:11px;font-style:italic;color:var(--jade);margin-top:4px}.guide-callout{background:var(--cream-warm);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:18px 20px}.guide-callout-title{font-family:Fraunces,serif;font-size:18px;font-weight:500;color:var(--jade);margin-bottom:6px}.guide-callout-body{font-size:14px;color:var(--ink);line-height:1.5;margin:0}.ref-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 640px){.ref-grid{grid-template-columns:repeat(2,1fr)}}.ref-card{background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;gap:12px}.ref-card-icon{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;color:var(--brick);background:#fff;padding:6px 10px;border-radius:6px;align-self:flex-start;flex-shrink:0;min-width:60px;text-align:center}.ref-card-body{flex:1;min-width:0}.ref-card-title{font-family:Fraunces,serif;font-size:16px;font-weight:600;color:var(--jade);margin-bottom:6px}.ref-card-thai{font-family:Noto Sans Thai,sans-serif;font-size:22px;font-weight:600;color:var(--jade);margin-bottom:2px}.ref-card-ph{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;color:var(--brick);margin-bottom:4px}.ref-card-en{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:6px}.ref-card-desc{font-size:13px;line-height:1.5;color:var(--ink);margin-bottom:6px}.ref-card-example{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-soft);font-style:italic;padding:6px 10px;background:#0f3d2e0a;border-radius:6px;line-height:1.4}.ref-card-note{font-size:11px;color:var(--ink-soft);font-style:italic;line-height:1.4}.pattern-list{display:flex;flex-direction:column;gap:8px}.pattern-card{display:flex;gap:14px;background:var(--cream-warm);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.pattern-card-num{font-family:Fraunces,serif;font-size:28px;font-weight:600;color:var(--gold);line-height:1;flex-shrink:0;min-width:36px}.pattern-card-body{flex:1;min-width:0}.pattern-card-template{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;color:var(--jade);background:#0f3d2e0f;padding:5px 10px;border-radius:6px;display:inline-block;margin-bottom:6px}.pattern-card-en{font-family:Fraunces,serif;font-size:16px;font-weight:500;color:var(--jade);margin-bottom:4px;letter-spacing:-.01em}.pattern-card-example{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--brick);font-weight:500;line-height:1.4}.error-list{display:flex;flex-direction:column;gap:8px}.error-card{display:flex;gap:14px;background:var(--cream-warm);border:1px solid rgba(160,59,44,.2);border-left:3px solid var(--brick);border-radius:0 10px 10px 0;padding:14px 16px}.error-card-num{font-family:Fraunces,serif;font-size:22px;font-weight:600;color:var(--brick);line-height:1;flex-shrink:0;min-width:30px}.error-card-body{flex:1}.error-card-error{font-weight:600;color:var(--brick);margin-bottom:4px;font-size:14px}.error-card-fix{font-size:13px;line-height:1.5;color:var(--ink)}.xp-pill{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--jade);color:var(--gold)}.daily-goal-card{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;background:var(--cream-warm);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:24px}.goal-ring-wrap{position:relative;width:120px;height:120px;flex-shrink:0}.goal-ring{width:120px;height:120px;display:block}.goal-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--jade)}.goal-ring-center>svg{color:var(--gold);margin-bottom:4px}.goal-ring-val{font-family:Fraunces,serif;font-size:26px;font-weight:600;line-height:1;letter-spacing:-.02em}.goal-ring-of{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-weight:500;margin-top:2px}.daily-goal-info{min-width:0}.daily-goal-title{font-family:Fraunces,serif;font-size:22px;font-weight:500;color:var(--jade);letter-spacing:-.02em;margin-bottom:4px}.daily-goal-sub{font-size:13px;color:var(--ink-soft);margin-bottom:14px}.daily-goal-stats{display:flex;gap:16px;flex-wrap:wrap}.dgs-item{display:flex;flex-direction:column;align-items:flex-start}.dgs-num{font-family:Fraunces,serif;font-size:20px;font-weight:600;color:var(--jade);line-height:1}.dgs-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-weight:500;margin-top:3px}@media (max-width: 480px){.daily-goal-card{grid-template-columns:1fr;text-align:center;padding:18px 16px}.goal-ring-wrap{margin:0 auto}.daily-goal-info{text-align:center}.daily-goal-stats{justify-content:center}.dgs-item{align-items:center}}.dash-section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.dash-section-meta{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-weight:500}.level-card-current{--level-color: var(--jade);background:var(--cream-warm);border:1px solid var(--line);border-left:4px solid var(--level-color);border-radius:0 14px 14px 0;padding:18px;display:flex;gap:16px;margin-bottom:14px}.level-card-icon{font-size:44px;line-height:1;flex-shrink:0;width:60px;height:60px;background:var(--level-color);border-radius:14px;display:flex;align-items:center;justify-content:center}.level-card-body{flex:1;min-width:0}.level-card-name{font-family:Fraunces,serif;font-size:22px;font-weight:500;color:var(--jade);letter-spacing:-.02em;margin-bottom:4px}.level-card-desc{font-size:13px;color:var(--ink-soft);margin-bottom:12px;line-height:1.5;overflow-wrap:anywhere}.level-card-overall{display:flex;align-items:center;gap:10px;margin-bottom:14px}.level-card-overall-bar{flex:1;height:6px;background:#0f3d2e14;border-radius:999px;overflow:hidden}.level-card-overall-fill{height:100%;background:var(--level-color);border-radius:999px;transition:width .6s ease}.level-card-overall-pct{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--level-color);min-width:36px;text-align:right}.level-reqs{display:flex;flex-direction:column;gap:8px}.level-req{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;background:#fff;border-radius:8px;border:1px solid var(--line)}.level-req-met{background:#5baf7c14;border-color:#5baf7c4d}.level-req-icon{width:22px;height:22px;border-radius:999px;background:#0f3d2e14;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;font-family:Fraunces,serif}.level-req-met .level-req-icon{background:#5baf7c;color:#fff}.level-req-body{flex:1;min-width:0}.level-req-label{font-size:13px;font-weight:500;color:var(--ink)}.level-req-met .level-req-label{color:var(--ink-soft)}.level-req-bar{margin-top:5px;height:3px;background:#0f3d2e14;border-radius:999px;overflow:hidden}.level-req-fill{height:100%;background:var(--gold);border-radius:999px;transition:width .5s}.levels-overview{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}@media (max-width: 540px){.levels-overview{grid-template-columns:repeat(3,1fr)}}.level-pill{--lp-color: var(--jade);background:var(--cream-warm);border:1px solid var(--line);border-radius:10px;padding:10px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s}.level-pill-current{background:var(--lp-color);color:#fff;border-color:var(--lp-color);transform:scale(1.05);box-shadow:0 4px 12px #0f3d2e26}.level-pill-done{background:#5baf7c1f;border-color:#5baf7c66}.level-pill-locked{opacity:.5}.level-pill-icon{font-size:20px;line-height:1}.level-pill-name{font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--ink)}.level-pill-current .level-pill-name{color:#fff}.stat-card-clickable{cursor:pointer;transition:all .15s}@media (hover: hover) and (pointer: fine){.stat-card-clickable:hover{border-color:var(--gold);transform:translateY(-1px)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f3d2e99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;animation:fadeIn .25s ease-out}.modal{background:var(--cream);border-radius:16px;max-width:600px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:revealUp .3s ease-out;box-shadow:0 20px 60px #0000004d}.modal-header{padding:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.modal-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:600;margin-bottom:4px}.modal-title{font-family:Fraunces,serif;font-size:26px;font-weight:500;color:var(--jade);letter-spacing:-.02em;margin-bottom:2px}.modal-sub{font-size:13px;color:var(--ink-soft)}.modal-close{background:#fff;border:1px solid var(--line-strong);border-radius:999px;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);flex-shrink:0}.modal-body{padding:20px;overflow-y:auto;flex:1}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 480px){.achievement-grid{grid-template-columns:repeat(3,1fr)}}.achievement-card{background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:14px 10px;text-align:center;transition:all .15s}.achievement-unlocked{border-color:var(--gold);background:#c9a9611a}.achievement-locked{opacity:.55}.achievement-icon{font-size:32px;margin-bottom:6px}.achievement-name{font-family:Fraunces,serif;font-size:14px;font-weight:600;color:var(--jade);margin-bottom:4px}.achievement-desc{font-size:11px;color:var(--ink-soft);line-height:1.4}.toast{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:200;background:var(--jade);color:var(--cream);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:14px;max-width:90%;width:360px;box-shadow:0 12px 40px #00000040;cursor:pointer;animation:toastSlide .4s cubic-bezier(.18,.89,.32,1.28);border:2px solid var(--gold)}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-achievement{border-color:var(--gold)}.toast-milestone{background:linear-gradient(135deg,var(--jade),#3b9d76);border-color:var(--gold);width:380px}.toast-milestone .toast-icon{font-size:40px}.toast-milestone .toast-eyebrow{color:var(--gold)}.toast-levelup{background:var(--level-color, var(--jade));border-color:#fff}.toast-icon{font-size:32px;line-height:1;flex-shrink:0}.toast-icon-big{font-size:44px}.toast-body{flex:1;min-width:0}.toast-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:700;margin-bottom:2px}.toast-levelup .toast-eyebrow{color:#fff;opacity:.85}.toast-title{font-family:Fraunces,serif;font-size:18px;font-weight:600;color:#fff;letter-spacing:-.01em;margin-bottom:2px}.toast-desc{font-size:12px;opacity:.9;line-height:1.4}.mission-footnote{margin-top:12px;text-align:center;font-size:12px;color:var(--ink-soft);font-style:italic}.browse-s1-only-notice{background:var(--cream-warm);border:1px solid var(--line);border-left:3px solid var(--jade);border-radius:0 10px 10px 0;padding:12px 14px;margin:12px 0;font-size:13px;color:var(--ink-soft);line-height:1.5}.browse-s1-only-notice strong{color:var(--jade);font-weight:600}.auth-card{max-width:440px}.landing-page{flex:1;min-height:100vh;background:var(--cream);color:var(--ink);overflow:hidden;position:relative;letter-spacing:0}.landing-topbar{position:relative;z-index:4;width:100%;max-width:1160px;margin:0 auto;padding:18px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.landing-topbar-brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.landing-brand-name{font-family:Fraunces,serif;font-size:20px;font-weight:700;color:var(--jade);line-height:1;white-space:nowrap;letter-spacing:0}.landing-brand-slogan{color:var(--ink-soft);font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap}.landing-topbar-signin{flex-shrink:0;background:var(--card-bg);color:var(--jade);border:1px solid var(--line-strong);border-radius:999px;padding:9px 15px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.landing-topbar-signin:hover{border-color:var(--jade);color:var(--jade-soft)}.landing-hero{position:relative;overflow:hidden;padding:40px 20px 30px}.landing-hero-inner{position:relative;z-index:2;width:100%;max-width:1120px;min-height:430px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.landing-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card-bg);color:var(--jade);font-size:12px;font-weight:700;line-height:1}.landing-kicker svg{color:var(--gold);flex-shrink:0}.landing-title{max-width:680px;margin:18px 0 14px;font-family:Fraunces,serif;font-size:46px;font-weight:650;line-height:1.04;color:var(--jade);letter-spacing:0}.landing-subtitle{max-width:540px;margin:0;font-size:17px;line-height:1.55;color:var(--ink-soft)}.landing-actions{width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px;margin-top:26px}.landing-primary-cta,.landing-secondary-cta{width:100%;min-height:48px;justify-content:center;font-size:15px}.landing-proof-row{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:18px;color:var(--ink-soft);font-size:12px;font-weight:600}.landing-proof-row span{display:inline-flex;align-items:center;gap:5px;min-width:0}.landing-proof-row svg{color:var(--jade);flex-shrink:0}.landing-hero-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.landing-character{position:absolute;right:-98px;bottom:-36px;width:310px;opacity:.18;filter:drop-shadow(0 24px 28px rgba(15,61,46,.2));pointer-events:none}.landing-phrase{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;min-width:172px;max-width:230px;padding:11px 12px;border-radius:10px;background:#faf6ece6;border:1px solid var(--line);box-shadow:0 12px 30px #0f3d2e14;pointer-events:auto}.landing-phrase-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.landing-phrase-thai{font-family:Noto Sans Thai,sans-serif;font-size:18px;font-weight:700;color:var(--jade);line-height:1.1;overflow-wrap:anywhere}.landing-phrase-ph{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:var(--brick);line-height:1.15;overflow-wrap:anywhere}.landing-phrase-en{font-size:10px;font-weight:800;color:var(--ink-soft);text-transform:uppercase;line-height:1;letter-spacing:.08em}.landing-phrase-audio{flex:0 0 auto;width:34px;height:34px;border-radius:999px;border:1px solid var(--line-strong);background:var(--card-bg);color:var(--jade);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,color .15s,border-color .15s,transform .15s}.landing-phrase-audio:hover{background:var(--jade);border-color:var(--jade);color:var(--gold);transform:translateY(-1px)}.landing-phrase-one{top:28px;right:18px}.landing-phrase-two{right:132px;bottom:88px}.landing-phrase-three,.landing-mobile-phrases{display:none}.landing-benefits{position:relative;z-index:3;width:100%;max-width:1120px;margin:0 auto;padding:0 20px 52px;display:grid;grid-template-columns:1fr;gap:10px}.landing-benefit{background:var(--card-bg);border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:0 10px 26px #0f3d2e0f}.landing-benefit-icon{width:36px;height:36px;border-radius:8px;background:var(--cream-warm);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--jade);margin-bottom:14px}.landing-benefit h2{margin:0 0 7px;font-family:Fraunces,serif;font-size:19px;font-weight:650;line-height:1.2;color:var(--ink);letter-spacing:0}.landing-benefit p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.5;overflow-wrap:break-word}.app-root[data-theme=dark] .landing-phrase{background:#242827e6}.app-root[data-theme=dark] .landing-phrase-audio,.app-root[data-theme=dark] .landing-benefit-icon{background:#ffffff0a}@media (max-width: 639px){.landing-topbar{max-width:100vw}.landing-topbar-brand{flex:1;overflow:hidden}.landing-brand-name,.landing-brand-slogan{max-width:100%;overflow:hidden;text-overflow:ellipsis}.landing-hero{padding-top:28px;padding-bottom:24px}.landing-hero-scene{display:none}.landing-hero-inner{width:calc(100vw - 40px);max-width:calc(100vw - 40px);min-height:0}.landing-title,.landing-subtitle,.landing-actions{max-width:calc(100vw - 40px)}.landing-title{font-size:44px}.landing-proof-row{margin-top:16px;gap:8px}.landing-proof-row span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:var(--card-bg)}.landing-mobile-phrases{display:flex;width:100%;flex-direction:column;gap:10px;margin-top:22px}.landing-mobile-phrases-title{font-size:11px;font-weight:800;color:var(--gold);letter-spacing:.14em;text-transform:uppercase}.landing-mobile-phrases .landing-phrase{position:static;display:flex;width:100%;min-width:0;max-width:none;padding:12px 12px 12px 14px;gap:12px}.landing-phrase-thai{font-size:16px}.landing-phrase-ph{font-size:10px}.landing-phrase-audio{width:36px;height:36px}.landing-benefits{width:100vw;max-width:100vw}.landing-benefit{min-width:0}}@media (min-width: 640px){.landing-topbar{padding-top:22px}.landing-brand-name{font-size:22px}.landing-actions{max-width:none;flex-direction:row;width:auto}.landing-primary-cta,.landing-secondary-cta{width:auto;padding-left:24px;padding-right:24px}.landing-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.landing-hero{padding-top:44px;padding-bottom:34px}.landing-hero-inner{min-height:500px;padding-right:430px}.landing-title{font-size:72px;max-width:650px}.landing-subtitle{font-size:19px}.landing-character{right:calc((100vw - 1120px)/2 - 22px);bottom:-18px;width:520px;opacity:.98}.landing-phrase-one{top:90px;right:calc((100vw - 1120px)/2 + 300px)}.landing-phrase-two{right:calc((100vw - 1120px)/2 + 42px);bottom:72px}.landing-phrase-three{display:flex;right:calc((100vw - 1120px)/2 + 250px);bottom:210px}.landing-benefits{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:60px}}@media (max-width: 380px){.landing-topbar{padding-left:16px;padding-right:16px}.landing-brand-name{font-size:18px}.landing-brand-slogan{font-size:10.5px}.landing-topbar-signin{padding-left:12px;padding-right:12px}.landing-hero{padding-left:16px;padding-right:16px}.landing-hero-inner{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.landing-title{font-size:40px}.landing-subtitle{font-size:16px}.landing-title,.landing-subtitle,.landing-actions{max-width:calc(100vw - 32px)}.landing-benefits{padding-left:16px;padding-right:16px}}.auth-welcome-card{max-width:480px;text-align:center;padding:36px 24px}.auth-welcome-brand{margin-bottom:22px;display:flex;flex-direction:column;align-items:center;gap:6px}.auth-welcome-brand-wordmark{font-family:Fraunces,serif;font-size:24px;font-weight:700;color:var(--jade);letter-spacing:0;line-height:1}.auth-welcome-brand-slogan{color:var(--ink-soft);font-size:13px;font-weight:500;line-height:1.35}.auth-welcome-title{font-family:Fraunces,serif;font-size:30px;font-weight:600;color:var(--ink);line-height:1.15;margin:4px 0 12px;letter-spacing:-.015em}.auth-welcome-sub{font-size:14px;line-height:1.55;color:var(--ink-soft);margin:0 0 24px}.auth-welcome-bullets{display:flex;flex-direction:column;gap:12px;text-align:left;margin:22px 0 28px;padding:16px;background:var(--cream-warm);border:1px solid var(--line);border-radius:12px}.auth-welcome-bullet{display:flex;gap:12px;font-size:13px;line-height:1.45;color:var(--ink-soft);align-items:flex-start}.auth-welcome-bullet-icon{font-size:18px;flex-shrink:0;line-height:1.2}.auth-welcome-bullet strong{color:var(--ink);font-weight:600}.auth-welcome-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.auth-cta{width:100%;justify-content:center;padding:13px 20px;font-size:14px}.auth-guest-link{background:transparent;border:none;color:var(--ink-soft);font-size:12px;cursor:pointer;padding:8px;font-family:inherit;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s}.auth-guest-link:hover{text-decoration-color:var(--ink-soft)}.auth-form{display:flex;flex-direction:column;gap:14px;margin:22px 0 16px}.auth-label{display:flex;flex-direction:column;gap:6px}.auth-label>span{font-size:12px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.auth-input{padding:11px 14px;border:1px solid var(--line-strong);border-radius:10px;font-family:inherit;font-size:15px;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}.auth-input:focus{outline:none;border-color:var(--jade);box-shadow:0 0 0 3px #0f3d2e1f}.auth-input::placeholder{color:var(--ink-faint, #9C9489)}.auth-error{background:#a03b2c14;border:1px solid rgba(160,59,44,.25);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--brick);line-height:1.4}.auth-submit{width:100%;justify-content:center;padding:13px 20px;font-size:14px;margin-top:4px}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-footer-text{text-align:center;font-size:13px;color:var(--ink-soft);margin-top:14px}.auth-footer-row{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:12px}.auth-link{background:transparent;border:none;color:var(--jade);font-weight:600;cursor:pointer;font-family:inherit;font-size:13px;padding:4px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.auth-link:hover{color:var(--jade-soft)}.auth-sent-icon{display:flex;justify-content:center;color:var(--jade);margin-bottom:14px}.password-strength{list-style:none;margin:8px 0 0;padding:10px 12px;background:var(--cream-warm);border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.pwd-check{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft);line-height:1.3}.pwd-check svg{flex-shrink:0;color:var(--line-strong)}.pwd-check-ok{color:var(--jade)}.pwd-check-ok svg{color:var(--jade)}.auth-confirm-note{font-size:12px;color:var(--ink-soft);line-height:1.5;margin:6px 0 16px;padding:10px 12px;background:var(--cream-warm);border:1px solid var(--line);border-radius:8px}.auth-resend-row{margin-top:14px;text-align:center;font-size:13px}.auth-resend-confirm{color:var(--jade);font-weight:600}.pending-confirmation-card{text-align:center}.pending-actions{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:6px}.pending-actions .auth-submit{width:100%}.pending-signout{display:inline-flex;align-items:center;gap:6px;font-size:12px;margin-top:4px;color:var(--ink-soft);text-decoration:none}.pending-signout:hover{color:var(--brick)}.pending-resend-error{font-size:12px;padding:8px 10px}.profile-root{min-height:100vh;padding:24px 20px 40px;background:var(--cream);display:flex;justify-content:center}.profile-page{width:100%;max-width:560px;display:flex;flex-direction:column;gap:18px}.profile-back-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--ink-soft);cursor:pointer;padding:6px 4px;font-family:inherit;font-size:13px;font-weight:500}.profile-back-btn:hover{color:var(--jade)}.profile-header-card{background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:24px 20px;display:flex;gap:18px;align-items:flex-start}.profile-avatar{width:64px;height:64px;border-radius:50%;background:var(--jade);color:var(--cream);display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:26px;font-weight:600;flex-shrink:0;letter-spacing:-.01em}.profile-identity{flex:1;min-width:0}.profile-name-row{display:flex;align-items:center;gap:8px}.profile-name{font-family:Fraunces,serif;font-size:22px;font-weight:600;color:var(--ink);margin:0;line-height:1.2;word-break:break-word}.profile-name-edit-btn{background:transparent;border:1px solid var(--line);border-radius:8px;padding:4px 6px;cursor:pointer;color:var(--ink-soft);display:inline-flex;align-items:center;transition:border-color .15s,color .15s;flex-shrink:0}.profile-name-edit-btn:hover{color:var(--jade);border-color:var(--jade)}.profile-name-edit{display:flex;flex-direction:column;gap:8px}.profile-name-input{font-family:Fraunces,serif;font-size:20px;font-weight:600}.profile-name-edit-row{display:flex;gap:8px}.profile-name-cancel,.profile-name-save{padding:8px 14px;font-size:13px}.profile-email{font-size:14px;color:var(--ink-soft);margin-top:4px;word-break:break-all}.profile-field-hint{font-size:12px;color:var(--ink-soft);margin-top:2px}.profile-field-hint-warn{color:var(--brick)}.profile-meta{font-size:12px;color:var(--ink-soft);margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.profile-section{background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:18px 20px}.profile-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);font-weight:700;margin-bottom:14px}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.profile-stat{padding:14px;background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;text-align:center}.profile-stat-num{font-family:Fraunces,serif;font-size:28px;font-weight:600;color:var(--jade);line-height:1}.profile-stat-of{font-size:16px;color:var(--ink-soft);margin-left:2px}.profile-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-top:6px;font-weight:500}.profile-actions{display:flex;flex-direction:column;gap:8px}.profile-action-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--cream-warm);border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:14px;color:var(--ink);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.profile-action-btn:hover{border-color:var(--jade);background:var(--card-bg)}.profile-action-label{flex:1}.profile-action-chevron{transform:rotate(180deg);color:var(--ink-soft)}.profile-action-disabled{display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:1px dashed var(--line);border-radius:10px;font-size:14px;color:var(--ink-soft)}.profile-action-coming{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--ink-soft)}.profile-success-body{font-size:14px;line-height:1.5;color:var(--ink);margin:0 0 16px}.change-password-modal{max-width:440px}.change-password-modal .modal-eyebrow{display:inline-flex;align-items:center;gap:4px}.notifsettings-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;margin-bottom:14px}.notifsettings-status-on{background:#5baf7c26;color:var(--jade)}.notifsettings-status-warn{background:#a03b2c1a;color:var(--brick)}.notifsettings-status-muted{background:var(--cream-warm);color:var(--ink-soft);border:1px solid var(--line)}.notifsettings-status-label{line-height:1}.notifsettings-enable-row{background:var(--cream-warm);border:1px solid var(--line);border-left:3px solid var(--jade);border-radius:0 10px 10px 0;padding:14px;margin:12px 0;display:flex;flex-direction:column;gap:12px}.notifsettings-enable-row .profile-field-hint{margin:0;font-size:13px;line-height:1.5;color:var(--ink)}.notifsettings-enable-btn{align-self:flex-start;width:auto;padding:10px 18px}.notifsettings-types{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.notifsettings-types-title{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-weight:700;display:flex;align-items:center;justify-content:space-between}.notifsettings-saving{font-size:11px;color:var(--ink-soft);font-weight:500;text-transform:none;letter-spacing:0;font-style:italic}.notifsettings-type-row{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:var(--cream-warm);border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:border-color .15s}.notifsettings-type-row:hover{border-color:var(--jade)}.notifsettings-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--jade);margin-top:2px;flex-shrink:0}.notifsettings-checkbox:disabled{cursor:not-allowed;opacity:.5}.notifsettings-type-text{flex:1}.notifsettings-type-label{font-size:14px;color:var(--ink);font-weight:500;line-height:1.3}.notifsettings-type-desc{font-size:12px;color:var(--ink-soft);line-height:1.45;margin-top:2px}.auth-welcome-footer{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);text-align:center;font-size:11px;color:var(--ink-soft);line-height:1.5}.auth-footer-link{background:transparent;border:none;color:var(--ink-soft);cursor:pointer;padding:0;font-family:inherit;font-size:11px;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:2px}.auth-footer-link:hover{color:var(--jade);text-decoration-color:var(--jade)}.settings-legal-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-legal-link{background:transparent;border:none;color:var(--jade);cursor:pointer;padding:4px 0;font-family:inherit;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:2px}.settings-legal-link:hover{color:var(--jade-soft)}.settings-legal-divider{color:var(--line-strong)}.legal-modal{max-width:640px}.legal-content{font-size:14px;line-height:1.6;color:var(--ink)}.legal-content p{margin:0 0 12px}.legal-content h3{font-family:Fraunces,serif;font-size:17px;font-weight:600;color:var(--jade);margin:22px 0 8px;letter-spacing:-.01em}.legal-content ul{margin:0 0 14px;padding-left:20px}.legal-content ul li{margin-bottom:6px}.legal-content a{color:var(--jade);text-decoration:underline;text-underline-offset:2px;word-break:break-word}.legal-content a:hover{color:var(--jade-soft)}.legal-content strong{color:var(--ink);font-weight:600}.legal-updated{font-size:12px;color:var(--ink-soft);font-style:italic;margin-bottom:18px!important;padding-bottom:12px;border-bottom:1px solid var(--line)}.user-menu-wrap{position:relative}.user-menu-trigger{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--line-strong);border-radius:999px;padding:6px 10px 6px 12px;font-size:12px;font-weight:600;color:var(--ink);cursor:pointer;font-family:inherit;transition:border-color .15s;max-width:140px}.user-menu-trigger:hover{border-color:var(--jade)}.user-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.user-menu-chevron{transition:transform .18s;flex-shrink:0}.user-menu-chevron-open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--card-bg);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:10px;z-index:100}.user-menu-email{font-size:11px;color:var(--ink-soft);padding:4px 8px 10px;border-bottom:1px solid var(--line);margin-bottom:6px;word-break:break-all}.user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;font-family:inherit;font-size:13px;color:var(--ink);cursor:pointer;text-align:left}.user-menu-item:hover{background:var(--cream-warm)}.config-error-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--cream)}.config-error-card{background:var(--card-bg);border:1px solid var(--line);border-left:4px solid var(--brick);border-radius:0 14px 14px 0;padding:28px 24px;max-width:480px;width:100%;text-align:center}.config-error-icon{font-size:36px;line-height:1;margin-bottom:8px}.config-error-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--brick);font-weight:700;margin-bottom:4px}.config-error-title{font-family:Fraunces,serif;font-size:22px;font-weight:600;color:var(--ink);margin:0 0 10px}.config-error-body{font-size:14px;line-height:1.55;color:var(--ink-soft);margin:0 0 16px}.config-error-hint{font-size:12px;color:var(--ink-soft);padding-top:14px;border-top:1px solid var(--line);margin-top:14px}.config-error-hint code{font-family:JetBrains Mono,monospace;background:var(--cream-warm);padding:1px 5px;border-radius:4px;font-size:11px}.header-signin-btn{display:inline-flex;align-items:center;background:transparent;border:1px solid var(--jade);color:var(--jade);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.header-signin-btn:hover{background:var(--jade);color:var(--cream)}.auth-error-block{display:flex;flex-direction:column;gap:10px}.auth-suggest-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:var(--ink);border:none;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.auth-suggest-cta:hover{background:#b89656}.auth-error-link{align-self:flex-start;font-size:13px}.setting-stage-current-readonly{display:flex;align-items:center;gap:14px;padding:14px;background:var(--cream-warm);border:1px solid var(--line);border-left:3px solid var(--jade);border-radius:0 10px 10px 0}.setting-stage-current-icon{font-size:32px;line-height:1}.setting-stage-current-num{font-family:Fraunces,serif;font-size:18px;font-weight:600;color:var(--jade)}.setting-stage-current-name{font-size:13px;color:var(--ink-soft);margin-top:2px}.demo-card-wrap{max-width:480px;text-align:center;padding:24px 20px 22px}.demo-progress-row{margin-bottom:18px}.demo-progress-text{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft);font-weight:700;margin-bottom:8px}.demo-progress-bar{height:4px;background:var(--line);border-radius:4px;overflow:hidden}.demo-progress-fill{height:100%;background:var(--jade);transition:width .35s ease}.demo-flip-wrap{margin-bottom:18px}.demo-card-face{min-height:280px;padding:18px 20px 22px}@media (min-width: 640px){.demo-card-face{min-height:320px;padding:22px 26px 28px}}.demo-reveal-hint{display:block;width:100%;margin:0 0 6px;padding:10px 12px;background:transparent;border:1px dashed var(--line-strong);border-radius:999px;font-family:inherit;font-size:12px;font-weight:500;color:var(--ink-soft);cursor:pointer;transition:all .15s;text-align:center}@media (hover: hover) and (pointer: fine){.demo-reveal-hint:hover{border-color:var(--gold);color:var(--gold);border-style:solid}}.demo-next-btn{width:100%;justify-content:center;padding:13px 20px;font-size:14px}.demo-signin-link{display:block;margin-top:14px;font-size:13px;text-align:center;width:100%}.demo-end-card{max-width:460px;text-align:center;padding:36px 24px}.demo-end-icon{color:var(--gold);display:flex;justify-content:center;margin-bottom:14px;animation:s1Sparkle 2s ease-in-out infinite}.demo-end-thai{font-family:Noto Sans Thai,serif;font-size:20px;color:var(--brick);margin:8px 0 16px}.demo-end-cta{width:100%;justify-content:center;padding:14px 20px;font-size:15px;margin-top:18px}.demo-end-signin{display:block;margin-top:12px;font-size:13px;text-align:center;width:100%}.migration-card{max-width:460px;text-align:center;padding:32px 24px}.migration-icon{color:var(--jade);display:flex;justify-content:center;margin-bottom:14px}.migration-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;padding:16px;background:var(--cream-warm);border:1px solid var(--line);border-radius:12px}.migration-stat{text-align:center}.migration-stat-num{font-family:Fraunces,serif;font-size:28px;font-weight:600;color:var(--jade);line-height:1}.migration-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-top:4px;font-weight:500}.migration-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}.migration-skip-link{background:transparent;border:none;font-size:13px;color:var(--ink-soft);cursor:pointer;padding:8px;font-family:inherit;text-decoration:underline;text-decoration-color:transparent}.migration-skip-link:hover{text-decoration-color:var(--ink-soft);color:var(--ink)}.migration-skip-confirm{background:#a03b2c0f;border:1px solid rgba(160,59,44,.2);border-radius:10px;padding:12px;margin-top:6px}.migration-skip-warning{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--brick);margin-bottom:10px}.migration-skip-buttons{display:flex;gap:8px}.migration-skip-cancel{flex:1;justify-content:center;padding:10px 14px;font-size:13px}.migration-skip-confirm-btn{flex:1;justify-content:center;padding:10px 14px;font-size:13px;color:var(--brick);border-color:var(--brick)}.migration-skip-confirm-btn:hover{background:var(--brick);color:#fff}.stage-chip-locked-preview{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px dashed var(--line);border-radius:999px;background:transparent;color:var(--ink-soft);font-size:12px;font-weight:500;cursor:default;opacity:.7}.s1-complete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f3d2ec7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;animation:s1FadeIn .4s ease}@keyframes s1FadeIn{0%{opacity:0}to{opacity:1}}.s1-complete-modal{background:var(--cream);border-radius:20px;padding:32px 28px;max-width:460px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 60px #00000059;border:1px solid var(--gold);animation:s1PopIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes s1PopIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.s1-complete-close{position:absolute;top:14px;right:14px;background:transparent;border:none;cursor:pointer;color:var(--ink-soft);padding:6px;border-radius:8px;display:flex}.s1-complete-close:hover{background:#0000000d}.s1-complete-icon{color:var(--gold);display:flex;justify-content:center;margin-bottom:12px;animation:s1Sparkle 2s ease-in-out infinite}@keyframes s1Sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(8deg)}}.s1-complete-eyebrow{text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.25em;color:var(--gold);font-weight:700;margin-bottom:8px}.s1-complete-title{font-family:Fraunces,serif;font-size:26px;font-weight:600;color:var(--jade);text-align:center;line-height:1.2;margin:0 0 12px;letter-spacing:-.01em}.s1-complete-thai{font-family:Noto Sans Thai,serif;font-size:18px;color:var(--brick);text-align:center;margin:0 0 12px}.s1-complete-body{font-size:14px;line-height:1.55;color:var(--ink-soft);text-align:center;margin:0}.s1-complete-divider{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:22px 0 18px}.s1-complete-unlock-eyebrow{text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--brick);font-weight:700;margin-bottom:6px}.s1-complete-unlock-title{font-family:Fraunces,serif;font-size:19px;font-weight:600;color:var(--ink);text-align:center;margin-bottom:10px;letter-spacing:-.01em}.s1-complete-unlock-body{font-size:13px;line-height:1.5;color:var(--ink-soft);text-align:center;margin:0 0 22px}.s1-complete-cta{display:block;width:100%;padding:14px;background:var(--jade);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.s1-complete-cta:hover{background:#0a2e23}.dialogue-tab-done{background:#5baf7c26;border-color:#5baf7c}.dialogue-tab-check{color:#5baf7c;font-weight:700;margin-left:4px}.tones-quiz-intro-stats{display:flex;gap:16px;margin-top:20px;background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:16px}.tqi-stat{flex:1;text-align:center}.tqi-num{font-family:Fraunces,serif;font-size:32px;font-weight:600;color:var(--jade);line-height:1}.tqi-of{font-size:16px;color:var(--stone)}.tqi-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-top:4px;font-weight:500}.tones-quiz-syl{font-family:JetBrains Mono,monospace;font-size:56px;font-weight:700;color:var(--brick);text-align:center;margin:12px 0 8px;letter-spacing:.02em}.tones-quiz-mean{font-family:Fraunces,serif;font-size:18px;font-style:italic;color:var(--ink-soft);text-align:center}.tones-quiz-options{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:16px}@media (max-width: 540px){.tones-quiz-options{grid-template-columns:repeat(5,1fr);gap:4px}}.tones-quiz-option{--tone-color: var(--jade);background:#fff;border:2px solid var(--tone-color);border-radius:10px;padding:12px 4px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .15s;position:relative}@media (hover: hover) and (pointer: fine){.tones-quiz-option:hover:not(:disabled){background:var(--tone-color);transform:translateY(-1px)}}@media (hover: hover) and (pointer: fine){.tones-quiz-option:hover:not(:disabled) .tqo-symbol,.tones-quiz-option:hover:not(:disabled) .tqo-name{color:#fff}}.tones-quiz-option:disabled{cursor:default}.tones-quiz-option-correct{background:var(--tone-color);color:#fff}.tones-quiz-option-correct .tqo-symbol,.tones-quiz-option-correct .tqo-name{color:#fff}.tones-quiz-option-wrong{background:var(--brick);border-color:var(--brick)}.tones-quiz-option-wrong .tqo-symbol,.tones-quiz-option-wrong .tqo-name{color:#fff}.tones-quiz-option-faded{opacity:.4}.tqo-symbol{font-size:22px;line-height:1;color:var(--tone-color)}.tqo-name{font-size:10px;font-weight:600;color:var(--tone-color);text-transform:uppercase;letter-spacing:.05em}.tqo-check{position:absolute;top:4px;right:4px}.tones-quiz-results{text-align:center;padding:40px 20px;background:var(--cream-warm);border:1px solid var(--line);border-radius:16px}.dash-reset-row{text-align:center;padding:20px 0}.dash-reset-btn{background:none;border:1px solid var(--line-strong);border-radius:999px;padding:6px 16px;font-family:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);cursor:pointer;transition:all .15s}@media (hover: hover) and (pointer: fine){.dash-reset-btn:hover{border-color:var(--brick);color:var(--brick)}}button:focus,[role=button]:focus,a:focus{outline:none}button:focus-visible,[role=button]:focus-visible,a:focus-visible{outline:2px solid var(--jade);outline-offset:2px;border-radius:4px}.vocab-item-ph-pending,.srs-card-ph-pending,.ph-pending{color:var(--ink-soft);font-style:italic;opacity:.7;font-weight:400;font-size:.85em}.quiz-pool-error{background:#a03b2c0f;border:1px solid rgba(160,59,44,.3);color:var(--brick);padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.5;margin:12px 0 4px}.app-shell-root{min-height:100vh;display:flex;flex-direction:row;background:var(--cream)}.app-shell-main-col{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-nav{display:none;width:240px;min-width:240px;flex-direction:column;gap:4px;background:var(--cream-warm);border-right:1px solid var(--line);padding:22px 14px calc(22px + env(safe-area-inset-bottom,0px));height:100vh;overflow-y:auto}.app-root[data-theme=dark] .sidebar-nav{background:var(--card-bg)}.sidebar-brand{display:flex;flex-direction:column;gap:5px;padding:4px 10px 22px;border-bottom:1px solid var(--line);margin-bottom:14px}.sidebar-brand-name{font-family:Fraunces,serif;font-size:20px;color:var(--jade);font-weight:700;line-height:1;letter-spacing:0}.sidebar-brand-slogan{color:var(--ink-soft);font-size:11px;line-height:1.35;font-weight:500;max-width:180px}.sidebar-group{display:flex;flex-direction:column;gap:2px}.sidebar-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);padding:16px 10px 6px}.sidebar-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--ink);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s,color .15s,border-color .15s}.sidebar-item:hover{background:#0f3d2e0f;color:var(--jade)}.app-root[data-theme=dark] .sidebar-item:hover{background:#e8e4d90f}.sidebar-item-active{background:var(--jade);color:var(--cream);border-color:var(--jade)}.sidebar-item-active:hover{background:var(--jade);color:var(--cream)}.sidebar-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-badge{background:var(--brick);color:var(--cream);font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;min-width:18px;text-align:center;line-height:1.4}.sidebar-item-active .sidebar-item-badge{background:var(--gold);color:var(--jade)}.sidebar-item-danger{color:var(--brick)}.sidebar-item-danger:hover{background:#a03b2c14;color:var(--brick);border-color:#a03b2c2e}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}@media (min-width: 1024px){.app-shell-root{padding-left:240px;overflow-x:clip}.app-shell-main-col{width:100%}.sidebar-nav{position:fixed;inset:0 auto 0 0;display:flex;height:100vh;height:100dvh;overscroll-behavior:contain}}.app-shell-header{position:sticky;top:0;z-index:40;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.app-shell-header-inner{display:flex;align-items:center;gap:12px;padding:12px 16px;max-width:1180px;margin:0 auto}.app-shell-header-brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;flex:0 1 172px}@media (min-width: 1024px){.app-shell-header-brand{display:none}.app-shell-header-inner{padding:14px 24px}}.topstats-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;min-width:0;justify-content:flex-end}@media (min-width: 540px){.topstats-bar{justify-content:center}}.topstats-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;line-height:1;border:1px solid var(--line-strong);background:var(--card-bg);color:var(--ink);cursor:default;transition:transform .15s,border-color .15s}button.topstats-pill{cursor:pointer;font-family:JetBrains Mono,monospace}button.topstats-pill:hover{transform:translateY(-1px);border-color:var(--gold)}.topstats-pill svg{flex-shrink:0}.topstats-icon-emoji{font-size:14px;line-height:1}.topstats-pill-due{background:var(--brick);color:var(--cream);border-color:var(--brick)}.topstats-pill-streak{color:#c9621a;border-color:#c9621a59}.topstats-pill-gems{color:#3f8ac4;border-color:#3f8ac459}.topstats-pill-hearts{color:#e0445c;border-color:#e0445c59}.topstats-pill-xp{color:var(--jade);border-color:#0f3d2e40}.app-root[data-theme=dark] .topstats-pill-streak{color:#e0ad7b;border-color:#e0ad7b59}.app-root[data-theme=dark] .topstats-pill-xp{color:var(--jade)}.topstats-hearts-of{opacity:.6;font-weight:600;margin-left:1px}@media (max-width: 540px){.app-shell-header-inner{padding:8px 10px;gap:8px}.app-shell-header-brand{flex:0 1 128px;gap:1px}.brand-en{font-size:13px;white-space:nowrap}.brand-slogan{max-width:128px;overflow:hidden;text-overflow:ellipsis;font-size:9px}.topstats-bar{flex-wrap:nowrap;justify-content:flex-end;gap:3px;overflow:hidden}.topstats-pill{gap:3px;padding:4px 6px;min-width:28px;min-height:26px;justify-content:center;font-size:10px;white-space:nowrap}.topstats-pill svg{width:11px;height:11px}.topstats-icon-emoji{font-size:12px}.topstats-hearts-of,.topstats-due-label{display:none}}@media (max-width: 360px){.app-shell-header-inner{padding-left:8px;padding-right:8px;gap:6px}.app-shell-header-brand{flex-basis:104px}.brand-en{font-size:12px}.brand-slogan{max-width:104px;font-size:8.5px}.topstats-pill{padding:3px 5px;min-width:25px;font-size:9px}.topstats-pill svg{width:10px;height:10px}}.app-shell-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:22px 18px calc(100px + env(safe-area-inset-bottom,0px))}@media (min-width: 1024px){.app-shell-main{padding:28px 32px 60px}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-around;z-index:45}.app-root[data-theme=dark] .mobile-nav{background:#1a1d1cf5}.mobile-nav-btn{flex:1 1 0;min-width:0;background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;cursor:pointer;color:var(--stone);transition:color .2s;font-family:inherit;border-radius:8px}.mobile-nav-btn:hover{color:var(--jade-soft)}.mobile-nav-btn-active,.app-root[data-theme=dark] .mobile-nav-btn-active{color:var(--jade)}.mobile-nav-icon-wrap{position:relative}.mobile-nav-badge{position:absolute;top:-4px;right:-8px;background:var(--brick);color:var(--cream);font-size:9px;font-weight:700;padding:1px 5px;border-radius:999px;min-width:16px;text-align:center;line-height:1.4}.mobile-nav-label{max-width:100%;overflow:hidden;white-space:nowrap;font-size:9px;font-weight:500;letter-spacing:0;text-transform:uppercase}.mobile-nav-btn-active .mobile-nav-label{font-weight:700}@media (min-width: 430px){.mobile-nav-btn{padding-left:4px;padding-right:4px}.mobile-nav-label{font-size:10px}}@media (min-width: 1024px){.mobile-nav{display:none}.app-shell-main{padding-bottom:60px}}.mobile-more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:60;display:flex;align-items:flex-end;justify-content:center;padding-bottom:56px;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px));animation:fadeIn .18s ease-out}.mobile-more-sheet{width:100%;max-width:480px;background:var(--card-bg);border-radius:18px 18px 0 0;padding:8px 18px 22px;box-shadow:0 -8px 32px #0000002e;animation:slideUp .22s cubic-bezier(.21,.84,.39,1.01)}@keyframes slideUp{0%{transform:translateY(40px);opacity:.5}to{transform:translateY(0);opacity:1}}.mobile-more-handle{width:40px;height:4px;border-radius:999px;background:var(--line-strong);margin:4px auto 14px}.mobile-more-title{font-family:Fraunces,serif;font-size:18px;font-weight:600;color:var(--jade);margin-bottom:14px}.mobile-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-more-item{background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.mobile-more-item:hover{border-color:var(--jade);transform:translateY(-1px)}.app-root[data-theme=dark] .mobile-more-item{background:#ffffff0a}.mobile-more-item svg{color:var(--jade)}.mobile-more-item-active{background:var(--jade);border-color:var(--jade);color:var(--cream)}.mobile-more-item-active svg{color:var(--gold)}.mobile-more-item-danger{color:var(--brick)}.mobile-more-item-danger svg{color:var(--brick)}.mobile-more-item-danger:hover{border-color:#a03b2c61;background:#a03b2c14}.mobile-more-close{margin-top:16px;width:100%;background:transparent;border:1px solid var(--line-strong);border-radius:12px;padding:11px;color:var(--ink-soft);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.learn-path{display:flex;flex-direction:column;gap:28px}.learn-continue{position:relative;display:grid;grid-template-columns:96px 1fr 28px;align-items:center;gap:18px;background:linear-gradient(135deg,var(--jade) 0%,var(--jade-soft) 100%);color:var(--cream);border-radius:18px;padding:22px 22px 24px;overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s}.learn-continue:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 110% -10%,rgba(255,217,132,.28) 0%,transparent 55%),radial-gradient(circle at -10% 110%,rgba(255,217,132,.14) 0%,transparent 60%)}.learn-continue:hover{transform:translateY(-2px);box-shadow:0 14px 36px #0f3d2e40}.learn-continue-character{position:relative;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--learn-char-accent, var(--gold)) 0%,rgba(255,255,255,.04) 70%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -8px 16px #0000002e;flex-shrink:0}.learn-continue-character-emoji{font-size:50px;line-height:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}.learn-continue-character-shadow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:60%;height:8px;border-radius:50%;background:#0000002e;filter:blur(6px)}.learn-continue-body{position:relative;min-width:0}.learn-continue-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:8px}.learn-continue-cta{font-family:Fraunces,serif;font-size:26px;font-weight:500;letter-spacing:-.01em;line-height:1.15;margin-bottom:6px}.learn-continue-sub{font-size:13px;line-height:1.45;color:#f5f0e5d1;max-width:52ch}.learn-continue-sub strong{color:var(--gold);font-weight:600}.learn-continue-arrow{position:relative;color:var(--gold)}@media (min-width: 640px){.learn-continue{grid-template-columns:120px 1fr 36px;padding:28px 32px}.learn-continue-character{width:108px;height:108px}.learn-continue-character-emoji{font-size:64px}.learn-continue-cta{font-size:32px}}.learn-goal-card{display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:center;background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:18px 20px}.learn-goal-ring-wrap{position:relative;width:100px;height:100px}.learn-goal-ring{width:100%;height:100%}.learn-goal-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--jade)}.learn-goal-ring-center svg{margin-bottom:2px;color:var(--gold)}.learn-goal-ring-val{font-family:Fraunces,serif;font-size:20px;font-weight:600;line-height:1}.learn-goal-ring-of{font-size:10px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.learn-goal-info{min-width:0}.learn-goal-title{font-family:Fraunces,serif;font-size:18px;font-weight:600;color:var(--jade);margin-bottom:4px}.learn-goal-sub{font-size:13px;color:var(--ink-soft);margin-bottom:10px}.learn-goal-stats{display:flex;gap:14px;flex-wrap:wrap}.learn-goal-stat{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--ink)}.learn-goal-stat svg{color:var(--gold)}.learn-goal-stat span{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--jade)}.learn-goal-stat em{font-size:11px;color:var(--ink-soft);margin-left:4px;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.learn-section{display:flex;flex-direction:column;gap:14px}.learn-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.learn-section-title{font-family:Fraunces,serif;font-size:20px;font-weight:600;color:var(--jade);letter-spacing:-.01em;margin:0}.learn-section-meta{font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.learn-journey-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;text-transform:none;letter-spacing:0}.learn-journey-summary span{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--cream-warm);color:var(--ink-soft);white-space:nowrap}.learn-mission-card{display:flex;gap:14px;align-items:flex-start;background:var(--card-bg);border:1px solid var(--line);border-left:4px solid var(--mission-color, var(--jade));border-radius:14px;padding:16px 18px}.learn-mission-icon{font-size:32px;line-height:1;flex-shrink:0}.learn-mission-body{flex:1;min-width:0}.learn-mission-goal{font-size:14px;color:var(--ink);margin-bottom:10px;line-height:1.45}.learn-mission-progress{display:flex;align-items:center;gap:10px}.learn-mission-bar{flex:1;height:8px;background:#0f3d2e14;border-radius:999px;overflow:hidden}.learn-mission-bar-fill{height:100%;background:var(--mission-color, var(--jade));border-radius:999px;transition:width .5s ease}.learn-mission-pct{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--mission-color, var(--jade))}.learn-mission-stats{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:12px;color:var(--ink-soft)}.learn-mission-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}@media (max-width: 540px){.learn-mission-rail{grid-template-columns:repeat(3,1fr)}}.learn-mission-node{background:var(--card-bg);border:1px solid var(--line);border-radius:12px;padding:12px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .15s,border-color .15s}.learn-mission-node-icon{font-size:22px;line-height:1;width:38px;height:38px;border-radius:50%;background:#0f3d2e0f;display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}.learn-mission-node-name{font-size:11px;font-weight:600;color:var(--ink);line-height:1.25}.learn-mission-node-meta{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;color:var(--ink-soft)}.learn-mission-node-current{border-color:var(--node-color, var(--jade));background:linear-gradient(180deg,color-mix(in srgb,var(--node-color, var(--jade)) 12%,var(--card-bg)) 0%,var(--card-bg) 60%)}.learn-mission-node-current .learn-mission-node-icon,.learn-mission-node-done .learn-mission-node-icon{background:var(--node-color, var(--jade));color:#fff}.learn-mission-node-locked{opacity:.45}.learn-mission-node-locked .learn-mission-node-icon{background:transparent;border:1px dashed var(--line-strong)}.learn-path-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.learn-path-node{position:relative;padding-left:30px}.learn-path-connector{position:absolute;left:14px;top:0;bottom:0;width:2px;background:var(--line);border-radius:2px}.learn-path-connector[data-first=true]{top:50%}.learn-path-node:last-child .learn-path-connector{bottom:50%}.learn-path-node-btn{display:grid;grid-template-columns:72px 1fr 24px;gap:14px;align-items:center;width:100%;background:var(--card-bg);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:8px 0;cursor:pointer;font-family:inherit;text-align:left;color:var(--ink);transition:transform .15s,border-color .15s,box-shadow .15s}.learn-path-node-btn:disabled{cursor:not-allowed;opacity:.6}.learn-path-node-btn:not(:disabled):hover{transform:translateY(-1px);border-color:var(--stage-color, var(--jade));box-shadow:0 8px 24px #0f3d2e14}.learn-path-character{position:relative;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--char-accent, var(--gold)) 80%,white 20%),color-mix(in srgb,var(--char-accent, var(--gold)) 30%,transparent 70%) 70%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 -6px 12px #00000026;z-index:1}.learn-path-character-emoji{font-size:32px;line-height:1;filter:drop-shadow(0 3px 4px rgba(0,0,0,.18));display:flex;align-items:center;justify-content:center;color:#fff}.learn-path-info{min-width:0}.learn-path-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:4px}.learn-path-stage-num{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}.learn-path-current-tag{background:var(--gold);color:var(--jade);font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.05em;text-transform:uppercase}.learn-path-done-tag{background:var(--jade);color:var(--cream);font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.05em;text-transform:uppercase}.learn-path-name{font-family:Fraunces,serif;font-size:17px;font-weight:600;color:var(--jade);letter-spacing:-.01em;margin-bottom:2px}.learn-path-desc{font-size:12px;color:var(--ink-soft);line-height:1.4;margin-bottom:8px}.learn-path-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;margin-bottom:8px}.learn-path-character-name{color:var(--ink);font-weight:600}.learn-path-progress-text{color:var(--ink-soft);font-family:JetBrains Mono,monospace;font-weight:600}.learn-path-bar{height:5px;background:#0f3d2e14;border-radius:999px;overflow:hidden}.learn-path-bar-fill{height:100%;background:linear-gradient(90deg,var(--stage-color, var(--jade)) 0%,var(--char-accent, var(--gold)) 100%);border-radius:999px;transition:width .6s ease}.learn-path-empty-note{font-size:11px;color:var(--ink-soft);font-style:italic}.learn-path-arrow{color:var(--ink-soft);display:flex;align-items:center;justify-content:center}.learn-path-node-current .learn-path-node-btn{border-color:var(--stage-color, var(--jade));box-shadow:0 10px 28px #0f3d2e1a}.learn-path-node-done .learn-path-node-btn{background:var(--cream-warm)}.app-root[data-theme=dark] .learn-path-node-done .learn-path-node-btn{background:#5baf7c0f}.learn-path-node-locked .learn-path-node-btn{background:transparent;border-style:dashed}.learn-path-node-locked .learn-path-character{background:#0f3d2e0d;box-shadow:none}.learn-path-node-locked .learn-path-character-emoji{color:var(--ink-soft)}.learn-path-node-empty .learn-path-character{background:#0f3d2e0f}.learn-footnote{display:flex;align-items:center;gap:8px;padding:14px 16px;background:var(--cream-warm);border:1px dashed var(--line-strong);border-radius:12px;font-size:12px;color:var(--ink-soft);line-height:1.45}.learn-footnote svg{color:var(--gold);flex-shrink:0}.app-root[data-theme=dark] .learn-footnote{background:#e8e4d90a}.shop-screen{display:flex;flex-direction:column;gap:24px}.shop-hero{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,var(--jade) 0%,var(--jade-soft) 100%);color:var(--cream);border-radius:18px;padding:22px 22px 24px;position:relative;overflow:hidden}.shop-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 90% -10%,rgba(201,169,97,.25) 0%,transparent 50%);pointer-events:none}.shop-hero-icon{width:52px;height:52px;border-radius:14px;background:var(--gold);color:var(--jade);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.shop-hero-body{min-width:0;position:relative}.shop-hero-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:6px}.shop-hero-title{font-family:Fraunces,serif;font-size:22px;font-weight:500;letter-spacing:-.01em;margin:0 0 8px;line-height:1.2}.shop-hero-sub{font-size:14px;line-height:1.5;color:#f5f0e5d1;margin:0 0 14px}.shop-hero-wallet{display:flex;gap:8px;flex-wrap:wrap}.shop-wallet-pill{background:#0000002e;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;color:var(--gold)}.shop-wallet-pill em{color:#f5f0e5b3;margin-left:2px;font-style:normal;font-weight:500}.shop-wallet-pill-hearts{color:#ffb7c2}.shop-section{display:flex;flex-direction:column;gap:12px}.shop-section-header{display:flex;align-items:center;gap:8px}.shop-section-title{font-family:Fraunces,serif;font-size:20px;font-weight:600;color:var(--jade);letter-spacing:-.01em;margin:0}.shop-section-badge{background:var(--cream-warm);border:1px solid var(--line-strong);color:var(--ink-soft);font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.1em}.app-root[data-theme=dark] .shop-section-badge{background:var(--card-bg)}.shop-section-lead{font-size:13px;color:var(--ink-soft);line-height:1.5;margin:0}.shop-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 640px){.shop-grid{grid-template-columns:1fr 1fr}}.shop-item{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;background:var(--card-bg);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.shop-item-icon{width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--shop-accent, var(--jade)) 14%,transparent);color:var(--shop-accent, var(--jade));display:flex;align-items:center;justify-content:center;flex-shrink:0}.shop-item-body{min-width:0}.shop-item-title{font-family:Fraunces,serif;font-size:16px;font-weight:600;color:var(--jade);margin-bottom:3px}.shop-item-desc{font-size:12.5px;color:var(--ink-soft);line-height:1.4;margin-bottom:8px}.shop-item-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.shop-item-price{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--shop-accent, var(--jade))}.shop-item-note{font-size:11px;color:var(--ink-soft);font-style:italic}.shop-item-btn{display:inline-flex;align-items:center;gap:6px;background:var(--cream-warm);border:1px solid var(--line-strong);border-radius:999px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;color:var(--ink-soft);cursor:not-allowed}.app-root[data-theme=dark] .shop-item-btn{background:#e8e4d90a}@media (max-width: 639px){.shop-hero{padding:18px 16px 20px;gap:12px;border-radius:16px}.shop-hero-icon{width:44px;height:44px;border-radius:12px}.shop-hero-title{font-size:20px}.shop-item{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;padding:14px}.shop-item-icon{width:44px;height:44px;border-radius:11px}.shop-item-body{min-width:0}.shop-item-desc{font-size:13px;line-height:1.45}.shop-item-meta{flex-direction:column;align-items:flex-start;gap:5px}.shop-item-note{font-style:normal;line-height:1.35}.shop-item-btn{grid-column:1 / -1;width:100%;justify-content:center;border-radius:10px}}.shop-character-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (min-width: 640px){.shop-character-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.shop-character-grid{grid-template-columns:repeat(3,1fr)}}.shop-character-card{background:var(--card-bg);border:1px solid var(--line);border-top:4px solid var(--char-accent, var(--jade));border-radius:14px;padding:16px 14px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.shop-character-portrait{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--char-accent, var(--gold)) 0%,color-mix(in srgb,var(--char-accent, var(--gold)) 30%,transparent 70%) 70%);display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:inset 0 -6px 12px #00000026;margin-bottom:4px}.shop-character-name{font-family:Fraunces,serif;font-size:16px;font-weight:600;color:var(--jade)}.shop-character-vibe{font-size:12px;color:var(--ink-soft);line-height:1.4;margin-bottom:6px}.shop-character-stages{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:6px}.shop-character-stage-chip{background:var(--cream-warm);border:1px solid var(--line);border-radius:999px;padding:2px 7px;font-size:9px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.app-root[data-theme=dark] .shop-character-stage-chip{background:#e8e4d90d}.shop-character-lock{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border:1px dashed var(--line-strong);border-radius:999px}@media (max-width: 430px){.shop-character-grid{grid-template-columns:1fr}}.shop-footnote{display:flex;align-items:center;gap:8px;padding:14px 16px;background:var(--cream-warm);border:1px dashed var(--line-strong);border-radius:12px;font-size:12px;color:var(--ink-soft)}.shop-footnote svg{color:var(--ink-soft);flex-shrink:0}.app-root[data-theme=dark] .shop-footnote{background:#e8e4d90a}.quests-screen{display:flex;flex-direction:column;gap:22px}.quests-hero{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-soft) 100%);color:var(--jade);border-radius:18px;padding:22px}.quests-hero-icon{width:52px;height:52px;border-radius:14px;background:var(--jade);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quests-hero-body{min-width:0}.quests-hero-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#0f3d2eb3;margin-bottom:6px}.quests-hero-title{font-family:Fraunces,serif;font-size:22px;font-weight:500;letter-spacing:-.01em;margin:0 0 6px;line-height:1.2}.quests-hero-sub{font-size:13.5px;line-height:1.5;color:#0f3d2ecc;margin:0}.app-root[data-theme=dark] .quests-hero{background:linear-gradient(135deg,#e0bd7a2e,#5baf7c1f);border:1px solid rgba(224,189,122,.22);color:#f2eee5}.app-root[data-theme=dark] .quests-hero-icon{background:#e0bd7a;color:#17221e}.app-root[data-theme=dark] .quests-hero-eyebrow{color:var(--gold-soft)}.app-root[data-theme=dark] .quests-hero-title{color:#f2eee5}.app-root[data-theme=dark] .quests-hero-sub{color:#d4cfc5}.quests-list{display:flex;flex-direction:column;gap:12px}.quest-card{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;background:var(--card-bg);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.quest-card-icon{width:46px;height:46px;border-radius:12px;background:color-mix(in srgb,var(--quest-color, var(--jade)) 14%,transparent);color:var(--quest-color, var(--jade));display:flex;align-items:center;justify-content:center;flex-shrink:0}.quest-card-body{min-width:0}.quest-card-title{font-family:Fraunces,serif;font-size:16px;font-weight:600;color:var(--jade);margin-bottom:3px}.quest-card-desc{font-size:12.5px;color:var(--ink-soft);line-height:1.4;margin-bottom:10px}.quest-card-progress-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.quest-card-bar{flex:1;height:8px;background:#0f3d2e14;border-radius:999px;overflow:hidden}.quest-card-bar-fill{height:100%;background:var(--quest-color, var(--jade));border-radius:999px;transition:width .5s ease}.quest-card-progress-text{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:var(--ink-soft);white-space:nowrap}.quest-card-reward{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--gold);font-weight:600}.quest-card-cta{background:var(--jade);color:var(--cream);border:1px solid var(--jade);border-radius:999px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;flex-shrink:0}.quest-card-cta:hover{background:var(--jade-soft)}.quest-card-done{background:color-mix(in srgb,var(--quest-color, var(--jade)) 6%,var(--card-bg));border-color:color-mix(in srgb,var(--quest-color, var(--jade)) 30%,var(--line))}.quest-card-done .quest-card-icon{background:var(--quest-color, var(--jade));color:#fff}.app-root[data-theme=dark] .quest-card{background:#202725;border-color:#e8e4d924}.app-root[data-theme=dark] .quest-card-title{color:#78d49a}.app-root[data-theme=dark] .quest-card-desc,.app-root[data-theme=dark] .quest-card-progress-text{color:#d4cfc5}.app-root[data-theme=dark] .quest-card-bar{background:#e8e4d91f}.app-root[data-theme=dark] .quest-card-reward{color:#ebcc8e}.app-root[data-theme=dark] .quest-card-cta{background:#e0bd7a;border-color:#e0bd7a;color:#17221e}.app-root[data-theme=dark] .quest-card-done{background:color-mix(in srgb,var(--quest-color, var(--jade)) 12%,#202725);border-color:color-mix(in srgb,var(--quest-color, var(--jade)) 42%,rgba(232,228,217,.16))}@media (max-width: 639px){.quests-hero{padding:18px 16px 20px;gap:12px;border-radius:16px}.quests-hero-icon{width:44px;height:44px;border-radius:12px}.quests-hero-title{font-size:20px}.quest-card{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;padding:14px}.quest-card-icon{width:44px;height:44px;border-radius:11px}.quest-card-body{min-width:0}.quest-card-desc{font-size:13px;line-height:1.45}.quest-card-progress-row{align-items:flex-start;flex-direction:column;gap:6px}.quest-card-bar{width:100%}.quest-card-cta{grid-column:1 / -1;width:100%;justify-content:center;border-radius:10px}}.quests-future{display:flex;gap:12px;align-items:center;padding:14px 16px;background:var(--cream-warm);border:1px dashed var(--line-strong);border-radius:14px}.app-root[data-theme=dark] .quests-future{background:#e8e4d90a}.quests-future svg{color:var(--gold);flex-shrink:0}.quests-future-title{font-family:Fraunces,serif;font-size:14px;font-weight:600;color:var(--jade);margin-bottom:2px}.quests-future-sub{font-size:12px;color:var(--ink-soft);line-height:1.4}.app-root[data-theme=dark] .quests-future{background:#ffffff0a;border-color:#e8e4d93d}.app-root[data-theme=dark] .quests-future-title{color:#78d49a}.app-root[data-theme=dark] .quests-future-sub{color:#d4cfc5}.leaderboard-screen{display:flex;flex-direction:column;gap:18px}.leaderboard-hero{display:flex;gap:16px;align-items:flex-start;background:var(--card-bg);border:1px solid var(--line);border-radius:18px;padding:22px}.leaderboard-hero-icon{width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--gold) 20%,transparent);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.leaderboard-hero-body{min-width:0}.leaderboard-hero-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);margin-bottom:6px}.leaderboard-hero-title{font-family:Fraunces,serif;font-size:22px;font-weight:500;letter-spacing:-.01em;margin:0 0 6px;line-height:1.2;color:var(--jade)}.leaderboard-hero-sub{font-size:13.5px;line-height:1.5;color:var(--ink-soft);margin:0}.leaderboard-preview-card{background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:4px}.leaderboard-preview-row{display:grid;grid-template-columns:32px 40px 1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px}.leaderboard-preview-row-self{background:color-mix(in srgb,var(--jade) 8%,transparent)}.leaderboard-preview-row-placeholder{opacity:.55}.leaderboard-preview-rank{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--ink-soft);text-align:center}.leaderboard-preview-avatar{width:36px;height:36px;border-radius:50%;background:#0f3d2e1a;display:flex;align-items:center;justify-content:center;font-size:20px}.leaderboard-preview-name{font-family:Fraunces,serif;font-size:14px;font-weight:600;color:var(--ink)}.leaderboard-preview-stat{display:inline-flex;align-items:center;gap:3px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:var(--ink-soft)}.leaderboard-preview-stat svg{color:#c9621a}.leaderboard-preview-xp{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--jade)}.leaderboard-lock{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--cream-warm);border:1px dashed var(--line-strong);border-radius:10px;font-size:12px;color:var(--ink-soft);line-height:1.4}.app-root[data-theme=dark] .leaderboard-lock{background:#e8e4d90a}.leaderboard-future{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--card-bg);border:1px solid var(--line);border-radius:14px}.leaderboard-future svg{color:var(--gold);flex-shrink:0;margin-top:2px}.leaderboard-future-title{font-family:Fraunces,serif;font-size:14px;font-weight:600;color:var(--jade);margin-bottom:4px}.leaderboard-future-sub{font-size:12px;color:var(--ink-soft);line-height:1.45}.app-shell-root .app-header,.app-shell-root .app-nav{display:none}.srs-card-coach{display:flex;align-items:center;justify-content:flex-start;margin:0 0 12px;padding:8px 10px;width:100%;background:#ffffff8c;border:1px solid var(--line);border-radius:14px}.app-root[data-theme=dark] .srs-card-coach{background:#ffffff0a}.srs-card-with-coach{padding-top:14px}@media (min-width: 720px){.srs-card-coach{margin:0 0 16px;padding:10px 12px}.srs-card-with-coach{padding-top:18px}}.character-coach{position:relative;display:flex;flex-direction:column-reverse;align-items:center;gap:8px;width:100%;isolation:isolate}.character-coach-bubble{position:relative;max-width:min(360px,calc(100% - 32px));background:var(--card-bg);border:1px solid var(--line-strong);border-radius:16px;padding:9px 14px;font-size:13px;font-weight:500;line-height:1.35;color:var(--ink);box-shadow:0 6px 18px #0f3d2e1a;transform-origin:50% 100%;animation:coach-bubble-in .32s cubic-bezier(.21,.84,.39,1.01)}.app-root[data-theme=dark] .character-coach-bubble{background:var(--card-bg)}.character-coach-bubble-text{display:inline-block}.character-coach-bubble-tail{position:absolute;bottom:-7px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--card-bg);border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}@keyframes coach-bubble-in{0%{opacity:0;transform:translateY(6px) scale(.96)}60%{opacity:1;transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.character-coach-portrait{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;cursor:default;flex-shrink:0}button.character-coach-portrait{cursor:pointer}@media (min-width: 720px){.character-coach-portrait{width:140px;height:140px}}.character-coach-compact{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;width:100%;max-width:100%;min-width:0;flex-wrap:nowrap}.character-coach-compact .character-coach-portrait{width:108px;height:108px}.srs-card-coach .character-coach-compact{flex-direction:row;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0}.srs-card-coach .character-coach-compact .character-coach-portrait{width:88px;height:88px}@media (min-width: 720px){.character-coach-compact{gap:22px}.character-coach-compact .character-coach-portrait{width:176px;height:176px}.srs-card-coach .character-coach-compact{gap:12px}.srs-card-coach .character-coach-compact .character-coach-portrait{width:96px;height:96px}}.character-coach-compact .character-coach-bubble{max-width:min(210px,calc(100% - 128px));margin-left:6px;transform-origin:0% 50%;animation:coach-bubble-in-h .32s cubic-bezier(.21,.84,.39,1.01);background:var(--card-bg);border:1px solid var(--line-strong);border-radius:16px;padding:11px 14px;font-size:13px;line-height:1.4;box-shadow:0 6px 18px #0f3d2e17}.srs-card-coach .character-coach-compact .character-coach-bubble{flex:1 1 auto;min-width:0;max-width:none;margin-left:0;padding:7px 9px;border-radius:12px;font-size:11px;line-height:1.3;box-shadow:0 4px 12px #0f3d2e14}@media (min-width: 720px){.character-coach-compact .character-coach-bubble{max-width:min(260px,calc(100% - 210px));font-size:14px;padding:13px 18px;border-radius:18px}.srs-card-coach .character-coach-compact .character-coach-bubble{max-width:min(360px,calc(100% - 118px));padding:10px 14px;border-radius:14px;font-size:13px}}.character-coach-compact .character-coach-bubble-tail{bottom:auto;left:-7px;top:50%;width:12px;height:12px;transform:translateY(-50%) rotate(45deg);border-right:none;border-top:none;border-left:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:var(--card-bg)}@keyframes coach-bubble-in-h{0%{opacity:0;transform:translate(-6px) scale(.96)}60%{opacity:1;transform:translate(0) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}@media (max-width: 319px){.character-coach-compact{flex-direction:column;align-items:flex-start;gap:10px}.character-coach-compact .character-coach-portrait{width:96px;height:96px}.srs-card-coach .character-coach-compact{flex-direction:column;align-items:flex-start;gap:8px}.srs-card-coach .character-coach-compact .character-coach-portrait{width:82px;height:82px}.character-coach-compact .character-coach-bubble{flex:0 1 auto;max-width:100%;margin-left:0;transform-origin:18% 0%}.character-coach-compact .character-coach-bubble-tail{bottom:auto;left:28px;top:-7px;transform:rotate(45deg);border-bottom:none;border-right:none;border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong)}}.app-root[data-theme=dark] .srs-card-coach{background:#ffffff0f;border-color:#e0bd7a33}.app-root[data-theme=dark] .character-coach-bubble{background:#f2eee5;border-color:#e0bd7a80;color:#1f2824}.app-root[data-theme=dark] .character-coach-bubble-tail{background:#f2eee5;border-color:#e0bd7a80}.character-coach-halo{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--coach-accent, var(--gold)) 28%,transparent) 0%,transparent 65%);z-index:0;pointer-events:none}.character-coach-img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(15,61,46,.18));transform-origin:50% 92%;will-change:transform}.character-coach-ground{position:absolute;left:50%;bottom:2px;transform:translate(-50%);width:60%;height:7px;border-radius:50%;background:#0000002e;filter:blur(5px);z-index:0;opacity:.7}@keyframes coach-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.005)}}.character-coach-state-idle .character-coach-img,.character-coach-state-thinking .character-coach-img{animation:coach-bob 3.4s ease-in-out infinite}@keyframes coach-greet{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-10px) scale(1.04)}60%{transform:translateY(0) scale(.98)}to{transform:translateY(0) scale(1)}}.character-coach-state-greeting .character-coach-img{animation:coach-greet .9s cubic-bezier(.21,.84,.39,1.01)}.character-coach-state-thinking .character-coach-img{transform-origin:50% 92%;animation:coach-bob 3.4s ease-in-out infinite,coach-tilt 4.2s ease-in-out infinite}@keyframes coach-tilt{0%,to{rotate:0deg}50%{rotate:-3deg}}@keyframes coach-nod{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-2px) scale(1.03)}70%{transform:translateY(2px) scale(.99)}to{transform:translateY(0) scale(1)}}.character-coach-state-choiceSelected .character-coach-img{animation:coach-nod .6s ease-in-out}@keyframes coach-happy{0%{transform:translateY(0) scale(1)}25%{transform:translateY(-14px) scale(1.06)}55%{transform:translateY(0) scale(1)}75%{transform:translateY(-6px) scale(1.03)}to{transform:translateY(0) scale(1)}}@keyframes coach-halo-flash{0%{opacity:.6;transform:scale(1)}40%{opacity:1;transform:scale(1.08)}to{opacity:.6;transform:scale(1)}}.character-coach-state-correct .character-coach-img{animation:coach-happy 1.1s cubic-bezier(.21,.84,.39,1.01)}.character-coach-state-correct .character-coach-halo{animation:coach-halo-flash .9s ease-out;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,#5BAF7C 40%,transparent) 0%,transparent 65%)}@keyframes coach-shake{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}.character-coach-state-wrong .character-coach-img{animation:coach-shake .6s ease-in-out}.character-coach-state-wrong .character-coach-halo{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,#C9621A 26%,transparent) 0%,transparent 65%)}@keyframes coach-celebrate{0%{transform:translateY(0) scale(1) rotate(0)}20%{transform:translateY(-22px) scale(1.08) rotate(-4deg)}45%{transform:translateY(-2px) scale(.98) rotate(2deg)}70%{transform:translateY(-12px) scale(1.04) rotate(-2deg)}to{transform:translateY(0) scale(1) rotate(0)}}.character-coach-state-celebrating .character-coach-img{animation:coach-celebrate 1.6s cubic-bezier(.21,.84,.39,1.01)}.character-coach-state-celebrating .character-coach-halo{animation:coach-halo-flash 1.3s ease-out infinite;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--gold) 50%,transparent) 0%,transparent 65%)}@keyframes coach-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.character-coach-state-speaking .character-coach-img{animation:coach-pulse .52s ease-in-out infinite}.character-coach-state-speaking .character-coach-halo{animation:coach-halo-flash .9s ease-out infinite;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,#3F8AC4 30%,transparent) 0%,transparent 65%)}@media (prefers-reduced-motion: reduce){.character-coach-img,.character-coach-halo{animation:none!important;transform:none!important}.character-coach-bubble{animation:none!important}.character-coach-state-correct .character-coach-halo{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,#5BAF7C 40%,transparent) 0%,transparent 65%)}.character-coach-state-wrong .character-coach-img{opacity:.92}}.learn-miniunit-card{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;background:var(--card-bg);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:14px;padding:16px 18px}.learn-miniunit-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--jade)}.learn-miniunit-body{min-width:0}.learn-miniunit-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:700;margin-bottom:3px}.learn-miniunit-title{font-family:Fraunces,serif;font-size:19px;font-weight:600;color:var(--jade);margin:0 0 4px;line-height:1.2}.learn-miniunit-copy{font-size:13px;color:var(--ink-soft);line-height:1.45;margin:0 0 8px}.learn-miniunit-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--ink-soft);font-weight:600}.learn-miniunit-meta span{display:inline-flex;align-items:center;gap:4px}.learn-miniunit-btn{border:none;border-radius:999px;padding:10px 14px;background:var(--jade);color:var(--cream);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}@media (hover: hover) and (pointer: fine){.learn-miniunit-btn:hover{background:var(--jade-soft)}}.firstlesson-root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:22px;background:radial-gradient(circle at top left,rgba(201,169,97,.16),transparent 34%),var(--cream)}.firstlesson-shell{width:min(720px,100%);display:flex;flex-direction:column;gap:16px}.firstlesson-brand{display:inline-flex;flex-direction:column;align-items:center;gap:4px;align-self:center;color:var(--jade)}.firstlesson-brand-name{font-family:Fraunces,serif;color:var(--jade);font-size:21px;font-weight:700;line-height:1;letter-spacing:0}.firstlesson-brand-slogan{color:var(--ink-soft);font-size:12px;font-weight:500;line-height:1.25}.firstlesson-panel{background:var(--card-bg);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 18px 46px #0f3d2e14}.firstlesson-intro,.firstlesson-complete{text-align:center}.firstlesson-coach{max-width:440px;margin:0 auto 18px}.firstlesson-eyebrow,.firstlesson-step-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:800}.firstlesson-title{font-family:Fraunces,serif;font-size:34px;line-height:1.1;color:var(--jade);margin:10px 0;font-weight:650;letter-spacing:0}.firstlesson-copy{color:var(--ink-soft);font-size:15px;line-height:1.55;margin:0 auto 22px;max-width:480px}.firstlesson-stats-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:-6px 0 20px}.firstlesson-stats-row span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--ink-soft);font-size:12px;font-weight:800}.firstlesson-primary{justify-content:center;min-width:160px}.firstlesson-primary:disabled{opacity:.45;cursor:not-allowed}.firstlesson-progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.firstlesson-progress-pill{border:1px solid var(--line);background:var(--cream-warm);color:var(--ink-soft);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;white-space:nowrap}.firstlesson-flash{width:100%;min-height:310px;border:1px solid var(--line-strong);border-radius:16px;background:var(--cream-warm);color:var(--ink);padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;cursor:pointer;font-family:inherit}.firstlesson-flash-revealed{background:color-mix(in srgb,var(--gold) 8%,var(--card-bg))}.firstlesson-card-kind{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:800}.firstlesson-card-thai{font-family:Noto Sans Thai,sans-serif;font-size:46px;line-height:1.14;color:var(--jade);font-weight:800;overflow-wrap:anywhere}.firstlesson-card-ph{font-family:JetBrains Mono,monospace;color:var(--brick);font-size:15px;font-weight:800;overflow-wrap:anywhere}.firstlesson-card-en{font-family:Fraunces,serif;color:var(--ink);font-size:25px;line-height:1.24;max-width:560px}.firstlesson-card-hint{color:var(--ink-soft);font-size:13px;font-weight:700}.firstlesson-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.firstlesson-icon-btn{width:44px;height:44px;justify-content:center;padding:0}.firstlesson-question{background:var(--cream-warm);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px;text-align:center;margin-bottom:14px}.firstlesson-question span{color:var(--ink-soft);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.firstlesson-question strong{font-family:Fraunces,serif;color:var(--jade);font-size:28px;line-height:1.2}.firstlesson-options{display:flex;flex-direction:column;gap:9px}.firstlesson-option{width:100%;min-height:64px;border:1px solid var(--line-strong);border-radius:13px;background:var(--card-bg);color:var(--ink);font-family:inherit;padding:12px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.firstlesson-option:disabled{cursor:default}.firstlesson-option-letter{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--cream-warm);color:var(--jade);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:900;flex-shrink:0}.firstlesson-option-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.firstlesson-option-thai{font-family:Noto Sans Thai,sans-serif;font-size:20px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.firstlesson-option-ph{font-family:JetBrains Mono,monospace;color:var(--ink-soft);font-size:12px;font-weight:700}.firstlesson-option-selected{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--card-bg))}.firstlesson-option-correct{background:var(--jade)!important;border-color:var(--jade)!important;color:var(--cream)}.firstlesson-option-wrong{background:var(--brick)!important;border-color:var(--brick)!important;color:var(--cream)}.firstlesson-option-correct .firstlesson-option-letter,.firstlesson-option-wrong .firstlesson-option-letter{background:#ffffff2e;color:#fff}.firstlesson-option-correct .firstlesson-option-ph,.firstlesson-option-wrong .firstlesson-option-ph{color:#ffffffc7}.firstlesson-feedback{border:1px solid var(--line);border-radius:12px;margin-top:12px;padding:12px;font-size:13px;font-weight:800}.firstlesson-feedback-correct{border-color:color-mix(in srgb,var(--jade) 35%,var(--line));color:var(--jade)}.firstlesson-feedback-wrong{border-color:color-mix(in srgb,var(--brick) 35%,var(--line));color:var(--brick)}.firstlesson-complete-icon{width:78px;height:78px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--jade)}.firstlesson-unlock-note{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid color-mix(in srgb,var(--jade) 22%,var(--line));background:color-mix(in srgb,var(--jade) 7%,var(--card-bg));border-radius:14px;padding:12px 14px;margin-bottom:16px;color:var(--ink);font-size:13px;font-weight:750}.firstlesson-unlock-note button{border:none;border-radius:999px;background:var(--jade);color:var(--cream);font-family:inherit;font-size:12px;font-weight:800;padding:8px 12px;cursor:pointer;white-space:nowrap}.app-root[data-theme=dark] .firstlesson-root{background:radial-gradient(circle at top left,rgba(224,189,122,.12),transparent 34%),var(--cream)}.app-root[data-theme=dark] .firstlesson-panel,.app-root[data-theme=dark] .firstlesson-option{background:var(--card-bg)}.app-root[data-theme=dark] .firstlesson-flash,.app-root[data-theme=dark] .firstlesson-progress-pill,.app-root[data-theme=dark] .firstlesson-question,.app-root[data-theme=dark] .firstlesson-option-letter{background:#e8e4d90a}.app-root[data-theme=dark] .firstlesson-card-en{color:#f2eee5}.app-root[data-theme=dark] .firstlesson-option-selected{background:#e0bd7a21}.app-root[data-theme=dark] .firstlesson-unlock-note{background:#5baf7c14}@media (max-width: 620px){.firstlesson-root{align-items:flex-start;padding:14px}.firstlesson-panel{padding:18px 14px;border-radius:15px}.firstlesson-title{font-size:29px}.firstlesson-flash{min-height:280px;padding:16px}.firstlesson-card-thai{font-size:37px}.firstlesson-card-en{font-size:22px}.firstlesson-question strong{font-size:24px}.firstlesson-actions{align-items:stretch}.firstlesson-primary{flex:1;min-width:0}.firstlesson-unlock-note{align-items:flex-start;flex-direction:column}.firstlesson-unlock-note button{width:100%;justify-content:center}}.miniunit-flow{display:flex;flex-direction:column;gap:16px}.miniunit-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.miniunit-back-btn{border:1px solid var(--line-strong);background:var(--card-bg);color:var(--ink);border-radius:999px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.miniunit-progress-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--cream-warm);color:var(--ink-soft);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.miniunit-hero,.miniunit-panel,.miniunit-practice-card,.miniunit-challenge,.miniunit-complete{background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:22px}.miniunit-hero,.miniunit-complete{text-align:center}.miniunit-coach{max-width:430px;margin:0 auto 16px}.miniunit-coach-inline{margin-bottom:14px}.miniunit-eyebrow,.miniunit-step-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-weight:700;margin-bottom:10px}.miniunit-title{font-family:Fraunces,serif;font-size:31px;font-weight:600;color:var(--jade);line-height:1.1;margin:0 0 10px}.miniunit-sub,.miniunit-panel-copy{color:var(--ink-soft);font-size:15px;line-height:1.55;margin:0 auto 18px;max-width:620px}.miniunit-stats-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.miniunit-stats-row span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--ink-soft);font-size:12px;font-weight:700}.miniunit-primary{justify-content:center}.miniunit-flash-card{position:relative;width:100%;min-height:300px;border:1px solid var(--line-strong);border-radius:16px;background:var(--cream-warm);color:var(--ink);padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;text-align:center}.miniunit-flash-card-revealed{background:color-mix(in srgb,var(--gold) 8%,var(--card-bg))}.miniunit-card-top{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;color:var(--ink-soft);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;pointer-events:none}.miniunit-speaker{pointer-events:auto}.miniunit-card-thai{font-family:Noto Sans Thai,sans-serif;font-size:44px;font-weight:700;color:var(--jade);line-height:1.15;overflow-wrap:anywhere}.miniunit-card-ph{font-family:JetBrains Mono,monospace;font-size:15px;color:var(--brick);font-weight:700}.miniunit-card-en{font-family:Fraunces,serif;font-size:25px;color:var(--ink);line-height:1.25}.miniunit-card-hint{font-size:13px;color:var(--ink-soft);margin-top:6px}.miniunit-card-actions,.miniunit-challenge-actions,.miniunit-complete-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}.miniunit-question-card{background:var(--cream-warm);border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center;margin-bottom:12px}.miniunit-question-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-weight:700;margin-bottom:8px}.miniunit-question-prompt{font-family:Fraunces,serif;font-size:27px;line-height:1.2;color:var(--jade)}.miniunit-options{display:flex;flex-direction:column;gap:8px}.miniunit-option{width:100%;min-height:64px;border:1px solid var(--line-strong);border-radius:12px;background:var(--card-bg);color:var(--ink);font-family:inherit;padding:12px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.miniunit-option:disabled{cursor:default}.miniunit-option-letter{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--cream-warm);color:var(--jade);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800;flex-shrink:0}.miniunit-option-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.miniunit-option-thai{font-family:Noto Sans Thai,sans-serif;font-size:20px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.miniunit-option-ph{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink-soft)}.miniunit-option-selected{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--card-bg))}.miniunit-option-correct{background:var(--jade)!important;border-color:var(--jade)!important;color:var(--cream)}.miniunit-option-wrong{background:var(--brick)!important;border-color:var(--brick)!important;color:var(--cream)}.miniunit-option-correct .miniunit-option-letter,.miniunit-option-wrong .miniunit-option-letter{background:#ffffff2e;color:#fff}.miniunit-option-correct .miniunit-option-ph,.miniunit-option-wrong .miniunit-option-ph{color:#ffffffc7}.miniunit-option-faded{opacity:.52}.miniunit-option-mark{flex-shrink:0}.miniunit-check-btn{min-width:160px;justify-content:center}.miniunit-check-btn:disabled{opacity:.45;cursor:not-allowed}.miniunit-feedback{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:12px;color:var(--ink);font-weight:700}.miniunit-feedback-correct{border-color:color-mix(in srgb,var(--jade) 35%,var(--line));color:var(--jade)}.miniunit-feedback-wrong{border-color:color-mix(in srgb,var(--brick) 35%,var(--line));color:var(--brick)}.miniunit-panel-title{font-family:Fraunces,serif;font-size:26px;color:var(--jade);margin:0 0 10px}.miniunit-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.miniunit-lesson-grid>div{background:var(--cream-warm);border:1px solid var(--line);border-radius:14px;padding:16px}.miniunit-lesson-grid h3{font-family:Fraunces,serif;color:var(--jade);font-size:19px;margin:0 0 8px}.miniunit-lesson-grid p{color:var(--ink-soft);line-height:1.5;font-size:14px;margin:0 0 8px}.miniunit-complete-icon{width:78px;height:78px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--jade)}.app-root[data-theme=dark] .learn-miniunit-card,.app-root[data-theme=dark] .learn-journey-summary span,.app-root[data-theme=dark] .miniunit-hero,.app-root[data-theme=dark] .miniunit-panel,.app-root[data-theme=dark] .miniunit-practice-card,.app-root[data-theme=dark] .miniunit-challenge,.app-root[data-theme=dark] .miniunit-complete,.app-root[data-theme=dark] .miniunit-option,.app-root[data-theme=dark] .miniunit-back-btn{background:var(--card-bg)}.app-root[data-theme=dark] .miniunit-flash-card,.app-root[data-theme=dark] .miniunit-question-card,.app-root[data-theme=dark] .miniunit-lesson-grid>div,.app-root[data-theme=dark] .miniunit-progress-pill{background:#e8e4d90a}.app-root[data-theme=dark] .miniunit-card-thai,.app-root[data-theme=dark] .miniunit-question-prompt,.app-root[data-theme=dark] .miniunit-title,.app-root[data-theme=dark] .miniunit-panel-title,.app-root[data-theme=dark] .learn-miniunit-title{color:var(--jade)}.app-root[data-theme=dark] .miniunit-card-en{color:#f2eee5}.app-root[data-theme=dark] .miniunit-option-selected{background:#e0bd7a21}@media (max-width: 680px){.learn-section-header{align-items:flex-start;gap:8px}.learn-journey-summary{width:100%;gap:6px}.learn-journey-summary span{flex:1 1 140px;justify-content:center}.learn-miniunit-card{grid-template-columns:44px 1fr;align-items:flex-start;padding:14px}.learn-miniunit-btn{grid-column:1 / -1;justify-content:center;width:100%}.miniunit-hero,.miniunit-panel,.miniunit-practice-card,.miniunit-challenge,.miniunit-complete{padding:18px 14px;border-radius:14px}.miniunit-title{font-size:27px}.miniunit-flash-card{min-height:280px;padding:16px}.miniunit-card-thai{font-size:36px}.miniunit-card-en{font-size:21px}.miniunit-question-prompt{font-size:23px}.miniunit-lesson-grid{grid-template-columns:1fr}.miniunit-check-btn{width:100%}}