*{box-sizing:border-box}:root{--fs-10: 10px;--fs-11: 11px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-22: 22px;--fs-28: 28px;--fs-36: 36px;--fs-48: 48px;--fs-56: 56px;--fs-64: 64px;--fs-72: 72px;--lh-tight: 1.1;--lh-snug: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.65;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-heavy: 800;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--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: #736c60;--line: rgba(15,61,46,.12);--line-strong: rgba(15,61,46,.25);--header-bg: rgba(245, 240, 229, .92);--card-bg: white;--gold-ink: #2a2412;--gold-deep: #8a6a16;--track: rgba(15,61,46,.1);--stat-streak: #C9621A;--stat-gems: #3F8AC4;--stat-hearts: #E0445C;--sev-strong: #b3261e;--sev-safety: #2563A8;--sev-slang: #7c3aed;--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: #9a958b;--line: rgba(232, 228, 217, .12);--line-strong: rgba(232, 228, 217, .25);--header-bg: rgba(26, 29, 28, .92);--card-bg: #242827;--gold-ink: #2a2412;--gold-deep: #E0BD7A;--track: rgba(232,228,217,.14);--stat-streak: #E8934A;--stat-gems: #6BB0E0;--stat-hearts: #F0708A;--sev-strong: #F0837A;--sev-safety: #6BA8E0;--sev-slang: #B08CF0;--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,.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:var(--cream)}.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:var(--fs-56);line-height:1.1;margin:var(--sp-2) 0;color:var(--jade)}.srs-card-ph-primary{font-family:JetBrains Mono,monospace;font-size:var(--fs-36);font-weight:700;color:var(--jade);text-align:center;margin:var(--sp-2) 0 var(--sp-1);letter-spacing:.01em;line-height:1.1}.srs-card-thai-secondary{font-size:var(--fs-22)!important;font-weight:500!important;color:var(--ink-soft)!important;margin:var(--sp-1) 0 var(--sp-3)!important;opacity:.7}@media (min-width: 640px){.srs-card-thai-primary{font-size:var(--fs-72)}.srs-card-ph-primary{font-size:var(--fs-48)}}.srs-breakdown{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px dashed var(--line)}.srs-breakdown-label{font-size:var(--fs-10);text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-weight:600;margin-bottom:var(--sp-2);text-align:center}.srs-breakdown-grid{display:flex;flex-wrap:wrap;gap:var(--sp-1);justify-content:center}.srs-breakdown-item{background:var(--cream-warm);border:1px solid var(--line);border-radius:8px;padding:var(--sp-1) var(--sp-2);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:var(--fs-16);font-weight:600;color:var(--jade);line-height:1;margin-bottom:2px}.srs-bd-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-11);font-weight:600;color:var(--brick);margin-bottom:2px}.srs-bd-en{font-family:Inter,sans-serif;font-size:var(--fs-11);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:var(--fs-28);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:var(--sp-2);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line)}.stage-stats-item{text-align:center}.ssi-num{font-family:Fraunces,serif;font-size:var(--fs-22);font-weight:600;color:var(--jade);line-height:1}.ssi-of{font-size:var(--fs-12);color:var(--stone);font-weight:500}.ssi-label{font-size:var(--fs-10);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-top:var(--sp-1);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:var(--fs-10);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:var(--fs-10)}.srs-skip-btn{margin:var(--sp-3) auto 0;display:block;background:none;border:1px dashed var(--line-strong);border-radius:999px;padding:var(--sp-2) var(--sp-4);font-family:inherit;font-size:var(--fs-12);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:var(--fs-11);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-weight:500}.quiz-score-text{font-size:var(--fs-12);color:var(--ink-soft);font-weight:500}.streak-icon{font-size:var(--fs-14);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:var(--sp-2)}.dialogue-bubble-row{display:flex;align-items:flex-start;gap:var(--sp-2)}.dialogue-bubble-text{flex:1;min-width:0}.card-skip-row{display:flex;justify-content:center;margin:var(--sp-2) 0 var(--sp-3);order:3}.card-skip-btn{background:none;border:1px dashed var(--line-strong);border-radius:999px;padding:var(--sp-2) var(--sp-4);font-family:inherit;font-size:var(--fs-12);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)}}.settings-section{margin-bottom:var(--sp-6)}.settings-section+.settings-section{border-top:1px solid var(--line);padding-top:var(--sp-5)}.settings-section-title{font-family:Fraunces,serif;font-size:var(--fs-16);font-weight:700;color:var(--jade);margin:0 0 var(--sp-3);letter-spacing:-.01em}.setting-group{margin-bottom:var(--sp-5)}.setting-label{font-family:Fraunces,serif;font-size:var(--fs-16);font-weight:600;color:var(--jade);letter-spacing:-.01em;margin-bottom:var(--sp-1)}.setting-sub{font-size:var(--fs-12);color:var(--ink-soft);margin-bottom:var(--sp-3)}.setting-toggle{display:flex;gap:var(--sp-2)}.setting-toggle-vert{flex-direction:column}.setting-toggle-compact .setting-toggle-btn{align-items:center;justify-content:center;text-align:center;padding:var(--sp-2) var(--sp-2);min-width:0}.setting-toggle-btn{flex:1;background:var(--card-bg);border:1px solid var(--line-strong);border-radius:10px;padding:var(--sp-3) var(--sp-3);font-family:inherit;font-size:var(--fs-12);font-weight:600;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1);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:var(--cream);border-color:var(--jade)}.setting-toggle-active .setting-toggle-sub{color:#fffc}.setting-toggle-icon{font-size:var(--fs-18)}.setting-toggle-sub{font-size:var(--fs-11);font-weight:400;color:var(--ink-soft)}.setting-toggle-row{display:flex;align-items:center;gap:var(--sp-2);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:var(--sp-2);font-family:inherit;font-size:var(--fs-12);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:var(--cream);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:var(--sp-2);background:var(--cream-warm);border:1px dashed var(--line-strong);border-radius:10px;padding:var(--sp-2) var(--sp-3);font-family:inherit;font-size:var(--fs-12);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:var(--sp-1)}.setting-toggle-compact .setting-toggle-btn{padding:var(--sp-2) var(--sp-1);font-size:var(--fs-12)}.setting-goal-grid{gap:var(--sp-1)}.setting-goal-btn{padding:var(--sp-2) var(--sp-1);font-size:var(--fs-12)}}.onboard-eyebrow{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:600;margin-top:var(--sp-6)}.onboard-title{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:500;color:var(--jade);text-align:center;letter-spacing:-.02em;margin:var(--sp-3) 0 var(--sp-2);line-height:1.2}.onboard-sub{font-size:var(--fs-14);color:var(--ink-soft);text-align:center;line-height:1.5;margin-bottom:var(--sp-5);max-width:420px}.onboard-card{background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:var(--sp-5) var(--sp-4);width:100%;margin-bottom:var(--sp-4);box-shadow:0 1px 2px #0f3d2e0a,0 18px 40px -24px #0f3d2e4d}.app-root[data-theme=dark] .onboard-card{box-shadow:0 1px 2px #0000004d,0 18px 44px -22px #0009}.onboard-rate-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-2)}.onboard-rate-btn{padding:var(--sp-3);border-radius:10px;border:1px solid var(--line-strong);background:var(--card-bg);color:var(--ink);font-family:inherit;font-size:var(--fs-12);font-weight:600;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}@media (hover: hover) and (pointer: fine){.onboard-rate-btn:hover{border-color:var(--gold);transform:translateY(-1px)}}.onboard-progress{font-size:var(--fs-12);color:var(--ink-soft);margin-bottom:var(--sp-3);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.skill-level-list{display:flex;flex-direction:column;gap:var(--sp-2)}.skill-level-btn{display:flex;align-items:center;gap:var(--sp-3);background:var(--card-bg);border:1px solid var(--line-strong);border-radius:12px;padding:var(--sp-3) var(--sp-3);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:var(--fs-28);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:var(--fs-14);font-weight:600;color:var(--jade);margin-bottom:2px;letter-spacing:-.01em}.skill-level-desc{font-size:var(--fs-12);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)}}.identity-path-note{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.5;margin:var(--sp-3) 0 0}.identity-path-note strong{color:var(--jade);font-weight:600}.app-root[data-theme=dark] .identity-path-note strong{color:var(--gold)}.onboard-or-divider{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0 var(--sp-3);color:var(--ink-soft);font-size:var(--fs-11);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:var(--sp-2) var(--sp-4);font-family:inherit;font-size:var(--fs-12);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-1);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:var(--fs-12);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);margin-bottom:var(--sp-3);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:var(--sp-5) 0;padding:var(--sp-4);background:var(--cream-warm);border:1px solid var(--line);border-radius:12px}.onboard-section-title{font-family:Fraunces,serif;font-size:var(--fs-16);font-weight:600;color:var(--jade);letter-spacing:-.01em;margin-bottom:var(--sp-1)}.onboard-section-sub{font-size:var(--fs-12);color:var(--ink-soft);margin-bottom:var(--sp-3)}.onboard-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.onboard-toggle-btn{background:var(--card-bg);border:2px solid var(--line-strong);border-radius:12px;padding:var(--sp-4) var(--sp-3);font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);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:var(--fs-28);line-height:1}.onboard-toggle-label{font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:600}.onboard-toggle-sub{font-family:JetBrains Mono,monospace;font-size:var(--fs-11);font-weight:600;color:var(--brick)}.onboard-placement-card{background:var(--cream-warm);border:1px solid var(--line);border-radius:14px;padding:var(--sp-6) var(--sp-4);margin:var(--sp-4) 0;text-align:center}.onboard-placement-thai{font-family:Noto Sans Thai,sans-serif;font-size:var(--fs-48);font-weight:600;color:var(--jade);line-height:1.1;margin-bottom:var(--sp-1)}.onboard-placement-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-18);font-weight:600;color:var(--brick);margin-bottom:var(--sp-3)}.onboard-placement-en{font-family:Fraunces,serif;font-size:var(--fs-16);font-style:italic;color:var(--ink-soft)}.onboard-progress-bar{height:4px;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:var(--sp-1)}.onboard-progress-fill{height:100%;background:var(--gold);border-radius:999px;transition:width .4s ease}.onboard-progress-text{font-size:var(--fs-11);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;font-weight:500;margin-bottom:var(--sp-3);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:var(--fs-10);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:var(--sp-2);margin:var(--sp-4) 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:var(--sp-3);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:var(--fs-28);line-height:1;margin-bottom:var(--sp-1)}.onboard-stage-num{font-size:var(--fs-10);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:var(--fs-14);font-weight:600;color:var(--jade);letter-spacing:-.01em;margin-bottom:3px}.onboard-stage-desc{font-size:var(--fs-11);color:var(--ink-soft);line-height:1.4}.onboard-skip-row{text-align:center;margin-top:var(--sp-3)}.onboard-skip-btn{background:none;border:1px dashed var(--line-strong);border-radius:999px;padding:var(--sp-2) var(--sp-4);font-family:inherit;font-size:var(--fs-12);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}.header-inner{max-width:900px;margin:0 auto;padding:var(--sp-3) var(--sp-4);display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.brand-en{font-family:Fraunces,serif;font-size:var(--fs-18);color:var(--jade);font-weight:700;line-height:1;letter-spacing:0}.brand-slogan{color:var(--ink-soft);font-size:var(--fs-11);font-weight:500;line-height:1.2;white-space:nowrap}.header-stats{display:flex;gap:var(--sp-2);align-items:center;flex-shrink:0}.due-pill,.streak-pill{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:999px;font-size:var(--fs-12);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)}.tab-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dash-greeting{margin-bottom:var(--sp-5)}.dash-greeting-thai{font-family:Noto Sans Thai,sans-serif;font-size:var(--fs-28);font-weight:600;color:var(--jade);margin-bottom:var(--sp-1)}.dash-greeting-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-14);font-weight:600;color:var(--brick);margin-bottom:var(--sp-2)}.dash-greeting-en{font-family:Fraunces,serif;font-size:var(--fs-16);font-style:italic;color:var(--ink-soft)}.hero-card{position:relative;background:var(--jade);border-radius:16px;padding:var(--sp-5) var(--sp-5) var(--sp-6);margin-bottom:var(--sp-5);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:var(--fs-11);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:var(--sp-3)}.hero-cta{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:500;color:var(--cream);letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--sp-2)}.hero-sub{font-size:var(--fs-14);color:#f5f0e5bf}.hero-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--gold)}@media (min-width: 640px){.hero-cta{font-size:var(--fs-36)}}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2);margin-bottom:var(--sp-6)}@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:var(--sp-3)}.stat-icon{color:var(--gold);margin-bottom:var(--sp-1);font-size:var(--fs-18)}.stat-num{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:600;color:var(--jade);line-height:1;letter-spacing:-.02em}.stat-num-of{font-size:var(--fs-14);color:var(--stone);font-weight:400}.stat-label{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-top:var(--sp-1);font-weight:500}.stat-bar{margin-top:var(--sp-2);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:var(--sp-6)}.dash-section-title{font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:500;color:var(--jade);margin-bottom:var(--sp-3);letter-spacing:-.01em}.quick-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-2)}@media (min-width: 640px){.quick-grid{grid-template-columns:repeat(3,1fr)}}.quick-card{display:flex;align-items:center;gap:var(--sp-3);background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:var(--sp-4);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:var(--fs-14)}.quick-sub{font-size:var(--fs-12);color:var(--ink-soft);margin-top:2px}.path-card{background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:var(--sp-4)}.path-list{display:flex;flex-direction:column;gap:var(--sp-3)}.milestone{display:flex;align-items:flex-start;gap:var(--sp-3)}.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:var(--fs-12);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:var(--sp-1)}.milestone-label{font-size:var(--fs-14);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:var(--sp-1);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:var(--sp-6);padding:var(--sp-4) 0;font-family:Noto Sans Thai,sans-serif;font-size:var(--fs-14);color:var(--gold);letter-spacing:.5em}.footer-ornament span:before,.footer-ornament span:after{content:"⚚";color:var(--gold);margin:0 var(--sp-3);opacity:.5;font-size:var(--fs-12)}.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:var(--sp-1);font-size:var(--fs-12);font-weight:600;letter-spacing:.03em;padding:var(--sp-2) var(--sp-3);border-radius:10px;margin-bottom:var(--sp-3)}.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:var(--sp-4)}.cards-progress-text{display:flex;justify-content:space-between;font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:var(--sp-2);font-weight:500;align-items:center}.cards-progress-text-left{display:flex;gap:var(--sp-3);align-items:center}.cards-undo-btn{display:inline-flex;align-items:center;gap:var(--sp-1);background:var(--cream-warm);border:1px solid var(--line-strong);border-radius:999px;padding:var(--sp-1) var(--sp-2);font-family:inherit;font-size:var(--fs-11);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:var(--sp-1);margin-bottom:var(--sp-2)}@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:var(--sp-2) var(--sp-1);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:var(--fs-18);line-height:1}.setting-stage-num{font-family:Fraunces,serif;font-size:var(--fs-11);font-weight:700}.setting-stage-current{font-size:var(--fs-12);color:var(--ink-soft);margin-top:var(--sp-1);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 var(--sp-3);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:var(--sp-4) var(--sp-5) var(--sp-5);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:var(--fs-11);margin-bottom:var(--sp-2);flex-wrap:wrap;gap:var(--sp-2)}.srs-card-cat{font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-10)}.srs-card-new-badge{background:var(--gold);color:var(--jade);padding:3px var(--sp-2);border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:var(--fs-10)}.srs-card-interval{color:var(--stone);font-family:JetBrains Mono,monospace;font-size:var(--fs-11)}.srs-card-review{display:inline-flex;align-items:center;gap:4px;padding:3px var(--sp-2);border-radius:999px;font-size:var(--fs-10);font-weight:700;line-height:1.2;max-width:100%}.srs-card-review-approved{background:color-mix(in srgb,var(--jade) 14%,transparent);color:var(--jade);border:1px solid color-mix(in srgb,var(--jade) 30%,transparent)}.srs-card-review-approved:before{content:"✓";font-weight:900}.srs-card-review-draft{background:color-mix(in srgb,var(--stone) 12%,transparent);color:var(--stone);border:1px solid var(--line);font-weight:600}.srs-card-thai{font-family:Noto Sans Thai,sans-serif;font-size:var(--fs-56);font-weight:600;color:var(--jade);text-align:center;line-height:1.1;margin:var(--sp-2) 0;word-break:break-word}.srs-card-ph-front{font-family:JetBrains Mono,monospace;font-size:var(--fs-18);font-weight:600;color:var(--brick);text-align:center;margin-bottom:var(--sp-4);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:var(--fs-12);color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-weight:600;margin-bottom:var(--sp-1)}.srs-card-prompt-hint{font-size:var(--fs-12);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:var(--sp-3)}.srs-card-back-body{display:flex;flex-direction:column;align-items:stretch;flex:1}.srs-card-back-eyebrow{font-size:var(--fs-10);text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:700;text-align:center;margin-bottom:var(--sp-2)}.srs-card-back-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-14);font-weight:600;color:var(--brick);text-align:center;margin:0 0 var(--sp-2);letter-spacing:.01em}.srs-card-en{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:500;color:var(--ink);text-align:center;margin:0 0 var(--sp-4);line-height:1.25}@media (min-width: 640px){.srs-card-en{font-size:var(--fs-28)}}.srs-card-note{font-size:var(--fs-12);color:var(--ink-soft);font-style:italic;background:#c9a9611a;padding:var(--sp-3) var(--sp-4);border-radius:8px;border-left:3px solid var(--gold);text-align:left;margin-top:var(--sp-3);line-height:1.5}@media (min-width: 640px){.srs-card{padding:var(--sp-5) var(--sp-6) var(--sp-6);min-height:360px}.srs-card-thai{font-size:var(--fs-72)}.srs-card-ph-front{font-size:var(--fs-22)}}@media (max-width: 640px){.cards-tab-content{min-height:0}.cards-header{margin-bottom:var(--sp-2)}.srs-card-wrap{flex:0 0 auto;padding-bottom:var(--sp-1)}.srs-card{min-height:270px;padding:var(--sp-3) var(--sp-3) var(--sp-3);border-radius:16px}.srs-card-with-coach{padding-top:var(--sp-3)}.srs-card-meta,.srs-card-back-meta{margin-bottom:var(--sp-2);gap:var(--sp-1)}.srs-card-front-body{min-height:84px}.srs-card-thai{font-size:var(--fs-36);margin:var(--sp-1) 0}.srs-card-thai-primary{font-size:var(--fs-36)}.srs-card-ph-primary{font-size:var(--fs-28);margin:var(--sp-1) 0 2px}.srs-card-ph-front{font-size:var(--fs-18);margin-bottom:var(--sp-2)}.srs-card-thai-secondary{font-size:var(--fs-18)!important;margin:2px 0 var(--sp-2)!important}.srs-card-prompt-text{font-size:var(--fs-11);letter-spacing:.16em}.srs-card-prompt-hint{font-size:var(--fs-11)}.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:var(--sp-1)}.srs-card-back-ph{font-size:var(--fs-12);margin-bottom:var(--sp-1)}.srs-card-en{font-size:var(--fs-22);margin-bottom:var(--sp-2)}.srs-breakdown{margin-top:var(--sp-2);padding-top:var(--sp-2)}.srs-breakdown-grid{gap:var(--sp-1)}.srs-breakdown-item{padding:var(--sp-1) var(--sp-2);min-width:54px}.srs-card-note{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-2);font-size:var(--fs-12);line-height:1.4}.card-skip-row{margin:var(--sp-1) 0 var(--sp-2)}.cards-tab-content .rate-row{gap:var(--sp-1)}.cards-tab-content .rate-btn{padding:var(--sp-2) var(--sp-1);border-radius:9px}.cards-tab-content .rate-btn-label{font-size:var(--fs-11)}.cards-tab-content .rate-btn-sub{font-size:var(--fs-10)}.cards-tab-content .reveal-btn{padding:var(--sp-3);font-size:var(--fs-14)}}.rate-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-1)}.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:var(--sp-3) var(--sp-1);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:var(--fs-12);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:var(--fs-10);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:var(--sp-3);font-family:Fraunces,serif;font-size:var(--fs-16);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:var(--gold);border-color:var(--gold);color:#17221e}.app-root[data-theme=dark] .reveal-btn{background:var(--gold);color:#17221e;box-shadow:0 8px 20px #00000038}@media (hover: hover) and (pointer: fine){.app-root[data-theme=dark] .reveal-btn:hover{background:var(--gold-soft)}}.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 var(--sp-4);background:var(--cream-warm);border:1px solid var(--line);border-radius:16px}.empty-icon{font-size:var(--fs-56);margin-bottom:var(--sp-4)}.empty-title{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:500;color:var(--jade);margin-bottom:var(--sp-2);letter-spacing:-.02em}.empty-sub{color:var(--ink-soft);font-size:var(--fs-14);max-width:400px;margin:0 auto;line-height:1.5}.empty-state-small{text-align:center;padding:var(--sp-6) var(--sp-4);color:var(--ink-soft);font-style:italic}.empty-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-5)}.empty-cta{font-size:var(--fs-14);padding:var(--sp-3) var(--sp-5)}.empty-cta-secondary{display:inline-flex;align-items:center;gap:var(--sp-1);background:none;border:1px solid var(--line-strong);border-radius:999px;padding:var(--sp-3) var(--sp-4);font-family:inherit;font-size:var(--fs-12);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:var(--sp-6);margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--line)}.summary-stat{text-align:center}.summary-num{font-family:Fraunces,serif;font-size:var(--fs-36);font-weight:600;color:var(--jade);line-height:1}.summary-label{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-top:var(--sp-1);font-weight:500}.browse-tabs{display:flex;gap:var(--sp-1);margin-bottom:var(--sp-4);padding:var(--sp-1);background:var(--cream-warm);border-radius:10px;border:1px solid var(--line)}.browse-tab{flex:1;background:none;border:none;padding:var(--sp-2) var(--sp-3);border-radius:7px;cursor:pointer;font-family:inherit;font-size:var(--fs-12);font-weight:500;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;gap:var(--sp-1);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);padding:var(--sp-3) 0 var(--sp-2);margin:-20px -4px var(--sp-2);padding-left:var(--sp-1);padding-right:var(--sp-1)}.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:var(--sp-4)}.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:var(--sp-3) var(--sp-6);font-family:inherit;font-size:var(--fs-14);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:var(--sp-1)}.browse-filter-section{margin-bottom:var(--sp-3)}.browse-filter-section+.browse-filter-section{padding-top:var(--sp-3);border-top:1px solid var(--line)}.browse-filter-header{display:flex;align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-2);flex-wrap:wrap}.browse-filter-title{font-family:Fraunces,serif;font-size:var(--fs-14);font-weight:700;color:var(--ink);margin:0;letter-spacing:-.01em}.browse-filter-hint{font-size:var(--fs-11);color:var(--ink-soft);font-weight:500}.browse-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin:var(--sp-1) 0 var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--cream-warm);border:1px dashed var(--line-strong);border-radius:8px}.browse-active-label{font-size:var(--fs-11);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:var(--sp-1);background:var(--pill-color);color:#fff;padding:3px var(--sp-2);border-radius:999px;font-size:var(--fs-12);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:var(--sp-1);background:transparent;border:1px solid var(--line-strong);color:var(--ink-soft);padding:3px var(--sp-2);border-radius:999px;font-size:var(--fs-11);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:var(--sp-2) var(--sp-3);border-radius:999px;font-family:Fraunces,serif;font-size:var(--fs-12);font-weight:600;color:var(--ink);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:var(--sp-1);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:var(--fs-14)}.stage-chip-count{background:#00000047;color:#fff;border-radius:999px;padding:1px var(--sp-2);font-family:JetBrains Mono,monospace;font-size:var(--fs-10);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:var(--sp-2) var(--sp-3);border-radius:999px;font-family:inherit;font-size:var(--fs-12);font-weight:500;color:var(--ink);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:var(--sp-1)}@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:var(--fs-12)}.cat-chip-count{background:#0000001a;padding:1px var(--sp-1);border-radius:999px;font-size:var(--fs-10);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:var(--fs-11);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-2);font-weight:500}.vocab-list{display:grid;grid-template-columns:1fr;gap:var(--sp-2)}@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:var(--sp-3) var(--sp-3);transition:all .15s;align-items:flex-start;gap:var(--sp-2)}@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:var(--fs-22);font-weight:600;color:var(--jade);line-height:1.2;margin-bottom:2px}.vocab-item-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-12);color:var(--brick);font-weight:600;margin-bottom:2px}.vocab-item-en{font-size:var(--fs-12);color:var(--ink);font-weight:500}.vocab-item-note{font-size:var(--fs-11);color:var(--ink-soft);font-style:italic;margin-top:var(--sp-1);padding-top:var(--sp-1);border-top:1px dashed var(--line);line-height:1.4}.vocab-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-1);flex-shrink:0}.vocab-item-cat{font-size:var(--fs-16);opacity:.7}.vocab-item-status{font-size:var(--fs-14);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:var(--sp-4)}.browse-load-more-btn{background:var(--cream-warm);border:1px solid var(--line-strong);border-radius:999px;padding:var(--sp-2) var(--sp-5);font-family:inherit;font-size:var(--fs-12);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:var(--sp-6) var(--sp-4);border:1px dashed var(--line-strong);border-radius:14px;background:var(--cream-warm);margin-top:var(--sp-2)}.app-root[data-theme=dark] .browse-empty{background:var(--card-bg)}.browse-empty-icon{font-size:var(--fs-28);margin-bottom:var(--sp-2);opacity:.7}.browse-empty-title{font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:600;color:var(--jade);margin-bottom:var(--sp-1);overflow-wrap:anywhere}.browse-empty-sub{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.5;max-width:360px;margin:0 auto var(--sp-3)}.browse-empty-reset{background:var(--jade);color:var(--gold);border:none;border-radius:999px;padding:var(--sp-2) var(--sp-4);font-family:inherit;font-size:var(--fs-12);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:var(--sp-1);overflow-x:auto;padding-bottom:var(--sp-2);margin-bottom:var(--sp-4);-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:var(--sp-2) var(--sp-3);font-family:inherit;font-size:var(--fs-12);font-weight:500;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:var(--sp-1);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:var(--fs-14)}.dialogue-setting{background:#c9a9611f;border-left:3px solid var(--gold);padding:var(--sp-3) var(--sp-4);border-radius:0 8px 8px 0;font-style:italic;font-size:var(--fs-14);color:var(--ink);margin-bottom:var(--sp-4);line-height:1.5}.dialogue-lines{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-4)}.dialogue-line{display:flex;flex-direction:column;gap:var(--sp-1);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:var(--fs-10);text-transform:uppercase;letter-spacing:.15em;font-weight:700;padding:0 var(--sp-1)}.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:var(--sp-3) var(--sp-3);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:var(--fs-18);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:var(--fs-12);font-weight:600;margin-bottom:var(--sp-1)}.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:var(--fs-12);margin-bottom:var(--sp-1)}.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:var(--fs-11);font-style:italic;padding:var(--sp-2) 0 0;border-top:1px dashed currentColor;opacity:.7;line-height:1.4}.dialogue-controls{display:flex;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) 0}.dialogue-next-btn,.dialogue-reset-btn{display:inline-flex;align-items:center;gap:var(--sp-1);background:var(--jade);color:var(--cream);border:none;border-radius:999px;padding:var(--sp-2) var(--sp-4);font-family:inherit;font-size:var(--fs-12);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:var(--sp-1);background:var(--cream-warm);color:var(--jade);border:1px solid var(--line);border-radius:999px;padding:var(--sp-2) var(--sp-4);font-family:inherit;font-size:var(--fs-12);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:var(--sp-6) var(--sp-4)}.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 var(--sp-4)}.quiz-intro-title{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:500;color:var(--jade);margin-bottom:var(--sp-2);letter-spacing:-.02em}.quiz-intro-sub{color:var(--ink-soft);font-size:var(--fs-14);margin-bottom:var(--sp-5)}.quiz-direction-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3);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:var(--sp-5) var(--sp-4);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);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:var(--sp-1) 0}.quiz-dir-thai{font-family:Noto Sans Thai,sans-serif;font-size:var(--fs-22);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:var(--fs-11);font-weight:600;color:var(--brick)}.quiz-dir-en{font-family:Fraunces,serif;font-size:var(--fs-22);font-weight:500;color:var(--jade);font-style:italic}.quiz-dir-label{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin-top:var(--sp-2);font-weight:600}.quiz-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:var(--sp-2);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:var(--sp-5)}.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:var(--sp-6) var(--sp-5);margin-bottom:var(--sp-4);text-align:center}.quiz-prompt-label{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:600;margin-bottom:var(--sp-4)}.quiz-prompt{font-family:Fraunces,serif;font-size:var(--fs-28);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:var(--fs-48);font-weight:600}.quiz-prompt-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-18);color:var(--brick);font-weight:600;margin-top:var(--sp-2)}.quiz-options{display:flex;flex-direction:column;gap:var(--sp-2)}.quiz-option{display:flex;align-items:center;gap:var(--sp-3);background:#fff;border:1px solid var(--line);border-radius:12px;padding:var(--sp-3) var(--sp-4);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:var(--fs-12);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:var(--fs-14);font-weight:500}.quiz-opt-thai{font-family:Noto Sans Thai,sans-serif;font-size:var(--fs-18);font-weight:600}.quiz-opt-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-12);opacity:.8}.quiz-option-check{flex-shrink:0}.quiz-feedback{margin-top:var(--sp-4);padding:var(--sp-4);background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:var(--sp-3);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:var(--fs-22);font-weight:600;color:var(--jade)}.quiz-feedback-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-14);color:var(--brick);font-weight:600}.quiz-feedback-en{font-style:italic;font-size:var(--fs-14);color:var(--ink)}.quiz-results{text-align:center;padding:60px var(--sp-4);background:var(--cream-warm);border:1px solid var(--line);border-radius:16px}.quiz-results-icon{font-size:var(--fs-64);margin-bottom:var(--sp-4)}.quiz-results-score{font-family:Fraunces,serif;font-size:var(--fs-56);font-weight:600;color:var(--jade);line-height:1;letter-spacing:-.02em}.quiz-results-pct{font-family:JetBrains Mono,monospace;font-size:var(--fs-18);color:var(--gold);font-weight:600;margin:var(--sp-2) 0}.quiz-results-msg{font-family:Fraunces,serif;font-size:var(--fs-22);color:var(--ink);margin-bottom:var(--sp-5);font-style:italic}.quiz-results-actions{display:flex;gap:var(--sp-2);justify-content:center;flex-wrap:wrap}.quiz-mode{display:flex;flex-direction:column;gap:var(--sp-3)}.quiz-mode-intro,.quiz-mode-results{text-align:center;padding:var(--sp-6) var(--sp-4);background:var(--card-bg);border:1px solid var(--line);border-radius:16px}.quiz-mode-coach{max-width:430px;margin:0 auto var(--sp-4)}.quiz-mode-coach-card{margin-bottom:var(--sp-3)}.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 var(--sp-4)}.quiz-mode-title{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:500;color:var(--jade);margin:0 0 var(--sp-2);letter-spacing:0}.quiz-mode-sub{color:var(--ink-soft);font-size:var(--fs-14);margin:0 0 var(--sp-5);line-height:1.5}.quiz-stage-select{max-width:560px;margin:0 auto var(--sp-4)}.quiz-stage-select-label{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-weight:600;margin-bottom:var(--sp-2)}.quiz-stage-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center}.quiz-stage-chip{background:var(--cream-warm);border:1px solid var(--line);border-radius:999px;padding:var(--sp-2) var(--sp-4);font-family:inherit;font-size:var(--fs-12);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:var(--sp-1) var(--sp-3);font-size:var(--fs-12)}}.app-root[data-theme=dark] .quiz-stage-chip-active{background:var(--jade);color:#fff}.quiz-stage-empty{max-width:480px;margin:var(--sp-1) auto 0;padding:var(--sp-4) var(--sp-4);border:1px dashed var(--line-strong);border-radius:14px;background:var(--cream-warm);color:var(--ink-soft);font-size:var(--fs-14);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:var(--sp-3);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:var(--sp-4) var(--sp-4);cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-areas:"title icon" "sub icon";gap:var(--sp-1) var(--sp-2);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:var(--fs-18);font-weight:600;color:var(--jade)}.quiz-mode-direction-sub{grid-area:sub;color:var(--ink-soft);font-size:var(--fs-12);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:var(--sp-3);margin-bottom:2px}.quiz-mode-type{font-size:var(--fs-12);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:var(--sp-5) var(--sp-4);margin-bottom:var(--sp-3);text-align:center}.quiz-mode-prompt-label{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-weight:700;margin-bottom:var(--sp-3)}.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:var(--fs-48);font-weight:600}.quiz-mode-prompt-en{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:500;letter-spacing:0}.quiz-mode-prompt-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-14);color:var(--brick);font-weight:600;margin-top:var(--sp-2)}.quiz-mode-speaker{margin:var(--sp-3) auto 0}.quiz-mode-options{display:flex;flex-direction:column;gap:var(--sp-2)}.quiz-mode-option{display:flex;align-items:center;gap:var(--sp-3);width:100%;background:var(--card-bg);border:1px solid var(--line);border-radius:12px;padding:var(--sp-3) var(--sp-3);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:var(--fs-14);font-weight:600;line-height:1.35}.quiz-mode-option-thai{font-family:Noto Sans Thai,sans-serif;font-size:var(--fs-18);font-weight:600;line-height:1.25;overflow-wrap:anywhere}.quiz-mode-option-sub{font-family:JetBrains Mono,monospace;font-size:var(--fs-12);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:var(--sp-3);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:var(--sp-3);display:flex;gap:var(--sp-2);align-items:flex-start;padding:var(--sp-3) var(--sp-4);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:var(--fs-16);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:var(--fs-12);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:var(--fs-48);font-weight:600;color:var(--jade);line-height:1}.quiz-mode-results-pct{font-family:JetBrains Mono,monospace;font-size:var(--fs-18);color:var(--gold);font-weight:700;margin:var(--sp-2) 0}.quiz-mode-results-msg{font-family:Fraunces,serif;font-size:var(--fs-22);color:var(--ink);margin-bottom:var(--sp-5)}.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:var(--sp-5) var(--sp-3);border-radius:14px}.quiz-mode-title{font-size:var(--fs-28)}.quiz-mode-card{padding:var(--sp-4) var(--sp-3);border-radius:14px}.quiz-mode-prompt-thai{font-size:var(--fs-36)}.quiz-mode-prompt-en{font-size:var(--fs-22)}.quiz-mode-header{align-items:flex-start}.quiz-mode-option{padding:var(--sp-3);gap:var(--sp-2)}.quiz-mode-option-thai{font-size:var(--fs-18)}.quiz-mode-feedback{padding:var(--sp-3)}.quiz-mode-check-btn{width:100%}}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:var(--sp-1);border:none;border-radius:999px;padding:var(--sp-3) var(--sp-4);font-family:inherit;font-size:var(--fs-12);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:var(--sp-1);overflow-x:auto;padding:var(--sp-1);background:var(--cream-warm);border:1px solid var(--line);border-radius:10px;margin-bottom:var(--sp-5);-webkit-overflow-scrolling:touch}.guide-section-tabs::-webkit-scrollbar{height:6px}.guide-tab{flex-shrink:0;background:none;border:none;padding:var(--sp-2) var(--sp-3);border-radius:7px;cursor:pointer;font-family:inherit;font-size:var(--fs-12);font-weight:500;color:var(--ink-soft);display:flex;align-items:center;gap:var(--sp-1);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:var(--fs-11);text-transform:uppercase;letter-spacing:.25em;color:var(--gold);font-weight:600;margin-bottom:var(--sp-2)}.guide-h2{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:500;color:var(--jade);letter-spacing:-.02em;margin:0 0 var(--sp-3);line-height:1.1}.guide-p{font-size:var(--fs-14);color:var(--ink);line-height:1.6;margin-bottom:var(--sp-4);max-width:600px}.tone-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-1);margin-bottom:var(--sp-5)}.tone-btn{--tone-color: var(--jade);background:var(--cream-warm);border:2px solid var(--tone-color);border-radius:10px;padding:var(--sp-3) var(--sp-1);cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);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:var(--fs-22);color:var(--tone-color);line-height:1}.tone-btn-name{font-size:var(--fs-11);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:var(--sp-5);margin-bottom:var(--sp-5)}.tone-detail-shape{background:#0003;border-radius:8px;padding:var(--sp-3);margin-bottom:var(--sp-4)}.tone-svg{width:100%;max-width:400px;height:auto}.tone-detail-name{font-family:Fraunces,serif;font-size:var(--fs-22);font-weight:500;color:var(--tone-color);letter-spacing:-.02em;margin-bottom:var(--sp-1)}.tone-detail-desc{font-size:var(--fs-14);line-height:1.5;opacity:.9}.tone-examples-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-1);margin-top:var(--sp-4)}.tone-example-cell{--tone-color: var(--jade);background:#fff;border:2px solid var(--tone-color);border-radius:8px;padding:var(--sp-2) var(--sp-1);text-align:center}.tone-example-syll{font-family:JetBrains Mono,monospace;font-size:var(--fs-18);font-weight:700;color:var(--tone-color)}.tone-example-tone{font-size:var(--fs-10);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-top:var(--sp-1);font-weight:600}.tone-example-mean{font-size:var(--fs-11);font-style:italic;color:var(--jade);margin-top:var(--sp-1)}.guide-callout{background:var(--cream-warm);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:var(--sp-4) var(--sp-4)}.guide-callout-title{font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:500;color:var(--jade);margin-bottom:var(--sp-1)}.guide-callout-body{font-size:var(--fs-14);color:var(--ink);line-height:1.5;margin:0}.ref-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-2)}@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:var(--sp-3) var(--sp-4);display:flex;gap:var(--sp-3)}.ref-card-icon{font-family:JetBrains Mono,monospace;font-size:var(--fs-18);font-weight:700;color:var(--brick);background:#fff;padding:var(--sp-1) var(--sp-2);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:var(--fs-16);font-weight:600;color:var(--jade);margin-bottom:var(--sp-1)}.ref-card-thai{font-family:Noto Sans Thai,sans-serif;font-size:var(--fs-22);font-weight:600;color:var(--jade);margin-bottom:2px}.ref-card-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-12);font-weight:600;color:var(--brick);margin-bottom:var(--sp-1)}.ref-card-en{font-size:var(--fs-12);font-weight:500;color:var(--ink);margin-bottom:var(--sp-1)}.ref-card-desc{font-size:var(--fs-12);line-height:1.5;color:var(--ink);margin-bottom:var(--sp-1)}.ref-card-example{font-family:JetBrains Mono,monospace;font-size:var(--fs-11);color:var(--ink-soft);font-style:italic;padding:var(--sp-1) var(--sp-2);background:#0f3d2e0a;border-radius:6px;line-height:1.4}.ref-card-note{font-size:var(--fs-11);color:var(--ink-soft);font-style:italic;line-height:1.4}.pattern-list{display:flex;flex-direction:column;gap:var(--sp-2)}.pattern-card{display:flex;gap:var(--sp-3);background:var(--cream-warm);border:1px solid var(--line);border-radius:10px;padding:var(--sp-3) var(--sp-4)}.pattern-card-num{font-family:Fraunces,serif;font-size:var(--fs-28);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:var(--fs-12);font-weight:600;color:var(--jade);background:#0f3d2e0f;padding:var(--sp-1) var(--sp-2);border-radius:6px;display:inline-block;margin-bottom:var(--sp-1)}.pattern-card-en{font-family:Fraunces,serif;font-size:var(--fs-16);font-weight:500;color:var(--jade);margin-bottom:var(--sp-1);letter-spacing:-.01em}.pattern-card-example{font-family:JetBrains Mono,monospace;font-size:var(--fs-12);color:var(--brick);font-weight:500;line-height:1.4}.error-list{display:flex;flex-direction:column;gap:var(--sp-2)}.error-card{display:flex;gap:var(--sp-3);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:var(--sp-3) var(--sp-4)}.error-card-num{font-family:Fraunces,serif;font-size:var(--fs-22);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:var(--sp-1);font-size:var(--fs-14)}.error-card-fix{font-size:var(--fs-12);line-height:1.5;color:var(--ink)}.xp-pill{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:999px;font-size:var(--fs-12);font-weight:600;background:var(--jade);color:var(--gold)}.daily-goal-card{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-4);align-items:center;background:var(--cream-warm);border:1px solid var(--line);border-radius:16px;padding:var(--sp-4);margin-bottom:var(--sp-5)}.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:var(--sp-1)}.goal-ring-val{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:600;line-height:1;letter-spacing:-.02em}.goal-ring-of{font-size:var(--fs-10);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:var(--fs-22);font-weight:500;color:var(--jade);letter-spacing:-.02em;margin-bottom:var(--sp-1)}.daily-goal-sub{font-size:var(--fs-12);color:var(--ink-soft);margin-bottom:var(--sp-3)}.daily-goal-stats{display:flex;gap:var(--sp-4);flex-wrap:wrap}.dgs-item{display:flex;flex-direction:column;align-items:flex-start}.dgs-num{font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:600;color:var(--jade);line-height:1}.dgs-label{font-size:var(--fs-10);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:var(--sp-4) var(--sp-4)}.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:var(--sp-3)}.dash-section-meta{font-size:var(--fs-11);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:var(--sp-4);display:flex;gap:var(--sp-4);margin-bottom:var(--sp-3)}.level-card-icon{font-size:var(--fs-48);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:var(--fs-22);font-weight:500;color:var(--jade);letter-spacing:-.02em;margin-bottom:var(--sp-1)}.level-card-desc{font-size:var(--fs-12);color:var(--ink-soft);margin-bottom:var(--sp-3);line-height:1.5;overflow-wrap:anywhere}.level-card-overall{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.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:var(--fs-12);font-weight:700;color:var(--level-color);min-width:36px;text-align:right}.level-reqs{display:flex;flex-direction:column;gap:var(--sp-2)}.level-req{display:flex;gap:var(--sp-2);align-items:flex-start;padding:var(--sp-2) var(--sp-2);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:var(--fs-11);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:var(--fs-12);font-weight:500;color:var(--ink)}.level-req-met .level-req-label{color:var(--ink-soft)}.level-req-bar{margin-top:var(--sp-1);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:var(--sp-1)}@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:var(--sp-2) var(--sp-1);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);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:var(--fs-18);line-height:1}.level-pill-name{font-size:var(--fs-10);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:var(--sp-4);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:var(--sp-4);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3)}.modal-eyebrow{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:600;margin-bottom:var(--sp-1)}.modal-title{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:500;color:var(--jade);letter-spacing:-.02em;margin-bottom:2px}.modal-sub{font-size:var(--fs-12);color:var(--ink-soft)}.modal-close{background:var(--card-bg);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;transition:color .15s,border-color .15s,background .15s}.modal-close:hover{color:var(--jade);border-color:var(--jade)}.modal-close:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.modal-body{padding:var(--sp-4);overflow-y:auto;flex:1}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}@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:var(--sp-3) var(--sp-2);text-align:center;transition:all .15s}.achievement-unlocked{border-color:var(--gold);background:#c9a9611a}.achievement-locked{opacity:.55}.achievement-icon{font-size:var(--fs-28);margin-bottom:var(--sp-1)}.achievement-name{font-family:Fraunces,serif;font-size:var(--fs-14);font-weight:600;color:var(--jade);margin-bottom:var(--sp-1)}.achievement-desc{font-size:var(--fs-11);color:var(--ink-soft);line-height:1.4}.achievement-empty-hint{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.5;margin:0 0 var(--sp-3);text-align:center}.toast{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:200;background:var(--jade);color:var(--cream);border-radius:14px;padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);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:var(--fs-36)}.toast-milestone .toast-eyebrow{color:var(--gold)}.toast-levelup{background:var(--level-color, var(--jade));border-color:#fff}.toast-icon{font-size:var(--fs-28);line-height:1;flex-shrink:0}.toast-icon-big{font-size:var(--fs-48)}.toast-body{flex:1;min-width:0}.toast-eyebrow{font-size:var(--fs-10);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:var(--fs-18);font-weight:600;color:#fff;letter-spacing:-.01em;margin-bottom:2px}.toast-desc{font-size:var(--fs-12);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:var(--sp-4);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:var(--sp-5) var(--sp-4) var(--sp-4);text-align:center;box-shadow:0 26px 70px #00000052;animation:revealUp .28s ease-out}.reward-screen-icon{width:72px;height:72px;margin:0 auto var(--sp-3);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 var(--sp-2)}.reward-screen-eyebrow{font-size:var(--fs-11);font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:var(--sp-2)}.reward-screen-title{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:700;line-height:1.05;color:var(--jade);margin:0 0 var(--sp-2);letter-spacing:0}.reward-screen-sub{margin:0 auto var(--sp-4);max-width:340px;color:var(--ink-soft);font-size:var(--fs-14);line-height:1.5}.reward-xp-card{background:var(--cream-warm);border:1px solid var(--line);border-radius:16px;padding:var(--sp-4);margin-bottom:var(--sp-3)}.reward-xp-label{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);font-size:var(--fs-12);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:var(--fs-48);font-weight:800;color:var(--jade);line-height:1.05;margin:var(--sp-2) 0 var(--sp-3);letter-spacing:0}.reward-progress-track{height:10px;background:var(--track);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:var(--sp-2);margin-bottom:var(--sp-4)}.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:var(--sp-2) var(--sp-2);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:var(--fs-12);font-weight:800;color:var(--ink)}.reward-summary-item em{font-style:normal;font-size:var(--fs-10);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:var(--sp-3) var(--sp-4)}.toast-quest-icon{display:flex;align-items:center;justify-content:center;color:var(--gold)}.toast-quest .toast-title{font-size:var(--fs-16)}.reward-screen-panel-compact{width:min(380px,100%);padding:var(--sp-5) var(--sp-4) var(--sp-4)}.achievement-modal{position:relative}.achievement-modal-sparkle{position:absolute;top:14px;right:14px;color:var(--gold);opacity:.8}.achievement-modal-badge{font-size:var(--fs-48);line-height:1;margin:2px auto var(--sp-3)}.achievement-modal-desc{margin:0 auto var(--sp-1);max-width:320px;color:var(--ink);font-size:var(--fs-14);font-weight:600}.reward-screen-actions{display:flex;flex-direction:column;gap:var(--sp-2)}.reward-secondary-btn{width:100%}.reward-super-cta{margin-top:var(--sp-3);width:100%;background:none;border:none;padding:var(--sp-1) var(--sp-2);font-family:inherit;font-size:var(--fs-12);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)}}.save-ask-grid{grid-template-columns:repeat(2,1fr)}.save-ask-note{margin:var(--sp-3) 0 0;font-size:var(--fs-11);line-height:1.45;color:var(--ink-soft)}.anon-account-bar{display:flex;align-items:center;gap:var(--sp-3);border:1px solid color-mix(in srgb,var(--jade) 20%,var(--line));background:color-mix(in srgb,var(--jade) 5%,var(--card-bg));border-radius:14px;padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-4);color:var(--ink);font-size:var(--fs-12)}.anon-account-bar-icon{display:flex;flex-shrink:0;color:var(--jade)}.anon-account-bar-text{flex:1;min-width:0;line-height:1.4;color:var(--ink-soft)}.anon-account-bar-actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.anon-account-bar-primary{border:none;border-radius:999px;background:var(--jade);color:var(--cream);font-family:inherit;font-size:var(--fs-12);font-weight:800;padding:var(--sp-2) var(--sp-3);cursor:pointer;white-space:nowrap}.anon-account-bar-link{background:transparent;border:none;padding:var(--sp-1) var(--sp-1);font-family:inherit;font-size:var(--fs-12);font-weight:700;color:var(--ink-soft);cursor:pointer;white-space:nowrap;text-decoration:underline;text-underline-offset:2px}@media (hover: hover) and (pointer: fine){.anon-account-bar-primary:hover{background:var(--jade-soft)}.anon-account-bar-link:hover{color:var(--jade)}}.app-root[data-theme=dark] .anon-account-bar{background:#5baf7c14}.app-root[data-theme=dark] .anon-account-bar-link:hover{color:var(--gold)}@media (max-width: 520px){.anon-account-bar{flex-wrap:wrap}.anon-account-bar-text{flex-basis:100%;order:1}.anon-account-bar-icon{order:0}.anon-account-bar-actions{order:2;width:100%}.anon-account-bar-primary{flex:1}}.locked-premium-card{background:var(--card-bg);border:1px solid color-mix(in srgb,var(--gold) 34%,var(--line));border-radius:16px;padding:var(--sp-5) var(--sp-4);max-width:560px;margin:var(--sp-4) 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 var(--sp-2);border-radius:999px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold-deep)}.locked-premium-badges{display:flex;flex-wrap:wrap;gap:var(--sp-1);justify-content:center;margin-bottom:var(--sp-2)}.locked-premium-badge{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-10);font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:var(--sp-1) var(--sp-2);border-radius:999px;white-space:nowrap}.locked-premium-badge-super{background:var(--gold);color:var(--gold-ink)}.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:var(--fs-18);font-weight:700;color:var(--jade);margin:2px 0 var(--sp-1)}.locked-premium-desc{font-size:var(--fs-14);color:var(--ink-soft);margin:0 auto var(--sp-2);max-width:44ch}.locked-premium-note{font-size:var(--fs-12);color:var(--ink-soft);opacity:.85;margin:var(--sp-2) auto 0;max-width:48ch}.locked-premium-cta{margin-top:var(--sp-3)}.situation-rail{max-width:880px;margin:var(--sp-5) auto 0;padding:0 0 var(--sp-5)}.situation-rail-header{margin-bottom:var(--sp-3)}.situation-rail-title{display:flex;align-items:center;gap:var(--sp-2);font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:600;color:var(--jade);letter-spacing:-.01em;margin:0 0 var(--sp-1)}.app-root[data-theme=dark] .situation-rail-title{color:var(--gold)}.situation-rail-sub{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.5;margin:0;max-width:62ch}.situation-rail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2);counter-reset:none}.situation-row{display:flex;align-items:flex-start;gap:var(--sp-3);background:var(--card-bg);border:1px solid var(--line);border-radius:12px;padding:var(--sp-3)}.situation-row-locked{border-style:dashed;background:transparent;opacity:.75}.situation-row-upnext{border-color:var(--jade);box-shadow:0 1px 2px #0f3d2e0a,0 12px 28px -22px #0f3d2e80}.app-root[data-theme=dark] .situation-row-upnext{border-color:var(--gold);box-shadow:0 1px 2px #0000004d,0 12px 30px -20px #0009}.situation-row-rank{flex-shrink:0;width:22px;text-align:right;font-family:JetBrains Mono,monospace;font-size:var(--fs-12);font-weight:600;color:var(--ink-soft);line-height:1.5}.situation-row-body{flex:1;min-width:0}.situation-row-name{display:flex;align-items:center;gap:var(--sp-1);font-family:Fraunces,serif;font-size:var(--fs-14);font-weight:600;color:var(--jade);letter-spacing:-.01em;margin-bottom:var(--sp-2)}.app-root[data-theme=dark] .situation-row-name{color:var(--cream)}.situation-row-lockicon{color:var(--ink-soft);flex-shrink:0}.situation-row-meta{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.situation-row-flag{flex-shrink:0;align-self:center;background:var(--jade);color:var(--cream);font-size:var(--fs-10);font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:var(--sp-1) var(--sp-2);border-radius:999px;white-space:nowrap}.situation-row-cta{flex-shrink:0;align-self:center;background:transparent;border:1px solid var(--gold);color:var(--gold-deep);border-radius:999px;padding:var(--sp-1) var(--sp-3);font-family:inherit;font-size:var(--fs-11);font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s}@media (hover: hover) and (pointer: fine){.situation-row-cta:hover{background:var(--gold);color:var(--gold-ink)}}.app-root[data-theme=dark] .situation-row-cta{color:var(--gold)}.situation-row-start{flex-shrink:0;align-self:center;display:inline-flex;align-items:center;gap:var(--sp-1);background:var(--jade);border:1px solid var(--jade);color:var(--cream);border-radius:999px;padding:var(--sp-1) var(--sp-3);font-family:inherit;font-size:var(--fs-11);font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s}@media (hover: hover) and (pointer: fine){.situation-row-start:hover{background:var(--jade-soft);border-color:var(--jade-soft)}}.app-root[data-theme=dark] .situation-row-start{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}@media (hover: hover) and (pointer: fine){.app-root[data-theme=dark] .situation-row-start:hover{background:var(--gold-soft);border-color:var(--gold-soft)}}.situation-chip{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-10);font-weight:700;letter-spacing:.02em;padding:2px var(--sp-2);border-radius:999px;line-height:1.5}.situation-chip-count{background:color-mix(in srgb,var(--jade) 12%,transparent);color:var(--jade);border:1px solid color-mix(in srgb,var(--jade) 26%,var(--line))}.app-root[data-theme=dark] .situation-chip-count{color:color-mix(in srgb,var(--jade) 70%,#fff)}.situation-chip-empty{background:transparent;color:var(--ink-soft);border:1px dashed var(--line-strong)}.situation-chip-soon{background:color-mix(in srgb,var(--ink-soft) 12%,transparent);color:var(--ink-soft)}.situation-chip-super{background:var(--gold);color:var(--gold-ink)}.situation-chip-adult{background:color-mix(in srgb,var(--brick) 12%,transparent);color:var(--brick);border:1px solid color-mix(in srgb,var(--brick) 26%,var(--line))}.situation-chip-draft{background:transparent;color:var(--gold-deep);border:1px dashed color-mix(in srgb,var(--gold) 55%,var(--line))}.app-root[data-theme=dark] .situation-chip-draft{color:color-mix(in srgb,var(--gold) 80%,#fff)}.situation-upcoming{margin-top:var(--sp-3);border:1px solid var(--line);border-radius:12px;padding:var(--sp-3);background:color-mix(in srgb,var(--jade) 3%,transparent)}.situation-upcoming-title{margin:0 0 var(--sp-2);font-size:var(--fs-12);font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.situation-upcoming-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-1)}.situation-upcoming-row{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-13);color:var(--ink)}.situation-upcoming-name{flex:1;min-width:0}.situation-upcoming-count{flex-shrink:0;font-size:var(--fs-11);font-weight:700;color:var(--jade)}.situation-upcoming-note{margin:var(--sp-2) 0 0;font-size:var(--fs-11);line-height:1.45;color:var(--ink-soft)}.situation-backlog{margin-top:var(--sp-2);border:1px dashed var(--line-strong);border-radius:12px;padding:var(--sp-3);background:transparent}.situation-backlog-title{font-family:Fraunces,serif;font-size:var(--fs-12);font-weight:600;color:var(--ink-soft);margin:0 0 var(--sp-1);letter-spacing:-.01em}.situation-backlog-body{font-size:var(--fs-11);color:var(--ink-soft);line-height:1.6;margin:0}.situation-backlog-names{color:var(--stone)}.situation-rail-note{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.5;margin:var(--sp-3) 0 0;max-width:62ch}@media (max-width: 520px){.situation-row{flex-wrap:wrap}.situation-row-flag,.situation-row-cta,.situation-row-start{align-self:flex-start;margin-left:calc(22px + var(--sp-3))}}.dating-section{max-width:880px;margin:0 auto;padding-bottom:var(--sp-5)}.dating-hero{text-align:center;padding:var(--sp-2) 0 var(--sp-4)}.dating-badges{display:flex;flex-wrap:wrap;gap:var(--sp-1);justify-content:center;margin-bottom:var(--sp-2)}.dating-badge{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-10);font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:var(--sp-1) var(--sp-2);border-radius:999px}.dating-badge-18{background:#b3261e;color:#fff}.dating-badge-mature{background:color-mix(in srgb,#b3261e 12%,transparent);color:var(--sev-strong);border:1px solid color-mix(in srgb,#b3261e 26%,var(--line))}.dating-badge-super{background:var(--gold);color:var(--gold-ink)}.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:var(--sp-2);font-family:Fraunces,serif;font-size:clamp(22px,4vw,30px);font-weight:700;color:var(--jade);margin:var(--sp-1) 0 var(--sp-1)}.dating-tagline{font-size:var(--fs-14);color:var(--ink);margin:0 auto var(--sp-2);max-width:52ch}.dating-safety{display:flex;gap:var(--sp-1);align-items:flex-start;text-align:left;font-size:var(--fs-12);color:var(--ink-soft);background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:var(--sp-2) var(--sp-3);max-width:60ch;margin:var(--sp-2) 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:var(--sp-5) var(--sp-4);max-width:560px;margin:var(--sp-1) auto var(--sp-5);box-shadow:0 18px 40px -28px #c9a96199}.dating-locked-icon{width:46px;height:46px;margin:0 auto var(--sp-2);border-radius:999px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold-deep)}.dating-locked-title{font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:700;color:var(--jade);margin:0 0 var(--sp-1)}.dating-locked-copy{font-size:var(--fs-14);color:var(--ink-soft);max-width:48ch;margin:0 auto var(--sp-3)}.dating-preview-title{font-size:var(--fs-14);font-weight:800;color:var(--ink);margin:0 0 var(--sp-3);text-align:center}.dating-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-3)}.dating-cat-card{background:var(--card-bg);border:1px solid var(--line);border-radius:12px;padding:var(--sp-3)}.dating-cat-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-1)}.dating-cat-name{font-size:var(--fs-14);font-weight:700;color:var(--jade);margin:0}.dating-cat-sev{font-size:var(--fs-10);font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:3px var(--sp-2);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:var(--gold-deep)}.dating-cat-sev-strong{background:color-mix(in srgb,#b3261e 12%,transparent);color:var(--sev-strong)}.dating-cat-sev-safety{background:color-mix(in srgb,#2563A8 14%,transparent);color:var(--sev-safety)}.dating-cat-blurb{font-size:var(--fs-12);color:var(--ink-soft);margin:0 0 var(--sp-2)}.dating-cat-intents{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-1)}.dating-cat-intents li{font-size:var(--fs-12);color:var(--ink);padding-left:var(--sp-3);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:var(--sp-1);font-size:var(--fs-11);font-weight:700;color:var(--sev-strong);margin:var(--sp-2) 0 0}.dating-teaser-list{list-style:none;padding:0;margin:var(--sp-3) auto var(--sp-1);max-width:46ch;display:flex;flex-direction:column;gap:var(--sp-2);text-align:left}.dating-teaser-item{border:1px solid var(--line);border-radius:10px;padding:var(--sp-2) var(--sp-3);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:var(--sp-2);margin-bottom:3px}.dating-teaser-item-name{font-size:var(--fs-14);font-weight:700;color:var(--jade)}.dating-teaser-item-blurb{display:block;font-size:var(--fs-12);color:var(--ink-soft);line-height:1.45}.dating-teaser-care{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-10);font-weight:700;color:var(--sev-strong);margin:var(--sp-1) 0 0}.dating-disclaimer{font-size:var(--fs-11);color:var(--ink-soft);text-align:center;max-width:64ch;margin:var(--sp-4) auto 0;line-height:1.5}.dating-badge-draft{background:color-mix(in srgb,#b3261e 12%,transparent);color:var(--sev-strong);border:1px solid color-mix(in srgb,#b3261e 26%,var(--line))}.dating-draft-banner{display:flex;gap:var(--sp-3);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:var(--sp-4) var(--sp-4);max-width:640px;margin:var(--sp-1) auto var(--sp-5);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:var(--sev-strong);margin-top:2px}.dating-draft-text{flex:1 1 auto;min-width:0}.dating-draft-title{font-family:Fraunces,serif;font-size:var(--fs-16);font-weight:700;color:var(--jade);margin:0 0 var(--sp-1);line-height:1.25}.dating-draft-copy{font-size:var(--fs-12);color:var(--ink-soft);margin:0 0 var(--sp-3);line-height:1.55}.dating-draft-copy strong{color:var(--ink)}.dating-draft-cta{display:inline-flex;align-items:center;gap:var(--sp-1);white-space:nowrap}.dating-phrases{display:flex;flex-direction:column;gap:var(--sp-5);margin-top:var(--sp-1)}.dating-cat-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2);padding-bottom:var(--sp-2);margin-bottom:var(--sp-3);border-bottom:1px solid var(--line)}.dating-cat-block-titles{min-width:0}.dating-cat-block-name{font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:700;color:var(--jade);margin:0 0 2px}.dating-cat-block-blurb{font-size:var(--fs-12);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:var(--sp-3);align-items:stretch}.dating-phrase-card{display:flex;flex-direction:column;gap:var(--sp-2);background:var(--card-bg);border:1px solid var(--line);border-radius:14px;padding:var(--sp-3) var(--sp-4)}.dating-phrase-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2)}.dating-phrase-main{min-width:0}.dating-phrase-thai{font-family:Noto Sans Thai,sans-serif;font-size:var(--fs-22);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:var(--fs-12);font-weight:600;color:var(--gold);margin:0 0 var(--sp-1);letter-spacing:.01em}.dating-phrase-en{font-size:var(--fs-14);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:var(--sp-2)}.dating-sev-chip{font-size:var(--fs-10);font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:3px var(--sp-2);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:var(--sp-2) var(--sp-3)}.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:var(--fs-10);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--sp-1)}.dating-phrase-example-thai{font-family:Noto Sans Thai,sans-serif;font-size:var(--fs-14);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:var(--fs-11);color:var(--ink-soft);margin:0 0 3px}.dating-phrase-example-en{font-size:var(--fs-12);color:var(--ink-soft);margin:0;line-height:1.4;font-style:italic}.dating-phrase-note{font-size:var(--fs-11);color:var(--ink-soft);margin:0;line-height:1.45;padding-left:var(--sp-2);border-left:2px solid color-mix(in srgb,var(--gold) 50%,var(--line))}.dating-note-label{display:inline-block;font-size:var(--fs-10);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-right:var(--sp-1)}.dating-phrase-care{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-11);font-weight:700;color:var(--sev-strong);margin:0}.dating-phrase-care svg{flex:0 0 auto}.dating-phrase-badges{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:-2px}.dating-cat-chiprow{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-1);margin-top:3px;max-width:46%}.dating-teaser-item-badges{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:var(--sp-1)}.dating-chip{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-10);font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:3px var(--sp-2);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:var(--gold-deep)}.dating-chip-avoid{background:#b3261e;color:#fff}.dating-chip-slang{background:color-mix(in srgb,var(--sev-slang) 13%,transparent);color:var(--sev-slang)}.dating-chip-rude{background:color-mix(in srgb,#b3261e 12%,transparent);color:var(--sev-strong);border:1px solid color-mix(in srgb,#b3261e 26%,var(--line))}.dating-chip-review-pending{background:transparent;color:var(--gold-deep);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:var(--sev-strong);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:var(--sp-2) auto 0;text-align:center;background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:var(--sp-5) var(--sp-4)}.dating-confirm-card .dating-badges{justify-content:center}.dating-confirm-title{font-family:Fraunces,serif;font-size:var(--fs-18);color:var(--jade);margin:var(--sp-2) 0 var(--sp-2)}.dating-confirm-copy{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.55;margin:0 0 var(--sp-4)}.dating-confirm-actions{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.dating-confirm-actions .btn-primary{display:inline-flex;align-items:center;gap:var(--sp-1)}.dating-confirm-no{background:none;border:1px solid var(--line);border-radius:999px;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-12);font-weight:700;color:var(--ink-soft);cursor:pointer}.dating-confirm-note{font-size:var(--fs-10);color:var(--ink-soft);margin:var(--sp-3) 0 0;opacity:.8}.dating-catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-3);margin-top:var(--sp-3)}.dating-catgrid-intro{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.5;margin:var(--sp-3) 0 0;max-width:640px}.dating-catgrid-intro strong{color:var(--jade)}.dating-catcard{text-align:left;display:flex;flex-direction:column;gap:var(--sp-2);background:var(--card-bg);border:1px solid var(--line);border-radius:14px;padding:var(--sp-3) var(--sp-4);font:inherit;color:inherit;transition:border-color .15s}.dating-catcard-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.dating-catcard-name{font-family:Fraunces,serif;font-size:var(--fs-16);font-weight:700;color:var(--jade)}.dating-catcard-go{color:var(--ink-soft);flex:0 0 auto}.dating-catcard-blurb{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.45;margin:0}.dating-catcard-badges{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.dating-catcard-lesson-flag{display:inline-flex;align-items:center;gap:var(--sp-1);flex:0 0 auto;font-size:var(--fs-10);font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-soft);background:color-mix(in srgb,var(--ink-soft) 12%,transparent);border-radius:999px;padding:3px var(--sp-2)}.dating-catcard-lesson-flag-done{color:var(--jade);background:color-mix(in srgb,var(--jade) 13%,transparent)}.dating-catcard-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:3px}.dating-catcard-start{display:inline-flex;align-items:center;gap:var(--sp-1)}.dating-catcard-review{display:inline-flex;align-items:center;gap:var(--sp-1);background:none;border:1px solid var(--line);border-radius:999px;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-12);font-weight:700;color:var(--jade);cursor:pointer}@media (hover: hover) and (pointer: fine){.dating-catcard-review:hover{border-color:var(--jade)}}.dating-catcard-locked{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-11);font-weight:600;color:var(--ink-soft);margin:0}.dating-quiz-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-2)}.dating-quiz-back{display:inline-flex;align-items:center;gap:var(--sp-1);background:none;border:1px solid var(--line);border-radius:999px;padding:var(--sp-1) var(--sp-3);font-size:var(--fs-12);font-weight:700;color:var(--ink-soft);cursor:pointer}.dating-quiz-cat{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.dating-quiz-cat-name{font-family:Fraunces,serif;font-size:var(--fs-14);font-weight:700;color:var(--jade);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dating-quiz-count{font-size:var(--fs-12);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:var(--sp-3)}.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:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);max-width:620px;margin:0 auto}.dating-question-phrase{position:relative;background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:var(--sp-3) var(--sp-7) var(--sp-3) var(--sp-3)}.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:var(--fs-14);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:var(--sp-2)}.dating-option{position:relative;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);background:var(--cream-warm);border:1.5px solid var(--line);border-radius:12px;padding:var(--sp-3) var(--sp-3);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:var(--sev-strong);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:var(--sev-strong)}.dating-option-text{font-size:var(--fs-12);line-height:1.45}.dating-quiz-submit,.dating-quiz-next{align-self:center;display:inline-flex;align-items:center;gap:var(--sp-1)}.dating-quiz-submit:disabled{opacity:.5;cursor:not-allowed}.dating-reveal{border-radius:12px;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2);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:var(--sp-1);font-size:var(--fs-14);font-weight:800;margin:0}.dating-reveal-correct .dating-reveal-verdict{color:var(--jade)}.dating-reveal-wrong .dating-reveal-verdict{color:var(--sev-strong)}.dating-explain{display:flex;flex-direction:column;gap:var(--sp-2)}.dating-explain-answer{position:relative;background:var(--card-bg);border:1px solid var(--line);border-radius:10px;padding:var(--sp-2) var(--sp-7) var(--sp-2) var(--sp-3)}.dating-explain-answer .dating-phrase-speak{position:absolute;top:9px;right:9px}.dating-explain-answer .dating-phrase-thai{font-size:var(--fs-18)}.dating-explain-correct-label{font-size:var(--fs-12);font-weight:700;color:var(--jade);margin:var(--sp-1) 0 0}.dating-explain-literal{font-size:var(--fs-11);color:var(--ink-soft);font-style:italic;margin:var(--sp-1) 0 0}.dating-explain-text{font-size:var(--fs-12);color:var(--ink);line-height:1.55;margin:0}.dating-summary-card{max-width:440px;margin:var(--sp-2) auto 0;text-align:center;background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.dating-summary-icon{color:var(--gold)}.dating-summary-title{font-family:Fraunces,serif;font-size:var(--fs-18);color:var(--jade);margin:0}.dating-summary-score{font-size:var(--fs-14);color:var(--ink);margin:0}.dating-summary-card .dating-catcard-badges{justify-content:center}.dating-lesson-done-card .dating-summary-icon{color:var(--jade)}.dating-lesson-tag{display:inline-flex;align-items:center;gap:var(--sp-1);flex:0 0 auto;font-size:var(--fs-10);font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--jade);background:color-mix(in srgb,var(--jade) 13%,transparent);border-radius:999px;padding:3px var(--sp-2)}.dating-lesson-coach{display:flex;justify-content:center;max-width:620px;margin:0 auto var(--sp-1)}.dating-lesson-card{background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:var(--sp-4) var(--sp-4);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);max-width:620px;margin:0 auto}.dating-lesson-studylabel{font-size:var(--fs-11);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin:0}.dating-lesson-en{font-family:Fraunces,serif;font-size:var(--fs-22);font-weight:600;color:var(--ink);line-height:1.35;margin:0}.dating-lesson-reveal{display:inline-flex;align-items:center;gap:var(--sp-1);margin-top:2px}.dating-lesson-thai-block{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);position:relative;border-top:1px solid var(--line);padding-top:var(--sp-3);margin-top:2px}.dating-lesson-thai-block .dating-phrase-thai{font-size:var(--fs-28)}.dating-lesson-thai-block>.dating-phrase-speak{position:static;margin:2px 0}.dating-lesson-example{width:100%;background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:var(--sp-3) var(--sp-3);text-align:left;margin-top:var(--sp-1)}.app-root[data-theme=dark] .dating-lesson-example{background:color-mix(in srgb,var(--jade) 8%,transparent)}.dating-lesson-example-thai{font-size:var(--fs-16)!important}.dating-lesson-example .dating-phrase-en{font-size:var(--fs-12);color:var(--ink-soft)}.dating-lesson-badges{justify-content:center;margin-top:var(--sp-1)}.dating-lesson-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);max-width:620px;margin:var(--sp-3) auto 0}.dating-lesson-prev{display:inline-flex;align-items:center;gap:var(--sp-1);background:none;border:1px solid var(--line);border-radius:999px;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-12);font-weight:700;color:var(--ink-soft);cursor:pointer}.dating-lesson-prev:disabled{opacity:.4;cursor:not-allowed}.dating-lesson-next{display:inline-flex;align-items:center;gap:var(--sp-1)}.dating-lesson-hint{max-width:620px;margin:var(--sp-3) auto 0;text-align:center;font-size:var(--fs-11);color:var(--ink-soft);line-height:1.5}@media (max-width: 560px){.dating-draft-banner{flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4)}.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:var(--sp-1);max-width:100%}.dating-lesson-en{font-size:var(--fs-18)}.dating-lesson-thai-block .dating-phrase-thai{font-size:var(--fs-22)}}.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:var(--sp-4);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:var(--sp-5) var(--sp-4) var(--sp-4);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:var(--sp-3)}.super-prompt-eyebrow{font-size:var(--fs-11);font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;margin-bottom:var(--sp-1)}.super-prompt-title{font-family:Fraunces,serif;font-size:var(--fs-22);line-height:1.12;color:var(--jade);margin:0 var(--sp-6) var(--sp-2) 0;letter-spacing:0}.super-prompt-copy{color:var(--ink-soft);font-size:var(--fs-14);line-height:1.5;margin:0 0 var(--sp-4)}.super-prompt-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.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:var(--sp-3);text-align:center;font-size:var(--fs-12);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:var(--sp-3) var(--sp-3);margin:var(--sp-3) 0;font-size:var(--fs-12);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:var(--sp-6) var(--sp-5)}.auth-welcome-brand{margin-bottom:var(--sp-5);display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.auth-welcome-brand-wordmark{font-family:Fraunces,serif;font-size:var(--fs-22);font-weight:700;color:var(--jade);letter-spacing:0;line-height:1}.auth-welcome-brand-slogan{color:var(--ink-soft);font-size:var(--fs-12);font-weight:500;line-height:1.35}.auth-welcome-title{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:600;color:var(--ink);line-height:1.15;margin:var(--sp-1) 0 var(--sp-3);letter-spacing:-.015em}.auth-welcome-sub{font-size:var(--fs-14);line-height:1.55;color:var(--ink-soft);margin:0 0 var(--sp-5)}.auth-welcome-bullets{display:flex;flex-direction:column;gap:var(--sp-3);text-align:left;margin:var(--sp-5) 0 var(--sp-5);padding:var(--sp-4);background:var(--cream-warm);border:1px solid var(--line);border-radius:12px}.app-root[data-theme=dark] .auth-welcome-bullets{background:#e8e4d90d;border-color:var(--line-strong)}.auth-welcome-bullet{display:flex;gap:var(--sp-3);font-size:var(--fs-12);line-height:1.45;color:var(--ink-soft);align-items:flex-start}.auth-welcome-bullet-icon{font-size:var(--fs-18);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:var(--sp-2);margin-bottom:var(--sp-3)}.auth-cta{width:100%;justify-content:center;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-14)}.auth-guest-link{background:transparent;border:none;color:var(--ink-soft);font-size:var(--fs-12);cursor:pointer;padding:var(--sp-2);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:var(--sp-3);margin:var(--sp-5) 0 var(--sp-4)}.auth-label{display:flex;flex-direction:column;gap:var(--sp-1)}.auth-label>span{font-size:var(--fs-12);font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.auth-input{padding:var(--sp-3) var(--sp-3);border:1px solid var(--line-strong);border-radius:10px;font-family:inherit;font-size:var(--fs-14);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}.app-root[data-theme=dark] .auth-input{background:#00000038}.auth-input::placeholder{color:var(--ink-faint, #9C9489)}.auth-error{background:#a03b2c14;border:1px solid rgba(160,59,44,.25);border-radius:8px;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-12);color:var(--brick);line-height:1.4}.auth-submit{width:100%;justify-content:center;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-14);margin-top:var(--sp-1)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-footer-text{text-align:center;font-size:var(--fs-12);color:var(--ink-soft);margin-top:var(--sp-3)}.auth-footer-row{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sp-3);gap:var(--sp-3)}.auth-link{background:transparent;border:none;color:var(--jade);font-weight:600;cursor:pointer;font-family:inherit;font-size:var(--fs-12);padding:var(--sp-1);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:var(--sp-3)}.password-strength{list-style:none;margin:var(--sp-2) 0 0;padding:var(--sp-2) var(--sp-3);background:var(--cream-warm);border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-1) var(--sp-3)}.pwd-check{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-12);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:var(--fs-12);color:var(--ink-soft);line-height:1.5;margin:var(--sp-1) 0 var(--sp-4);padding:var(--sp-2) var(--sp-3);background:var(--cream-warm);border:1px solid var(--line);border-radius:8px}.auth-resend-row{margin-top:var(--sp-3);text-align:center;font-size:var(--fs-12)}.auth-resend-confirm{color:var(--jade);font-weight:600}.pending-confirmation-card{text-align:center}.pending-actions{display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;margin-top:var(--sp-1)}.pending-actions .auth-submit{width:100%}.pending-signout{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-12);margin-top:var(--sp-1);color:var(--ink-soft);text-decoration:none}.pending-signout:hover{color:var(--brick)}.pending-resend-error{font-size:var(--fs-12);padding:var(--sp-2) var(--sp-2)}.profile-root{min-height:100vh;padding:var(--sp-5) var(--sp-4) var(--sp-6);background:var(--cream);display:flex;justify-content:center}.profile-page{width:100%;max-width:560px;display:flex;flex-direction:column;gap:var(--sp-4)}.profile-back-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--sp-1);background:transparent;border:none;color:var(--ink-soft);cursor:pointer;padding:var(--sp-1) var(--sp-1);font-family:inherit;font-size:var(--fs-12);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:var(--sp-5) var(--sp-4);display:flex;gap:var(--sp-4);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:var(--fs-28);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:var(--sp-2)}.profile-name{font-family:Fraunces,serif;font-size:var(--fs-22);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:var(--sp-1) var(--sp-1);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:var(--sp-2)}.profile-name-input{font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:600}.profile-name-edit-row{display:flex;gap:var(--sp-2)}.profile-name-cancel,.profile-name-save{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-12)}.profile-email{font-size:var(--fs-14);color:var(--ink-soft);margin-top:var(--sp-1);word-break:break-all}.profile-field-hint{font-size:var(--fs-12);color:var(--ink-soft);margin-top:2px}.profile-field-hint-warn{color:var(--brick)}.profile-meta{font-size:var(--fs-12);color:var(--ink-soft);margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--line)}.profile-section{background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:var(--sp-4) var(--sp-4)}.profile-section-title{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);font-weight:700;margin-bottom:var(--sp-3)}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.profile-stat{padding:var(--sp-3);background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;text-align:center}.profile-stat-num{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:600;color:var(--jade);line-height:1}.profile-stat-of{font-size:var(--fs-16);color:var(--ink-soft);margin-left:2px}.profile-stat-label{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-top:var(--sp-1);font-weight:500}.profile-plan-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.profile-plan-info{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.profile-plan-badge{display:inline-flex;align-items:center;gap:var(--sp-1);align-self:flex-start;font-size:var(--fs-12);font-weight:800;letter-spacing:.02em;padding:var(--sp-1) var(--sp-2);border-radius:999px;background:color-mix(in srgb,var(--ink-soft) 12%,transparent);color:var(--ink)}.profile-plan-badge-super{background:var(--gold);color:var(--gold-ink)}.profile-plan-badge-super svg{color:var(--gold-ink)}.profile-plan-text{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.45}.profile-plan-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--sp-1)}.profile-actions{display:flex;flex-direction:column;gap:var(--sp-2)}.profile-action-btn{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);background:var(--cream-warm);border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:var(--fs-14);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-count{font-size:var(--fs-12);font-weight:700;color:var(--jade)}.profile-action-chevron{transform:rotate(180deg);color:var(--ink-soft)}.profile-action-disabled{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);background:transparent;border:1px dashed var(--line);border-radius:10px;font-size:var(--fs-14);color:var(--ink-soft)}.profile-action-coming{font-size:var(--fs-11);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:var(--fs-14);line-height:1.5;color:var(--ink);margin:0 0 var(--sp-4)}.change-password-modal{max-width:440px}.change-password-modal .modal-eyebrow{display:inline-flex;align-items:center;gap:var(--sp-1)}.notifsettings-status{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:999px;font-size:var(--fs-12);font-weight:600;margin-bottom:var(--sp-3)}.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:var(--sp-3);margin:var(--sp-3) 0;display:flex;flex-direction:column;gap:var(--sp-3)}.notifsettings-enable-row .profile-field-hint{margin:0;font-size:var(--fs-12);line-height:1.5;color:var(--ink)}.notifsettings-enable-btn{align-self:flex-start;width:auto;padding:var(--sp-2) var(--sp-4)}.notifsettings-types{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:var(--sp-2)}.notifsettings-types-title{font-size:var(--fs-12);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:var(--fs-11);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:var(--sp-3);padding:var(--sp-2) var(--sp-3);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:var(--fs-14);color:var(--ink);font-weight:500;line-height:1.3}.notifsettings-type-desc{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.45;margin-top:2px}.auth-welcome-footer{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--line);text-align:center;font-size:var(--fs-11);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:var(--fs-11);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:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-2)}.settings-legal-links{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.settings-legal-link{background:transparent;border:none;color:var(--jade);cursor:pointer;padding:var(--sp-1) 0;font-family:inherit;font-size:var(--fs-12);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:var(--fs-14);line-height:1.6;color:var(--ink)}.legal-content p{margin:0 0 var(--sp-3)}.legal-content h3{font-family:Fraunces,serif;font-size:var(--fs-16);font-weight:600;color:var(--jade);margin:var(--sp-5) 0 var(--sp-2);letter-spacing:-.01em}.legal-content ul,.legal-content ol{margin:0 0 var(--sp-3);padding-left:var(--sp-4)}.legal-content ul li,.legal-content ol li{margin-bottom:var(--sp-1)}.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:var(--sp-1)}.legal-content a.feedback-mailto-btn:hover{color:var(--cream)}.legal-updated{font-size:var(--fs-12);color:var(--ink-soft);font-style:italic;margin-bottom:var(--sp-4)!important;padding-bottom:var(--sp-3);border-bottom:1px solid var(--line)}.legal-owner-note{margin:0 0 var(--sp-4);padding:var(--sp-3) var(--sp-3);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:var(--fs-12);line-height:1.5}.premium-coming-soon{margin:var(--sp-4) 0 var(--sp-4);padding:var(--sp-3) var(--sp-4);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:var(--fs-12);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:var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.public-info-brand{display:inline-flex;flex-direction:column;gap:var(--sp-1);min-width:0;color:inherit;text-decoration:none}.public-info-brand-name{font-family:Fraunces,serif;color:var(--jade);font-size:var(--fs-22);font-weight:700;line-height:1;letter-spacing:0}.public-info-brand-slogan{color:var(--ink-soft);font-size:var(--fs-12);font-weight:500;line-height:1.2}.public-info-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--sp-2)}.public-info-nav-link{color:var(--ink-soft);border:1px solid var(--line);background:var(--card-bg);border-radius:999px;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-12);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:var(--sp-4) var(--sp-4) 56px}.public-info-back{display:inline-flex;align-items:center;gap:var(--sp-1);color:var(--ink-soft);font-size:var(--fs-12);font-weight:600;text-decoration:none;margin-bottom:var(--sp-3)}.public-info-back:hover{color:var(--jade)}.public-info-card{background:var(--card-bg);border:1px solid var(--line);border-radius:8px;padding:var(--sp-5) var(--sp-5) var(--sp-6);box-shadow:0 10px 26px #0f3d2e0f}.public-info-eyebrow{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-weight:800;margin-bottom:var(--sp-2)}.public-info-title{font-family:Fraunces,serif;font-size:var(--fs-36);font-weight:650;line-height:1.1;color:var(--jade);margin:0 0 var(--sp-2);letter-spacing:0}.public-info-intro{color:var(--ink-soft);font-size:var(--fs-14);line-height:1.55;margin:0 0 var(--sp-5);max-width:640px}.public-info-content{padding-top:var(--sp-4);border-top:1px solid var(--line)}@media (max-width: 720px){.public-info-topbar{flex-direction:column;align-items:flex-start;padding:var(--sp-4) var(--sp-4)}.public-info-nav{justify-content:flex-start}.public-info-shell{padding-left:var(--sp-4);padding-right:var(--sp-4)}.public-info-card{padding:var(--sp-5) var(--sp-4) var(--sp-5)}.public-info-title{font-size:var(--fs-28)}}.user-menu-wrap{position:relative}.user-menu-trigger{display:inline-flex;align-items:center;gap:var(--sp-1);background:transparent;border:1px solid var(--line-strong);border-radius:999px;padding:var(--sp-1) var(--sp-2) var(--sp-1) var(--sp-3);font-size:var(--fs-12);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:var(--sp-2);z-index:100}.user-menu-email{font-size:var(--fs-11);color:var(--ink-soft);padding:var(--sp-1) var(--sp-2) var(--sp-2);border-bottom:1px solid var(--line);margin-bottom:var(--sp-1);word-break:break-all}.user-menu-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-2);background:transparent;border:none;border-radius:6px;font-family:inherit;font-size:var(--fs-12);color:var(--ink);cursor:pointer;text-align:left}.user-menu-item:hover{background:var(--cream-warm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-5)}.app-boot-mark{font-family:Fraunces,serif;font-size:var(--fs-22);font-weight:600;letter-spacing:-.01em;color:var(--jade)}.app-boot-spinner{width:26px;height:26px;border-radius:999px;border:2.5px solid var(--line-strong);border-top-color:var(--gold);animation:app-boot-spin .8s linear infinite}@keyframes app-boot-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.app-boot-spinner{animation-duration:2.4s}}.config-error-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);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:var(--sp-5) var(--sp-5);max-width:480px;width:100%;text-align:center}.config-error-icon{font-size:var(--fs-36);line-height:1;margin-bottom:var(--sp-2)}.config-error-eyebrow{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.18em;color:var(--brick);font-weight:700;margin-bottom:var(--sp-1)}.config-error-title{font-family:Fraunces,serif;font-size:var(--fs-22);font-weight:600;color:var(--ink);margin:0 0 var(--sp-2)}.config-error-body{font-size:var(--fs-14);line-height:1.55;color:var(--ink-soft);margin:0 0 var(--sp-4)}.config-error-hint{font-size:var(--fs-12);color:var(--ink-soft);padding-top:var(--sp-3);border-top:1px solid var(--line);margin-top:var(--sp-3)}.config-error-hint code{font-family:JetBrains Mono,monospace;background:var(--cream-warm);padding:1px var(--sp-1);border-radius:4px;font-size:var(--fs-11)}.header-signin-btn{display:inline-flex;align-items:center;background:transparent;border:1px solid var(--jade);color:var(--jade);border-radius:999px;padding:var(--sp-1) var(--sp-3);font-size:var(--fs-12);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:var(--sp-2)}.auth-suggest-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);background:var(--gold);color:var(--gold-ink);border:none;border-radius:10px;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-14);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:var(--fs-12)}.setting-stage-current-readonly{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);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:var(--fs-28);line-height:1}.setting-stage-current-num{font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:600;color:var(--jade)}.setting-stage-current-name{font-size:var(--fs-12);color:var(--ink-soft);margin-top:2px}.demo-card-wrap{max-width:480px;text-align:center;padding:var(--sp-5) var(--sp-4) var(--sp-5)}.demo-progress-row{margin-bottom:var(--sp-4)}.demo-progress-text{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft);font-weight:700;margin-bottom:var(--sp-2)}.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:var(--sp-4)}.demo-card-face{min-height:280px;padding:var(--sp-4) var(--sp-4) var(--sp-5)}@media (min-width: 640px){.demo-card-face{min-height:320px;padding:var(--sp-5) var(--sp-5) var(--sp-5)}}.demo-reveal-hint{display:block;width:100%;margin:0 0 var(--sp-1);padding:var(--sp-2) var(--sp-3);background:transparent;border:1px dashed var(--line-strong);border-radius:999px;font-family:inherit;font-size:var(--fs-12);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:var(--sp-3) var(--sp-4);font-size:var(--fs-14)}.demo-signin-link{display:block;margin-top:var(--sp-1);padding:var(--sp-2) var(--sp-2);font-size:var(--fs-12);text-align:center;width:100%}.demo-home-link{display:block;padding:var(--sp-2) var(--sp-2);font-size:var(--fs-12);text-align:center;width:100%}.demo-end-card{max-width:460px;text-align:center;padding:var(--sp-6) var(--sp-5)}.demo-end-icon{color:var(--gold);display:flex;justify-content:center;margin-bottom:var(--sp-3);animation:s1Sparkle 2s ease-in-out infinite}.demo-end-thai{font-family:Noto Sans Thai,sans-serif;font-size:var(--fs-18);color:var(--brick);margin:var(--sp-2) 0 var(--sp-4)}.demo-end-cta{width:100%;justify-content:center;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-14);margin-top:var(--sp-4)}.demo-end-signin,.demo-end-home{display:block;margin-top:var(--sp-1);padding:var(--sp-2) var(--sp-2);font-size:var(--fs-12);text-align:center;width:100%}.migration-card{max-width:460px;text-align:center;padding:var(--sp-6) var(--sp-5)}.migration-icon{color:var(--jade);display:flex;justify-content:center;margin-bottom:var(--sp-3)}.migration-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin:var(--sp-5) 0;padding:var(--sp-4);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:var(--fs-28);font-weight:600;color:var(--jade);line-height:1}.migration-stat-label{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-top:var(--sp-1);font-weight:500}.migration-actions{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-4)}.migration-skip-link{background:transparent;border:none;font-size:var(--fs-12);color:var(--ink-soft);cursor:pointer;padding:var(--sp-2);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:var(--sp-3);margin-top:var(--sp-1)}.migration-skip-warning{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-12);color:var(--brick);margin-bottom:var(--sp-2)}.migration-skip-buttons{display:flex;gap:var(--sp-2)}.migration-skip-cancel{flex:1;justify-content:center;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-12)}.migration-skip-confirm-btn{flex:1;justify-content:center;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-12);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:var(--sp-1);padding:var(--sp-2) var(--sp-3);border:1px dashed var(--line);border-radius:999px;background:transparent;color:var(--ink-soft);font-size:var(--fs-12);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:var(--sp-4);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:var(--sp-6) var(--sp-5);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:var(--sp-1);border-radius:8px;display:flex}.s1-complete-close:hover{background:#0000000d}.s1-complete-icon{color:var(--gold);display:flex;justify-content:center;margin-bottom:var(--sp-3);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:var(--fs-11);text-transform:uppercase;letter-spacing:.25em;color:var(--gold);font-weight:700;margin-bottom:var(--sp-2)}.s1-complete-title{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:600;color:var(--jade);text-align:center;line-height:1.2;margin:0 0 var(--sp-3);letter-spacing:-.01em}.s1-complete-thai{font-family:Noto Sans Thai,sans-serif;font-size:var(--fs-18);color:var(--brick);text-align:center;margin:0 0 var(--sp-3)}.s1-complete-body{font-size:var(--fs-14);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:var(--sp-5) 0 var(--sp-4)}.s1-complete-unlock-eyebrow{text-align:center;font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.2em;color:var(--brick);font-weight:700;margin-bottom:var(--sp-1)}.s1-complete-unlock-title{font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:600;color:var(--ink);text-align:center;margin-bottom:var(--sp-2);letter-spacing:-.01em}.s1-complete-unlock-body{font-size:var(--fs-12);line-height:1.5;color:var(--ink-soft);text-align:center;margin:0 0 var(--sp-5)}.s1-complete-cta{display:block;width:100%;padding:var(--sp-3);background:var(--jade);color:var(--cream);border:none;border-radius:12px;font-size:var(--fs-14);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:var(--sp-1)}.tones-quiz-intro-stats{display:flex;gap:var(--sp-4);margin-top:var(--sp-4);background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:var(--sp-4)}.tqi-stat{flex:1;text-align:center}.tqi-num{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:600;color:var(--jade);line-height:1}.tqi-of{font-size:var(--fs-16);color:var(--stone)}.tqi-label{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-top:var(--sp-1);font-weight:500}.tones-quiz-syl{font-family:JetBrains Mono,monospace;font-size:var(--fs-56);font-weight:700;color:var(--brick);text-align:center;margin:var(--sp-3) 0 var(--sp-2);letter-spacing:.02em}.tones-quiz-mean{font-family:Fraunces,serif;font-size:var(--fs-18);font-style:italic;color:var(--ink-soft);text-align:center}.tones-quiz-hear{display:inline-flex;align-items:center;gap:var(--sp-1);margin:var(--sp-3) auto 0}.tones-quiz-options{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-1);margin-top:var(--sp-4)}@media (max-width: 540px){.tones-quiz-options{grid-template-columns:repeat(5,1fr);gap:var(--sp-1)}}.tones-quiz-option{--tone-color: var(--jade);background:#fff;border:2px solid var(--tone-color);border-radius:10px;padding:var(--sp-3) var(--sp-1);cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);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:var(--fs-22);line-height:1;color:var(--tone-color)}.tqo-name{font-size:var(--fs-10);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:var(--sp-6) var(--sp-4);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:var(--sp-3) var(--sp-4);border-radius:8px;font-size:var(--fs-12);line-height:1.5;margin:var(--sp-3) 0 var(--sp-1)}.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:var(--sp-1);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:var(--sp-1);padding:var(--sp-1) var(--sp-2) var(--sp-5);border-bottom:1px solid var(--line);margin-bottom:var(--sp-3)}.sidebar-brand-name{font-family:Fraunces,serif;font-size:var(--fs-18);color:var(--jade);font-weight:700;line-height:1;letter-spacing:0}.sidebar-brand-slogan{color:var(--ink-soft);font-size:var(--fs-11);line-height:1.35;font-weight:500;max-width:180px}.sidebar-group{display:flex;flex-direction:column;gap:2px}.sidebar-group-label{font-size:var(--fs-10);font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);padding:var(--sp-4) var(--sp-2) var(--sp-1)}.sidebar-item{position:relative;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:10px;border:1px solid transparent;background:transparent;color:var(--ink);font-family:inherit;font-size:var(--fs-14);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:var(--fs-10);font-weight:700;padding:2px var(--sp-2);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);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);border-color:color-mix(in srgb,var(--gold) 30%,var(--line))}.sidebar-item-super-active{color:var(--gold-deep);font-weight:700;cursor:default}.sidebar-item-super-active svg{color:var(--gold)}.sidebar-footer{margin-top:auto;padding-top:var(--sp-3);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:var(--sp-3);padding:var(--sp-3) var(--sp-4);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:var(--sp-3) var(--sp-5)}}.topstats-bar{display:flex;align-items:center;gap:var(--sp-1);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:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:999px;font-family:JetBrains Mono,monospace;font-size:var(--fs-12);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:var(--fs-14);line-height:1}.topstats-pill-due{background:var(--brick);color:var(--cream);border-color:var(--brick)}.topstats-pill-streak{color:var(--stat-streak);border-color:color-mix(in srgb,var(--stat-streak) 35%,transparent)}.topstats-pill-gems{color:var(--stat-gems);border-color:color-mix(in srgb,var(--stat-gems) 35%,transparent)}.topstats-pill-hearts{color:var(--stat-hearts);border-color:color-mix(in srgb,var(--stat-hearts) 35%,transparent)}.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-hearts-regen{font-family:JetBrains Mono,monospace;font-size:var(--fs-10);font-weight:600;opacity:.62;margin-left:var(--sp-1);white-space:nowrap}.topstats-label{font-weight:600;opacity:.72;letter-spacing:.01em}.topstats-val{font-weight:700}@media (max-width: 540px){.app-shell-header-inner{padding:var(--sp-2) var(--sp-2);gap:var(--sp-2)}.app-shell-header-brand{flex:0 1 128px;gap:1px}.brand-en{font-size:var(--fs-12);white-space:nowrap}.brand-slogan{max-width:128px;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-10)}.topstats-bar{flex-wrap:nowrap;justify-content:flex-end;gap:3px;overflow:hidden}.topstats-pill{gap:3px;padding:var(--sp-1) var(--sp-1);min-width:28px;min-height:26px;justify-content:center;font-size:var(--fs-10);white-space:nowrap}.topstats-pill svg{width:11px;height:11px}.topstats-icon-emoji{font-size:var(--fs-12)}.topstats-hearts-of,.topstats-hearts-regen,.topstats-due-label,.topstats-label{display:none}}@media (max-width: 360px){.app-shell-header-inner{padding-left:var(--sp-2);padding-right:var(--sp-2);gap:var(--sp-1)}.app-shell-header-brand{flex-basis:104px}.brand-en{font-size:var(--fs-12)}.brand-slogan{max-width:104px;font-size:var(--fs-10)}.topstats-pill{padding:3px var(--sp-1);min-width:25px;font-size:var(--fs-10)}.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:var(--sp-4) var(--sp-4) var(--sp-3);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:var(--fs-12);font-weight:600;cursor:pointer;padding:var(--sp-1)}.tut-skip:hover{opacity:1}.tut-step-count{font-size:var(--fs-11);font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:var(--sp-1)}.tut-title{font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:700;color:var(--jade);margin:0 0 var(--sp-1);line-height:1.15}.tut-body{font-size:var(--fs-14);line-height:1.5;color:var(--ink);opacity:.85;margin:0 0 var(--sp-3)}.tut-actions{display:flex;justify-content:space-between;gap:var(--sp-2)}.tut-btn{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:inherit;font-size:var(--fs-12);font-weight:700;border-radius:999px;padding:var(--sp-2) var(--sp-4);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:var(--sp-2)}.cine-sound-btn,.cine-skip-btn{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:inherit;font-size:var(--fs-12);font-weight:700;color:#fff;background:#00000080;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:var(--sp-2) var(--sp-3);cursor:pointer}.cine-sound-btn{padding:var(--sp-2)}.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:var(--fs-64);line-height:1}.cine-fallback-title{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:700;margin-top:var(--sp-2)}@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:var(--sp-5) var(--sp-6) 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:var(--sp-2) 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:var(--fs-10);font-weight:700;padding:1px var(--sp-1);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:var(--fs-10);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:var(--sp-1);padding-right:var(--sp-1)}.mobile-nav-label{font-size:var(--fs-10)}}@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:var(--sp-2) var(--sp-4) var(--sp-5);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:var(--sp-1) auto var(--sp-3)}.mobile-more-title{font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:600;color:var(--jade);margin-bottom:var(--sp-3)}.mobile-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.mobile-more-item{background:var(--cream-warm);border:1px solid var(--line);border-radius:12px;padding:var(--sp-4) var(--sp-3);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);color:var(--ink);font-family:inherit;font-size:var(--fs-12);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)}.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);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:var(--sp-4);width:100%;background:transparent;border:1px solid var(--line-strong);border-radius:12px;padding:var(--sp-3);color:var(--ink-soft);font-family:inherit;font-size:var(--fs-12);font-weight:600;cursor:pointer}.learn-path{display:flex;flex-direction:column;gap:var(--sp-5)}.learn-course-complete{display:flex;align-items:flex-start;gap:var(--sp-3);background:linear-gradient(135deg,var(--gold, #C9A961) 0%,var(--jade) 100%);color:var(--cream);border-radius:18px;padding:var(--sp-4) var(--sp-4);margin-bottom:var(--sp-4);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:var(--sp-1)}.learn-course-complete-eyebrow{font-size:var(--fs-12);font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.9}.learn-course-complete-title{font-size:var(--fs-18);font-weight:800;margin:0;line-height:1.2}.learn-course-complete-sub{font-size:var(--fs-14);line-height:1.45;margin:0;opacity:.95}.learn-course-complete-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}.learn-course-complete-actions .btn-primary,.learn-course-complete-actions .btn-secondary{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-14)}.learn-continue-slim{display:flex;align-items:center;gap:var(--sp-3);background:var(--card-bg);border:1px solid var(--line-strong);border-left:4px solid var(--learn-char-accent, var(--jade));border-radius:14px;padding:var(--sp-2) var(--sp-3);cursor:pointer;transition:border-color .15s,box-shadow .15s;min-height:52px}.learn-continue-slim:hover{border-color:var(--jade);box-shadow:0 6px 18px #0f3d2e1a}.learn-continue-slim:focus-visible{outline:3px solid var(--gold-deep);outline-offset:2px}.learn-continue-slim-emoji{font-size:var(--fs-22);line-height:1;flex-shrink:0}.learn-continue-slim-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.learn-continue-slim-eyebrow{font-size:var(--fs-10);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learn-continue-slim-label{font-size:var(--fs-14);font-weight:700;color:var(--jade);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learn-continue-slim-arrow{color:var(--gold);flex-shrink:0}.learn-goal-card{display:grid;grid-template-columns:100px 1fr;gap:var(--sp-4);align-items:center;background:var(--card-bg);border:1px solid var(--line);border-radius:16px;padding:var(--sp-4) var(--sp-4)}.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:var(--fs-18);font-weight:600;line-height:1}.learn-goal-ring-of{font-size:var(--fs-10);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:var(--fs-18);font-weight:600;color:var(--jade);margin-bottom:var(--sp-1)}.learn-goal-sub{font-size:var(--fs-12);color:var(--ink-soft);margin-bottom:var(--sp-2)}.learn-goal-stats{display:flex;gap:var(--sp-3);flex-wrap:wrap}.learn-goal-stat{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-12);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:var(--fs-11);color:var(--ink-soft);margin-left:var(--sp-1);font-style:normal;text-transform:uppercase;letter-spacing:.08em}.learn-section{display:flex;flex-direction:column;gap:var(--sp-3)}.learn-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.learn-collapse{border:1px solid var(--line);border-radius:16px;background:var(--card-bg);padding:var(--sp-3) var(--sp-4)}.learn-collapse[open]{padding-bottom:var(--sp-4)}.learn-collapse-summary{display:flex;align-items:center;gap:var(--sp-2);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.learn-collapse-summary::-webkit-details-marker{display:none}.learn-collapse-title{font-family:Fraunces,serif;font-size:var(--fs-16);font-weight:600;color:var(--jade);letter-spacing:-.01em}.learn-collapse-meta{flex:1;min-width:0;font-size:var(--fs-12);color:var(--stone);text-align:right}.learn-collapse-chev{flex-shrink:0;color:var(--ink-soft);transition:transform .18s}.learn-collapse[open] .learn-collapse-chev{transform:rotate(180deg)}.learn-collapse[open] .learn-collapse-summary{margin-bottom:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line)}.learn-collapse-summary:focus-visible{outline:2px solid var(--jade);outline-offset:3px;border-radius:8px}.learn-collapse-rail .situation-rail{margin:0}.learn-collapse-rail .situation-rail-header{display:none}@media (prefers-reduced-motion: reduce){.learn-collapse-chev{transition:none}}.learn-section-title{font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:600;color:var(--jade);letter-spacing:-.01em;margin:0}.learn-section-meta{font-size:var(--fs-12);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.learn-journey-summary{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;text-transform:none;letter-spacing:0}.learn-journey-summary span{display:inline-flex;align-items:center;min-height:28px;padding:var(--sp-1) var(--sp-2);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:var(--sp-3);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:var(--sp-4) var(--sp-4)}.learn-mission-icon{font-size:var(--fs-28);line-height:1;flex-shrink:0}.learn-mission-body{flex:1;min-width:0}.learn-mission-goal{font-size:var(--fs-14);color:var(--ink);margin-bottom:var(--sp-2);line-height:1.45}.learn-mission-progress{display:flex;align-items:center;gap:var(--sp-2)}.learn-mission-bar{flex:1;height:8px;background:var(--track);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:var(--fs-12);font-weight:700;color:var(--mission-color, var(--jade))}.learn-mission-stats{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3);margin-top:var(--sp-2);font-size:var(--fs-12);color:var(--ink-soft)}.learn-mission-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-2)}@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:var(--sp-3) var(--sp-2);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);transition:transform .15s,border-color .15s}.learn-mission-node-icon{font-size:var(--fs-22);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:var(--fs-11);font-weight:600;color:var(--ink);line-height:1.25}.learn-mission-node-meta{font-family:JetBrains Mono,monospace;font-size:var(--fs-10);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-bar{height:5px;background:var(--track);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-locked-main{font-size:var(--fs-12);font-weight:800;color:var(--ink);letter-spacing:.01em}.learn-path-locked-sub{font-size:var(--fs-11);font-weight:600}.learn-trail{position:relative}.learn-trail-track{position:relative;width:100%;max-width:440px;margin:0 auto}.learn-trail-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.learn-trail-line-base{fill:none;stroke:var(--track);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.learn-trail-line-done{fill:none;stroke:var(--jade);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.learn-trail-node{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);width:132px;background:transparent;border:none;padding:0;margin:0;cursor:pointer;font-family:inherit;text-align:center;color:var(--ink);z-index:2}.learn-trail-node:focus-visible{outline:none}.learn-trail-node:focus-visible .learn-trail-node-circle{outline:3px solid var(--gold-deep);outline-offset:3px}.learn-trail-node-circle{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;border:3px solid var(--line-strong);background:var(--card-bg);color:var(--ink-soft);box-shadow:0 4px #0f3d2e24,0 8px 18px #0f3d2e1a;transition:transform .15s,box-shadow .15s,border-color .15s}.learn-trail-node:hover .learn-trail-node-circle{transform:translateY(-2px)}.learn-trail-node-label{display:flex;flex-direction:column;align-items:center;gap:1px;max-width:132px}.learn-trail-node-num{font-family:JetBrains Mono,monospace;font-size:var(--fs-10);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.learn-trail-node-title{font-size:var(--fs-12);font-weight:600;color:var(--ink);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.learn-trail-node-action{margin-top:2px;background:var(--jade);color:var(--card-bg);font-size:var(--fs-11);font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px var(--sp-3);border-radius:999px}.learn-trail-node-meta{font-size:var(--fs-10);color:var(--ink-soft);font-weight:600}.learn-trail-node-complete .learn-trail-node-circle{background:var(--jade);border-color:var(--jade);color:var(--card-bg);box-shadow:0 4px color-mix(in srgb,var(--jade) 55%,black 45%),0 8px 18px #0f3d2e29}.learn-trail-node-complete .learn-trail-node-title{color:var(--ink-soft)}.learn-trail-node-current .learn-trail-node-circle{width:78px;height:78px;background:var(--jade);border-color:var(--gold);border-width:4px;color:var(--card-bg);box-shadow:0 5px color-mix(in srgb,var(--jade) 55%,black 45%),0 12px 26px #0f3d2e3d;animation:trail-pulse 2.2s ease-in-out infinite}.learn-trail-node-current .learn-trail-node-title{font-weight:700;color:var(--jade)}@keyframes trail-pulse{0%,to{box-shadow:0 5px color-mix(in srgb,var(--jade) 55%,black 45%),0 12px 26px #0f3d2e3d,0 0 color-mix(in srgb,var(--gold) 55%,transparent)}50%{box-shadow:0 5px color-mix(in srgb,var(--jade) 55%,black 45%),0 12px 26px #0f3d2e3d,0 0 0 12px transparent}}.learn-trail-node-words .learn-trail-node-circle{border-color:var(--gold);color:var(--gold-deep);background:var(--cream-warm)}.learn-trail-node-words.learn-trail-node-pending .learn-trail-node-circle{border-style:dashed}.learn-trail-node-words.learn-trail-node-pending .learn-trail-node-title{color:var(--ink-soft)}.learn-trail-node-words.learn-trail-node-complete .learn-trail-node-circle{background:var(--jade);border-color:var(--jade);color:var(--card-bg)}.learn-trail-node-wordsbar{display:block;width:96px;height:5px;margin:3px auto 0;border-radius:999px;background:var(--line);overflow:hidden}.learn-trail-node-wordsbar-fill{display:block;height:100%;border-radius:999px;background:var(--gold-deep);transition:width .3s ease-out}.app-root[data-theme=dark] .learn-trail-node-words .learn-trail-node-circle{background:#e8e4d90d}.app-root[data-theme=dark] .learn-trail-node-words.learn-trail-node-complete .learn-trail-node-circle{background:var(--jade)}.learn-trail-node-locked{cursor:pointer}.learn-trail-node-locked .learn-trail-node-circle{background:var(--cream-warm);border-style:dashed;border-color:var(--line-strong);color:var(--stone);box-shadow:none}.learn-trail-node-locked .learn-trail-node-title{color:var(--stone)}.app-root[data-theme=dark] .learn-trail-node-locked .learn-trail-node-circle{background:#e8e4d90a}.learn-trail-hint{position:absolute;transform:translate(-50%);z-index:3;max-width:min(240px,calc(100% - 8px));background:var(--ink);color:var(--cream);font-size:var(--fs-12);font-weight:600;line-height:1.35;padding:var(--sp-2) var(--sp-3);border-radius:12px;box-shadow:0 10px 24px #0000003d}.learn-trail-coach{position:absolute;transform:translate(-50%,-100%);z-index:1;pointer-events:none;transition:top .8s cubic-bezier(.24,.9,.32,1.2),left .8s cubic-bezier(.24,.9,.32,1.2)}.learn-trail-coach .character-coach-img{width:84px;height:auto}.learn-trail-coach .character-coach-ground{width:56px}.learn-trail-earlier,.learn-trail-later{display:flex;flex-direction:column;gap:var(--sp-2)}.learn-trail-later{margin-top:var(--sp-2)}.learn-trail-stage{border:1px solid var(--line);border-radius:12px;background:var(--card-bg);padding:var(--sp-2) var(--sp-3)}.learn-trail-stage-summary{display:flex;align-items:center;gap:var(--sp-2);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;min-height:36px}.learn-trail-stage-summary::-webkit-details-marker{display:none}.learn-trail-stage-summary:focus-visible{outline:2px solid var(--jade);outline-offset:3px;border-radius:8px}.learn-trail-stage[open] .learn-trail-stage-summary{margin-bottom:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px solid var(--line)}.learn-trail-stage[open] .learn-collapse-chev{transform:rotate(180deg)}.learn-trail-stage-badge{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--char-accent, var(--gold)) 22%,transparent);color:var(--ink);font-size:var(--fs-14);flex-shrink:0}.learn-trail-stage-done .learn-trail-stage-badge{background:var(--jade);color:var(--card-bg)}.learn-trail-stage-locked .learn-trail-stage-badge{background:var(--cream-warm);border:1px dashed var(--line-strong);color:var(--stone)}.app-root[data-theme=dark] .learn-trail-stage-locked .learn-trail-stage-badge{background:#e8e4d90a}.learn-trail-stage-title{font-size:var(--fs-13);font-weight:700;color:var(--ink);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learn-trail-stage-locked .learn-trail-stage-title{color:var(--stone)}.learn-trail-stage-meta{font-size:var(--fs-11);font-weight:600;color:var(--ink-soft);white-space:nowrap}.learn-trail-stage-body{display:flex;flex-direction:column;gap:var(--sp-2)}.learn-trail-stage-note{display:flex;flex-direction:column;gap:4px;padding:var(--sp-2) var(--sp-3);border:1px dashed var(--line-strong);border-radius:10px;background:var(--cream-warm);color:var(--ink-soft)}.app-root[data-theme=dark] .learn-trail-stage-note{background:#e8e4d90a}.learn-trail-mini-list{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.learn-trail-mini{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-11);font-weight:600;padding:var(--sp-1) var(--sp-2);border-radius:999px;border:1px solid var(--line);max-width:100%}.learn-trail-mini span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learn-trail-mini-done{background:color-mix(in srgb,var(--jade) 10%,var(--card-bg));border-color:color-mix(in srgb,var(--jade) 35%,var(--line));color:var(--jade);cursor:pointer;font-family:inherit}.learn-trail-mini-done:hover{border-color:var(--jade)}.learn-trail-mini-done:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.learn-trail-mini-off{background:transparent;border-style:dashed;color:var(--stone)}.learn-trail-mini-todo{background:transparent;border-style:dashed;border-color:var(--line-strong);color:var(--ink-soft);cursor:pointer;font-family:inherit}.learn-trail-mini-todo:hover{border-color:var(--jade);color:var(--jade)}.learn-trail-mini-todo:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.learn-trail-stage-action{display:inline-flex;align-items:center;gap:var(--sp-1);align-self:flex-start;background:var(--cream-warm);border:1px solid var(--line-strong);border-radius:999px;padding:var(--sp-1) var(--sp-3);min-height:32px;font-family:inherit;font-size:var(--fs-12);font-weight:700;color:var(--jade);cursor:pointer;transition:border-color .15s}.learn-trail-stage-action:hover{border-color:var(--jade)}.learn-trail-stage-action:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.app-root[data-theme=dark] .learn-trail-stage-action{background:#e8e4d90d}.learn-trail-current-review{align-self:center;margin:var(--sp-2) auto 0;display:flex}.learn-trail-next{display:flex;align-items:center;gap:var(--sp-3);width:100%;max-width:440px;margin:var(--sp-3) auto 0;background:var(--card-bg);border:1px solid var(--line);border-radius:14px;padding:var(--sp-3) var(--sp-4);cursor:pointer;font-family:inherit;text-align:left;color:var(--ink);transition:border-color .15s,box-shadow .15s}.learn-trail-next:hover{border-color:var(--jade);box-shadow:0 8px 20px #0f3d2e14}.learn-trail-next:focus-visible{outline:3px solid var(--gold-deep);outline-offset:2px}.learn-trail-next-locked{border-style:dashed;border-color:var(--line-strong);background:var(--cream-warm)}.app-root[data-theme=dark] .learn-trail-next-locked{background:#e8e4d90a}.learn-trail-next-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--track);color:var(--stone);font-size:var(--fs-20);flex-shrink:0}.learn-trail-next-body{display:flex;flex-direction:column;gap:2px;min-width:0}.learn-trail-next-eyebrow{font-size:var(--fs-10);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}.learn-trail-next-title{font-family:Fraunces,serif;font-size:var(--fs-16);font-weight:600;color:var(--jade)}.learn-trail-next-locked .learn-trail-next-title{color:var(--ink-soft)}.learn-trail-next-sub{font-size:var(--fs-11);font-weight:600;color:var(--ink-soft);line-height:1.35}@media (prefers-reduced-motion: reduce){.learn-trail-coach{transition:none}.learn-trail-node-current .learn-trail-node-circle{animation:none}.learn-trail-node:hover .learn-trail-node-circle{transform:none}}.demo-footer-links{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.quiz-mode-feedback-pair{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.quiz-feedback-speaker{flex:0 0 auto}.learn-footnote{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--cream-warm);border:1px dashed var(--line-strong);border-radius:12px;font-size:var(--fs-12);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:var(--sp-5)}.shop-hero{display:flex;gap:var(--sp-4);align-items:flex-start;background:linear-gradient(135deg,var(--jade) 0%,var(--jade-soft) 100%);color:var(--cream);border-radius:18px;padding:var(--sp-5) var(--sp-5) var(--sp-5);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:var(--fs-11);font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:var(--sp-1)}.shop-hero-title{font-family:Fraunces,serif;font-size:var(--fs-22);font-weight:500;letter-spacing:-.01em;margin:0 0 var(--sp-2);line-height:1.2}.shop-hero-sub{font-size:var(--fs-14);line-height:1.5;color:#f5f0e5d1;margin:0 0 var(--sp-3)}.shop-hero-wallet{display:flex;gap:var(--sp-2);flex-wrap:wrap}.shop-wallet-pill{background:#0000002e;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:var(--sp-1) var(--sp-3);font-family:JetBrains Mono,monospace;font-size:var(--fs-12);font-weight:700;display:inline-flex;align-items:center;gap:var(--sp-1);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:var(--sp-3)}.shop-section-header{display:flex;align-items:center;gap:var(--sp-2)}.shop-section-title{font-family:Fraunces,serif;font-size:var(--fs-18);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:var(--fs-10);font-weight:700;padding:2px var(--sp-2);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:var(--fs-12);color:var(--ink-soft);line-height:1.5;margin:0}.shop-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}@media (min-width: 640px){.shop-grid{grid-template-columns:1fr 1fr}}.shop-item{display:grid;grid-template-columns:56px 1fr auto;gap:var(--sp-3);align-items:center;background:var(--card-bg);border:1px solid var(--line);border-radius:14px;padding:var(--sp-3) var(--sp-4)}.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:var(--fs-16);font-weight:600;color:var(--jade);margin-bottom:3px}.shop-item-desc{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.4;margin-bottom:var(--sp-2)}.shop-item-meta{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.shop-item-price{font-family:JetBrains Mono,monospace;font-size:var(--fs-12);font-weight:700;color:var(--shop-accent, var(--jade))}.shop-item-note{font-size:var(--fs-11);color:var(--ink-soft);font-style:italic}.shop-item-btn{display:inline-flex;align-items:center;gap:var(--sp-1);background:var(--cream-warm);border:1px solid var(--line-strong);border-radius:999px;padding:var(--sp-2) var(--sp-3);font-family:inherit;font-size:var(--fs-12);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:var(--sp-4) var(--sp-4) var(--sp-4);gap:var(--sp-3);border-radius:16px}.shop-hero-icon{width:44px;height:44px;border-radius:12px}.shop-hero-title{font-size:var(--fs-18)}.shop-item{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:var(--sp-3);padding:var(--sp-3)}.shop-item-icon{width:44px;height:44px;border-radius:11px}.shop-item-body{min-width:0}.shop-item-desc{font-size:var(--fs-12);line-height:1.45}.shop-item-meta{flex-direction:column;align-items:flex-start;gap:var(--sp-1)}.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:var(--sp-3)}@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:var(--sp-4) var(--sp-3) var(--sp-3);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-1)}.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:var(--fs-36);box-shadow:inset 0 -6px 12px #00000026;margin-bottom:var(--sp-1)}.shop-character-name{font-family:Fraunces,serif;font-size:var(--fs-16);font-weight:600;color:var(--jade)}.shop-character-vibe{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.4;margin-bottom:var(--sp-1)}.shop-character-stages{display:flex;flex-wrap:wrap;gap:var(--sp-1);justify-content:center;margin-bottom:var(--sp-1)}.shop-character-stage-chip{background:var(--cream-warm);border:1px solid var(--line);border-radius:999px;padding:2px var(--sp-2);font-size:var(--fs-10);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:var(--sp-1);font-size:var(--fs-10);font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;padding:var(--sp-1) var(--sp-2);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:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--cream-warm);border:1px dashed var(--line-strong);border-radius:12px;font-size:var(--fs-12);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:var(--sp-1);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:var(--fs-11);font-weight:800;padding:var(--sp-1) var(--sp-2);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:var(--sp-5)}.quests-hero{display:flex;gap:var(--sp-4);align-items:flex-start;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-soft) 100%);color:var(--jade);border-radius:18px;padding:var(--sp-5)}.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:var(--fs-11);font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#0f3d2eb3;margin-bottom:var(--sp-1)}.quests-hero-title{font-family:Fraunces,serif;font-size:var(--fs-22);font-weight:500;letter-spacing:-.01em;margin:0 0 var(--sp-1);line-height:1.2}.quests-hero-sub{font-size:var(--fs-14);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:var(--gold);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:var(--sp-3)}.quest-card{display:grid;grid-template-columns:52px 1fr auto;gap:var(--sp-3);align-items:center;background:var(--card-bg);border:1px solid var(--line);border-radius:14px;padding:var(--sp-3) var(--sp-4)}.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:var(--fs-16);font-weight:600;color:var(--jade);margin-bottom:3px}.quest-card-desc{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.4;margin-bottom:var(--sp-2)}.quest-card-progress-row{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1)}.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:var(--fs-11);font-weight:700;color:var(--ink-soft);white-space:nowrap}.quest-card-reward{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-11);color:var(--gold);font-weight:600}.quest-card-cta{background:var(--jade);color:var(--cream);border:1px solid var(--jade);border-radius:999px;padding:var(--sp-2) var(--sp-3);font-family:inherit;font-size:var(--fs-12);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:var(--gold);border-color:var(--gold);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:var(--sp-4) var(--sp-4) var(--sp-4);gap:var(--sp-3);border-radius:16px}.quests-hero-icon{width:44px;height:44px;border-radius:12px}.quests-hero-title{font-size:var(--fs-18)}.quest-card{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:var(--sp-3);padding:var(--sp-3)}.quest-card-icon{width:44px;height:44px;border-radius:11px}.quest-card-body{min-width:0}.quest-card-desc{font-size:var(--fs-12);line-height:1.45}.quest-card-progress-row{align-items:flex-start;flex-direction:column;gap:var(--sp-1)}.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:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4);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:var(--fs-14);font-weight:600;color:var(--jade);margin-bottom:2px}.quests-future-sub{font-size:var(--fs-12);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:var(--sp-2);background:var(--card-bg);border:1px solid color-mix(in srgb,var(--gold) 36%,var(--line));border-radius:18px;padding:var(--sp-6) var(--sp-4);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:var(--sp-1)}.feature-lock-eyebrow{color:var(--gold);font-size:var(--fs-11);font-weight:800;letter-spacing:.16em;text-transform:uppercase}.feature-lock-title{margin:0;color:var(--jade);font-family:Fraunces,serif;font-size:var(--fs-28);line-height:1.08;letter-spacing:0}.feature-lock-copy{max-width:430px;margin:0 0 var(--sp-2);color:var(--ink-soft);font-size:var(--fs-14);line-height:1.55}.feature-lock-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--sp-2)}.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:var(--sp-5) var(--sp-4)}.feature-lock-title{font-size:var(--fs-22)}.feature-lock-actions,.feature-lock-actions .btn-primary,.feature-lock-actions .btn-secondary{width:100%}}.leaderboard-screen{display:flex;flex-direction:column;gap:var(--sp-4)}.leaderboard-hero{display:flex;gap:var(--sp-4);align-items:flex-start;background:var(--card-bg);border:1px solid var(--line);border-radius:18px;padding:var(--sp-5)}.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:var(--fs-11);font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);margin-bottom:var(--sp-1)}.leaderboard-hero-title{font-family:Fraunces,serif;font-size:var(--fs-22);font-weight:500;letter-spacing:-.01em;margin:0 0 var(--sp-1);line-height:1.2;color:var(--jade)}.leaderboard-hero-sub{font-size:var(--fs-14);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:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-1)}.leaderboard-preview-row{display:grid;grid-template-columns:32px 40px 1fr auto auto;gap:var(--sp-2);align-items:center;padding:var(--sp-2) var(--sp-3);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:var(--fs-12);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:var(--fs-18)}.leaderboard-preview-name{font-family:Fraunces,serif;font-size:var(--fs-14);font-weight:600;color:var(--ink)}.leaderboard-preview-stat{display:inline-flex;align-items:center;gap:3px;font-family:JetBrains Mono,monospace;font-size:var(--fs-12);font-weight:600;color:var(--ink-soft)}.leaderboard-preview-stat svg{color:#c9621a}.leaderboard-preview-xp{font-family:JetBrains Mono,monospace;font-size:var(--fs-12);font-weight:700;color:var(--jade)}.leaderboard-lock{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3);background:var(--cream-warm);border:1px dashed var(--line-strong);border-radius:10px;font-size:var(--fs-12);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:var(--sp-1);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:var(--fs-11);font-weight:800;padding:var(--sp-1) var(--sp-2);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:var(--sp-3);align-items:flex-start;padding:var(--sp-3) var(--sp-4);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:var(--fs-14);font-weight:600;color:var(--jade);margin-bottom:var(--sp-1)}.leaderboard-future-sub{font-size:var(--fs-12);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}}.srs-card-coach{display:flex;align-items:center;justify-content:flex-start;margin:0 0 var(--sp-3);padding:var(--sp-2) var(--sp-2);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:var(--sp-3)}@media (min-width: 720px){.srs-card-coach{margin:0 0 var(--sp-4);padding:var(--sp-2) var(--sp-3)}.srs-card-with-coach{padding-top:var(--sp-4)}}.character-coach{position:relative;display:flex;flex-direction:column-reverse;align-items:center;gap:var(--sp-2);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:var(--sp-2) var(--sp-3);font-size:var(--fs-12);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:var(--sp-3);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:var(--sp-2);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:var(--sp-5)}.character-coach-compact .character-coach-portrait{width:176px;height:176px}.srs-card-coach .character-coach-compact{gap:var(--sp-3)}.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:var(--sp-1);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:var(--sp-3) var(--sp-3);font-size:var(--fs-12);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:var(--sp-2) var(--sp-2);border-radius:12px;font-size:var(--fs-11);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:var(--fs-14);padding:var(--sp-3) var(--sp-4);border-radius:18px}.srs-card-coach .character-coach-compact .character-coach-bubble{max-width:min(360px,calc(100% - 118px));padding:var(--sp-2) var(--sp-3);border-radius:14px;font-size:var(--fs-12)}}.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:var(--sp-2)}.character-coach-compact .character-coach-portrait{width:96px;height:96px}.srs-card-coach .character-coach-compact{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.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}}.firstlesson-root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:var(--sp-5);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:var(--sp-4)}.firstlesson-brand{display:inline-flex;flex-direction:column;align-items:center;gap:var(--sp-1);align-self:center;color:var(--jade)}.firstlesson-brand-name{font-family:Fraunces,serif;color:var(--jade);font-size:var(--fs-22);font-weight:700;line-height:1;letter-spacing:0}.firstlesson-brand-slogan{color:var(--ink-soft);font-size:var(--fs-12);font-weight:500;line-height:1.25}.firstlesson-panel{background:var(--card-bg);border:1px solid var(--line);border-radius:18px;padding:var(--sp-5);box-shadow:0 18px 46px #0f3d2e14}.firstlesson-intro,.firstlesson-complete{text-align:center}.firstlesson-coach{max-width:440px;margin:0 auto var(--sp-4)}.firstlesson-eyebrow,.firstlesson-step-label{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:800}.firstlesson-title{font-family:Fraunces,serif;font-size:var(--fs-36);line-height:1.1;color:var(--jade);margin:var(--sp-2) 0;font-weight:650;letter-spacing:0}.firstlesson-copy{color:var(--ink-soft);font-size:var(--fs-14);line-height:1.55;margin:0 auto var(--sp-5);max-width:480px}.firstlesson-stats-row{display:flex;justify-content:center;gap:var(--sp-2);flex-wrap:wrap;margin:-6px 0 var(--sp-4)}.firstlesson-stats-row span{border:1px solid var(--line);border-radius:999px;padding:var(--sp-2) var(--sp-2);color:var(--ink-soft);font-size:var(--fs-12);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:var(--sp-3);margin-bottom:var(--sp-3)}.firstlesson-progress-pill{border:1px solid var(--line);background:var(--cream-warm);color:var(--ink-soft);border-radius:999px;padding:var(--sp-2) var(--sp-2);font-size:var(--fs-12);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:var(--sp-4);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--sp-2);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:var(--fs-11);text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:800}.firstlesson-card-thai{font-family:Noto Sans Thai,sans-serif;font-size:var(--fs-48);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:var(--fs-14);font-weight:800;overflow-wrap:anywhere}.firstlesson-card-en{font-family:Fraunces,serif;color:var(--ink);font-size:var(--fs-22);line-height:1.24;max-width:560px}.firstlesson-card-hint{color:var(--ink-soft);font-size:var(--fs-12);font-weight:700}.firstlesson-actions{display:flex;justify-content:center;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-4)}.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:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);text-align:center;margin-bottom:var(--sp-3)}.firstlesson-question span{color:var(--ink-soft);font-size:var(--fs-12);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.firstlesson-question strong{font-family:Fraunces,serif;color:var(--jade);font-size:var(--fs-28);line-height:1.2}.firstlesson-options{display:flex;flex-direction:column;gap:var(--sp-2)}.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:var(--sp-3);display:flex;align-items:center;gap:var(--sp-3);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:var(--fs-12);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:var(--fs-18);font-weight:800;line-height:1.25;overflow-wrap:anywhere}.firstlesson-option-ph{font-family:JetBrains Mono,monospace;color:var(--ink-soft);font-size:var(--fs-12);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:var(--sp-3);padding:var(--sp-3);font-size:var(--fs-12);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:var(--fs-12);color:var(--ink-soft);line-height:1.45;max-width:460px;margin:0 auto var(--sp-4);font-weight:650}.firstlesson-primer-head{display:flex;align-items:flex-start;gap:var(--sp-3);text-align:left;margin-bottom:var(--sp-1)}.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:var(--fs-28);margin:2px 0 0;text-align:left}.firstlesson-primer .firstlesson-copy{text-align:left;margin:0 0 var(--sp-4)}.firstlesson-primer-list{list-style:none;margin:0 0 var(--sp-4);padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.firstlesson-primer-item{display:flex;gap:var(--sp-3);align-items:flex-start;border:1px solid var(--line);border-radius:13px;background:var(--cream-warm);padding:var(--sp-3) var(--sp-3)}.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:var(--fs-12);font-weight:900}.firstlesson-primer-text{min-width:0}.firstlesson-primer-heading{font-family:Fraunces,serif;font-size:var(--fs-16);line-height:1.25;color:var(--jade);margin:1px 0 var(--sp-1);font-weight:600;overflow-wrap:anywhere}.firstlesson-primer-body{font-size:var(--fs-14);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:var(--fs-16);font-weight:750;line-height:1.32;color:inherit;font-family:inherit;overflow-wrap:anywhere}.firstlesson-quiz .firstlesson-question strong{font-size:var(--fs-18);line-height:1.35}.firstlesson-quiz .firstlesson-feedback{line-height:1.45}.firstlesson-recap-list{list-style:none;margin:var(--sp-1) auto var(--sp-4);padding:0;display:flex;flex-direction:column;gap:var(--sp-2);max-width:430px;text-align:left}.firstlesson-recap-item{display:flex;align-items:flex-start;gap:var(--sp-2);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:var(--sp-2) var(--sp-3);font-size:var(--fs-14);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:var(--fs-12);font-weight:700;margin-bottom:var(--sp-4)}.reward-achievements{list-style:none;margin:2px 0 var(--sp-4);padding:0;display:flex;flex-direction:column;gap:var(--sp-2);text-align:left}.reward-achievement-item{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-12);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:var(--sp-3) var(--sp-4);margin:var(--sp-1) 0 var(--sp-4)}.miniunit-intro-lead{font-size:var(--fs-14);line-height:1.5;color:var(--ink);font-weight:650;margin:0 0 var(--sp-2)}.miniunit-intro-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.miniunit-intro-points li{font-size:var(--fs-12);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:var(--sp-1) auto var(--sp-3);padding:0;display:flex;flex-direction:column;gap:var(--sp-2);max-width:440px;text-align:left}.miniunit-recap-item{display:flex;align-items:flex-start;gap:var(--sp-2);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:var(--sp-2) var(--sp-3);font-size:var(--fs-14);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:var(--fs-12);margin-top:var(--sp-1)}.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:var(--sp-1);margin:0 0 var(--sp-3);padding:var(--sp-2) var(--sp-3);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:var(--fs-12);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:var(--sp-4);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:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line)}.basics-modal-eyebrow{font-size:var(--fs-12);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:var(--sp-4);overflow-y:auto}.learn-bonus-section{margin-top:var(--sp-1)}.learn-bonus-card{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-3);border:1px solid var(--line);border-radius:12px;background:var(--card-bg);color:var(--ink-soft);font-family:inherit;text-align:left;cursor:pointer;transition:border-color .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:var(--fs-10);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:var(--fs-16);font-weight:650;color:var(--ink);line-height:1.2}.learn-bonus-copy{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.4}.borrowed-words-lead{margin:0 0 var(--sp-3);font-size:var(--fs-14);line-height:1.55;color:var(--ink-soft)}.borrowed-words-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.borrowed-word{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);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:var(--fs-11);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:var(--fs-18);font-weight:700;color:var(--jade);line-height:1.25;overflow-wrap:anywhere}.borrowed-word-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-12);font-weight:700;color:var(--brick)}.borrowed-word-note{font-size:var(--fs-12);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:var(--sp-3) 0 2px;font-size:var(--fs-11);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:var(--fs-22);text-align:left;margin:2px 0 0}.basics-primer-content .firstlesson-copy{text-align:left;margin:0 0 var(--sp-4)}.firstlesson-complete-icon{width:78px;height:78px;margin:0 auto var(--sp-3);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:var(--sp-2);margin:var(--sp-4) 0 var(--sp-4)}.firstlesson-unlock-preview div{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--cream-warm);padding:var(--sp-2);text-align:left}.firstlesson-unlock-preview strong{display:block;color:var(--jade);font-family:Fraunces,serif;font-size:var(--fs-14);line-height:1.2;margin-bottom:var(--sp-1)}.firstlesson-unlock-preview span{display:block;color:var(--ink-soft);font-size:var(--fs-11);line-height:1.35}.firstlesson-unlock-note{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);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:var(--sp-3) var(--sp-3);margin-bottom:var(--sp-4);color:var(--ink);font-size:var(--fs-12);font-weight:750}.firstlesson-unlock-note button{border:none;border-radius:999px;background:var(--jade);color:var(--cream);font-family:inherit;font-size:var(--fs-12);font-weight:800;padding:var(--sp-2) var(--sp-3);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:var(--sp-3)}.firstlesson-panel{padding:var(--sp-4) var(--sp-3);border-radius:15px}.firstlesson-title{font-size:var(--fs-28)}.firstlesson-flash{min-height:280px;padding:var(--sp-4)}.firstlesson-card-thai{font-size:var(--fs-36)}.firstlesson-card-en,.firstlesson-question strong{font-size:var(--fs-22)}.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:var(--sp-4)}.miniunit-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.miniunit-back-btn{border:1px solid var(--line-strong);background:var(--card-bg);color:var(--ink);border-radius:999px;padding:var(--sp-2) var(--sp-3);font-family:inherit;font-size:var(--fs-12);font-weight:700;cursor:pointer}.miniunit-progress-pill{display:inline-flex;align-items:center;gap:var(--sp-1);border:1px solid var(--line);background:var(--cream-warm);color:var(--ink-soft);border-radius:999px;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-12);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:var(--sp-5)}.miniunit-hero,.miniunit-complete{text-align:center}.miniunit-coach{max-width:430px;margin:0 auto var(--sp-4)}.miniunit-coach-inline{margin-bottom:var(--sp-3)}.miniunit-eyebrow,.miniunit-step-label{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-weight:700;margin-bottom:var(--sp-2)}.miniunit-title{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:600;color:var(--jade);line-height:1.1;margin:0 0 var(--sp-2)}.miniunit-sub,.miniunit-panel-copy{color:var(--ink-soft);font-size:var(--fs-14);line-height:1.55;margin:0 auto var(--sp-4);max-width:620px}.miniunit-stats-row{display:flex;justify-content:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-4)}.miniunit-stats-row span{border:1px solid var(--line);border-radius:999px;padding:var(--sp-2) var(--sp-2);color:var(--ink-soft);font-size:var(--fs-12);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:var(--sp-4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);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:var(--fs-11);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:var(--fs-48);font-weight:700;color:var(--jade);line-height:1.15;overflow-wrap:anywhere}.miniunit-card-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-14);color:var(--brick);font-weight:700}.miniunit-card-en{font-family:Fraunces,serif;font-size:var(--fs-22);color:var(--ink);line-height:1.25}.miniunit-card-hint{font-size:var(--fs-12);color:var(--ink-soft);margin-top:var(--sp-1)}.miniunit-card-actions,.miniunit-challenge-actions,.miniunit-complete-actions{display:flex;justify-content:center;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-4)}.miniunit-question-card{background:var(--cream-warm);border:1px solid var(--line);border-radius:14px;padding:var(--sp-4);text-align:center;margin-bottom:var(--sp-3)}.miniunit-question-label{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-weight:700;margin-bottom:var(--sp-2)}.miniunit-question-prompt{font-family:Fraunces,serif;font-size:var(--fs-28);line-height:1.2;color:var(--jade)}.miniunit-options{display:flex;flex-direction:column;gap:var(--sp-2)}.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:var(--sp-3);display:flex;align-items:center;gap:var(--sp-3);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:var(--fs-12);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:var(--fs-18);font-weight:700;line-height:1.25;overflow-wrap:anywhere}.miniunit-option-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-12);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:var(--sp-2);border:1px solid var(--line);border-radius:12px;padding:var(--sp-3);margin-top:var(--sp-3);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:var(--fs-28);color:var(--jade);margin:0 0 var(--sp-2)}.miniunit-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);margin:var(--sp-4) 0}.miniunit-lesson-grid>div{background:var(--cream-warm);border:1px solid var(--line);border-radius:14px;padding:var(--sp-4)}.miniunit-lesson-grid h3{font-family:Fraunces,serif;color:var(--jade);font-size:var(--fs-18);margin:0 0 var(--sp-2)}.miniunit-lesson-grid p{color:var(--ink-soft);line-height:1.5;font-size:var(--fs-14);margin:0 0 var(--sp-2)}.miniunit-complete-icon{width:78px;height:78px;margin:0 auto var(--sp-3);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:var(--sp-3)}.sb-prompt-card{background:var(--cream-warm);border:1px solid var(--line);border-radius:14px;padding:var(--sp-3) var(--sp-4);text-align:center}.sb-prompt-label{font-size:var(--fs-11);font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:var(--sp-1)}.sb-prompt-english{font-family:Fraunces,serif;font-size:var(--fs-18);line-height:1.25;color:var(--jade)}.sb-answer{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;min-height:64px;padding:var(--sp-3);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:var(--fs-12);line-height:1.4}.sb-bank{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center;padding:var(--sp-1) 0}.sb-bank-empty{color:var(--ink-soft);font-size:var(--fs-12)}.sb-tile{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-height:48px;padding:var(--sp-2) var(--sp-3);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:var(--fs-22);font-weight:700;line-height:1.2;overflow-wrap:anywhere}.sb-tile-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-11);color:var(--ink-soft)}.sb-feedback-row{min-height:4px}.sb-feedback{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;font-size:var(--fs-14)}.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:var(--sp-2)}.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-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{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:var(--sp-2)}.learn-journey-summary{width:100%;gap:var(--sp-1)}.learn-journey-summary span{flex:1 1 140px;justify-content:center}.miniunit-hero,.miniunit-panel,.miniunit-practice-card,.miniunit-challenge,.miniunit-complete{padding:var(--sp-4) var(--sp-3);border-radius:14px}.miniunit-title{font-size:var(--fs-28)}.miniunit-flash-card{min-height:280px;padding:var(--sp-4)}.miniunit-card-thai{font-size:var(--fs-36)}.miniunit-card-en,.miniunit-question-prompt{font-size:var(--fs-22)}.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 var(--sp-3);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:var(--sp-1) var(--sp-3);font-family:inherit;font-size:var(--fs-12);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:var(--cream)}@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 var(--sp-2);font-size:var(--fs-11);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:var(--fs-28);font-weight:550;color:var(--ink);text-align:center;margin:var(--sp-3) 0 var(--sp-2);line-height:1.25;overflow-wrap:anywhere}.srs-card-en-confirm{font-family:Fraunces,serif;font-size:var(--fs-16);font-weight:500;color:var(--ink-soft);text-align:center;margin:var(--sp-1) 0 var(--sp-3);line-height:1.3}.miniunit-card-en-primary{font-family:Fraunces,serif;font-size:var(--fs-28);color:var(--ink);line-height:1.25;overflow-wrap:anywhere}.miniunit-card-ph-answer{font-size:var(--fs-22)}.miniunit-card-thai-secondary{font-size:var(--fs-22)!important;font-weight:500!important;opacity:.75}.firstlesson-card-en-primary{font-family:Fraunces,serif;color:var(--ink);font-size:var(--fs-28);line-height:1.25;max-width:560px;overflow-wrap:anywhere}.firstlesson-card-ph-answer{font-size:var(--fs-22)}.firstlesson-card-thai-secondary{font-size:var(--fs-28)!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 var(--sp-1)}.demo-rate-row{margin-bottom:var(--sp-2);grid-template-columns:repeat(4,minmax(0,1fr))}.demo-rate-row .rate-btn{min-width:0;padding:var(--sp-2) var(--sp-1)}.demo-rate-row .rate-btn-label{font-size:var(--fs-11)}.demo-rate-row .rate-btn-sub{font-size:var(--fs-10)}.demo-smart-note{margin:var(--sp-2) 0 0;text-align:center;font-size:var(--fs-12);line-height:1.45;color:var(--ink-soft)}.demo-quiz{text-align:left;margin-bottom:var(--sp-4)}.demo-quiz-question{margin-bottom:var(--sp-3)}.demo-quiz-options{margin-bottom:var(--sp-2)}.demo-quiz-option-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-14);font-weight:700;color:var(--jade)}.demo-quiz-option-thai{font-size:var(--fs-16);opacity:.8}.demo-lesson-preview{text-align:left;margin-bottom:var(--sp-4)}.demo-lesson-head{display:flex;align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-3)}.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:var(--fs-11);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:var(--fs-18);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:var(--sp-3);margin-bottom:var(--sp-3)}.demo-lesson-lead{margin:0 0 var(--sp-2);font-size:var(--fs-14);line-height:1.5;color:var(--ink)}.demo-lesson-points{margin:0;padding-left:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-12);line-height:1.5;color:var(--ink-soft)}.demo-lesson-points strong{color:var(--ink)}.demo-lesson-note{margin:0 0 var(--sp-2);font-size:var(--fs-12);line-height:1.5;color:var(--ink-soft)}.demo-lesson-note-structure{margin:var(--sp-2) 0 0}.demo-lesson-recap{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-1)}.demo-lesson-recap li{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-12);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:var(--sp-1);padding:var(--sp-2) var(--sp-4);border:1px solid var(--gold, #C9A961);border-radius:999px;background:#00000073;color:var(--cream, #F5F0E5);font-family:inherit;font-size:var(--fs-12);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-trail-node-locked .learn-trail-node-circle,.learn-trail-stage-locked .learn-trail-stage-badge,.learn-trail-next-locked .learn-trail-next-badge{filter:grayscale(1)}.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:var(--sp-1);margin:0 auto var(--sp-4);padding:var(--sp-1) var(--sp-3);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:var(--fs-12);font-weight:700;color:var(--ink-soft);margin-left:var(--sp-1)}.quiz-hearts-status-regen{font-family:JetBrains Mono,monospace;font-size:var(--fs-11);font-weight:600;color:var(--ink-soft);opacity:.75;margin-left:var(--sp-2)}.quiz-hearts-gate{max-width:480px;margin:var(--sp-1) auto 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-2);padding:var(--sp-5) var(--sp-5);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:var(--fs-22);font-weight:600;color:var(--jade);letter-spacing:-.01em}.quiz-hearts-gate-copy{font-size:var(--fs-14);color:var(--ink-soft);line-height:1.5;margin:0;max-width:400px}.quiz-hearts-gate-regen{font-family:JetBrains Mono,monospace;font-size:var(--fs-12);font-weight:600;color:var(--jade);background:var(--cream-warm);border:1px solid var(--line);border-radius:999px;padding:var(--sp-1) var(--sp-3)}.app-root[data-theme=dark] .quiz-hearts-gate-regen{background:#e8e4d90d}.quiz-hearts-gate-resume{font-size:var(--fs-13);line-height:1.5;color:var(--ink);background:color-mix(in srgb,var(--jade) 8%,transparent);border:1px solid color-mix(in srgb,var(--jade) 24%,var(--line));border-radius:12px;padding:var(--sp-2) var(--sp-3);max-width:400px}.quiz-hearts-gate-resume strong{color:var(--jade)}.quiz-hearts-gate-regen strong{color:var(--gold)}.quiz-hearts-gate-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-1)}.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:var(--fs-12);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:var(--fs-12);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:var(--sp-1) var(--sp-2)}@media (hover: hover) and (pointer: fine){.quiz-hearts-gate-practice:hover{color:var(--jade)}}@media (max-width: 540px){.quiz-hearts-gate{padding:var(--sp-5) var(--sp-4)}.quiz-hearts-gate-title{font-size:var(--fs-22)}.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:var(--sp-4);flex-wrap:wrap}.shop-header-titles{min-width:0;flex:1 1 260px}.shop-header-eyebrow{font-size:var(--fs-11);font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:var(--sp-1)}.shop-header-title{font-family:Fraunces,serif;font-size:var(--fs-28);font-weight:500;color:var(--jade);letter-spacing:-.01em;margin:0 0 var(--sp-2);line-height:1.15}.shop-header-sub{font-size:var(--fs-14);color:var(--ink-soft);line-height:1.5;margin:0;max-width:520px}.shop-balance{display:inline-flex;align-items:center;gap:var(--sp-1);flex-shrink:0;padding:var(--sp-2) var(--sp-3);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:var(--fs-16);font-weight:700}.shop-balance-label{font-size:var(--fs-12);font-weight:600;opacity:.8}.shop-items{display:flex;flex-direction:column;gap:var(--sp-3)}.shop-item-icon-hearts{background:color-mix(in srgb,#E0445C 14%,transparent)!important;color:#e0445c!important}.shop-item-icon-freeze{background:color-mix(in srgb,var(--stat-gems) 16%,transparent)!important;color:var(--stat-gems)!important}.shop-item-status{display:flex;align-items:center;gap:var(--sp-1);margin-bottom:var(--sp-1);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:var(--fs-12);font-weight:700;color:var(--ink-soft);margin-left:var(--sp-1)}.shop-item-status-super{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-12);font-weight:700;color:var(--gold)}.shop-item-reason{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.4}.shop-item-regen{font-family:JetBrains Mono,monospace;font-size:var(--fs-11);font-weight:600;color:var(--jade);opacity:.85;margin-top:2px}.shop-item-buy{flex:0 0 auto;align-self:center;min-width:84px;justify-content:center;white-space:nowrap}.shop-item-confirm{flex:0 0 auto;align-self:center;display:flex;flex-direction:column;gap:6px;min-width:190px;padding:var(--sp-2);border:1px solid color-mix(in srgb,var(--jade) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--jade) 6%,var(--card-bg))}.shop-item-confirm-text{display:flex;flex-direction:column;gap:2px}.shop-item-confirm-text strong{font-size:var(--fs-12);color:var(--ink);line-height:1.3}.shop-item-confirm-text span{font-size:var(--fs-11);color:var(--ink-soft);line-height:1.35}.shop-item-confirm-actions{display:flex;gap:6px}.shop-item-confirm-yes,.shop-item-confirm-no{flex:1 1 auto;min-width:0;justify-content:center;white-space:nowrap;font-size:var(--fs-12);padding:6px 8px}.shop-item-included{flex:0 0 auto;align-self:center;min-width:84px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;border-radius:10px;font-size:var(--fs-12);font-weight:600;color:var(--gold-ink);background:var(--gold);white-space:nowrap}@media (max-width: 520px){.shop-item-confirm{min-width:0;width:100%}}.shop-upsell{display:grid;grid-template-columns:48px 1fr auto;gap:var(--sp-3);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:var(--sp-3) var(--sp-4)}.shop-upsell-icon{width:44px;height:44px;border-radius:12px;background:var(--gold);color:var(--gold-ink);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:var(--fs-16);font-weight:600;color:var(--jade);margin-bottom:3px}.shop-upsell-desc{font-size:var(--fs-12);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:var(--fs-22)}.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:var(--sp-2);background:none;border:1px solid var(--line-strong);border-radius:999px;padding:var(--sp-2) var(--sp-4);font-family:inherit;font-size:var(--fs-12);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:var(--sp-2);font-size:var(--fs-12);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:var(--sp-2) var(--sp-4);font-family:inherit;font-size:var(--fs-12);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:var(--fs-12);color:var(--brick);line-height:1.4;margin-top:2px}.auth-link-notice{position:fixed;top:max(14px,env(safe-area-inset-top,14px));left:0;right:0;display:flex;justify-content:center;z-index:1300;padding:0 var(--sp-3);pointer-events:none}.auth-link-notice-card{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--sp-3);max-width:480px;width:100%;background:var(--card-bg);border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));border-left:4px solid var(--gold);border-radius:0 14px 14px 0;padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);box-shadow:0 10px 30px #0000002e}.auth-link-notice-icon{color:color-mix(in srgb,var(--gold) 65%,var(--ink));flex:0 0 auto;margin-top:1px}.auth-link-notice-body{flex:1 1 auto;min-width:0}.auth-link-notice-title{display:block;font-size:var(--fs-14);font-weight:700;color:var(--ink);margin-bottom:3px}.auth-link-notice-text{font-size:var(--fs-12);line-height:1.5;color:var(--ink);margin:0 0 var(--sp-1)}.auth-link-notice-hint{font-size:var(--fs-12);line-height:1.5;color:var(--ink-soft);margin:0 0 var(--sp-2)}.auth-link-notice-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.auth-link-notice-btn{font-size:var(--fs-12);padding:var(--sp-2) var(--sp-3)}.auth-link-notice-close{flex:0 0 auto;background:none;border:none;color:var(--ink-soft);cursor:pointer;padding:2px;border-radius:6px;line-height:0}.auth-link-notice-close:hover{color:var(--ink)}.super-activation-toast{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom,0px));left:0;right:0;margin:0 auto;display:flex;align-items:flex-start;gap:var(--sp-3);max-width:420px;width:calc(100% - 24px);background:var(--card-bg);border:1px solid color-mix(in srgb,var(--jade) 40%,var(--line));border-left:4px solid var(--jade);border-radius:0 14px 14px 0;padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);box-shadow:0 10px 30px #0000002e;z-index:1250}@media (min-width: 1024px){.super-activation-toast{bottom:24px}}.super-activation-icon{color:var(--jade);flex:0 0 auto;margin-top:1px}.super-activation-spinner{animation:super-activation-spin 1s linear infinite}@keyframes super-activation-spin{to{transform:rotate(360deg)}}.super-activation-body{flex:1 1 auto;min-width:0}.super-activation-title{display:block;font-size:var(--fs-14);font-weight:700;color:var(--ink);margin-bottom:2px}.super-activation-text{font-size:var(--fs-12);line-height:1.5;color:var(--ink-soft);margin:0}.super-activation-dismiss{flex:0 0 auto;align-self:center;background:none;border:1px solid var(--line-strong);border-radius:999px;padding:var(--sp-1) var(--sp-3);font-family:inherit;font-size:var(--fs-12);font-weight:700;color:var(--ink-soft);cursor:pointer}.super-activation-dismiss:hover{color:var(--jade);border-color:var(--jade)}.super-activation-actions{flex:0 0 auto;align-self:center;display:flex;gap:var(--sp-2);align-items:center}.super-activation-refresh{flex:0 0 auto;background:var(--jade);border:1px solid var(--jade);border-radius:999px;padding:var(--sp-1) var(--sp-3);font-family:inherit;font-size:var(--fs-12);font-weight:700;color:var(--cream);cursor:pointer;white-space:nowrap}.super-activation-refresh:hover{filter:brightness(1.08)}@media (max-width: 520px){.super-activation-actions{flex-direction:column;gap:6px}}.reset-checking-pulse{animation:reset-checking-pulse 1.6s ease-in-out infinite}@keyframes reset-checking-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.reset-checking-pulse{animation:none}}.auth-back-home-link{margin-top:2px;font-size:var(--fs-12);opacity:.85}.tones-quiz-card,.listen-meaning-card{text-align:center}.tones-quiz-play,.listen-meaning-play{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;margin:8px auto 4px;border:none;border-radius:50%;cursor:pointer;color:#fff;background:var(--jade);box-shadow:0 6px 18px #0000002e;transition:transform .12s ease}.tones-quiz-play:hover,.listen-meaning-play:hover{transform:scale(1.05)}.tones-quiz-play:active,.listen-meaning-play:active{transform:scale(.97)}.tones-quiz-listen-hint,.listen-meaning-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;font-size:.82rem;color:var(--ink);opacity:.7}.tones-quiz-reveal,.listen-meaning-reveal{display:flex;flex-direction:column;align-items:center;gap:4px}.tones-quiz-reveal-thai,.listen-meaning-reveal-thai{font-size:1.8rem;font-weight:700;color:var(--ink)}.tones-quiz-reveal-syl,.listen-meaning-reveal-ph{font-size:1rem;color:var(--jade)}.tones-quiz-reveal-mean{font-size:.95rem;font-style:italic;color:var(--ink);opacity:.7}.tones-quiz-hear,.listen-meaning-hear{margin-top:8px}.tones-quiz-noaudio{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:14px 16px;border-radius:12px;background:var(--cream);color:var(--ink);font-size:.9rem}.listen-meaning-coach{display:flex;justify-content:center;margin:8px 0 4px}.listen-meaning-options{display:flex;flex-direction:column;gap:10px;margin-top:16px}.listen-meaning-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;text-align:left;border:1.5px solid var(--track);border-radius:12px;background:transparent;color:var(--ink);font-size:1rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}.listen-meaning-option:hover:not(:disabled){border-color:var(--jade)}.listen-meaning-option-en{flex:1}.listen-meaning-option-correct{border-color:var(--jade);background:#2e7d5b1a}.listen-meaning-option-wrong{border-color:var(--sev-strong);background:#a03b2c14}.listen-meaning-option-faded{opacity:.5}.combo-pill{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--cream-warm, var(--cream));color:var(--jade);border-radius:999px;padding:3px var(--sp-2, 8px);font-size:var(--fs-12, .75rem);font-weight:800;white-space:nowrap}.combo-pill-icon{color:var(--gold, #C9A227)}.combo-pill-count{font-family:JetBrains Mono,monospace}.combo-pill-label{font-size:var(--fs-10, .625rem);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft, var(--ink))}.combo-pill-hot{border-color:var(--gold, #C9A227);color:var(--rust, #A03B2C)}.combo-pill-pop{animation:combo-pop .45s ease}@keyframes combo-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.combo-pill-pop{animation:none}}.firstlesson-progress-meta,.quiz-header-meta{display:flex;align-items:center;gap:var(--sp-2, 8px)}.miniunit-challenge-progress{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2, 8px)}.streak-recovery-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000073}.streak-recovery-card{width:100%;max-width:380px;padding:28px 24px;border-radius:20px;text-align:center;background:var(--surface, var(--cream));color:var(--ink);box-shadow:0 14px 44px #0000004d}.streak-recovery-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;margin-bottom:10px;color:var(--gold, #C9A227);background:var(--cream)}.streak-recovery-eyebrow{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--jade);opacity:.85}.streak-recovery-title{font-size:1.35rem;font-weight:800;margin:6px 0;color:var(--ink)}.streak-recovery-copy{font-size:.95rem;color:var(--ink);opacity:.82;margin-bottom:20px}.streak-recovery-actions{display:flex;flex-direction:column;gap:10px}.streak-recovery-primary,.streak-recovery-freeze{width:100%;justify-content:center}.streak-recovery-hint{margin-top:12px;font-size:.8rem;color:var(--ink);opacity:.6}.mastery-track{display:inline-flex;align-items:center;gap:6px}.mastery-dot-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.mastery-dot{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--jade);background:transparent;display:inline-flex;align-items:center;justify-content:center;opacity:.45}.mastery-dot-reached{background:var(--jade);opacity:1}.mastery-dot-current{box-shadow:0 0 0 2px #0000000f}.mastery-dot-optional{border-style:dashed;opacity:.6}.mastery-dot-optional-done{opacity:1}.mastery-dot-optional-mark{font-size:6px;line-height:1;color:var(--jade)}.mastery-dot-label{font-size:10px;color:var(--ink);opacity:.7;white-space:nowrap}.mastery-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:6px 0 12px}.mastery-summary-item{display:inline-flex;flex-direction:column;align-items:center}.mastery-summary-count{font-weight:700;color:var(--ink)}.mastery-summary-label{font-size:11px;color:var(--ink);opacity:.7}.mastery-summary-note{flex-basis:100%;font-size:11px;opacity:.6}.browse-mastery-summary{padding:4px 0}.vocab-item-mastery{margin-top:6px}.speaking-progress{text-align:center;font-size:.82rem;color:var(--ink);opacity:.65;margin-bottom:8px}.speaking-card{text-align:center;padding:18px 16px;border:1.5px solid var(--track);border-radius:14px;margin:8px 0 16px}.speaking-thai{font-size:1.9rem;font-weight:700;color:var(--ink)}.speaking-ph{font-size:1rem;color:var(--jade);margin-top:2px}.speaking-en{font-size:.95rem;font-style:italic;color:var(--ink);opacity:.75;margin-top:2px}.speaking-hear{margin-top:12px}.speaking-idle,.speaking-listening,.speaking-empty{display:flex;flex-direction:column;align-items:center;gap:10px}.speaking-mic{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;margin:8px auto 4px;border:none;border-radius:50%;cursor:pointer;color:#fff;background:var(--jade);box-shadow:0 6px 18px #0000002e;transition:transform .12s ease}.speaking-mic:hover{transform:scale(1.05)}.speaking-mic:active{transform:scale(.97)}.speaking-mic-listening{background:var(--rust, #A03B2C);cursor:default;animation:speaking-pulse 1.2s ease-in-out infinite}@keyframes speaking-pulse{0%,to{box-shadow:0 0 #a03b2c73}50%{box-shadow:0 0 0 12px #a03b2c00}}@media (prefers-reduced-motion: reduce){.speaking-mic-listening{animation:none}}.speaking-idle-hint,.speaking-listening-hint{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem;color:var(--ink);opacity:.7}.speaking-skip{margin-top:6px}.speaking-permission-notice,.speaking-fallback{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--cream);color:var(--ink);font-size:.88rem;line-height:1.4;text-align:center}.speaking-fallback{border:1px solid var(--line, var(--track))}.speaking-verdict{padding:16px;border:1.5px solid var(--track);border-radius:14px;text-align:center}.speaking-verdict-correct{border-color:var(--jade);background:#2e7d5b1a}.speaking-verdict-close{border-color:var(--gold, #C9A227);background:#c9a2271a}.speaking-verdict-wrong{border-color:var(--sev-strong);background:#a03b2c14}.speaking-verdict-head{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;color:var(--ink)}.speaking-verdict-emoji{font-size:2rem;margin:6px 0}.speaking-verdict-msg{font-size:1rem;color:var(--ink)}.speaking-heard{margin-top:8px;font-size:.9rem;color:var(--ink);opacity:.8}.speaking-heard span{font-weight:600;opacity:1}.speaking-disclaimer{margin-top:10px;font-size:.78rem;color:var(--ink);opacity:.6;line-height:1.4}.speaking-actions{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap}.speaking-empty-msg{font-size:.95rem;color:var(--ink)}.lp{--lp-maxw: 1180px;--lp-pad: clamp(20px, 5vw, 40px);--lp-gap: clamp(var(--sp-4), 3vw, var(--sp-5));--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:var(--sp-4);padding-top:max(var(--sp-3),env(safe-area-inset-top));padding-bottom:var(--sp-3);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:var(--sp-3);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:var(--fs-22);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:var(--fs-11);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:var(--sp-2);flex-shrink:0}.lp-nav-demo{background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--fs-14);font-weight:700;color:var(--lp-ink-on-dark);padding:var(--sp-2) var(--sp-2);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:var(--sp-2) var(--sp-4);font-family:inherit;font-size:var(--fs-12);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:var(--sp-2);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 var(--sp-5);font-size:var(--fs-16);color:var(--gold-ink);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 var(--sp-5);font-size:var(--fs-14);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 var(--sp-5);font-size:var(--fs-14);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(var(--sp-4),2.4vh,var(--sp-6)),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(var(--sp-2),2vh,var(--sp-5))}.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(var(--sp-5),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:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:var(--lp-ink-on-dark);font-size:var(--fs-12);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:var(--sp-4) 0 var(--sp-3);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:var(--sp-3);margin-top:var(--sp-5)}.lp-hero-demo-link{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);padding:var(--sp-3) var(--sp-2);min-height:44px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--fs-12);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:var(--sp-2) var(--sp-3);margin:var(--sp-4) 0 0;padding:0;list-style:none}.lp-hero-chips li{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.24);color:#faf6ec;font-size:var(--fs-12);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:var(--sp-4);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:var(--sp-5) var(--sp-4)}.lp-hero-card .lp-mock-card-en{font-size:var(--fs-28)}.lp-hero-card .lp-mock-card-ph,.lp-hero-card .lp-mock-card-thai{font-size:var(--fs-18)}.lp-hero-card .lp-mock-card-audio{width:32px;height:32px}.lp-hero-card .lp-mock-rate-btn{padding:var(--sp-2) 2px;font-size:var(--fs-12)}.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(var(--sp-3),2vh,var(--sp-4)) var(--sp-2);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:var(--sp-1);text-align:center;padding:2px var(--sp-2);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:var(--fs-11);font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:color-mix(in srgb,var(--gold) 55%,var(--ink));margin-bottom:var(--sp-2)}.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:var(--sp-3) auto 0;max-width:560px;font-size:var(--fs-14);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(var(--sp-6),5vw,56px)}.lp-feature{display:flex;flex-direction:column;gap:var(--sp-3);background:var(--card-bg);border:1px solid var(--line);border-radius:var(--lp-radius);padding:var(--sp-5);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:var(--sp-3)}.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:var(--fs-22);font-weight:600;color:var(--ink);line-height:1.15}.lp-feature-sub{margin:2px 0 0;font-size:var(--fs-11);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:var(--fs-14);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(var(--sp-6),5vw,var(--sp-7))}.lp-mock{background:color-mix(in srgb,var(--jade) 4%,var(--card-bg));border:1px solid var(--line);border-radius:16px;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);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:var(--sp-1) var(--sp-3);border-radius:999px;font-size:var(--fs-11);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:var(--sp-1);background:var(--card-bg);border:1px solid var(--line-strong);border-radius:13px;padding:var(--sp-4) var(--sp-3);text-align:center}.lp-mock-card-kicker{font-size:var(--fs-10);font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}.lp-mock-card-en{font-family:Fraunces,serif;font-size:var(--fs-28);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:var(--sp-1) var(--sp-2);margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px dashed var(--line-strong);width:100%}.lp-mock-card-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-16);font-weight:700;color:var(--jade)}.lp-mock-card-thai{font-family:Noto Sans Thai,sans-serif;font-size:var(--fs-16);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:var(--sp-1)}.lp-mock-rate-btn{display:flex;align-items:center;justify-content:center;padding:var(--sp-2) 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:var(--fs-11);font-weight:800;min-width:0}.lp-mock-quiz{gap:var(--sp-2)}.lp-mock-quiz-label{font-size:var(--fs-10);font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}.lp-mock-quiz-prompt{font-family:Fraunces,serif;font-size:var(--fs-22);font-weight:600;color:var(--ink);line-height:1.25}.lp-mock-quiz-options{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:2px}.lp-mock-quiz-opt{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3);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:var(--fs-11);font-weight:800;color:var(--ink-soft);flex-shrink:0}.lp-mock-quiz-ph{font-family:JetBrains Mono,monospace;font-size:var(--fs-12);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:var(--sp-2)}.lp-mock-lesson-eyebrow{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-10);font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}.lp-mock-lesson-lead{font-size:var(--fs-14);line-height:1.55;color:var(--ink)}.lp-mock-lesson-point{display:block;font-size:var(--fs-12);line-height:1.6;color:var(--ink-soft);background:var(--card-bg);border:1px solid var(--line-strong);border-radius:11px;padding:var(--sp-3) var(--sp-3);overflow-wrap:anywhere}.lp-mock-lesson-point strong{color:var(--ink)}.lp-mock-lesson-point svg{color:var(--gold);vertical-align:-2px;margin-right:var(--sp-1)}.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:var(--fs-12);font-weight:700;color:var(--jade);background:var(--card-bg);border:1px solid var(--line-strong);border-radius:999px;padding:var(--sp-2) var(--sp-3);box-shadow:0 10px 22px #0f3d2e24;margin-bottom:var(--sp-3)}.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(var(--sp-6),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:var(--sp-5) var(--sp-5) var(--sp-5);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:var(--sp-4);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:var(--gold-ink);font-size:var(--fs-12);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 var(--sp-2);font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:600;letter-spacing:-.01em;color:var(--ink);line-height:1.15}.lp-loop-step-text{margin:0;font-size:var(--fs-14);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(var(--sp-6),5vw,52px) auto 0;padding:0;max-width:760px;display:flex;flex-direction:column;gap:var(--sp-3)}.lp-journey-step{position:relative;display:flex;gap:var(--sp-4);align-items:flex-start;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--lp-radius);padding:var(--sp-4) var(--sp-5);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:var(--fs-11);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:var(--sp-2);font-size:var(--fs-11);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 var(--sp-2);border-radius:999px;background:var(--gold);color:var(--gold-ink);font-size:var(--fs-10);font-weight:800;letter-spacing:.04em}.lp-journey-missions{padding:2px var(--sp-2);border-radius:999px;background:color-mix(in srgb,var(--jade) 10%,transparent);color:var(--jade);font-size:var(--fs-10);font-weight:800;letter-spacing:.02em}.lp-journey-title{font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:600;color:var(--ink);line-height:1.2}.lp-journey-text{font-size:var(--fs-14);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:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.28);color:var(--lp-ink-on-dark);font-size:var(--fs-12);font-weight:700;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.lp-cine-eyebrow svg{color:var(--gold-soft)}.lp-cine-title{margin:var(--sp-4) 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:var(--sp-3) 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:var(--sp-6)}.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(var(--sp-5),4vw,var(--sp-7)) auto 0}.lp-support-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);background:var(--card-bg);border:1px solid var(--line);border-radius:var(--lp-radius);padding:var(--sp-5);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:var(--fs-18);font-weight:600;color:var(--ink);line-height:1.2}.lp-support-card-text{margin:0;font-size:var(--fs-14);line-height:1.6;color:var(--ink-soft)}.lp-support-btn{margin-top:auto;display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:999px;background:var(--gold);color:var(--gold-ink);border:1px solid var(--gold);font-family:inherit;font-size:var(--fs-14);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:var(--sp-1);padding:var(--sp-2) var(--sp-3);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:var(--fs-12);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:var(--sp-3);margin-top:2px;width:100%}.lp-support-qr{flex-shrink:0;width:104px;height:104px;border-radius:12px;background:#fff;padding:var(--sp-1);border:1px solid var(--line)}.lp-support-crypto-body{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0;flex:1 1 160px}.lp-support-net{font-size:var(--fs-11);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:var(--fs-12);color:var(--ink);overflow-wrap:anywhere}.lp-support-copy{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-radius:999px;background:var(--card-bg);color:var(--jade);border:1px solid var(--line-strong);font-family:inherit;font-size:var(--fs-12);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(var(--sp-6),6vw,64px);padding-bottom:max(clamp(var(--sp-6),6vw,64px),env(safe-area-inset-bottom))}.lp-footer-slim{margin-top:clamp(var(--sp-6),6vw,56px);padding-top:clamp(var(--sp-5),4vw,var(--sp-6));padding-bottom:max(clamp(var(--sp-5),4vw,var(--sp-6)),env(safe-area-inset-bottom))}.lp-footer-slim .lp-footer-fine{margin-top:var(--sp-4)}.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:var(--sp-4)}.lp-footer-brand{font-family:Fraunces,serif;font-size:var(--fs-22);font-weight:700;color:#fff}.lp-footer-links{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5)}.lp-footer-links a{color:#eaf3eed1;font-size:var(--fs-14);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:var(--sp-5) 0 0;font-size:var(--fs-12);color:#eaf3ee99}.lp-footer-social{margin-top:var(--sp-4)}.social-links{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;color:#eaf3eed1;border:1px solid rgba(234,243,238,.22);background:#eaf3ee0f;transition:color .15s,border-color .15s,background .15s,transform .15s}.social-link:hover{color:#fff;border-color:#eaf3ee8c;background:#eaf3ee24;transform:translateY(-1px)}.social-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.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(var(--sp-3),2.6vh,var(--sp-6))}.lp-hero-inner{grid-template-columns:1fr;grid-template-areas:"visual" "copy";gap:clamp(var(--sp-4),3.5vw,var(--sp-6));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:var(--sp-4);gap:var(--sp-2)}.lp-hero-card .lp-mock-card{padding:var(--sp-4) var(--sp-3)}.lp-hero-card .lp-mock-card-en{font-size:var(--fs-22)}.lp-hero-card .lp-mock-card-ph,.lp-hero-card .lp-mock-card-thai{font-size:var(--fs-14)}.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(var(--sp-2),2vh,var(--sp-5))}.lp-hero-actions{flex-direction:column;align-items:stretch;gap:var(--sp-2);margin-top:clamp(var(--sp-3),2.6vh,var(--sp-5))}.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:var(--sp-1);margin-top:clamp(var(--sp-3),2.4vh,var(--sp-4));width:100%}.lp-hero-chips li{flex:1 1 0;min-width:0;justify-content:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-1);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:var(--sp-4) var(--sp-4);gap:var(--sp-3)}.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:var(--sp-2)}.lp-brand-mark{width:40px;height:34px;border-radius:11px}.lp-brand-name{font-size:var(--fs-18)}.lp-nav-signin{padding:var(--sp-2) var(--sp-3)}.lp-hero-visual{max-width:300px}.lp-hero-chips svg{display:none}.lp-hero-chips li{padding:var(--sp-1) var(--sp-1);font-size:clamp(9.5px,3vw,11px);gap:0}}@media (max-height: 940px){.lp-hero-body{padding-block:clamp(var(--sp-2),1.8vh,var(--sp-5))}.lp-title{font-size:clamp(32px,4.4vw,54px);margin:var(--sp-4) 0 var(--sp-3)}.lp-hero-actions,.lp-hero-chips{margin-top:var(--sp-4)}}@media (max-height: 860px){.lp-hero-body{padding-block:clamp(var(--sp-2),1.6vh,var(--sp-4))}.lp-title{font-size:clamp(30px,4.2vw,50px);margin:var(--sp-3) 0 var(--sp-3)}.lp-hero-actions,.lp-hero-chips{margin-top:var(--sp-4)}.lp-hero-card .lp-mock{padding:var(--sp-3);gap:var(--sp-2)}}@media (max-height: 760px){.lp-hero-body{padding-block:clamp(var(--sp-1),1vh,var(--sp-3))}.lp-title{font-size:clamp(26px,3.6vw,42px);margin:var(--sp-2) 0 var(--sp-2)}.lp-subtitle{font-size:clamp(13px,1.3vw,16px);line-height:1.45}.lp-hero-actions{margin-top:var(--sp-3)}.lp-hero-demo-link{margin-top:var(--sp-2)}.lp-hero-chips{margin-top:var(--sp-3)}.lp-hero-stats{padding-block:var(--sp-2)}.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 var(--sp-1)}.lp-subtitle{font-size:var(--fs-12);line-height:1.4}.lp-hero-actions{margin-top:var(--sp-2);gap:var(--sp-2)}.lp-cta-primary,.lp-cta-secondary{min-height:44px}.lp-hero-demo-link,.lp-hero-chips{margin-top:var(--sp-2)}.lp-hero-body{padding-block:var(--sp-1)}.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:var(--sp-3);gap:var(--sp-2)}.lp-hero-card .lp-mock-card{padding:var(--sp-3) var(--sp-3)}.lp-hero-card .lp-mock-card-en{font-size:var(--fs-22)}}@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(var(--sp-3),3vw,var(--sp-5));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:var(--sp-2)}.lp-hero-body{padding-block:var(--sp-1)}.lp-hero-stats{padding-block:var(--sp-2)}}@media (max-width: 360px){.lp-title{font-size:clamp(21px,6.2vw,27px);margin:var(--sp-2) 0 var(--sp-2)}.lp-subtitle{font-size:var(--fs-12);line-height:1.4}.lp-hero-chips li{font-size:var(--fs-10)}}@media (max-width: 430px) and (max-height: 820px){.lp-title{font-size:clamp(22px,6vw,30px);margin:var(--sp-2) 0 var(--sp-2)}.lp-subtitle{font-size:var(--fs-12);line-height:1.42}.lp-hero-actions{margin-top:var(--sp-3)}}@media (max-height: 620px){.lp-hero-body{padding-block:3px}.lp-title{font-size:clamp(21px,4vw,30px);margin:3px 0 var(--sp-1)}.lp-subtitle{font-size:var(--fs-11);line-height:1.35}.lp-hero-actions{margin-top:var(--sp-2);gap:var(--sp-2)}.lp-cta-primary,.lp-cta-secondary{min-height:40px;font-size:var(--fs-14)}.lp-hero-demo-link{margin-top:var(--sp-1);font-size:var(--fs-12)}.lp-hero-chips{margin-top:var(--sp-2)}.lp-hero-stats{padding-block:var(--sp-2)}.lp-hero-stat-value{font-size:var(--fs-18)}}@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:var(--sp-2)}}.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:var(--fs-11);font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:color-mix(in srgb,var(--gold) 55%,var(--ink));margin-bottom:var(--sp-2)}.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(var(--sp-5),4vw,var(--sp-7))}.pl-cta-primary,.pl-cta-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);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 var(--sp-5);font-size:var(--fs-16);color:var(--gold-ink);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 var(--sp-5);font-size:var(--fs-14);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:var(--sp-4);padding-block:var(--sp-3)}.pl-brand{display:inline-flex;flex-direction:column;text-decoration:none;min-width:0}.pl-brand-name{font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:700;color:var(--jade);line-height:1.05}.pl-brand-slogan{font-size:var(--fs-11);font-weight:600;color:var(--ink-soft);line-height:1.2}.pl-topbar-back{display:inline-flex;align-items:center;gap:var(--sp-1);color:var(--ink-soft);font-size:var(--fs-14);font-weight:700;text-decoration:none;padding:var(--sp-2) var(--sp-3);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(var(--sp-7),7vw,88px);text-align:center}.app-root[data-theme=dark] .pl-hero{background:radial-gradient(120% 120% at 80% 0%,rgba(224,189,122,.14),transparent 55%),linear-gradient(160deg,#10231b,#071a13)}.pl-hero-inner{max-width:720px;margin:0 auto}.pl-hero .pl-eyebrow{color:var(--gold-soft)}.pl-hero-title{margin:0 0 var(--sp-4);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:var(--sp-3);justify-content:center;margin-top:var(--sp-5)}.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:var(--sp-4) 0 0;font-size:var(--fs-12);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(var(--sp-4),2.5vw,var(--sp-5))}.pl-how-card{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--pl-radius);padding:var(--sp-5);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:var(--sp-3);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 var(--sp-2);font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:600;color:var(--ink);line-height:1.15}.pl-how-text{margin:0;font-size:var(--fs-14);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(var(--sp-4),2vw,var(--sp-5));align-items:stretch}.pl-plan{position:relative;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--pl-radius);padding:var(--sp-5) var(--sp-5);box-shadow:var(--pl-shadow);display:flex;flex-direction:column;height:100%}.pl-plan-free{border-color:var(--line);box-shadow:var(--pl-shadow)}.pl-plan-premium{border-color:color-mix(in srgb,var(--gold) 60%,var(--line));box-shadow:0 2px 4px #0f3d2e0d,0 30px 62px -30px #c9a961d9}.app-root[data-theme=dark] .pl-plan-premium{box-shadow:0 2px 6px #0006,0 30px 62px -30px #e0bd7a66}.pl-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2)}.pl-plan-name{font-family:Fraunces,serif;font-size:var(--fs-22);font-weight:700;color:var(--jade)}.pl-plan-tag{font-size:var(--fs-10);font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:var(--sp-1) var(--sp-2);border-radius:999px;white-space:nowrap;flex-shrink:0}.pl-plan-tag-live{background:var(--gold);color:var(--gold-ink)}.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:var(--sp-2);margin:var(--sp-4) 0 var(--sp-1)}.pl-plan-amount{font-family:Fraunces,serif;font-size:var(--fs-36);font-weight:700;color:var(--ink);line-height:1}.pl-plan-period{font-size:var(--fs-12);font-weight:700;color:var(--ink-soft)}.pl-plan-blurb{margin:var(--sp-2) 0 var(--sp-4);min-height:66px;font-size:var(--fs-14);line-height:1.55;color:var(--ink-soft)}.pl-plan-cta{width:100%}.pl-plan-list{list-style:none;margin:var(--sp-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}.pl-plan-list li{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-14);line-height:1.5;color:var(--ink)}.pl-plan-list svg{flex-shrink:0;margin-top:1px;color:var(--jade)}.pl-plan-foot{margin:var(--sp-4) 0 0;margin-top:auto;font-size:var(--fs-12);line-height:1.5;color:var(--ink-soft);padding-top:var(--sp-3);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:var(--sp-2);padding:var(--sp-3) var(--sp-4);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:var(--fs-11);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:var(--fs-14);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:var(--fs-12);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:var(--fs-10);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-deep);white-space:nowrap}.pl-matrix-note{display:block;text-align:center;max-width:760px;margin:var(--sp-4) auto 0;font-size:var(--fs-12);line-height:1.55;color:var(--ink-soft)}.pl-matrix-note svg{color:var(--gold);display:inline-block;vertical-align:-2px;margin-right:var(--sp-1)}.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:var(--sp-3)}.pl-faq-item{background:var(--card-bg);border:1px solid var(--line);border-radius:14px;padding:var(--sp-1) var(--sp-4);box-shadow:var(--pl-shadow)}.pl-faq-q{cursor:pointer;list-style:none;padding:var(--sp-4) 0;font-family:Fraunces,serif;font-size:var(--fs-16);font-weight:600;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.pl-faq-q::-webkit-details-marker{display:none}.pl-faq-q:after{content:"+";font-family:Inter,sans-serif;font-size:var(--fs-22);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 var(--sp-4);font-size:var(--fs-14);line-height:1.6;color:var(--ink-soft)}.pl-cta-band{background:var(--jade);color:var(--pl-ink-on-dark);padding-block:clamp(var(--sp-7),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:var(--sp-3) 0 0;font-size:clamp(14px,1.3vw,17px);color:#f7f2e7e0}.pl-cta-band-btn{margin-top:var(--sp-5)}.pl-cta-back{margin-top:var(--sp-4);color:#f7f2e7c7;font-size:var(--fs-14);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:var(--sp-3)}.pl-matrix-row{grid-template-columns:1fr 60px 60px;padding:var(--sp-3) var(--sp-3);gap:var(--sp-1)}.pl-matrix-feature{font-size:var(--fs-12)}.pl-plan{padding:var(--sp-5) var(--sp-4)}}@media (prefers-reduced-motion: reduce){.pl-cta-primary,.pl-cta-ghost,.pl-faq-q:after{transition:none}}.pl-plan-amount-soon{font-size:var(--fs-28);color:var(--ink-soft)}.pl-plan-amount-tba{font-size:var(--fs-16);font-weight:700;color:var(--ink-soft)}.pl-plan-badge{position:absolute;top:-10px;right:18px;background:var(--gold);color:var(--gold-ink);font-size:var(--fs-10);font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:var(--sp-1) var(--sp-2);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(var(--sp-3),4vw,var(--sp-6));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(var(--sp-4),3vw,var(--sp-5));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:var(--sp-3);margin-bottom:var(--sp-4)}.sco-panel-head-main{display:flex;align-items:center;gap:var(--sp-3);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:var(--fs-11);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:var(--fs-22);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:var(--sp-3);padding:var(--sp-6) var(--sp-2)}.sco-state-title{margin:0;font-family:Fraunces,serif;font-size:var(--fs-18);font-weight:600;color:var(--ink)}.sco-state-text{margin:0;max-width:36ch;font-size:var(--fs-14);line-height:1.6;color:var(--ink-soft)}.sco-state-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-1)}.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:var(--sp-2);font-family:inherit;font-weight:700;font-size:var(--fs-14);cursor:pointer;border-radius:999px;min-height:46px;padding:0 var(--sp-5);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:var(--gold-ink);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:var(--sp-3) 0 0;text-align:center;font-size:var(--fs-12);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:flex-start;gap:var(--sp-2);margin:clamp(var(--sp-4),3vw,var(--sp-6)) auto clamp(var(--sp-4),3vw,var(--sp-6));max-width:640px;padding:var(--sp-3) var(--sp-4);border-radius:12px;background:color-mix(in srgb,var(--gold) 8%,var(--card-bg));border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line));color:var(--ink-soft);font-size:var(--fs-12);line-height:1.5;text-align:left}.pl-testmode-banner strong{color:var(--ink)}.pl-testmode-banner svg{color:color-mix(in srgb,var(--gold) 60%,var(--ink));flex:0 0 auto;margin-top:2px}.sco-testmode-note{margin:var(--sp-3) 0 0;padding:var(--sp-2) var(--sp-3);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:var(--fs-12);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:var(--sp-2)}.pl-embedded-back{display:inline-flex;align-items:center;gap:var(--sp-1);background:var(--card-bg);border:1px solid var(--line-strong);color:var(--ink-soft);font-family:inherit;font-size:var(--fs-14);font-weight:700;padding:var(--sp-2) var(--sp-3);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}.pl-already-super-banner{display:flex;align-items:center;gap:var(--sp-2);margin:var(--sp-3) auto 0;padding:var(--sp-3) var(--sp-4);border-radius:12px;background:color-mix(in srgb,var(--jade) 10%,var(--card-bg));border:1px solid color-mix(in srgb,var(--jade) 35%,var(--line));color:var(--ink);font-size:var(--fs-12);line-height:1.45}.pl-already-super-banner svg{color:var(--gold);flex:0 0 auto}.pl-inline-link{background:none;border:none;padding:0;font:inherit;font-weight:700;color:var(--jade);text-decoration:underline;cursor:pointer}.pl-plan-blocked{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);margin:var(--sp-1) 0}.pl-plan-blocked-chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:999px;background:color-mix(in srgb,var(--jade) 12%,var(--card-bg));border:1px solid color-mix(in srgb,var(--jade) 35%,var(--line));font-size:var(--fs-13);font-weight:700;color:var(--jade)}.pl-plan-blocked-chip svg{color:var(--jade)}.pl-plan-blocked-spin{animation:plBlockedSpin 1s linear infinite}@keyframes plBlockedSpin{to{transform:rotate(360deg)}}.pl-plan-blocked-note{font-size:var(--fs-12);color:var(--ink-soft);line-height:1.45}@media (prefers-reduced-motion: reduce){.pl-plan-blocked-spin{animation:none}}.pl-plan-active{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);margin:var(--sp-1) 0 var(--sp-1)}.pl-plan-active-chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:999px;background:color-mix(in srgb,var(--gold) 16%,var(--card-bg));border:1px solid color-mix(in srgb,var(--gold) 50%,var(--line));color:var(--ink);font-size:var(--fs-14);font-weight:700}.pl-plan-active-chip svg{color:var(--gold)}.pl-plan-manage-link{background:none;border:none;padding:0;font-family:inherit;font-size:var(--fs-12);font-weight:600;color:var(--ink-soft);text-decoration:underline;cursor:pointer}.pl-plan-manage-link:hover{color:var(--jade)}