*{box-sizing:border-box}:root{--scrollbar-size: 8px;--scrollbar-track: rgba(15, 61, 46, .055);--scrollbar-thumb: rgba(15, 61, 46, .34);--scrollbar-thumb-hover: rgba(15, 61, 46, .5);--scrollbar-thumb-active: rgba(201, 169, 97, .75);--scrollbar-thumb-ring: rgba(245, 240, 229, .78)}html:has(.app-root[data-theme=dark]){--scrollbar-track: rgba(232, 228, 217, .075);--scrollbar-thumb: rgba(224, 189, 122, .42);--scrollbar-thumb-hover: rgba(224, 189, 122, .62);--scrollbar-thumb-active: rgba(91, 175, 124, .72);--scrollbar-thumb-ring: rgba(26, 29, 28, .82)}html,body{margin:0;padding:0;width:100%;max-width:100%;min-height:100vh;background:#f5f0e5;overflow-x:hidden}html[data-theme=dark],html[data-theme=dark] body{background:#1a1d1c}html.theme-switching *,html.theme-switching *:before,html.theme-switching *:after{transition:none!important}#root{min-height:100vh;width:100%;max-width:100%;display:flex;flex-direction:column;overflow-x:clip}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}*::-webkit-scrollbar-thumb{min-height:42px;background-color:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid transparent;border-radius:999px;box-shadow:inset 0 0 0 1px var(--scrollbar-thumb-ring)}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}*::-webkit-scrollbar-corner{background:transparent}@media (max-width: 640px),(pointer: coarse){:root{--scrollbar-size: 6px}*::-webkit-scrollbar-thumb{border-width:1px}}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;--scrollbar-track: rgba(15, 61, 46, .055);--scrollbar-thumb: rgba(15, 61, 46, .34);--scrollbar-thumb-hover: rgba(15, 61, 46, .5);--scrollbar-thumb-active: rgba(201, 169, 97, .75);--scrollbar-thumb-ring: rgba(245, 240, 229, .78);font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--cream);color:var(--ink);width:100%;max-width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:clip;-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;--scrollbar-track: rgba(232, 228, 217, .075);--scrollbar-thumb: rgba(224, 189, 122, .42);--scrollbar-thumb-hover: rgba(224, 189, 122, .62);--scrollbar-thumb-active: rgba(91, 175, 124, .72);--scrollbar-thumb-ring: rgba(26, 29, 28, .82)}.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] .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:not(:disabled){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:not(:disabled){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-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:calc(24px + env(safe-area-inset-top,0px)) 16px 24px;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);padding-top:env(safe-area-inset-top,0px)}.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-session-banner{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.03em;padding:7px 12px;border-radius:10px;margin-bottom:12px}.cards-session-banner-review{background:var(--cream-warm);color:var(--jade);border:1px solid var(--line)}.app-root[data-theme=dark] .cards-session-banner-review{background:#ffffff0d;color:#cfe7d8;border-color:#e8e4d924}.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:not(:disabled){background:var(--rate-color);color:#fff;transform:translateY(-1px)}}.rate-btn:active{transform:translateY(0)}.rate-btn:disabled,.card-skip-btn:disabled,.srs-skip-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.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:not(:disabled) .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:not(:disabled) .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}.empty-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px}.empty-cta{font-size:14px;padding:12px 22px}.empty-cta-secondary{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--line-strong);border-radius:999px;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:600;color:var(--jade);cursor:pointer;transition:all .15s}@media (hover: hover) and (pointer: fine){.empty-cta-secondary:hover{background:var(--cream-warm);border-color:var(--jade)}}.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:6px}.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-stage-select{max-width:560px;margin:0 auto 18px}.quiz-stage-select-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-weight:600;margin-bottom:8px}.quiz-stage-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.quiz-stage-chip{background:var(--cream-warm);border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.quiz-stage-chip-active{background:var(--jade);border-color:var(--jade);color:#fff}@media (hover: hover) and (pointer: fine){.quiz-stage-chip:hover{border-color:var(--gold)}.quiz-stage-chip-active:hover{border-color:var(--jade)}}.app-root[data-theme=dark] .quiz-stage-chip{background:#ffffff0a;border-color:#e8e4d924;color:#d4cfc5}@media (max-width: 430px){.quiz-stage-chip{padding:6px 11px;font-size:12px}}.app-root[data-theme=dark] .quiz-stage-chip-active{background:var(--jade);color:#fff}.quiz-stage-empty{max-width:480px;margin:4px auto 0;padding:16px 18px;border:1px dashed var(--line-strong);border-radius:14px;background:var(--cream-warm);color:var(--ink-soft);font-size:14px;line-height:1.5}.app-root[data-theme=dark] .quiz-stage-empty{background:#ffffff0a;border-color:#e8e4d933;color:#d4cfc5}.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)}}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.btn-primary:active,.btn-secondary:active{transform:scale(.97)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.45;cursor:not-allowed;transform:none}.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{height:6px}.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}.reward-screen-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f3d2eb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeIn .2s ease-out}.reward-screen-panel{width:min(440px,100%);background:var(--card-bg);border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));border-radius:18px;padding:26px 20px 20px;text-align:center;box-shadow:0 26px 70px #00000052;animation:revealUp .28s ease-out}.reward-screen-icon{width:72px;height:72px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(135deg,var(--gold),var(--gold-soft));color:var(--jade);box-shadow:0 10px 28px color-mix(in srgb,var(--gold) 34%,transparent)}.reward-screen-coach{display:flex;justify-content:center;margin:0 auto 8px}.reward-screen-eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:8px}.reward-screen-title{font-family:Fraunces,serif;font-size:32px;font-weight:700;line-height:1.05;color:var(--jade);margin:0 0 10px;letter-spacing:0}.reward-screen-sub{margin:0 auto 18px;max-width:340px;color:var(--ink-soft);font-size:14px;line-height:1.5}.reward-xp-card{background:var(--cream-warm);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px}.reward-xp-label{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em}.reward-xp-label svg{color:var(--gold)}.reward-xp-number{font-family:JetBrains Mono,monospace;font-size:46px;font-weight:800;color:var(--jade);line-height:1.05;margin:8px 0 12px;letter-spacing:0}.reward-progress-track{height:10px;background:#0f3d2e1a;border-radius:999px;overflow:hidden}.reward-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--jade),var(--gold));transition:width .12s linear}.reward-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.reward-summary-item{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid var(--line);border-radius:12px;padding:10px 8px;background:var(--card-bg);color:var(--jade)}.reward-summary-item svg{color:var(--gold)}.reward-summary-item span{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800;color:var(--ink)}.reward-summary-item em{font-style:normal;font-size:10px;line-height:1.25;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.reward-summary-preview{border-style:dashed}.reward-continue-btn{width:100%}.app-root[data-theme=dark] .reward-screen-backdrop{background:#050f0cc7}.app-root[data-theme=dark] .reward-xp-card{background:#e8e4d90d}.app-root[data-theme=dark] .reward-progress-track{background:#e8e4d91f}.toast-quest{width:320px;padding:12px 16px}.toast-quest-icon{display:flex;align-items:center;justify-content:center;color:var(--gold)}.toast-quest .toast-title{font-size:16px}.reward-screen-panel-compact{width:min(380px,100%);padding:24px 20px 18px}.achievement-modal{position:relative}.achievement-modal-sparkle{position:absolute;top:14px;right:14px;color:var(--gold);opacity:.8}.achievement-modal-badge{font-size:46px;line-height:1;margin:2px auto 12px}.achievement-modal-desc{margin:0 auto 6px;max-width:320px;color:var(--ink);font-size:14px;font-weight:600}.reward-screen-actions{display:flex;flex-direction:column;gap:8px}.reward-secondary-btn{width:100%}.reward-super-cta{margin-top:12px;width:100%;background:none;border:none;padding:6px 8px;font-family:inherit;font-size:12.5px;line-height:1.4;color:var(--ink-soft);cursor:pointer;text-decoration:underline;text-underline-offset:2px}@media (hover: hover) and (pointer: fine){.reward-super-cta:hover{color:var(--gold)}}.locked-premium-card{background:var(--card-bg);border:1px solid color-mix(in srgb,var(--gold) 34%,var(--line));border-radius:16px;padding:22px 20px;max-width:560px;margin:16px auto;text-align:center;box-shadow:0 1px 2px #0f3d2e0a,0 18px 40px -28px #c9a96199}.locked-premium-icon{width:46px;height:46px;margin:0 auto 10px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold-deep, #a07b1f)}.locked-premium-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:8px}.locked-premium-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:999px;white-space:nowrap}.locked-premium-badge-super{background:var(--gold);color:#2a2412}.locked-premium-badge-flag{background:color-mix(in srgb,var(--jade) 12%,transparent);color:var(--jade);border:1px solid color-mix(in srgb,var(--jade) 26%,var(--line))}.locked-premium-badge-soon{background:color-mix(in srgb,var(--ink-soft) 12%,transparent);color:var(--ink-soft)}.locked-premium-title{font-family:Fraunces,serif;font-size:20px;font-weight:700;color:var(--jade);margin:2px 0 6px}.locked-premium-desc{font-size:14px;color:var(--ink-soft);margin:0 auto 10px;max-width:44ch}.locked-premium-note{font-size:12px;color:var(--ink-soft);opacity:.85;margin:8px auto 0;max-width:48ch}.locked-premium-cta{margin-top:14px}.dating-section{max-width:880px;margin:0 auto;padding-bottom:28px}.dating-hero{text-align:center;padding:8px 0 18px}.dating-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:10px}.dating-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:999px}.dating-badge-18{background:#b3261e;color:#fff}.dating-badge-mature{background:color-mix(in srgb,#b3261e 12%,transparent);color:#b3261e;border:1px solid color-mix(in srgb,#b3261e 26%,var(--line))}.dating-badge-super{background:var(--gold);color:#2a2412}.dating-badge-soon{background:color-mix(in srgb,var(--ink-soft) 12%,transparent);color:var(--ink-soft)}.dating-title{display:flex;align-items:center;justify-content:center;gap:8px;font-family:Fraunces,serif;font-size:clamp(22px,4vw,30px);font-weight:700;color:var(--jade);margin:4px 0 6px}.dating-tagline{font-size:15px;color:var(--ink);margin:0 auto 8px;max-width:52ch}.dating-safety{display:flex;gap:6px;align-items:flex-start;text-align:left;font-size:12.5px;color:var(--ink-soft);background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:10px 12px;max-width:60ch;margin:8px auto 0}.dating-safety svg{flex:0 0 auto;margin-top:2px;color:var(--jade)}.dating-locked{text-align:center;background:var(--card-bg);border:1px solid color-mix(in srgb,var(--gold) 34%,var(--line));border-radius:16px;padding:22px 20px;max-width:560px;margin:6px auto 22px;box-shadow:0 18px 40px -28px #c9a96199}.dating-locked-icon{width:46px;height:46px;margin:0 auto 10px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold-deep, #a07b1f)}.dating-locked-title{font-family:Fraunces,serif;font-size:19px;font-weight:700;color:var(--jade);margin:0 0 6px}.dating-locked-copy{font-size:13.5px;color:var(--ink-soft);max-width:48ch;margin:0 auto 14px}.dating-preview-title{font-size:15px;font-weight:800;color:var(--ink);margin:0 0 12px;text-align:center}.dating-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.dating-cat-card{background:var(--card-bg);border:1px solid var(--line);border-radius:12px;padding:14px}.dating-cat-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.dating-cat-name{font-size:14px;font-weight:700;color:var(--jade);margin:0}.dating-cat-sev{font-size:9.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:3px 7px;border-radius:999px;white-space:nowrap}.dating-cat-sev-gentle{background:color-mix(in srgb,var(--jade) 12%,transparent);color:var(--jade)}.dating-cat-sev-moderate{background:color-mix(in srgb,var(--gold) 18%,transparent);color:#8a6a16}.dating-cat-sev-strong{background:color-mix(in srgb,#b3261e 12%,transparent);color:#b3261e}.dating-cat-sev-safety{background:color-mix(in srgb,#2563A8 14%,transparent);color:#2563a8}.dating-cat-blurb{font-size:12.5px;color:var(--ink-soft);margin:0 0 8px}.dating-cat-intents{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.dating-cat-intents li{font-size:12px;color:var(--ink);padding-left:12px;position:relative}.dating-cat-intents li:before{content:"“";position:absolute;left:0;color:var(--ink-soft)}.dating-cat-care{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#b3261e;margin:8px 0 0}.dating-teaser-list{list-style:none;padding:0;margin:14px auto 4px;max-width:46ch;display:flex;flex-direction:column;gap:10px;text-align:left}.dating-teaser-item{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:color-mix(in srgb,var(--cream) 60%,var(--card-bg))}.dating-teaser-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}.dating-teaser-item-name{font-size:13.5px;font-weight:700;color:var(--jade)}.dating-teaser-item-blurb{display:block;font-size:12px;color:var(--ink-soft);line-height:1.45}.dating-teaser-care{display:flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:#b3261e;margin:6px 0 0}.dating-disclaimer{font-size:11.5px;color:var(--ink-soft);text-align:center;max-width:64ch;margin:16px auto 0;line-height:1.5}.dating-badge-draft{background:color-mix(in srgb,#b3261e 12%,transparent);color:#b3261e;border:1px solid color-mix(in srgb,#b3261e 26%,var(--line))}.dating-draft-banner{display:flex;gap:12px;align-items:flex-start;background:var(--card-bg);border:1px solid color-mix(in srgb,#b3261e 30%,var(--line));border-left:4px solid #b3261e;border-radius:14px;padding:16px 18px;max-width:640px;margin:6px auto 22px;box-shadow:0 14px 34px -26px #b3261e8c}.dating-draft-icon{flex:0 0 auto;width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,#b3261e 12%,transparent);color:#b3261e;margin-top:2px}.dating-draft-text{flex:1 1 auto;min-width:0}.dating-draft-title{font-family:Fraunces,serif;font-size:17px;font-weight:700;color:var(--jade);margin:0 0 6px;line-height:1.25}.dating-draft-copy{font-size:13px;color:var(--ink-soft);margin:0 0 12px;line-height:1.55}.dating-draft-copy strong{color:var(--ink)}.dating-draft-cta{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.dating-phrases{display:flex;flex-direction:column;gap:26px;margin-top:6px}.dating-cat-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--line)}.dating-cat-block-titles{min-width:0}.dating-cat-block-name{font-family:Fraunces,serif;font-size:18px;font-weight:700;color:var(--jade);margin:0 0 2px}.dating-cat-block-blurb{font-size:12.5px;color:var(--ink-soft);margin:0;line-height:1.4}.dating-cat-block-head .dating-cat-sev{flex:0 0 auto;margin-top:3px}.dating-phrase-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;align-items:stretch}.dating-phrase-card{display:flex;flex-direction:column;gap:10px;background:var(--card-bg);border:1px solid var(--line);border-radius:14px;padding:14px 15px}.dating-phrase-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dating-phrase-main{min-width:0}.dating-phrase-thai{font-family:Noto Sans Thai,sans-serif;font-size:21px;font-weight:600;color:var(--jade);line-height:1.3;margin:0 0 3px;word-break:break-word}.dating-phrase-ph{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;color:var(--gold);margin:0 0 4px;letter-spacing:.01em}.dating-phrase-en{font-size:13.5px;color:var(--ink);margin:0;line-height:1.4}.dating-phrase-side{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.dating-sev-chip{font-size:9.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:3px 8px;border-radius:999px;white-space:nowrap}.dating-phrase-speak{width:30px;height:30px;flex:0 0 auto;border-radius:999px;border:1px solid var(--line);background:var(--cream-warm);color:var(--jade);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .15s}@media (hover: hover) and (pointer: fine){.dating-phrase-speak:hover{background:var(--jade);color:var(--gold);border-color:var(--jade)}}.app-root[data-theme=dark] .dating-phrase-speak{background:color-mix(in srgb,var(--jade) 14%,transparent)}.dating-phrase-example{background:var(--cream-warm);border:1px solid var(--line);border-radius:10px;padding:9px 11px}.app-root[data-theme=dark] .dating-phrase-example{background:color-mix(in srgb,var(--jade) 8%,transparent)}.dating-phrase-example-label{display:inline-block;font-size:8.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}.dating-phrase-example-thai{font-family:Noto Sans Thai,sans-serif;font-size:15px;font-weight:500;color:var(--ink);margin:0 0 2px;line-height:1.4;word-break:break-word}.dating-phrase-example-ph{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--ink-soft);margin:0 0 3px}.dating-phrase-example-en{font-size:12px;color:var(--ink-soft);margin:0;line-height:1.4;font-style:italic}.dating-phrase-note{font-size:11.5px;color:var(--ink-soft);margin:0;line-height:1.45;padding-left:10px;border-left:2px solid color-mix(in srgb,var(--gold) 50%,var(--line))}.dating-note-label{display:inline-block;font-size:8.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-right:5px}.dating-phrase-care{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#b3261e;margin:0}.dating-phrase-care svg{flex:0 0 auto}.dating-phrase-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:-2px}.dating-cat-chiprow{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;margin-top:3px;max-width:46%}.dating-teaser-item-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.dating-chip{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:3px 8px;border-radius:999px;white-space:nowrap}.dating-chip-safe{background:color-mix(in srgb,var(--jade) 12%,transparent);color:var(--jade)}.dating-chip-careful{background:color-mix(in srgb,var(--gold) 18%,transparent);color:#8a6a16}.dating-chip-avoid{background:#b3261e;color:#fff}.dating-chip-slang{background:color-mix(in srgb,#7c3aed 13%,transparent);color:#7c3aed}.dating-chip-rude{background:color-mix(in srgb,#b3261e 12%,transparent);color:#b3261e;border:1px solid color-mix(in srgb,#b3261e 26%,var(--line))}.dating-chip-review-pending{background:transparent;color:#8a6a16;border:1px dashed color-mix(in srgb,var(--gold) 55%,var(--line))}.dating-chip-review-approved{background:var(--jade);color:var(--cream)}.dating-chip-review-needs{background:transparent;color:#b3261e;border:1px dashed color-mix(in srgb,#b3261e 45%,var(--line))}.dating-chip-speaker{background:color-mix(in srgb,var(--ink-soft) 10%,transparent);color:var(--ink-soft);cursor:help}.dating-badge-reviewed{background:var(--jade);color:var(--cream)}.app-root[data-theme=dark] .dating-chip-careful,.app-root[data-theme=dark] .dating-chip-review-pending{color:color-mix(in srgb,var(--gold) 80%,#fff)}.app-root[data-theme=dark] .dating-chip-slang{color:color-mix(in srgb,#7c3aed 55%,#fff)}.dating-chip-qtype{background:color-mix(in srgb,var(--jade) 14%,transparent);color:var(--jade);border:1px solid color-mix(in srgb,var(--jade) 25%,var(--line))}.dating-chip-neutral{background:transparent;color:var(--ink-soft);border:1px dashed var(--line)}.dating-chip-count{background:color-mix(in srgb,var(--ink-soft) 10%,transparent);color:var(--ink-soft)}.dating-chip-done{background:color-mix(in srgb,var(--jade) 14%,transparent);color:var(--jade)}.dating-confirm-card{max-width:480px;margin:8px auto 0;text-align:center;background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:22px 20px}.dating-confirm-card .dating-badges{justify-content:center}.dating-confirm-title{font-family:Fraunces,serif;font-size:20px;color:var(--jade);margin:10px 0 8px}.dating-confirm-copy{font-size:13px;color:var(--ink-soft);line-height:1.55;margin:0 0 16px}.dating-confirm-actions{display:flex;flex-direction:column;align-items:center;gap:9px}.dating-confirm-actions .btn-primary{display:inline-flex;align-items:center;gap:6px}.dating-confirm-no{background:none;border:1px solid var(--line);border-radius:999px;padding:8px 18px;font-size:12.5px;font-weight:700;color:var(--ink-soft);cursor:pointer}.dating-confirm-note{font-size:10.5px;color:var(--ink-soft);margin:12px 0 0;opacity:.8}.dating-catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:14px}.dating-catcard{text-align:left;display:flex;flex-direction:column;gap:7px;background:var(--card-bg);border:1px solid var(--line);border-radius:14px;padding:14px 15px;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,transform .15s}@media (hover: hover) and (pointer: fine){.dating-catcard:hover{border-color:var(--jade);transform:translateY(-1px)}}.dating-catcard-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dating-catcard-name{font-family:Fraunces,serif;font-size:16px;font-weight:700;color:var(--jade)}.dating-catcard-go{color:var(--ink-soft);flex:0 0 auto}.dating-catcard-blurb{font-size:12px;color:var(--ink-soft);line-height:1.45;margin:0}.dating-catcard-badges{display:flex;flex-wrap:wrap;gap:5px}.dating-quiz-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.dating-quiz-back{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--ink-soft);cursor:pointer}.dating-quiz-cat{display:flex;align-items:center;gap:7px;min-width:0}.dating-quiz-cat-name{font-family:Fraunces,serif;font-size:15px;font-weight:700;color:var(--jade);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dating-quiz-count{font-size:12px;font-weight:800;color:var(--ink-soft);flex:0 0 auto}.dating-quiz-progress{height:6px;border-radius:999px;background:color-mix(in srgb,var(--ink-soft) 14%,transparent);overflow:hidden;margin-bottom:14px}.dating-quiz-progress-fill{height:100%;border-radius:999px;background:var(--jade);transition:width .25s ease}.dating-question-card{background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;max-width:620px;margin:0 auto}.dating-question-phrase{position:relative;background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:12px 46px 12px 14px}.app-root[data-theme=dark] .dating-question-phrase{background:color-mix(in srgb,var(--jade) 8%,transparent)}.dating-question-phrase .dating-phrase-speak{position:absolute;top:10px;right:10px}.dating-question-prompt{font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.5;margin:0}.dating-options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.dating-option{position:relative;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--cream-warm);border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;cursor:pointer;font:inherit;color:var(--ink);transition:border-color .12s,background .12s}.app-root[data-theme=dark] .dating-option{background:color-mix(in srgb,var(--ink-soft) 7%,transparent)}@media (hover: hover) and (pointer: fine){.dating-option:not(:disabled):hover{border-color:var(--jade)}}.dating-option-selected{border-color:var(--jade);background:color-mix(in srgb,var(--jade) 9%,transparent)}.dating-option-correct{border-color:var(--jade);background:color-mix(in srgb,var(--jade) 14%,transparent)}.dating-option-wrong{border-color:#b3261e;background:color-mix(in srgb,#b3261e 10%,transparent)}.dating-option:disabled{cursor:default;opacity:1}.dating-option-mark{flex:0 0 auto}.dating-option-correct .dating-option-mark{color:var(--jade)}.dating-option-wrong .dating-option-mark{color:#b3261e}.dating-option-text{font-size:13px;line-height:1.45}.dating-quiz-submit,.dating-quiz-next{align-self:center;display:inline-flex;align-items:center;gap:6px}.dating-quiz-submit:disabled{opacity:.5;cursor:not-allowed}.dating-reveal{border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--line)}.dating-reveal-correct{background:color-mix(in srgb,var(--jade) 7%,transparent);border-color:color-mix(in srgb,var(--jade) 30%,var(--line))}.dating-reveal-wrong{background:color-mix(in srgb,#b3261e 6%,transparent);border-color:color-mix(in srgb,#b3261e 26%,var(--line))}.dating-reveal-verdict{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800;margin:0}.dating-reveal-correct .dating-reveal-verdict{color:var(--jade)}.dating-reveal-wrong .dating-reveal-verdict{color:#b3261e}.dating-explain{display:flex;flex-direction:column;gap:9px}.dating-explain-answer{position:relative;background:var(--card-bg);border:1px solid var(--line);border-radius:10px;padding:10px 46px 10px 12px}.dating-explain-answer .dating-phrase-speak{position:absolute;top:9px;right:9px}.dating-explain-answer .dating-phrase-thai{font-size:18px}.dating-explain-correct-label{font-size:12px;font-weight:700;color:var(--jade);margin:5px 0 0}.dating-explain-literal{font-size:11.5px;color:var(--ink-soft);font-style:italic;margin:4px 0 0}.dating-explain-text{font-size:12.5px;color:var(--ink);line-height:1.55;margin:0}.dating-summary-card{max-width:440px;margin:10px auto 0;text-align:center;background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.dating-summary-icon{color:var(--gold)}.dating-summary-title{font-family:Fraunces,serif;font-size:19px;color:var(--jade);margin:0}.dating-summary-score{font-size:14px;color:var(--ink);margin:0}.dating-summary-card .dating-catcard-badges{justify-content:center}@media (max-width: 560px){.dating-draft-banner{flex-direction:column;gap:8px;padding:14px 15px}.dating-phrase-list{grid-template-columns:1fr}.dating-cat-block-head{flex-direction:column}.dating-cat-block-head .dating-cat-sev{margin-top:0}.dating-cat-chiprow{justify-content:flex-start;margin-top:4px;max-width:100%}}.super-prompt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:270;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:#0f3d2e80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .18s ease-out}.super-prompt-card{position:relative;width:min(420px,100%);background:var(--card-bg);border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));border-radius:18px;padding:22px 18px 18px;box-shadow:0 22px 58px #00000047;animation:revealUp .24s ease-out}.super-prompt-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:var(--card-bg);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer}.super-prompt-icon{width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--gold) 22%,transparent);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.super-prompt-eyebrow{font-size:11px;font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;margin-bottom:4px}.super-prompt-title{font-family:Fraunces,serif;font-size:24px;line-height:1.12;color:var(--jade);margin:0 38px 8px 0;letter-spacing:0}.super-prompt-copy{color:var(--ink-soft);font-size:14px;line-height:1.5;margin:0 0 16px}.super-prompt-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.super-prompt-primary,.super-prompt-secondary{width:100%}.app-root[data-theme=dark] .super-prompt-backdrop{background:#050f0cad}@media (min-width: 640px){.super-prompt-backdrop{align-items:center}}@media (max-width: 420px){.reward-summary-grid,.super-prompt-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.reward-screen-backdrop,.reward-screen-panel,.super-prompt-backdrop,.super-prompt-card,.reward-progress-fill{animation:none;transition:none}}.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}.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:var(--card-bg);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-plan-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.profile-plan-info{display:flex;flex-direction:column;gap:6px;min-width:0}.profile-plan-badge{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.02em;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--ink-soft) 12%,transparent);color:var(--ink)}.profile-plan-badge-super{background:var(--gold);color:#2a2412}.profile-plan-badge-super svg{color:#2a2412}.profile-plan-text{font-size:13px;color:var(--ink-soft);line-height:1.45}.profile-plan-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px}.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-danger{color:var(--brick)}.profile-action-danger:hover{border-color:#a03b2c73;background:#a03b2c0f}.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-legal-links{align-items:flex-start}.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)}.auth-footer-secondary-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:8px}.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,.legal-content ol{margin:0 0 14px;padding-left:20px}.legal-content ul li,.legal-content ol 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-content a.feedback-mailto-btn{color:var(--cream);text-decoration:none;word-break:normal;margin-top:4px}.legal-content a.feedback-mailto-btn:hover{color:var(--cream)}.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)}.legal-owner-note{margin:0 0 18px;padding:12px 14px;border:1px solid rgba(201,169,97,.45);border-left:3px solid var(--gold);border-radius:0 10px 10px 0;background:#c9a9611f;color:var(--ink);font-size:13px;line-height:1.5}.premium-coming-soon{margin:16px 0 18px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--gold) 46%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--gold) 12%,var(--card-bg));color:var(--ink);font-size:13px;line-height:1.5}.premium-coming-soon strong{color:var(--jade)}.premium-benefit-list li{padding-left:2px}.public-info-page{flex:1;min-height:100vh;background:var(--cream);color:var(--ink)}.public-info-topbar{width:100%;max-width:1120px;margin:0 auto;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.public-info-brand{display:inline-flex;flex-direction:column;gap:4px;min-width:0;color:inherit;text-decoration:none}.public-info-brand-name{font-family:Fraunces,serif;color:var(--jade);font-size:22px;font-weight:700;line-height:1;letter-spacing:0}.public-info-brand-slogan{color:var(--ink-soft);font-size:12px;font-weight:500;line-height:1.2}.public-info-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.public-info-nav-link{color:var(--ink-soft);border:1px solid var(--line);background:var(--card-bg);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.public-info-nav-link:hover,.public-info-nav-link-active{color:var(--jade);border-color:var(--jade)}.public-info-shell{width:100%;max-width:780px;margin:0 auto;padding:18px 20px 56px}.public-info-back{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft);font-size:13px;font-weight:600;text-decoration:none;margin-bottom:14px}.public-info-back:hover{color:var(--jade)}.public-info-card{background:var(--card-bg);border:1px solid var(--line);border-radius:8px;padding:26px 22px 30px;box-shadow:0 10px 26px #0f3d2e0f}.public-info-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-weight:800;margin-bottom:8px}.public-info-title{font-family:Fraunces,serif;font-size:38px;font-weight:650;line-height:1.1;color:var(--jade);margin:0 0 10px;letter-spacing:0}.public-info-intro{color:var(--ink-soft);font-size:15px;line-height:1.55;margin:0 0 22px;max-width:640px}.public-info-content{padding-top:18px;border-top:1px solid var(--line)}@media (max-width: 720px){.public-info-topbar{flex-direction:column;align-items:flex-start;padding:18px 16px}.public-info-nav{justify-content:flex-start}.public-info-shell{padding-left:16px;padding-right:16px}.public-info-card{padding:22px 16px 26px}.public-info-title{font-size:32px}}.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,.demo-end-home{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}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-item-super{color:var(--gold-deep, #a07b1f);font-weight:700}.sidebar-item-super svg{color:var(--gold)}.sidebar-item-super:hover{background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold-deep, #a07b1f);border-color:color-mix(in srgb,var(--gold) 30%,var(--line))}.sidebar-item-super-active{color:var(--gold-deep, #a07b1f);font-weight:700;cursor:default}.sidebar-item-super-active svg{color:var(--gold)}.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);padding-top:env(safe-area-inset-top,0px)}.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}.topstats-label{font-weight:600;opacity:.72;letter-spacing:.01em}.topstats-val{font-weight:700}@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,.topstats-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}}.tut-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;pointer-events:none}.tut-dim{position:fixed;background:#0f17149e;pointer-events:auto}.tut-dim-full{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tut-hole-block{position:fixed;background:transparent;pointer-events:auto}.tut-ring{position:fixed;border-radius:12px;box-shadow:0 0 0 3px var(--gold),0 0 0 6px color-mix(in srgb,var(--gold) 35%,transparent);pointer-events:none;transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease}.tut-card{position:fixed;z-index:1201;pointer-events:auto;box-sizing:border-box;background:var(--card-bg);color:var(--ink);border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));border-radius:14px;padding:16px 16px 14px;box-shadow:0 18px 50px #00000057;animation:revealUp .2s ease-out}.tut-card-above{transform:translateY(-100%)}.tut-card-center{top:50%;left:50%;transform:translate(-50%,-50%)}.tut-skip{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:3px;background:none;border:none;color:var(--ink);opacity:.55;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:4px}.tut-skip:hover{opacity:1}.tut-step-count{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:6px}.tut-title{font-family:Fraunces,serif;font-size:19px;font-weight:700;color:var(--jade);margin:0 0 6px;line-height:1.15}.tut-body{font-size:13.5px;line-height:1.5;color:var(--ink);opacity:.85;margin:0 0 14px}.tut-actions{display:flex;justify-content:space-between;gap:10px}.tut-btn{display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:13px;font-weight:700;border-radius:999px;padding:8px 16px;cursor:pointer;border:1px solid transparent;transition:transform .12s,background .15s}.tut-btn:active{transform:translateY(1px)}.tut-btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.tut-btn-ghost:disabled{opacity:.4;cursor:default}.tut-btn-primary{background:var(--jade);color:#fff}.tut-btn-primary:hover{background:color-mix(in srgb,var(--jade) 88%,#000)}@media (prefers-reduced-motion: reduce){.tut-card{animation:none}.tut-ring{transition:none}}.cine-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:#000;display:flex;align-items:center;justify-content:center}.cine-video{width:100%;height:100%;object-fit:contain;background:#000}.cine-controls{position:absolute;top:max(12px,env(safe-area-inset-top,12px));right:max(12px,env(safe-area-inset-right,12px));display:flex;gap:8px}.cine-sound-btn,.cine-skip-btn{display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:13px;font-weight:700;color:#fff;background:#00000080;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 13px;cursor:pointer}.cine-sound-btn{padding:8px}.cine-sound-btn:hover,.cine-skip-btn:hover{background:#000000b8}.cine-fallback{background:linear-gradient(160deg,var(--jade, #0F3D2E),#06100c)}.cine-fallback-card{text-align:center;color:#fff;animation:revealUp .3s ease-out}.cine-fallback-emoji{font-size:64px;line-height:1}.cine-fallback-title{font-family:Fraunces,serif;font-size:30px;font-weight:700;margin-top:10px}@media (prefers-reduced-motion: reduce){.cine-fallback-card{animation:none}}.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-super{border-color:color-mix(in srgb,var(--gold) 34%,var(--line));color:var(--gold-deep, #a07b1f)}.mobile-more-item-super svg{color:var(--gold)}.mobile-more-item-super-active{border-color:color-mix(in srgb,var(--gold) 40%,var(--line));background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold-deep, #a07b1f);cursor:default}.mobile-more-item-super-active svg{color:var(--gold)}.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-course-complete{display:flex;align-items:flex-start;gap:14px;background:linear-gradient(135deg,var(--gold, #C9A961) 0%,var(--jade) 100%);color:var(--cream);border-radius:18px;padding:18px 20px;margin-bottom:16px;box-shadow:0 12px 30px #0f3d2e38}.learn-course-complete-icon{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffff2e;color:var(--cream)}.learn-course-complete-body{display:flex;flex-direction:column;gap:6px}.learn-course-complete-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.9}.learn-course-complete-title{font-size:19px;font-weight:800;margin:0;line-height:1.2}.learn-course-complete-sub{font-size:13.5px;line-height:1.45;margin:0;opacity:.95}.learn-course-complete-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.learn-course-complete-actions .btn-primary,.learn-course-complete-actions .btn-secondary{padding:9px 16px;font-size:14px}.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-path-locked-note{margin-top:10px;display:flex;flex-direction:column;gap:2px;max-width:100%;padding:8px 12px;border:1px dashed var(--line-strong);border-radius:12px;color:var(--ink-soft);background:var(--cream-warm);line-height:1.35}.learn-path-locked-main{font-size:12px;font-weight:800;color:var(--ink);letter-spacing:.01em}.learn-path-locked-sub{font-size:11.5px;font-weight:600}.learn-path-locked-super{font-size:10.5px;font-weight:600;opacity:.72}.demo-footer-links{display:flex;flex-direction:column;align-items:center;gap:6px}.quiz-mode-feedback-pair{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quiz-feedback-speaker{flex:0 0 auto}.app-root[data-theme=dark] .learn-path-locked-note{background:#e8e4d90a}.learn-path-done-note{margin-top:8px;font-size:11px;color:var(--jade);font-weight:600;line-height:1.4}.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}.shop-footnote span{flex:1;min-width:0}.shop-footnote-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--gold) 54%,var(--line-strong));border-radius:999px;background:var(--card-bg);color:var(--jade);font-family:inherit;font-size:11px;font-weight:800;padding:6px 10px;cursor:pointer;white-space:nowrap}.shop-footnote-link svg{color:var(--gold)}.shop-footnote-link:hover{border-color:var(--gold)}.app-root[data-theme=dark] .shop-footnote{background:#e8e4d90a}@media (max-width: 540px){.shop-footnote{align-items:flex-start;flex-wrap:wrap}.shop-footnote-link{width:100%}}.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}.feature-lock-panel{min-height:min(520px,calc(100vh - 190px));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;background:var(--card-bg);border:1px solid color-mix(in srgb,var(--gold) 36%,var(--line));border-radius:18px;padding:34px 20px;box-shadow:0 12px 34px #0f3d2e14}.feature-lock-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold);margin-bottom:4px}.feature-lock-eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.feature-lock-title{margin:0;color:var(--jade);font-family:Fraunces,serif;font-size:30px;line-height:1.08;letter-spacing:0}.feature-lock-copy{max-width:430px;margin:0 0 8px;color:var(--ink-soft);font-size:14px;line-height:1.55}.feature-lock-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.feature-lock-actions .btn-primary,.feature-lock-actions .btn-secondary{min-width:150px;justify-content:center}.app-root[data-theme=dark] .feature-lock-panel{box-shadow:none;background:var(--card-bg)}@media (max-width: 540px){.feature-lock-panel{min-height:auto;padding:26px 16px}.feature-lock-title{font-size:25px}.feature-lock-actions,.feature-lock-actions .btn-primary,.feature-lock-actions .btn-secondary{width:100%}}.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}.leaderboard-lock span{flex:1;min-width:0}.leaderboard-super-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--gold) 54%,var(--line-strong));border-radius:999px;background:var(--card-bg);color:var(--jade);font-family:inherit;font-size:11px;font-weight:800;padding:6px 10px;cursor:pointer;white-space:nowrap}.leaderboard-super-link svg{color:var(--gold)}.leaderboard-super-link:hover{border-color:var(--gold)}.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}@media (max-width: 540px){.leaderboard-lock{align-items:flex-start;flex-wrap:wrap}.leaderboard-super-link{width:100%}.leaderboard-preview-row{grid-template-columns:28px 36px minmax(0,1fr) auto}.leaderboard-preview-xp{grid-column:3 / -1}}.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-list{display:flex;flex-direction:column;gap:10px}.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-card-current{border-left-color:var(--gold)}.learn-miniunit-card-complete{border-left-color:var(--jade)}.learn-miniunit-card-complete .learn-miniunit-icon{background:color-mix(in srgb,var(--jade) 16%,transparent)}.learn-miniunit-card-locked{border-left-color:var(--line-strong);opacity:.72}.learn-miniunit-card-locked .learn-miniunit-icon{background:color-mix(in srgb,var(--ink-soft) 12%,transparent);color:var(--ink-soft)}.learn-miniunit-card-locked .learn-miniunit-title{color:var(--ink-soft)}.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{display:flex;align-items:center;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:700;margin-bottom:4px}.learn-miniunit-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:9.5px;letter-spacing:.1em;font-weight:800}.learn-miniunit-badge-current{background:color-mix(in srgb,var(--gold) 22%,transparent);color:var(--gold)}.learn-miniunit-badge-complete{background:color-mix(in srgb,var(--jade) 18%,transparent);color:var(--jade)}.learn-miniunit-badge-locked{background:color-mix(in srgb,var(--ink-soft) 14%,transparent);color:var(--ink-soft)}.learn-miniunit-num{color:var(--ink-soft);font-weight:700}.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}.learn-miniunit-btn:disabled{background:color-mix(in srgb,var(--ink-soft) 22%,transparent);color:var(--ink-soft);cursor:not-allowed}.learn-miniunit-card-complete .learn-miniunit-btn{background:transparent;color:var(--jade);border:1px solid color-mix(in srgb,var(--jade) 40%,var(--line))}@media (hover: hover) and (pointer: fine){.learn-miniunit-btn:hover:not(:disabled){background:var(--jade-soft)}.learn-miniunit-card-complete .learn-miniunit-btn:hover{background:color-mix(in srgb,var(--jade) 10%,transparent)}}.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-perspective-note{font-size:12.5px;color:var(--ink-soft);line-height:1.45;max-width:460px;margin:0 auto 16px;font-weight:650}.firstlesson-primer-head{display:flex;align-items:flex-start;gap:12px;text-align:left;margin-bottom:6px}.firstlesson-primer-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--jade);flex-shrink:0}.firstlesson-primer .firstlesson-title{font-size:26px;margin:2px 0 0;text-align:left}.firstlesson-primer .firstlesson-copy{text-align:left;margin:0 0 16px}.firstlesson-primer-list{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:10px}.firstlesson-primer-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:13px;background:var(--cream-warm);padding:13px 14px}.firstlesson-primer-num{width:24px;height:24px;border-radius:999px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--jade) 14%,transparent);color:var(--jade);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:900}.firstlesson-primer-text{min-width:0}.firstlesson-primer-heading{font-family:Fraunces,serif;font-size:16px;line-height:1.25;color:var(--jade);margin:1px 0 4px;font-weight:600;overflow-wrap:anywhere}.firstlesson-primer-body{font-size:13.5px;line-height:1.5;color:var(--ink);margin:0;overflow-wrap:anywhere}.firstlesson-actions-stack{flex-direction:column;align-items:stretch}.firstlesson-actions-stack .firstlesson-primary,.firstlesson-skip-btn{width:100%;justify-content:center}.firstlesson-option-text{min-height:56px}.firstlesson-option-label{font-size:16px;font-weight:750;line-height:1.32;color:inherit;font-family:inherit;overflow-wrap:anywhere}.firstlesson-quiz .firstlesson-question strong{font-size:18px;line-height:1.35}.firstlesson-quiz .firstlesson-feedback{line-height:1.45}.firstlesson-recap-list{list-style:none;margin:4px auto 18px;padding:0;display:flex;flex-direction:column;gap:8px;max-width:430px;text-align:left}.firstlesson-recap-item{display:flex;align-items:flex-start;gap:9px;border:1px solid color-mix(in srgb,var(--jade) 22%,var(--line));background:color-mix(in srgb,var(--jade) 6%,var(--card-bg));border-radius:12px;padding:10px 12px;font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.4;overflow-wrap:anywhere}.firstlesson-recap-check{color:var(--jade);flex-shrink:0;margin-top:1px}.firstlesson-recap-score{font-size:13px;font-weight:700;margin-bottom:18px}.reward-achievements{list-style:none;margin:2px 0 16px;padding:0;display:flex;flex-direction:column;gap:7px;text-align:left}.reward-achievement-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:700;color:var(--ink);line-height:1.4}.reward-achievement-item svg{color:var(--jade);flex-shrink:0;margin-top:2px}@keyframes fl-correct-glow{0%{box-shadow:0 0 color-mix(in srgb,var(--jade) 55%,transparent)}to{box-shadow:0 0 0 9px transparent}}@keyframes fl-wrong-nudge{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.firstlesson-option-correct{animation:fl-correct-glow .48s ease-out}.firstlesson-option-wrong{animation:fl-wrong-nudge .3s ease-in-out}@media (prefers-reduced-motion: reduce){.firstlesson-option-correct,.firstlesson-option-wrong{animation:none!important}}.miniunit-intro-card{text-align:left;border:1px solid var(--line);background:var(--cream-warm);border-radius:14px;padding:14px 16px;margin:4px 0 16px}.miniunit-intro-lead{font-size:14px;line-height:1.5;color:var(--ink);font-weight:650;margin:0 0 10px}.miniunit-intro-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.miniunit-intro-points li{font-size:13px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}.miniunit-intro-points strong{color:var(--jade);font-weight:800}.miniunit-recap-lead{font-weight:650}.miniunit-recap-list{list-style:none;margin:6px auto 14px;padding:0;display:flex;flex-direction:column;gap:8px;max-width:440px;text-align:left}.miniunit-recap-item{display:flex;align-items:flex-start;gap:9px;border:1px solid color-mix(in srgb,var(--jade) 22%,var(--line));background:color-mix(in srgb,var(--jade) 6%,var(--card-bg));border-radius:12px;padding:10px 12px;font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.4;overflow-wrap:anywhere}.miniunit-recap-item svg{color:var(--jade);flex-shrink:0;margin-top:1px}.miniunit-complete-score{font-size:13px;margin-top:4px}.miniunit-option-correct{animation:fl-correct-glow .48s ease-out}.miniunit-option-wrong{animation:fl-wrong-nudge .3s ease-in-out}@media (prefers-reduced-motion: reduce){.miniunit-option-correct,.miniunit-option-wrong{animation:none!important}}.learn-basics-link{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--jade) 28%,var(--line));background:color-mix(in srgb,var(--jade) 6%,var(--card-bg));color:var(--jade);border-radius:999px;font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer}@media (hover: hover) and (pointer: fine){.learn-basics-link:hover{background:color-mix(in srgb,var(--jade) 12%,var(--card-bg))}}.basics-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f3d2e73}.basics-modal-panel{width:min(560px,100%);max-height:88vh;display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px #0f3d2e47;overflow:hidden}.basics-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.basics-modal-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:800}.basics-modal-close{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--cream-warm);color:var(--ink);border-radius:999px;cursor:pointer;flex-shrink:0}.basics-modal-scroll{flex:1;min-height:0;padding:16px;overflow-y:auto}.learn-bonus-section{margin-top:4px}.learn-bonus-card{display:flex;align-items:center;gap:14px;width:100%;padding:15px 16px;border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));border-radius:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--gold) 12%,var(--card-bg)),var(--card-bg) 70%);color:var(--ink);font-family:inherit;text-align:left;cursor:pointer;box-shadow:0 10px 26px #0f3d2e12;transition:border-color .15s,box-shadow .15s}@media (hover: hover) and (pointer: fine){.learn-bonus-card:hover{border-color:var(--gold);box-shadow:0 12px 30px color-mix(in srgb,var(--gold) 22%,transparent)}}.learn-bonus-card>svg{flex-shrink:0;color:var(--ink-soft)}.learn-bonus-icon{flex:0 0 auto;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:color-mix(in srgb,var(--gold) 20%,var(--card-bg));border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);color:color-mix(in srgb,var(--gold) 75%,var(--ink))}.learn-bonus-body{display:flex;flex-direction:column;gap:2px;min-width:0}.learn-bonus-eyebrow{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb,var(--gold) 60%,var(--ink))}.learn-bonus-title{font-family:Fraunces,serif;font-size:17px;font-weight:650;color:var(--ink);line-height:1.2}.learn-bonus-copy{font-size:12.5px;color:var(--ink-soft);line-height:1.4}.borrowed-words-lead{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:var(--ink-soft)}.borrowed-words-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.borrowed-word{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--cream-warm)}.borrowed-word-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.borrowed-word-en{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--gold) 55%,var(--ink))}.borrowed-word-thai{font-family:Noto Sans Thai,sans-serif;font-size:20px;font-weight:700;color:var(--jade);line-height:1.25;overflow-wrap:anywhere}.borrowed-word-ph{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--brick)}.borrowed-word-note{font-size:12px;color:var(--ink-soft);line-height:1.4}.borrowed-word-audio{flex:0 0 auto;margin-left:auto;width:38px;height:38px;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}@media (hover: hover) and (pointer: fine){.borrowed-word-audio:hover{background:var(--jade);border-color:var(--jade);color:var(--gold)}}.borrowed-word-audio:active{transform:scale(.94)}.borrowed-words-footnote{margin:14px 0 2px;font-size:11.5px;line-height:1.5;color:var(--stone)}.app-root[data-theme=dark] .borrowed-word{background:var(--cream-warm)}.app-root[data-theme=dark] .learn-bonus-card{background:linear-gradient(120deg,color-mix(in srgb,var(--gold) 10%,var(--card-bg)),var(--card-bg) 70%)}.basics-primer-content .firstlesson-title{font-size:23px;text-align:left;margin:2px 0 0}.basics-primer-content .firstlesson-copy{text-align:left;margin:0 0 16px}.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-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 16px}.firstlesson-unlock-preview div{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--cream-warm);padding:10px;text-align:left}.firstlesson-unlock-preview strong{display:block;color:var(--jade);font-family:Fraunces,serif;font-size:14px;line-height:1.2;margin-bottom:4px}.firstlesson-unlock-preview span{display:block;color:var(--ink-soft);font-size:11.5px;line-height:1.35}.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-preview div{background:#e8e4d90a}.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-preview{grid-template-columns:1fr}.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)}.sentence-builder{display:flex;flex-direction:column;gap:14px}.sb-prompt-card{background:var(--cream-warm);border:1px solid var(--line);border-radius:14px;padding:14px 16px;text-align:center}.sb-prompt-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:6px}.sb-prompt-english{font-family:Fraunces,serif;font-size:20px;line-height:1.25;color:var(--jade)}.sb-answer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:64px;padding:12px;border:2px dashed var(--line-strong);border-radius:14px;background:var(--card-bg)}.sb-answer-wrong{border-color:var(--brick);border-style:solid}.sb-answer-correct{border-color:var(--jade);border-style:solid;background:color-mix(in srgb,var(--jade) 8%,var(--card-bg))}.sb-answer-placeholder{color:var(--ink-soft);font-size:13px;line-height:1.4}.sb-bank{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:4px 0}.sb-bank-empty{color:var(--ink-soft);font-size:13px}.sb-tile{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-height:48px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--cream-warm);color:var(--ink);font-family:inherit;cursor:pointer;transition:border-color .15s,transform .1s,background .15s}.sb-tile:active{transform:translateY(1px)}@media (hover: hover) and (pointer: fine){.sb-tile:hover:not(:disabled){border-color:var(--gold)}}.sb-tile:disabled{cursor:default;opacity:.85}.sb-tile-placed{background:var(--card-bg);border-color:var(--jade)}.sb-tile-blank{background:color-mix(in srgb,var(--gold) 14%,var(--card-bg));border-style:dashed}.sb-tile-thai{font-family:Noto Sans Thai,sans-serif;font-size:22px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.sb-tile-ph{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-soft)}.sb-feedback-row{min-height:4px}.sb-feedback{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.sb-feedback-correct{color:var(--jade)}.sb-feedback-wrong{color:var(--brick)}.sb-feedback .sb-tile-thai,.sb-feedback span{overflow-wrap:anywhere}.sb-speak-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:1px solid var(--line);background:var(--card-bg);color:var(--jade);cursor:pointer;flex-shrink:0}.sb-actions{display:flex;gap:10px}.sb-clear-btn{flex:0 0 auto}.sb-clear-btn:disabled{opacity:.45;cursor:not-allowed}.sb-check-btn{flex:1;justify-content:center}.sb-check-btn:disabled{opacity:.45;cursor:not-allowed}.sb-continue-btn{width:100%;justify-content:center}.app-root[data-theme=dark] .sb-prompt-card{background:#e8e4d90d;border-color:#e8e4d924}.app-root[data-theme=dark] .sb-tile{background:#e8e4d90f}.app-root[data-theme=dark] .sb-tile-placed{background:#ffffff0a}.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%}}.card-direction-toggle{display:inline-flex;align-self:center;gap:0;margin:0 auto 12px;padding:3px;background:var(--cream-warm);border:1px solid var(--line-strong);border-radius:999px}.card-direction-btn{border:none;background:transparent;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.card-direction-btn-active{background:var(--jade);color:#fff}@media (hover: hover) and (pointer: fine){.card-direction-btn:not(.card-direction-btn-active):hover{color:var(--ink)}}.cards-direction-toggle{display:flex;width:max-content}.cards-direction-hint{align-self:center;margin:-6px auto 10px;font-size:11px;font-weight:600;color:var(--ink-soft);opacity:.85}.miniunit-direction-toggle,.firstlesson-direction-toggle,.demo-direction-toggle{display:flex;width:max-content}.app-root[data-theme=dark] .card-direction-toggle{background:#e8e4d90f}.app-root[data-theme=dark] .card-direction-btn{color:var(--ink-soft)}.app-root[data-theme=dark] .card-direction-btn-active{color:#10231b;background:var(--jade)}.srs-card-en-primary{font-family:Fraunces,serif;font-size:32px;font-weight:550;color:var(--ink);text-align:center;margin:14px 0 8px;line-height:1.25;overflow-wrap:anywhere}.srs-card-en-confirm{font-family:Fraunces,serif;font-size:17px;font-weight:500;color:var(--ink-soft);text-align:center;margin:6px 0 14px;line-height:1.3}.miniunit-card-en-primary{font-family:Fraunces,serif;font-size:28px;color:var(--ink);line-height:1.25;overflow-wrap:anywhere}.miniunit-card-ph-answer{font-size:22px}.miniunit-card-thai-secondary{font-size:24px!important;font-weight:500!important;opacity:.75}.firstlesson-card-en-primary{font-family:Fraunces,serif;color:var(--ink);font-size:28px;line-height:1.25;max-width:560px;overflow-wrap:anywhere}.firstlesson-card-ph-answer{font-size:21px}.firstlesson-card-thai-secondary{font-size:26px!important;font-weight:600!important;opacity:.75}.app-root[data-theme=dark] .srs-card-en-primary,.app-root[data-theme=dark] .miniunit-card-en-primary,.app-root[data-theme=dark] .firstlesson-card-en-primary{color:#f2eee5}.demo-rate-block{margin:0 0 6px}.demo-rate-row{margin-bottom:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.demo-rate-row .rate-btn{min-width:0;padding:9px 4px}.demo-rate-row .rate-btn-label{font-size:11px}.demo-rate-row .rate-btn-sub{font-size:9px}.demo-smart-note{margin:8px 0 0;text-align:center;font-size:12px;line-height:1.45;color:var(--ink-soft)}.demo-quiz{text-align:left;margin-bottom:16px}.demo-quiz-question{margin-bottom:12px}.demo-quiz-options{margin-bottom:10px}.demo-quiz-option-ph{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700;color:var(--jade)}.demo-quiz-option-thai{font-size:16px;opacity:.8}.demo-lesson-preview{text-align:left;margin-bottom:16px}.demo-lesson-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.demo-lesson-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--jade) 10%,var(--card-bg));color:var(--jade);flex-shrink:0}.demo-lesson-eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.demo-lesson-title{margin:2px 0 0;font-family:Fraunces,serif;font-size:20px;font-weight:650;line-height:1.2;color:var(--jade)}.demo-lesson-intro-card{background:color-mix(in srgb,var(--jade) 5%,var(--card-bg));border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}.demo-lesson-lead{margin:0 0 8px;font-size:14px;line-height:1.5;color:var(--ink)}.demo-lesson-points{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.5;color:var(--ink-soft)}.demo-lesson-points strong{color:var(--ink)}.demo-lesson-note{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--ink-soft)}.demo-lesson-note-structure{margin:10px 0 0}.demo-lesson-recap{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.demo-lesson-recap li{display:flex;align-items:flex-start;gap:7px;font-size:13px;line-height:1.45;color:var(--ink)}.demo-lesson-recap svg{color:var(--jade);flex-shrink:0;margin-top:2px}.app-root[data-theme=dark] .demo-lesson-intro-card{background:#e8e4d90d;border-color:#e8e4d924}.cutscene-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:var(--ink, #1a2820);overflow:hidden}.cutscene-video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:var(--ink, #1a2820)}.cutscene-skip-btn{position:absolute;bottom:max(20px,env(safe-area-inset-bottom,0px));right:20px;display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:1px solid var(--gold, #C9A961);border-radius:999px;background:#00000073;color:var(--cream, #F5F0E5);font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,border-color .15s,color .15s}@media (hover: hover) and (pointer: fine){.cutscene-skip-btn:hover{background:var(--gold, #C9A961);border-color:var(--gold, #C9A961);color:var(--jade, #0F3D2E)}}.cutscene-skip-btn:focus-visible{outline:2px solid var(--gold, #C9A961);outline-offset:2px}.learn-path-node-locked .learn-path-character{filter:grayscale(1)}.learn-path-node-locked .learn-path-character-emoji{opacity:.75}.learn-mission-node-locked{filter:grayscale(.95)}.level-pill-locked{filter:grayscale(1)}.shop-character-card .shop-character-portrait{filter:grayscale(.9);opacity:.9}.leaderboard-preview-row-placeholder{filter:grayscale(1)}.quiz-hearts-status{display:inline-flex;align-items:center;gap:4px;margin:0 auto 18px;padding:6px 12px;border-radius:999px;background:var(--cream-warm);border:1px solid var(--line)}.app-root[data-theme=dark] .quiz-hearts-status{background:#e8e4d90d}.quiz-hearts-status .quiz-heart-full{color:#e0445c}.quiz-hearts-status .quiz-heart-empty{color:var(--line-strong)}.quiz-hearts-status-text{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--ink-soft);margin-left:4px}.quiz-hearts-gate{max-width:480px;margin:4px auto 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:26px 22px;border:1px solid color-mix(in srgb,#E0445C 32%,var(--line));border-radius:18px;background:var(--card-bg);box-shadow:0 12px 34px #0f3d2e14}.app-root[data-theme=dark] .quiz-hearts-gate{box-shadow:none}.quiz-hearts-gate-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:color-mix(in srgb,#E0445C 16%,transparent);color:#e0445c}.quiz-hearts-gate-title{font-family:Fraunces,serif;font-size:24px;font-weight:600;color:var(--jade);letter-spacing:-.01em}.quiz-hearts-gate-copy{font-size:13.5px;color:var(--ink-soft);line-height:1.5;margin:0;max-width:400px}.quiz-hearts-gate-regen{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;color:var(--jade);background:var(--cream-warm);border:1px solid var(--line);border-radius:999px;padding:6px 14px}.app-root[data-theme=dark] .quiz-hearts-gate-regen{background:#e8e4d90d}.quiz-hearts-gate-regen strong{color:var(--gold)}.quiz-hearts-gate-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:4px}.quiz-hearts-gate-actions .btn-primary,.quiz-hearts-gate-actions .btn-secondary{min-width:170px;justify-content:center;white-space:nowrap}.quiz-hearts-gate-hint{font-size:12px;color:var(--ink-soft);line-height:1.45;max-width:380px}.quiz-hearts-gate-practice{margin-top:2px;background:none;border:none;color:var(--ink-soft);font-family:inherit;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 8px}@media (hover: hover) and (pointer: fine){.quiz-hearts-gate-practice:hover{color:var(--jade)}}@media (max-width: 540px){.quiz-hearts-gate{padding:22px 16px}.quiz-hearts-gate-title{font-size:21px}.quiz-hearts-gate-actions,.quiz-hearts-gate-actions .btn-primary,.quiz-hearts-gate-actions .btn-secondary{width:100%}}.shop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.shop-header-titles{min-width:0;flex:1 1 260px}.shop-header-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:6px}.shop-header-title{font-family:Fraunces,serif;font-size:26px;font-weight:500;color:var(--jade);letter-spacing:-.01em;margin:0 0 8px;line-height:1.15}.shop-header-sub{font-size:13.5px;color:var(--ink-soft);line-height:1.5;margin:0;max-width:520px}.shop-balance{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,#3F8AC4 12%,transparent);border:1px solid rgba(63,138,196,.35);color:#3f8ac4;font-family:JetBrains Mono,monospace;white-space:nowrap}.shop-balance-val{font-size:16px;font-weight:700}.shop-balance-label{font-size:12px;font-weight:600;opacity:.8}.shop-items{display:flex;flex-direction:column;gap:12px}.shop-item-icon-hearts{background:color-mix(in srgb,#E0445C 14%,transparent)!important;color:#e0445c!important}.shop-item-status{display:flex;align-items:center;gap:4px;margin-bottom:6px;flex-wrap:wrap}.shop-item-status-hearts{display:inline-flex;align-items:center;gap:3px}.shop-item-status-hearts .shop-heart-full{color:#e0445c}.shop-item-status-hearts .shop-heart-empty{color:var(--line-strong)}.shop-item-status-count{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--ink-soft);margin-left:4px}.shop-item-status-super{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--gold)}.shop-item-reason{font-size:12px;color:var(--ink-soft);line-height:1.4}.shop-item-buy{flex:0 0 auto;align-self:center;min-width:84px;justify-content:center;white-space:nowrap}.shop-upsell{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 14%,var(--card-bg)) 0%,var(--card-bg) 70%);border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));border-radius:14px;padding:14px 16px}.shop-upsell-icon{width:44px;height:44px;border-radius:12px;background:var(--gold);color:#2a2412;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shop-upsell-body{min-width:0}.shop-upsell-title{font-family:Fraunces,serif;font-size:16px;font-weight:600;color:var(--jade);margin-bottom:3px}.shop-upsell-desc{font-size:12.5px;color:var(--ink-soft);line-height:1.4}.shop-upsell-cta{flex:0 0 auto;align-self:center;white-space:nowrap}@media (max-width: 639px){.shop-header-title{font-size:22px}.shop-item-buy{align-self:stretch}.shop-upsell{grid-template-columns:44px 1fr}.shop-upsell-cta{grid-column:1 / -1;width:100%;justify-content:center}}.setting-cancel-plan-btn{margin-top:10px;background:none;border:1px solid var(--line-strong);border-radius:999px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:all .15s}@media (hover: hover) and (pointer: fine){.setting-cancel-plan-btn:hover:not(:disabled){border-color:var(--brick);color:var(--brick)}}.setting-cancel-plan-btn:disabled{opacity:.5;cursor:not-allowed}.setting-cancel-plan-error{margin-top:8px;font-size:12px;color:var(--brick);line-height:1.4}.profile-plan-cancel-btn{flex:0 0 auto;background:none;border:1px solid var(--line-strong);border-radius:999px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:all .15s}@media (hover: hover) and (pointer: fine){.profile-plan-cancel-btn:hover:not(:disabled){border-color:var(--brick);color:var(--brick)}}.profile-plan-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.profile-plan-cancel-error{font-size:12px;color:var(--brick);line-height:1.4;margin-top:2px}.lp{--lp-maxw: 1180px;--lp-pad: clamp(20px, 5vw, 40px);--lp-gap: clamp(18px, 3vw, 28px);--lp-radius: 20px;--lp-section-y: clamp(60px, 8.5vw, 112px);--lp-ink-on-dark: #fffaf0;--lp-shadow-card: 0 1px 2px rgba(15, 61, 46, .04), 0 18px 40px -24px rgba(15, 61, 46, .35);--lp-shadow-float: 0 30px 70px -34px rgba(15, 61, 46, .55);flex:1;min-height:100vh;width:100%;background:var(--cream);color:var(--ink);position:relative;overflow-x:clip;letter-spacing:0}.lp-shell{width:100%;max-width:var(--lp-maxw);margin:0 auto;padding-inline:var(--lp-pad)}.lp-nav{position:fixed;inset:0 0 auto 0;z-index:30;transition:background .28s ease,box-shadow .28s ease,backdrop-filter .28s ease}.lp-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:max(14px,env(safe-area-inset-top));padding-bottom:14px;padding-inline:max(var(--lp-pad),env(safe-area-inset-left)) max(var(--lp-pad),env(safe-area-inset-right))}.lp-scrolled .lp-nav{background:var(--header-bg);box-shadow:0 1px 0 var(--line),0 12px 30px -24px #0f3d2e8c;backdrop-filter:saturate(1.3) blur(12px);-webkit-backdrop-filter:saturate(1.3) blur(12px)}.lp-brand{display:inline-flex;align-items:center;gap:13px;min-width:0}.lp-brand-mark{flex-shrink:0;width:52px;height:44px;border-radius:14px;overflow:hidden;--mark-zoom: 138%;background:#fff url(/apple-touch-icon.png) no-repeat 50% 12% / var(--mark-zoom);box-shadow:0 6px 16px #0f3d2e2e,inset 0 0 0 1px #0f3d2e14,inset 0 0 0 3px #ffffffe6}.lp-brand-text{display:inline-flex;flex-direction:column;min-width:0;overflow:hidden}.lp-brand-name{font-family:Fraunces,serif;font-size:21px;font-weight:700;line-height:1.05;white-space:nowrap;letter-spacing:-.01em;color:var(--jade);transition:color .28s ease}.lp-brand-slogan{font-size:11.5px;font-weight:600;line-height:1.25;white-space:nowrap;color:var(--ink-soft);transition:color .28s ease}.lp:not(.lp-scrolled) .lp-brand-name{color:var(--lp-ink-on-dark)}.lp:not(.lp-scrolled) .lp-brand-slogan{color:#ffffffd1}.lp-nav-actions{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.lp-nav-demo{background:none;border:none;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--lp-ink-on-dark);padding:8px 10px;border-radius:999px;transition:color .18s,opacity .18s;opacity:.92}.lp-nav-demo:hover{opacity:1}.lp-scrolled .lp-nav-demo{color:var(--ink-soft)}.lp-scrolled .lp-nav-demo:hover{color:var(--jade)}.lp-nav-signin{flex-shrink:0;background:#ffffff24;color:var(--lp-ink-on-dark);border:1px solid rgba(255,255,255,.42);border-radius:999px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .18s,border-color .18s,color .18s,box-shadow .18s}.lp-nav-signin:hover{background:#ffffff3d;border-color:#ffffffa6}.lp-scrolled .lp-nav-signin{background:var(--card-bg);color:var(--jade);border-color:var(--line-strong);backdrop-filter:none;-webkit-backdrop-filter:none}.lp-scrolled .lp-nav-signin:hover{border-color:var(--jade);box-shadow:0 4px 14px #0f3d2e1f}.lp-cta-primary,.lp-cta-secondary,.lp-cta-ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-weight:700;cursor:pointer;border-radius:999px;border:1px solid transparent;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.lp-cta-primary{min-height:54px;padding:0 28px;font-size:16px;color:#2a2412;background:linear-gradient(135deg,var(--gold) 0%,color-mix(in srgb,var(--gold) 76%,#fff) 100%);box-shadow:0 16px 38px -14px #c9a961d9,inset 0 1px #ffffff73}.lp-cta-primary:hover{transform:translateY(-2px);box-shadow:0 22px 46px -14px #c9a961f2,inset 0 1px #ffffff73}.lp-cta-primary svg{transition:transform .18s ease}.lp-cta-primary:hover svg{transform:translate(3px)}.lp-cta-secondary{min-height:54px;padding:0 24px;font-size:15px;color:var(--lp-ink-on-dark);background:#ffffff1f;border-color:#ffffff6b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.lp-cta-secondary:hover{background:#fff3;border-color:#ffffff9e;transform:translateY(-2px)}.lp-cta-ghost{min-height:48px;padding:0 22px;font-size:14px;color:var(--jade);background:var(--card-bg);border-color:var(--line-strong)}.lp-cta-ghost:hover{border-color:var(--jade);transform:translateY(-2px);box-shadow:0 12px 26px -16px #0f3d2e80}.lp-cta-primary:active,.lp-cta-secondary:active,.lp-cta-ghost:active{transform:scale(.98)}.lp-cta-primary:focus-visible,.lp-cta-secondary:focus-visible,.lp-cta-ghost:focus-visible,.lp-nav-signin:focus-visible,.lp-nav-demo:focus-visible,.lp-audio:focus-visible,.lp-hero-demo-link:focus-visible,.lp-footer-links a:focus-visible,.lp-support-btn:focus-visible,.lp-support-copy:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.lp-audio{flex:0 0 auto;width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);background:var(--card-bg);color:var(--jade);cursor:pointer;padding:0;transition:background .15s,color .15s,border-color .15s,transform .15s}button.lp-audio:hover{background:var(--jade);color:#fff;border-color:var(--jade)}button.lp-audio:active{transform:scale(.92)}.lp-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;padding-top:calc(clamp(74px,9vh,100px) + env(safe-area-inset-top));padding-bottom:max(clamp(18px,2.4vh,32px),env(safe-area-inset-bottom))}.lp-hero-body{flex:1 1 auto;display:flex;align-items:center;width:100%;min-height:0;padding-block:clamp(10px,2vh,28px)}.lp-hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:#0c2a20}.lp-hero-poster{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c2a20 url(/cinematic/hero-islands.webp) center / cover no-repeat;transform:scale(1.06);will-change:transform}.lp-hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease}.lp-hero-video.is-ready{opacity:1}.lp-hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(96deg,#061a12eb,#061a12b3 36%,#061a1242 70%,#061a120f),linear-gradient(to top,rgba(4,18,12,.66) 0%,transparent 44%),radial-gradient(130% 90% at 82% 16%,rgba(201,169,97,.2),transparent 60%)}.lp-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);grid-template-areas:"copy visual";align-items:center;gap:clamp(24px,4vw,52px)}.lp-hero-copy{grid-area:copy;max-width:580px;min-width:0}.lp-hero-visual{grid-area:visual}.lp-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:var(--lp-ink-on-dark);font-size:12.5px;font-weight:700;line-height:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.lp-kicker svg{color:var(--gold-soft);flex-shrink:0}.lp-title{margin:18px 0 14px;font-family:Fraunces,serif;font-size:clamp(34px,4.6vw,58px);font-weight:600;line-height:1.04;letter-spacing:-.015em;color:var(--lp-ink-on-dark);text-shadow:0 2px 34px rgba(0,0,0,.42);max-width:16ch}.lp-title span{color:var(--gold-soft);font-style:italic}.lp-subtitle{margin:0;max-width:520px;font-size:clamp(16px,1.35vw,19px);line-height:1.55;color:#f7f2e7eb;text-shadow:0 1px 16px rgba(0,0,0,.38)}.lp-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.lp-hero-demo-link{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:4px 2px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;line-height:1.3;color:var(--lp-ink-on-dark);text-align:left;text-decoration:underline;text-decoration-color:#ffffff73;text-underline-offset:3px}.lp-hero-demo-link:hover{text-decoration-color:currentColor}.lp-hero-demo-link svg{color:var(--gold-soft);flex-shrink:0;fill:currentColor}.lp-hero-chips{display:flex;flex-wrap:nowrap;gap:9px 11px;margin:20px 0 0;padding:0;list-style:none}.lp-hero-chips li{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.24);color:#faf6ec;font-size:12px;font-weight:600}.lp-hero-chips svg{color:var(--gold-soft);flex-shrink:0}.lp-hero-visual{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(300px,38vh,430px)}.lp-hero-visual:before{content:"";position:absolute;z-index:0;pointer-events:none;right:clamp(-16px,2vw,34px);bottom:clamp(-6px,1vh,12px);width:clamp(220px,30vw,360px);height:clamp(220px,30vw,360px);background:radial-gradient(circle at 50% 62%,rgba(201,169,97,.22),rgba(201,169,97,.07) 45%,transparent 66%)}.lp-hero-card{position:relative;z-index:1;width:min(316px,56%);margin:0 auto 0 0}.lp-hero-card .lp-mock{padding:20px;border-radius:22px;box-shadow:var(--lp-shadow-float);border-color:#ffffff8c;background:color-mix(in srgb,var(--card-bg) 96%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.lp-hero-card .lp-mock-card{padding:22px 16px}.lp-hero-card .lp-mock-card-en{font-size:30px}.lp-hero-card .lp-mock-card-ph,.lp-hero-card .lp-mock-card-thai{font-size:18px}.lp-hero-card .lp-mock-card-audio{width:32px;height:32px}.lp-hero-card .lp-mock-rate-btn{padding:10px 2px;font-size:12px}.lp-hero-mascot{position:absolute;z-index:5;right:clamp(-64px,-3.6vw,-12px);bottom:0;width:clamp(320px,35vw,450px);filter:drop-shadow(0 30px 32px rgba(0,0,0,.5));pointer-events:none}.lp-hero-visual:after{content:"";position:absolute;z-index:4;right:clamp(8px,4vw,56px);bottom:2px;width:clamp(220px,24vw,310px);height:32px;background:radial-gradient(ellipse at center,rgba(0,0,0,.42),transparent 70%);filter:blur(4px);pointer-events:none}.lp-hero-stats-wrap{position:relative;z-index:2;flex:0 0 auto;width:100%}.lp-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;max-width:640px;margin:0 auto;padding:clamp(14px,2vh,20px) 8px;border-radius:18px;background:#ffffff17;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 50px -28px #000000b3,inset 0 1px #ffffff1f;backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px)}.lp-hero-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:2px 8px;min-width:0}.lp-hero-stat+.lp-hero-stat{border-left:1px solid rgba(255,255,255,.18)}.lp-hero-stat-value{font-family:Fraunces,serif;font-size:clamp(26px,3.4vw,36px);font-weight:700;color:var(--lp-ink-on-dark);line-height:1}.lp-hero-stat-label{font-size:clamp(9.5px,1vw,11px);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#f7f2e7c7;line-height:1.25}.lp-head{max-width:680px;margin:0 auto;text-align:center}.lp-eyebrow{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:color-mix(in srgb,var(--gold) 55%,var(--ink));margin-bottom:10px}.lp-h2{margin:0 auto;font-family:Fraunces,serif;font-size:clamp(28px,3.6vw,42px);font-weight:600;line-height:1.1;letter-spacing:-.015em;color:var(--jade);max-width:18ch}.lp-head-sub{margin:12px auto 0;max-width:560px;font-size:15px;line-height:1.6;color:var(--ink-soft)}.lp-features{padding-block:var(--lp-section-y);background:var(--cream-warm)}.lp-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--lp-gap);margin-top:clamp(36px,5vw,56px)}.lp-feature{display:flex;flex-direction:column;gap:14px;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--lp-radius);padding:24px;box-shadow:var(--lp-shadow-card);transition:transform .25s ease,box-shadow .25s ease}.lp-feature:hover{transform:translateY(-4px);box-shadow:0 1px 2px #0f3d2e0d,0 28px 56px -28px #0f3d2e73}.lp-feature-top{display:flex;align-items:center;gap:12px}.lp-feature-icon{flex-shrink:0;width:44px;height:44px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;color:var(--jade);background:color-mix(in srgb,var(--jade) 9%,var(--card-bg));border:1px solid color-mix(in srgb,var(--jade) 18%,var(--line))}.lp-feature-title{margin:0;font-family:Fraunces,serif;font-size:21px;font-weight:600;color:var(--ink);line-height:1.15}.lp-feature-sub{margin:2px 0 0;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 55%,var(--ink))}.lp-feature-text{margin:0;font-size:14px;line-height:1.6;color:var(--ink-soft)}.lp-feature-media{margin-top:auto}.lp-features-cta{display:flex;justify-content:center;margin-top:clamp(34px,5vw,48px)}.lp-mock{background:color-mix(in srgb,var(--jade) 4%,var(--card-bg));border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:11px;min-width:0}.lp-mock-toggle{display:inline-flex;align-self:center;padding:3px;background:var(--cream-warm);border:1px solid var(--line-strong);border-radius:999px}.lp-mock-toggle-opt{padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;color:var(--ink-soft);white-space:nowrap}.lp-mock-toggle-on{background:var(--jade);color:#fff}.lp-mock-card{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--card-bg);border:1px solid var(--line-strong);border-radius:13px;padding:18px 14px;text-align:center}.lp-mock-card-kicker{font-size:10.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}.lp-mock-card-en{font-family:Fraunces,serif;font-size:26px;font-weight:600;color:var(--ink);line-height:1.2}.lp-mock-card-answer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin-top:8px;padding-top:10px;border-top:1px dashed var(--line-strong);width:100%}.lp-mock-card-ph{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;color:var(--jade)}.lp-mock-card-thai{font-family:Noto Sans Thai,sans-serif;font-size:16px;color:var(--ink-soft)}.lp-mock-card-audio{width:30px;height:30px}.lp-mock-rate-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.lp-mock-rate-btn{display:flex;align-items:center;justify-content:center;padding:8px 2px;border-radius:9px;border:1px solid color-mix(in srgb,var(--rate-color) 45%,var(--line));background:color-mix(in srgb,var(--rate-color) 9%,var(--card-bg));color:var(--rate-color);font-size:11.5px;font-weight:800;min-width:0}.lp-mock-quiz{gap:9px}.lp-mock-quiz-label{font-size:10.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}.lp-mock-quiz-prompt{font-family:Fraunces,serif;font-size:21px;font-weight:600;color:var(--ink);line-height:1.25}.lp-mock-quiz-options{display:flex;flex-direction:column;gap:7px;margin-top:2px}.lp-mock-quiz-opt{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line-strong);border-radius:11px;background:var(--card-bg);min-width:0}.lp-mock-quiz-opt-ok{border-color:var(--jade);background:color-mix(in srgb,var(--jade) 8%,var(--card-bg))}.lp-mock-quiz-letter{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:7px;background:var(--cream-warm);font-size:11px;font-weight:800;color:var(--ink-soft);flex-shrink:0}.lp-mock-quiz-ph{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--ink);overflow-wrap:anywhere;min-width:0}.lp-mock-quiz-check{margin-left:auto;color:var(--jade);flex-shrink:0}.lp-mock-lesson{gap:9px}.lp-mock-lesson-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}.lp-mock-lesson-lead{font-size:13.5px;line-height:1.55;color:var(--ink)}.lp-mock-lesson-point{display:block;font-size:12.5px;line-height:1.6;color:var(--ink-soft);background:var(--card-bg);border:1px solid var(--line-strong);border-radius:11px;padding:11px 12px;overflow-wrap:anywhere}.lp-mock-lesson-point strong{color:var(--ink)}.lp-mock-lesson-point svg{color:var(--gold);vertical-align:-2px;margin-right:4px}.lp-loop{padding-block:var(--lp-section-y)}.lp-head-loop{position:relative;padding-top:clamp(176px,17vw,228px)}.lp-loop-mascot{position:absolute;top:0;left:50%;translate:-50% 0;display:inline-flex;flex-direction:column;align-items:center}.lp-loop-mascot:after{content:"";position:absolute;bottom:4px;left:50%;translate:-50% 0;z-index:0;width:clamp(150px,16vw,206px);height:clamp(150px,16vw,206px);border-radius:999px;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--gold) 18%,transparent),transparent 68%)}.lp-loop-mascot img{position:relative;z-index:1;width:clamp(126px,13.5vw,178px);height:auto;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(15,61,46,.28))}.lp-loop-bubble{position:relative;z-index:2;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:700;color:var(--jade);background:var(--card-bg);border:1px solid var(--line-strong);border-radius:999px;padding:7px 14px;box-shadow:0 10px 22px #0f3d2e24;margin-bottom:12px}.lp-loop-bubble:after{content:"";position:absolute;left:50%;bottom:-5px;translate:-50% 0;rotate:45deg;width:9px;height:9px;background:var(--card-bg);border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.lp-loop-track{list-style:none;margin:clamp(40px,5.5vw,60px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--lp-gap)}.lp-loop-step{position:relative;display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--lp-radius);padding:26px 22px 24px;box-shadow:var(--lp-shadow-card)}.lp-loop-step:not(:last-child):after{content:"";position:absolute;top:51px;right:calc(var(--lp-gap) / -2 - 4px);width:calc(var(--lp-gap) + 6px);height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 60%,var(--line)) 30%,color-mix(in srgb,var(--gold) 60%,var(--line)))}.lp-loop-step:not(:last-child):before{content:"";position:absolute;top:48px;right:calc(var(--lp-gap) / -2 - 4px);width:7px;height:7px;border-radius:999px;z-index:1;background:color-mix(in srgb,var(--gold) 70%,var(--line))}.lp-loop-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:15px;margin-bottom:16px;color:var(--jade);background:color-mix(in srgb,var(--jade) 9%,var(--card-bg));border:1px solid color-mix(in srgb,var(--jade) 18%,var(--line))}.lp-loop-num{position:absolute;top:-9px;right:-9px;width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#2a2412;font-size:12px;font-weight:800;line-height:1;border:2px solid var(--card-bg);box-shadow:0 4px 10px #0000002e}.lp-loop-step-title{margin:0 0 8px;font-family:Fraunces,serif;font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--ink);line-height:1.15}.lp-loop-step-text{margin:0;font-size:14px;line-height:1.6;color:var(--ink-soft)}.lp-journey{padding-block:var(--lp-section-y);background:var(--cream-warm)}.lp-journey-track{list-style:none;margin:clamp(36px,5vw,52px) auto 0;padding:0;max-width:760px;display:flex;flex-direction:column;gap:14px}.lp-journey-step{position:relative;display:flex;gap:18px;align-items:flex-start;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--lp-radius);padding:20px 22px;box-shadow:var(--lp-shadow-card)}.lp-journey-step-start{border-color:color-mix(in srgb,var(--gold) 45%,var(--line));box-shadow:0 1px 2px #0f3d2e0a,0 20px 44px -26px #c9a961b3}.lp-journey-node{position:relative;flex-shrink:0;width:54px;height:54px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--jade);background:color-mix(in srgb,var(--jade) 9%,var(--card-bg));border:1px solid color-mix(in srgb,var(--jade) 18%,var(--line))}.lp-journey-n{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:999px;background:var(--jade);color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--card-bg)}.lp-journey-node-goal{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 24%,var(--card-bg)),var(--card-bg));border-color:color-mix(in srgb,var(--gold) 40%,var(--line));overflow:hidden}.lp-journey-node-goal img{width:46px;height:46px;object-fit:contain}.lp-journey-mascot{width:48px;height:48px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 2px 4px rgba(15,61,46,.2))}.lp-journey-copy{display:flex;flex-direction:column;gap:3px;min-width:0;padding-top:2px}.lp-journey-stage{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.lp-journey-stage svg{color:var(--gold)}.lp-journey-badge{padding:2px 8px;border-radius:999px;background:var(--gold);color:#2a2412;font-size:9.5px;font-weight:800;letter-spacing:.04em}.lp-journey-missions{padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--jade) 10%,transparent);color:var(--jade);font-size:9.5px;font-weight:800;letter-spacing:.02em}.lp-journey-title{font-family:Fraunces,serif;font-size:19px;font-weight:600;color:var(--ink);line-height:1.2}.lp-journey-text{font-size:13.5px;line-height:1.5;color:var(--ink-soft)}.lp-cine{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:clamp(420px,64vh,600px);padding-block:clamp(72px,11vw,132px)}.lp-cine-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:#0c2a20}.lp-cine-poster{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c2a20 url(/cinematic/temple.webp) center / cover no-repeat;transform:scale(1.05);will-change:transform}.lp-cine-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease}.lp-cine-video.is-ready{opacity:1}.lp-cine-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05160f9e,#05160f6b 45%,#05160fb8),radial-gradient(120% 90% at 50% 40%,rgba(201,169,97,.16),transparent 62%)}.lp-cine-inner{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center}.lp-cine-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.28);color:var(--lp-ink-on-dark);font-size:12px;font-weight:700;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.lp-cine-eyebrow svg{color:var(--gold-soft)}.lp-cine-title{margin:20px 0 0;font-family:Fraunces,serif;font-size:clamp(30px,4.6vw,54px);font-weight:600;line-height:1.06;letter-spacing:-.015em;color:var(--lp-ink-on-dark);text-shadow:0 2px 30px rgba(0,0,0,.45);max-width:16ch}.lp-cine-sub{margin:14px 0 0;font-size:clamp(15px,1.4vw,18px);line-height:1.55;color:#f7f2e7eb;text-shadow:0 1px 14px rgba(0,0,0,.4);max-width:46ch}.lp-cine-cta{margin-top:30px}.lp-support{padding-block:var(--lp-section-y);background:var(--cream-warm)}.lp-support-head{max-width:680px;margin:0 auto;text-align:center}.lp-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lp-gap);max-width:760px;margin:clamp(28px,4vw,44px) auto 0}.lp-support-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--lp-radius);padding:24px;min-width:0;box-shadow:var(--lp-shadow-card)}.lp-support-icon{flex-shrink:0;width:46px;height:46px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;color:var(--jade);background:color-mix(in srgb,var(--jade) 9%,var(--card-bg));border:1px solid color-mix(in srgb,var(--jade) 18%,var(--line))}.lp-support-card-title{margin:2px 0 0;font-family:Fraunces,serif;font-size:20px;font-weight:600;color:var(--ink);line-height:1.2}.lp-support-card-text{margin:0;font-size:14px;line-height:1.6;color:var(--ink-soft)}.lp-support-btn{margin-top:auto;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;background:var(--gold);color:#2a2412;border:1px solid var(--gold);font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.lp-support-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -16px #c9a961e6}.lp-support-soon{margin-top:auto;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:color-mix(in srgb,var(--jade) 8%,var(--card-bg));border:1px dashed color-mix(in srgb,var(--jade) 32%,var(--line));color:var(--ink-soft);font-size:12.5px;font-weight:700}.lp-support-soon svg{color:var(--gold);flex-shrink:0}.lp-support-crypto{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:2px;width:100%}.lp-support-qr{flex-shrink:0;width:104px;height:104px;border-radius:12px;background:#fff;padding:6px;border:1px solid var(--line)}.lp-support-crypto-body{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1 1 160px}.lp-support-net{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 55%,var(--ink))}.lp-support-addr{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--ink);overflow-wrap:anywhere}.lp-support-copy{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--card-bg);color:var(--jade);border:1px solid var(--line-strong);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.lp-support-copy:hover{border-color:var(--jade)}.lp-footer{background:var(--jade);color:#eaf3ee;padding-top:clamp(40px,6vw,64px);padding-bottom:max(clamp(40px,6vw,64px),env(safe-area-inset-bottom))}.app-root[data-theme=dark] .lp-footer{background:#10231b}.lp-footer-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.lp-footer-brand{font-family:Fraunces,serif;font-size:22px;font-weight:700;color:#fff}.lp-footer-links{display:flex;flex-wrap:wrap;gap:8px 22px}.lp-footer-links a{color:#eaf3eed1;font-size:13.5px;font-weight:600;text-decoration:none;transition:color .15s}.lp-footer-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.lp-footer-fine{margin:26px 0 0;font-size:12px;color:#eaf3ee99}.lp-motion [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms)}.lp-motion [data-reveal].lp-reveal-in{opacity:1;transform:none}@media (prefers-reduced-motion: no-preference){.lp-hero-poster{animation:lp-kenburns 28s ease-in-out infinite alternate}.lp-cine-poster{animation:lp-kenburns 30s ease-in-out infinite alternate}.lp-loop-mascot img,.lp-journey-node-goal img{animation:lp-breathe 4.6s ease-in-out infinite}}@keyframes lp-kenburns{0%{transform:scale(1.05) translateZ(0)}to{transform:scale(1.14) translate3d(-1.5%,-1%,0)}}@keyframes lp-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}}.app-root[data-theme=dark] .lp{--lp-shadow-card: 0 1px 2px rgba(0, 0, 0, .5), 0 18px 40px -24px rgba(0, 0, 0, .78);--lp-shadow-float: 0 30px 70px -34px rgba(0, 0, 0, .85)}.app-root[data-theme=dark] .lp-features,.app-root[data-theme=dark] .lp-journey,.app-root[data-theme=dark] .lp-support{background:var(--cream)}.app-root[data-theme=dark] .lp-feature:hover{box-shadow:0 1px 2px #00000080,0 28px 56px -28px #000000d1}.app-root[data-theme=dark] .lp-journey-step-start{box-shadow:0 1px 2px #00000080,0 20px 44px -26px #e0bd7a66}.app-root[data-theme=dark] .lp-mock-toggle-on,.app-root[data-theme=dark] button.lp-audio:hover,.app-root[data-theme=dark] .lp-journey-n{color:#10231b}.app-root[data-theme=dark] .lp-mock-rate-btn{color:color-mix(in srgb,var(--rate-color) 66%,#ffffff 34%);border-color:color-mix(in srgb,var(--rate-color) 52%,var(--line))}@media (max-width: 960px){.lp-hero{padding-top:calc(clamp(84px,12vh,116px) + env(safe-area-inset-top));text-align:center}.lp-hero-body{padding-block:clamp(12px,2.6vh,30px)}.lp-hero-inner{grid-template-columns:1fr;grid-template-areas:"visual" "copy";gap:clamp(16px,3.5vw,30px);justify-items:center}.lp-hero-copy{max-width:600px}.lp-title{max-width:20ch;margin-inline:auto}.lp-subtitle{margin-inline:auto}.lp-hero-actions,.lp-hero-chips,.lp-hero-demo-link{justify-content:center}.lp-hero-visual{display:flex;flex-direction:column;align-items:center;grid-template-columns:none;grid-template-areas:none;width:100%;max-width:360px;min-height:0;margin-inline:auto;isolation:isolate}.lp-hero-visual:before{display:block;inset:auto;left:50%;top:4%;right:auto;bottom:auto;translate:-50% 0;width:clamp(240px,70vw,320px);height:clamp(240px,70vw,320px)}.lp-hero-visual:after{display:none}.lp-hero-mascot{order:-1;position:relative;z-index:1;justify-self:center;width:min(300px,86vw);max-width:none;right:auto;bottom:auto;margin:0 0 -20px;filter:drop-shadow(0 20px 26px rgba(0,0,0,.42))}.lp-hero-card{position:relative;z-index:2;width:min(252px,72vw);margin:0 auto}.lp-hero-card .lp-mock{padding:15px;gap:10px}.lp-hero-card .lp-mock-card{padding:16px 13px}.lp-hero-card .lp-mock-card-en{font-size:25px}.lp-hero-card .lp-mock-card-ph,.lp-hero-card .lp-mock-card-thai{font-size:15px}.lp-feature-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}.lp-loop-track{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-loop-step:not(:last-child):after,.lp-loop-step:not(:last-child):before{display:none}}@media (max-width: 560px){.lp-nav-demo{display:none}.lp-brand-mark{width:46px;height:39px;border-radius:12px}.lp-brand-slogan{display:none}.lp-hero{padding-top:calc(80px + env(safe-area-inset-top))}.lp-hero-body{padding-block:clamp(8px,2vh,22px)}.lp-hero-actions{flex-direction:column;align-items:stretch;gap:9px;margin-top:clamp(14px,2.6vh,22px)}.lp-cta-primary,.lp-cta-secondary{width:100%;min-height:47px}.lp-subtitle{line-height:1.45}.lp-hero-visual{max-width:332px}.lp-hero-chips{flex-wrap:nowrap;gap:6px;margin-top:clamp(14px,2.4vh,20px);width:100%}.lp-hero-chips li{flex:1 1 0;min-width:0;justify-content:center;gap:4px;padding:7px 6px;font-size:clamp(10px,2.7vw,12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-hero-chips svg{width:12px;height:12px}.lp-hero-stats{max-width:100%}.lp-hero-stat-value{font-size:clamp(22px,6vw,28px)}.lp-loop-track{grid-template-columns:1fr}.lp-journey-step{padding:16px;gap:14px}.lp-journey-node{width:48px;height:48px}.lp-support-grid{grid-template-columns:1fr;max-width:440px}.lp-footer-top{flex-direction:column;align-items:flex-start}}@media (max-width: 400px){.lp-brand{gap:10px}.lp-brand-mark{width:40px;height:34px;border-radius:11px}.lp-brand-name{font-size:18px}.lp-nav-signin{padding:9px 14px}.lp-hero-visual{max-width:300px}.lp-hero-chips svg{display:none}.lp-hero-chips li{padding:6px 5px;font-size:clamp(9.5px,3vw,11px);gap:0}}@media (max-height: 940px){.lp-hero-body{padding-block:clamp(10px,1.8vh,22px)}.lp-title{font-size:clamp(32px,4.4vw,54px);margin:15px 0 12px}.lp-hero-actions{margin-top:20px}.lp-hero-chips{margin-top:16px}}@media (max-height: 860px){.lp-hero-body{padding-block:clamp(8px,1.6vh,18px)}.lp-title{font-size:clamp(30px,4.2vw,50px);margin:13px 0 11px}.lp-hero-actions{margin-top:18px}.lp-hero-chips{margin-top:15px}.lp-hero-card .lp-mock{padding:12px;gap:8px}}@media (max-height: 760px){.lp-hero-body{padding-block:clamp(5px,1vh,12px)}.lp-title{font-size:clamp(26px,3.6vw,42px);margin:9px 0 8px}.lp-subtitle{font-size:clamp(13px,1.3vw,16px);line-height:1.45}.lp-hero-actions{margin-top:13px}.lp-hero-demo-link{margin-top:9px}.lp-hero-chips{margin-top:11px}.lp-hero-stats{padding-block:9px}.lp-hero-stat-value{font-size:clamp(21px,3vw,30px)}.lp-hero-card .lp-mock-rate-row{display:none}.lp-hero-card .lp-mock-lesson-point{-webkit-line-clamp:2}}@media (max-height: 670px){.lp-kicker{display:none}.lp-title{font-size:clamp(23px,4.6vw,36px);margin:3px 0 6px}.lp-subtitle{font-size:12.5px;line-height:1.4}.lp-hero-actions{margin-top:10px;gap:8px}.lp-cta-primary,.lp-cta-secondary{min-height:44px}.lp-hero-demo-link{margin-top:7px}.lp-hero-chips{margin-top:9px}.lp-hero-body{padding-block:4px}.lp-hero-card .lp-mock-toggle{display:none}}@media (min-width: 961px) and (max-height: 860px){.lp-hero-visual{min-height:clamp(280px,36vh,400px)}.lp-hero-mascot{width:clamp(260px,30vw,390px)}}@media (min-width: 961px) and (max-height: 760px){.lp-hero-visual{min-height:clamp(210px,28vh,330px)}.lp-hero-mascot{width:clamp(180px,24vw,300px)}}@media (min-width: 961px) and (max-height: 670px){.lp-hero-mascot{width:clamp(150px,20vw,240px)}}@media (max-width: 960px) and (max-height: 820px){.lp-hero-mascot{width:min(264px,34vh);margin-bottom:-18px}.lp-hero-card{width:min(228px,66vw)}.lp-hero-card .lp-mock{padding:13px;gap:8px}.lp-hero-card .lp-mock-card{padding:14px 11px}.lp-hero-card .lp-mock-card-en{font-size:22px}}@media (max-width: 960px) and (max-height: 720px){.lp-hero-mascot{width:min(230px,32vh);margin-bottom:-14px}.lp-hero-card{width:min(210px,62vw)}.lp-hero-card .lp-mock-rate-row{display:none}}@media (max-width: 960px) and (max-height: 640px){.lp-hero-visual{flex-direction:row;align-items:center;justify-content:center;gap:clamp(12px,3vw,22px);max-width:540px}.lp-hero-visual:before{display:none}.lp-hero-mascot{width:clamp(150px,34vh,210px);margin:0}.lp-hero-card{width:min(252px,52%)}.lp-hero-card .lp-mock-toggle{display:none}.lp-hero-inner{gap:10px}.lp-hero-body{padding-block:5px}.lp-hero-stats{padding-block:8px}}@media (max-width: 360px){.lp-title{font-size:clamp(21px,6.2vw,27px);margin:8px 0}.lp-subtitle{font-size:12.5px;line-height:1.4}.lp-hero-chips li{font-size:9.5px}}@media (max-width: 430px) and (max-height: 820px){.lp-title{font-size:clamp(22px,6vw,30px);margin:8px 0}.lp-subtitle{font-size:12.5px;line-height:1.42}.lp-hero-actions{margin-top:12px}}@media (max-height: 620px){.lp-hero-body{padding-block:3px}.lp-title{font-size:clamp(21px,4vw,30px);margin:3px 0 5px}.lp-subtitle{font-size:11.5px;line-height:1.35}.lp-hero-actions{margin-top:8px;gap:7px}.lp-cta-primary,.lp-cta-secondary{min-height:40px;font-size:13.5px}.lp-hero-demo-link{margin-top:6px;font-size:12px}.lp-hero-chips{margin-top:7px}.lp-hero-stats{padding-block:7px}.lp-hero-stat-value{font-size:20px}}@media (max-width: 960px) and (max-height: 560px){.lp-hero-mascot{width:clamp(118px,32vh,168px)}.lp-hero-card{width:min(240px,50%)}.lp-hero-card .lp-mock-rate-row{display:none}.lp-hero-inner{gap:8px}}.pl-page{--pl-maxw: 1080px;--pl-pad: clamp(20px, 5vw, 40px);--pl-radius: 20px;--pl-section-y: clamp(48px, 7vw, 88px);--pl-ink-on-dark: #fffaf0;--pl-shadow: 0 1px 2px rgba(15, 61, 46, .04), 0 18px 40px -24px rgba(15, 61, 46, .35);flex:1;width:100%;min-height:100vh;background:var(--cream);color:var(--ink);overflow-x:clip;letter-spacing:0;font-family:Inter,system-ui,sans-serif}.app-root[data-theme=dark] .pl-page{background:var(--cream)}.pl-shell{width:100%;max-width:var(--pl-maxw);margin:0 auto;padding-inline:var(--pl-pad)}.pl-eyebrow{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:color-mix(in srgb,var(--gold) 55%,var(--ink));margin-bottom:10px}.pl-h2{margin:0 auto;font-family:Fraunces,serif;font-size:clamp(26px,3.4vw,38px);font-weight:600;line-height:1.12;letter-spacing:-.015em;color:var(--jade);max-width:20ch}.pl-section-head{text-align:center;max-width:640px;margin:0 auto clamp(28px,4vw,44px)}.pl-cta-primary,.pl-cta-ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-weight:700;cursor:pointer;border-radius:999px;border:1px solid transparent;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.pl-cta-primary{min-height:52px;padding:0 26px;font-size:15.5px;color:#2a2412;background:linear-gradient(135deg,var(--gold) 0%,color-mix(in srgb,var(--gold) 76%,#fff) 100%);box-shadow:0 16px 38px -14px #c9a961cc,inset 0 1px #ffffff73}.pl-cta-primary:hover{transform:translateY(-2px)}.pl-cta-primary svg{transition:transform .18s ease}.pl-cta-primary:hover svg{transform:translate(3px)}.pl-cta-ghost{min-height:52px;padding:0 22px;font-size:15px;color:var(--jade);background:var(--card-bg);border-color:var(--line-strong)}.pl-cta-ghost:hover{border-color:var(--jade);transform:translateY(-2px)}.pl-cta-primary:active,.pl-cta-ghost:active{transform:scale(.98)}.pl-cta-primary:focus-visible,.pl-cta-ghost:focus-visible,.pl-topbar-back:focus-visible,.pl-cta-back:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.pl-topbar{border-bottom:1px solid var(--line);background:var(--cream-warm)}.pl-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}.pl-brand{display:inline-flex;flex-direction:column;text-decoration:none;min-width:0}.pl-brand-name{font-family:Fraunces,serif;font-size:19px;font-weight:700;color:var(--jade);line-height:1.05}.pl-brand-slogan{font-size:11.5px;font-weight:600;color:var(--ink-soft);line-height:1.2}.pl-topbar-back{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft);font-size:13.5px;font-weight:700;text-decoration:none;padding:8px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--card-bg)}.pl-topbar-back:hover{color:var(--jade);border-color:var(--jade)}.pl-hero{position:relative;isolation:isolate;background:radial-gradient(120% 120% at 80% 0%,rgba(201,169,97,.18),transparent 55%),linear-gradient(160deg,var(--jade) 0%,#0a2a1f 100%);color:var(--pl-ink-on-dark);padding-block:clamp(48px,7vw,88px);text-align:center}.pl-hero-inner{max-width:720px;margin:0 auto}.pl-hero .pl-eyebrow{color:var(--gold-soft)}.pl-hero-title{margin:0 0 16px;font-family:Fraunces,serif;font-size:clamp(32px,5vw,56px);font-weight:600;line-height:1.04;letter-spacing:-.02em;color:var(--pl-ink-on-dark)}.pl-hero-sub{margin:0 auto;max-width:560px;font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:#f7f2e7e6}.pl-hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}.pl-hero .pl-cta-ghost{color:var(--pl-ink-on-dark);background:#ffffff1f;border-color:#ffffff6b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pl-hero .pl-cta-ghost:hover{background:#fff3;border-color:#fff9}.pl-hero-note{margin:16px 0 0;font-size:12.5px;font-weight:600;color:#f7f2e7b8}.pl-how{padding-block:var(--pl-section-y)}.pl-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.5vw,24px)}.pl-how-card{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--pl-radius);padding:24px;box-shadow:var(--pl-shadow)}.pl-how-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;margin-bottom:14px;color:var(--jade);background:color-mix(in srgb,var(--jade) 9%,var(--card-bg));border:1px solid color-mix(in srgb,var(--jade) 18%,var(--line))}.pl-how-title{margin:0 0 8px;font-family:Fraunces,serif;font-size:19px;font-weight:600;color:var(--ink);line-height:1.15}.pl-how-text{margin:0;font-size:14px;line-height:1.6;color:var(--ink-soft)}.pl-plans{padding-bottom:var(--pl-section-y)}.pl-plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);align-items:stretch}.pl-plan{position:relative;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--pl-radius);padding:28px 26px;box-shadow:var(--pl-shadow);display:flex;flex-direction:column;height:100%}.pl-plan-free{border-color:color-mix(in srgb,var(--gold) 50%,var(--line));box-shadow:0 1px 2px #0f3d2e0a,0 24px 50px -28px #c9a961b3}.pl-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.pl-plan-name{font-family:Fraunces,serif;font-size:24px;font-weight:700;color:var(--jade)}.pl-plan-tag{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:5px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0}.pl-plan-tag-live{background:var(--gold);color:#2a2412}.pl-plan-tag-soon{background:color-mix(in srgb,var(--jade) 10%,transparent);color:var(--jade);border:1px solid color-mix(in srgb,var(--jade) 24%,var(--line))}.pl-plan-price{display:flex;align-items:baseline;gap:8px;margin:16px 0 4px}.pl-plan-amount{font-family:Fraunces,serif;font-size:40px;font-weight:700;color:var(--ink);line-height:1}.pl-plan-period{font-size:13px;font-weight:700;color:var(--ink-soft)}.pl-plan-blurb{margin:8px 0 18px;min-height:66px;font-size:14px;line-height:1.55;color:var(--ink-soft)}.pl-plan-cta{width:100%}.pl-plan-list{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.pl-plan-list li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;color:var(--ink)}.pl-plan-list svg{flex-shrink:0;margin-top:1px;color:var(--jade)}.pl-plan-foot{margin:auto 0 0;font-size:12px;line-height:1.5;color:var(--ink-soft);padding-top:14px;border-top:1px dashed var(--line-strong)}.pl-matrix-section{padding-block:var(--pl-section-y);background:var(--cream-warm)}.app-root[data-theme=dark] .pl-matrix-section{background:var(--card-bg)}.pl-matrix-wrap{max-width:760px;margin:0 auto;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--pl-radius);overflow:hidden;box-shadow:var(--pl-shadow)}.pl-matrix-row{display:grid;grid-template-columns:1fr 84px 84px;align-items:center;gap:8px;padding:13px 18px;border-top:1px solid var(--line)}.pl-matrix-row:first-child{border-top:none}.pl-matrix-header{background:color-mix(in srgb,var(--jade) 6%,var(--card-bg))}.pl-matrix-header .pl-matrix-feature,.pl-matrix-header .pl-matrix-col{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.pl-matrix-header .pl-matrix-col{color:var(--jade)}.pl-matrix-feature{font-size:13.5px;line-height:1.4;color:var(--ink)}.pl-matrix-col{text-align:center;display:flex;align-items:center;justify-content:center}.pl-matrix-yes{color:var(--jade)}.pl-matrix-no{color:var(--stone)}.pl-matrix-text{font-size:12px;font-weight:700;color:var(--ink-soft);display:inline-flex;flex-direction:column;align-items:center;line-height:1.15;gap:2px}.pl-matrix-soon{font-size:8.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.pl-matrix-note{display:flex;align-items:center;justify-content:center;gap:6px;max-width:760px;margin:16px auto 0;font-size:12.5px;color:var(--ink-soft)}.pl-matrix-note svg{color:var(--gold);flex-shrink:0}.pl-matrix-note strong{color:var(--gold)}.pl-faq{padding-block:var(--pl-section-y)}.pl-faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.pl-faq-item{background:var(--card-bg);border:1px solid var(--line);border-radius:14px;padding:4px 18px;box-shadow:var(--pl-shadow)}.pl-faq-q{cursor:pointer;list-style:none;padding:16px 0;font-family:Fraunces,serif;font-size:16.5px;font-weight:600;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px}.pl-faq-q::-webkit-details-marker{display:none}.pl-faq-q:after{content:"+";font-family:Inter,sans-serif;font-size:22px;font-weight:400;color:var(--jade);line-height:1;flex-shrink:0;transition:transform .2s ease}.pl-faq-item[open] .pl-faq-q:after{transform:rotate(45deg)}.pl-faq-a{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--ink-soft)}.pl-cta-band{background:var(--jade);color:var(--pl-ink-on-dark);padding-block:clamp(48px,7vw,84px);text-align:center}.app-root[data-theme=dark] .pl-cta-band{background:#10231b}.pl-cta-inner{display:flex;flex-direction:column;align-items:center}.pl-cta-title{margin:0;font-family:Fraunces,serif;font-size:clamp(24px,3.4vw,38px);font-weight:600;line-height:1.1;color:var(--pl-ink-on-dark);max-width:18ch}.pl-cta-sub{margin:12px 0 0;font-size:clamp(14px,1.3vw,17px);color:#f7f2e7e0}.pl-cta-band-btn{margin-top:26px}.pl-cta-back{margin-top:18px;color:#f7f2e7c7;font-size:13.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.pl-cta-back:hover{color:#fff}@media (max-width: 820px){.pl-how-grid{grid-template-columns:1fr;max-width:480px;margin-inline:auto}.pl-plans-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}@media (max-width: 480px){.pl-topbar-inner{padding-block:12px}.pl-matrix-row{grid-template-columns:1fr 60px 60px;padding:12px;gap:6px}.pl-matrix-feature{font-size:12.5px}.pl-plan{padding:24px 20px}}@media (prefers-reduced-motion: reduce){.pl-cta-primary,.pl-cta-ghost,.pl-faq-q:after{transition:none}}.pl-plan-amount-soon{font-size:26px;color:var(--ink-soft)}.pl-plan-amount-tba{font-size:17px;font-weight:700;color:var(--ink-soft)}.pl-plan-badge{position:absolute;top:-10px;right:18px;background:var(--gold);color:#2a2412;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap}.sco-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,32px);background:#0f2a1f8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto;animation:scoFade .18s ease-out}@keyframes scoFade{0%{opacity:0}to{opacity:1}}.sco-panel{position:relative;width:100%;max-width:460px;margin:auto;max-height:calc(100dvh - (2*clamp(12px,4vw,32px)));display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px -20px #0f2a1f80;padding:clamp(20px,3vw,28px);animation:scoRise .22s ease-out}@keyframes scoRise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.sco-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.sco-panel-head-main{display:flex;align-items:center;gap:12px;min-width:0}.sco-panel-icon{flex-shrink:0;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--gold) 22%,transparent);color:var(--gold);display:flex;align-items:center;justify-content:center}.sco-eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:color-mix(in srgb,var(--gold) 55%,var(--ink))}.sco-title{margin:2px 0 0;font-family:Fraunces,serif;font-size:22px;font-weight:600;color:var(--jade);line-height:1.1;letter-spacing:-.01em}.sco-close{flex-shrink:0;width:36px;height:36px;border-radius:999px;border:1px solid var(--line-strong);background:var(--card-bg);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,color .2s ease}.sco-close:hover{border-color:var(--jade);color:var(--jade)}.sco-close:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sco-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.sco-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:30px 8px}.sco-state-title{margin:0;font-family:Fraunces,serif;font-size:18px;font-weight:600;color:var(--ink)}.sco-state-text{margin:0;max-width:36ch;font-size:14px;line-height:1.6;color:var(--ink-soft)}.sco-state-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}.sco-spinner{color:var(--jade);animation:scoSpin .9s linear infinite}@keyframes scoSpin{to{transform:rotate(360deg)}}.sco-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:700;font-size:14.5px;cursor:pointer;border-radius:999px;min-height:46px;padding:0 22px;border:1px solid transparent;transition:transform .15s ease,border-color .2s ease,background .2s ease}.sco-btn:active{transform:scale(.98)}.sco-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sco-btn-primary{color:#2a2412;background:linear-gradient(135deg,var(--gold) 0%,color-mix(in srgb,var(--gold) 76%,#fff) 100%);box-shadow:0 12px 30px -14px #c9a961cc}.sco-btn-primary:hover{transform:translateY(-1px)}.sco-btn-ghost{color:var(--jade);background:var(--card-bg);border-color:var(--line-strong)}.sco-btn-ghost:hover{border-color:var(--jade)}.sco-mount{min-height:300px}.sco-secure-note{margin:14px 0 0;text-align:center;font-size:12px;line-height:1.5;color:var(--ink-soft)}@media (max-width: 480px){.sco-panel{max-width:100%}}@media (prefers-reduced-motion: reduce){.sco-overlay,.sco-panel,.sco-spinner{animation:none}.sco-btn-primary:hover{transform:none}}.pl-testmode-banner{display:flex;align-items:center;gap:9px;margin:14px auto 0;padding:11px 15px;border-radius:12px;background:color-mix(in srgb,var(--gold) 14%,var(--card-bg));border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));color:var(--ink);font-size:13px;line-height:1.45}.pl-testmode-banner svg{color:color-mix(in srgb,var(--gold) 60%,var(--ink));flex:0 0 auto}.sco-testmode-note{margin:12px 0 0;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--gold) 12%,var(--card-bg));border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));color:var(--ink-soft);font-size:12.5px;text-align:center}.pl-page-embedded{min-height:0;background:transparent;overflow-x:visible}.app-root[data-theme=dark] .pl-page-embedded{background:transparent}.pl-page-embedded .pl-hero,.pl-page-embedded .pl-cta-band{border-radius:var(--pl-radius)}.pl-page-embedded .pl-hero{margin-top:2px}.pl-embedded-back-row{padding-top:2px;padding-bottom:10px}.pl-embedded-back{display:inline-flex;align-items:center;gap:6px;background:var(--card-bg);border:1px solid var(--line-strong);color:var(--ink-soft);font-family:inherit;font-size:13.5px;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer;transition:color .15s,border-color .15s}.pl-embedded-back:hover{color:var(--jade);border-color:var(--jade)}.pl-embedded-back:focus-visible{outline:2px solid var(--gold);outline-offset:3px}