:root{--ink:#212121;--ink-soft:#565a55;--paper:#f5f3ed;--paper-deep:#ebe7dc;--white:#fffef9;--teal:#006e6a;--teal-dark:#074c49;--teal-deep:#073f3d;--teal-light:#dbeae4;--yellow:#f2cf4a;--yellow-soft:#f7e8a2;--line:#21212121;--mono:"DM Mono", monospace;--display:"Manrope", "Noto Sans Thai", sans-serif;--sans:"Manrope", "Noto Sans Thai", sans-serif;--thai:"Noto Sans Thai", "Manrope", sans-serif;--ease:cubic-bezier(.22, .8, .25, 1);--app-width:480px;--radius-card:4px 4px 24px 4px;--radius-button:3px 3px 14px 3px;--radius-field:3px 3px 12px 3px;--radius-sheet:22px 22px 0 0}*{box-sizing:border-box}html{scroll-behavior:auto}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#103e3c;margin:0}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}button{background:0 0;border:0;padding:0}img{max-width:100%;display:block}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}.icon{flex:none;width:22px;height:22px}::selection{background:var(--teal);color:var(--white)}.desktop-canvas{display:none}.app-shell{width:100%;max-width:var(--app-width);background:var(--paper);min-height:100dvh;margin:0 auto;position:relative;overflow:clip;box-shadow:0 0 80px #0003}.app-main{min-height:100dvh}.screen{min-height:100dvh;padding:0 22px 118px;display:none}.screen.active{animation:screenIn .45s var(--ease) both;display:block}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.app-header{justify-content:space-between;align-items:center;height:78px;display:flex}.header-actions{align-items:center;gap:13px;display:flex}.streak-chip{align-items:center;gap:3px;font-size:13px;display:flex}.streak-chip .icon{width:18px;height:18px;color:var(--teal);fill:var(--yellow);stroke:var(--teal)}.avatar{background:var(--teal-dark);width:34px;height:34px;color:var(--white);font:500 10px var(--mono);letter-spacing:.04em;border-radius:50%}.icon-button{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .15s;display:inline-flex}.icon-button:active{transform:scale(.94)}.header-label{padding-left:2px}.eyebrow{font:500 10px/1.5 var(--mono);letter-spacing:.095em;color:var(--teal)}.eyebrow span{margin:0 5px}h1,h2,h3,p{margin-top:0}h1{font:400 52px/.94 var(--display);letter-spacing:-1.7px;margin-bottom:15px}h1 em,h2 em{color:var(--teal);font-weight:400}.learn-intro{padding:23px 1px 26px}.learn-intro .eyebrow{margin-bottom:18px}.learn-intro p,.review-intro p,.translate-intro p{color:var(--ink-soft);margin:0;font-size:13px}.scene-card{border-radius:var(--radius-card);height:330px;color:var(--white);background:var(--teal-dark);isolation:isolate;position:relative;overflow:hidden}.scene-image{object-fit:cover;object-position:50% 48%;z-index:-2;will-change:transform;width:100%;height:120%;position:absolute;top:-10%;left:0}.scene-shade{z-index:-1;background:linear-gradient(#031d1c59,#031d1c05 37%,#031d1ce6 100%),linear-gradient(90deg,#00464159,#0000);position:absolute;inset:0}.scene-topline{font:400 9px var(--mono);letter-spacing:.08em;justify-content:space-between;padding:19px 18px;display:flex}.scene-content{position:absolute;bottom:27px;left:20px;right:76px}.scene-thai{font:400 16px var(--thai);color:var(--yellow);margin-bottom:4px}.scene-content h2{font:400 36px/.98 var(--display);letter-spacing:-.7px;margin-bottom:9px}.scene-content p{color:#ffffffb8;margin:0;font-size:11px}.scene-play{background:var(--yellow);width:48px;height:48px;color:var(--ink);transition:transform .2s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:28px;right:18px}.scene-play:hover{transform:rotate(-8deg)scale(1.06)}.scene-play:active{transform:scale(.94)}.scene-progress{background:#fff3;height:3px;position:absolute;bottom:0;left:0;right:0}.scene-progress span{background:var(--yellow);height:100%;display:block}.review-nudge{text-align:left;border-bottom:1px solid var(--line);grid-template-columns:36px 1fr 20px;align-items:center;gap:12px;width:100%;padding:21px 2px;display:grid}.nudge-icon{border:1px solid var(--line);width:34px;height:34px;color:var(--teal);border-radius:50%;place-items:center;display:grid}.nudge-icon .icon{width:17px;height:17px}.review-nudge b{margin-bottom:4px;font-size:12px;display:block}.review-nudge small{color:var(--ink-soft);font-size:10px;display:block}.nudge-arrow{width:17px;color:var(--teal);transition:transform .2s}.review-nudge:hover .nudge-arrow{transform:translate(4px)}.path-section{padding-top:31px}.section-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:20px;display:flex}.section-heading h2{font:400 32px/1 var(--display);letter-spacing:-.5px;margin:6px 0 0}.text-button{border-bottom:1px solid var(--ink);margin-bottom:2px;padding-bottom:3px;font-size:10px;font-weight:700}.segmented{border-bottom:1px solid var(--line);gap:22px;margin-bottom:5px;display:flex}.segmented button{color:#777a74;padding:0 0 12px;font-size:11px;transition:color .2s;position:relative}.segmented button.active{color:var(--ink);font-weight:700}.segmented button.active:after{content:"";background:var(--teal);height:2px;animation:tabLine .25s var(--ease);position:absolute;bottom:-1px;left:0;right:0}@keyframes tabLine{0%{transform:scaleX(.2)}to{transform:scaleX(1)}}.course-row{text-align:left;border-bottom:1px solid var(--line);width:100%;animation:listIn .35s var(--ease) both;grid-template-columns:56px 1fr auto;align-items:center;gap:15px;padding:17px 0;display:grid}.course-row:nth-child(2){animation-delay:50ms}.course-row:nth-child(3){animation-delay:.1s}@keyframes listIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.course-thumb{object-fit:cover;filter:saturate(.78);border-radius:3px 3px 12px;width:56px;height:64px}.course-thumb.graphic{background:var(--teal-light);color:var(--teal-dark);font:400 22px var(--thai);place-items:center;display:grid}.course-row h3{margin:0 0 5px;font-size:12px}.course-row p{color:var(--ink-soft);margin:0;font-size:9px;line-height:1.5}.course-meta{text-align:right}.course-meta .icon{width:17px;height:17px;color:var(--teal)}.course-meta small{font:400 8px var(--mono);color:var(--ink-soft);margin-top:7px;display:block}.daily-phrase{background:var(--teal-dark);color:var(--white);margin:34px -22px 0;padding:27px 25px 30px;position:relative;overflow:hidden}.daily-phrase:after{content:"ภาษา";font:500 90px var(--thai);color:#ffffff07;pointer-events:none;position:absolute;top:31px;right:-18px;transform:rotate(-12deg)}.phrase-index{font:400 9px var(--mono);letter-spacing:.1em;color:#ffffff8c}.audio-orb{width:44px;height:44px;color:var(--yellow);border:1px solid #ffffff40;border-radius:50%;place-items:center;display:grid;position:absolute;top:76px;right:24px}.audio-orb.playing{animation:1s infinite audioPulse}@keyframes audioPulse{50%{box-shadow:0 0 0 8px #f2cf4a17}}.daily-thai{font:500 46px/1.4 var(--thai);color:var(--yellow);margin-top:23px}.daily-roman{font:400 10px var(--mono);letter-spacing:.04em;color:#ffffff80;margin-bottom:23px}.daily-phrase h2{font:400 32px/1.03 var(--display);margin-bottom:14px}.daily-phrase p{color:#ffffffab;max-width:335px;margin-bottom:21px;font-size:11px;line-height:1.75}.save-phrase{color:var(--white);border-bottom:1px solid #ffffff59;align-items:center;gap:8px;padding-bottom:6px;font-size:10px;display:inline-flex}.save-phrase .icon{width:15px;height:15px}.save-phrase.saved .icon,.save-translation.saved .icon{fill:currentColor}.premium-strip{text-align:left;background:var(--yellow);border-radius:3px 3px 15px;grid-template-columns:36px 1fr 20px;align-items:center;gap:12px;width:100%;margin:24px 0 6px;padding:19px 16px;display:grid}.premium-symbol .icon{width:25px;height:25px}.premium-strip small{font:500 8px var(--mono);letter-spacing:.1em;margin-bottom:5px;display:block}.premium-strip b{font-size:10px;display:block}.premium-strip>.icon{width:17px}:root{color-scheme:light;--surface:#fffef9;--accent-strong:var(--teal-dark)}:root[data-theme=dark]{color-scheme:dark;--ink:#eef1e9;--ink-soft:#b0bcb5;--paper:#121d1b;--paper-deep:#263631;--surface:#1b2a26;--teal:#82cbbd;--teal-light:#243e36;--accent-strong:#a1dccc;--line:#e2efe529}svg.icon,.streak-chip .icon{fill:currentColor;stroke:none}.theme-toggle{color:var(--teal);background:var(--surface)}.theme-toggle[aria-pressed=true]{color:var(--yellow)}:root[data-theme=dark] body{background:#091311}:root[data-theme=dark] .bottom-nav{border-color:var(--line);background:#121d1bf0}:root[data-theme=dark] .bottom-nav button{color:var(--ink-soft)}:root[data-theme=dark] :is(.bottom-nav button.active,.course-thumb.graphic,.answer-option.correct,.guide-check[aria-checked=true] b,.guide-detail a,.guide-practice,.phrase-study-note h2){color:var(--accent-strong)}:root[data-theme=dark] :is(.scene-play,.premium-strip,.translate-button,.completion-mark,.plan-option i){color:#212121}:root[data-theme=dark] .premium-strip small{color:#3c5944}:root[data-theme=dark] .phrase-study-note{background:#292e20;border-color:#bda45250}:root[data-theme=dark] .phrase-note-icon{color:#074c49}:root[data-theme=dark] .week-chart div>span{background:#4a685e}:root[data-theme=dark] .week-chart .today>span{background:var(--yellow)}:root[data-theme=dark] :is(.search-field input,.translation-input-wrap textarea)::placeholder{color:#9aaca1}:root[data-theme=dark] .vocab-filters button.active{color:var(--paper)}:root[data-theme=dark] .toast{background:var(--surface);color:var(--ink);border:1px solid var(--line)}:root[data-theme=dark] .primary-button:hover,:root[data-theme=dark] .guide-sos:hover{background:#0c6059}:root[data-theme=dark] .guide-checkbox[aria-checked=true],:root[data-theme=dark] .guide-check[aria-checked=true] .guide-checkbox,:root[data-theme=dark] .auth-account-icon{color:var(--paper)}:root[data-theme=dark] :is(.feedback-panel.error,.answer-option.incorrect){color:#f5c6b6;background:#412923}:root[data-theme=dark] .feedback-panel .feedback-icon{color:var(--paper)}:root[data-theme=dark] .pwa-panel{background:var(--surface)}:root[data-theme=dark] .auth-status.error{color:#f4b1a0}:root[data-theme=dark] .translation-switch-track{background:#506158}#photoOverlay{color-scheme:dark}.translation-switch-track i{background:var(--white)}.bookmark-filled{display:none}.saved .bookmark-filled{display:block}.saved .bookmark-outline{display:none}:root[data-theme=dark] #translationPlaceholder{color:var(--ink-soft)}.home-install{border:1px solid var(--line);border-radius:var(--radius-button);background:var(--surface);width:100%;min-height:48px;color:var(--teal);text-align:left;align-items:center;gap:10px;margin:0 0 14px;padding:11px 14px;font-size:14px;font-weight:600;display:flex}.home-install>span{flex:1}.home-install .icon{width:19px;height:19px}@media (display-mode:standalone),(display-mode:minimal-ui){[data-pwa-install]{display:none!important}}*{touch-action:pan-x pan-y}#photoViewport,#photoCanvas{touch-action:none}.brand{align-items:center;min-height:44px;display:inline-flex}.brand-lockup{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.brand-mark{border-radius:23%;flex:none;width:38px;height:38px;display:block}.brand-name{color:var(--ink);font:800 29px/1 var(--display);letter-spacing:-1.3px}.brand-name>span{color:var(--teal)}@media (width>=900px){.desktop-wordmark .brand-lockup{gap:14px}.desktop-wordmark .brand-mark{width:54px;height:54px}.desktop-wordmark .brand-name{color:#fffef9;letter-spacing:-1.8px;font-size:40px}.desktop-wordmark .brand-name>span{color:#f2cf4a}}.legal-links{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:28px;padding:20px 0 4px;font-size:12px;line-height:1.7}.legal-links nav{flex-wrap:wrap;gap:2px 18px;display:flex}.legal-links a{min-height:44px;color:inherit;text-underline-offset:3px;overflow-wrap:anywhere;align-items:center;text-decoration:underline;display:inline-flex}.legal-links a:hover,.legal-links a:focus-visible{color:var(--teal)}.legal-links a:focus-visible,.legal-page a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.legal-links .legal-support{color:var(--teal)}.legal-links-compact{margin-top:16px;padding-top:10px;font-size:11px}.membership-note a{color:var(--teal);text-underline-offset:3px}.translation-local-note{color:var(--ink-soft);margin:12px 0;font-size:11px;line-height:1.6}:root .legal-body{background:var(--paper)}.legal-page{max-width:780px;margin:0 auto;padding:0 28px 32px}.legal-header{min-height:104px;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:44px;display:flex}.legal-header .brand{text-decoration:none}.legal-back{min-height:44px;color:var(--teal);align-items:center;font-size:12px;display:inline-flex}.legal-page h1{font:500 clamp(34px,7vw,52px)/1.15 var(--display);letter-spacing:-1.5px;margin:16px 0}.legal-page h2{font:600 21px/1.4 var(--sans);letter-spacing:-.4px;margin:36px 0 12px;scroll-margin-top:24px}.legal-page p,.legal-page li{color:var(--ink-soft);overflow-wrap:anywhere;font-size:15px;line-height:1.85}.legal-page p{margin-bottom:16px}.legal-page li{margin-bottom:10px}.legal-page ul{padding-left:22px}.legal-page strong{color:var(--ink)}.legal-page main a{color:var(--teal);text-underline-offset:3px}.legal-page .legal-date{margin-bottom:28px;font-size:12px}.legal-summary{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);padding:20px}.legal-summary p:last-child{margin-bottom:0}.legal-toc{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 20px;padding:20px 0;font-size:13px;line-height:1.8;display:flex}@media (width<=380px){.legal-page{padding-inline:20px}.legal-header{gap:10px}.legal-back{font-size:11px}.legal-page h1{letter-spacing:-1px}}