:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--thai-font-ui);--thai-background:hsl(var(--background));--thai-background-raised:hsl(var(--card));--thai-background-soft:hsl(var(--muted));--thai-foreground:hsl(var(--foreground));--thai-muted-foreground:hsl(var(--muted-foreground));--thai-primary:hsl(var(--primary));--thai-primary-foreground:hsl(var(--background));--thai-primary-soft:hsl(var(--primary) / .1);--thai-primary-softer:hsl(var(--primary) / .06);--thai-primary-border:hsl(var(--primary) / .22);--thai-border:hsl(var(--border));--thai-border-soft:hsl(var(--border) / .72);--thai-card:hsl(var(--card) / .82);--thai-card-strong:hsl(var(--card) / .94);--thai-card-subtle:hsl(var(--card) / .64);--thai-shadow:hsl(var(--foreground) / .08);--thai-shadow-strong:hsl(var(--foreground) / .2);--thai-font-weight-ui:500;--thai-font-weight-control:525;--thai-font-weight-heading:560;--thai-font-weight-display:600;--thai-success:hsl(var(--success,142 71% 35%));--thai-success-soft:hsl(var(--success,142 71% 35%) / .12);--thai-success-border:hsl(var(--success,142 71% 35%) / .42);--thai-danger:hsl(var(--destructive));--thai-danger-soft:hsl(var(--destructive) / .1);--thai-danger-border:hsl(var(--destructive) / .28);--thai-page-inline-gutter:clamp(1.25rem, 4vw, 2rem);--thai-page-background:linear-gradient(135deg, hsl(var(--primary) / .08), transparent 32rem), linear-gradient(315deg, hsl(var(--destructive) / .06), transparent 30rem), var(--thai-background);background:var(--thai-background);color:var(--thai-foreground)}html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}html body[data-scroll-locked][data-scroll-locked]{margin-right:0!important}.thai-overlay-scrollbar{--mos-color:hsl(var(--primary) / .38);--mos-fade-duration:.12s;--mos-inset-inline-end:2px;--mos-width:3px;--mos-z-index:80}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:215 42% 68%;--primary-hover:215 42% 60%;--primary-foreground:240 6% 8%;--muted-foreground:215 14% 72%;--ring:215 42% 68%;--sidebar-primary:215 42% 68%;--sidebar-primary-foreground:240 6% 8%;--thai-shadow:#00000047;--thai-shadow-strong:#00000070}html.dark.theme-dark-blue{--primary:217 62% 60%;--primary-hover:217 58% 54%;--primary-foreground:222 25% 7%;--muted-foreground:215 12% 70%;--ring:217 62% 60%;--sidebar-primary:217 62% 60%;--sidebar-primary-foreground:222 25% 7%}html.dark.theme-dark-green{--primary:142 46% 54%;--primary-hover:142 44% 48%;--primary-foreground:150 14% 6%;--muted-foreground:150 9% 69%;--ring:142 46% 54%;--sidebar-primary:142 46% 54%;--sidebar-primary-foreground:150 14% 6%}html.dark.theme-dark-neutral{--primary:0 0% 82%;--primary-hover:0 0% 74%;--primary-foreground:0 0% 7%;--muted-foreground:0 0% 72%;--ring:0 0% 82%;--sidebar-primary:0 0% 82%;--sidebar-primary-foreground:0 0% 7%}html.dark.theme-dark-orange{--primary:25 70% 58%;--primary-hover:25 64% 51%;--primary-foreground:25 18% 7%;--muted-foreground:25 9% 69%;--ring:25 70% 58%;--sidebar-primary:25 70% 58%;--sidebar-primary-foreground:25 18% 7%}html.dark.theme-dark-rose{--primary:346 50% 62%;--primary-hover:346 46% 55%;--primary-foreground:345 18% 7%;--muted-foreground:345 9% 72%;--ring:346 50% 62%;--sidebar-primary:346 50% 62%;--sidebar-primary-foreground:345 18% 7%}html.dark.theme-dark-stone{--primary:35 24% 68%;--primary-hover:35 22% 60%;--primary-foreground:30 8% 7%;--muted-foreground:30 6% 72%;--ring:35 24% 68%;--sidebar-primary:35 24% 68%;--sidebar-primary-foreground:30 8% 7%}html.dark.theme-dark-violet{--primary:265 58% 66%;--primary-hover:265 52% 59%;--primary-foreground:265 16% 7%;--muted-foreground:265 8% 72%;--ring:265 58% 66%;--sidebar-primary:265 58% 66%;--sidebar-primary-foreground:265 16% 7%}html.dark.theme-dark-zinc{--primary:240 5% 80%;--primary-hover:240 5% 72%;--primary-foreground:240 5% 7%;--muted-foreground:240 5% 69%;--ring:240 5% 80%;--sidebar-primary:240 5% 80%;--sidebar-primary-foreground:240 5% 7%}*{box-sizing:border-box}a,button,[role=button]{-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0}html[data-thai-romanization-dialog-open=true] body{margin-right:0!important}body:has(.romanization-dialog){margin-right:0!important}body{background:var(--thai-page-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:has(.quiz-weighting-table[data-table-layout=auto]){overflow-x:clip}body>[data-slot=tooltip-positioner]{z-index:100!important}body>[data-slot=tooltip-positioner]>[data-slot=tooltip-content]{border:1px solid hsl(var(--foreground) / .12);border-radius:.5rem;padding:.65rem .75rem;box-shadow:0 18px 44px #00000057;background:var(--thai-background-raised)!important;color:var(--thai-foreground)!important;opacity:1!important}body>[data-slot=tooltip-positioner]>[data-slot=tooltip-content] *{color:inherit!important;opacity:1!important}button,input,textarea,select{font-family:inherit}:root{--thai-font-ui:"Avenir Next", Inter, "Segoe UI", system-ui, "Sarabun", "Noto Sans Thai", sans-serif;--thai-font-display:var(--thai-font-ui);--thai-radius-shell:1rem;--thai-radius-card:.7rem;--thai-radius-control:999px;--thai-surface-border-opacity:.12;--thai-surface-shadow:0 22px 60px hsl(var(--foreground) / .08);--thai-quiz-card-background:linear-gradient(135deg, hsl(var(--card) / .96), hsl(var(--muted) / .76));--thai-prompt-background:hsl(var(--primary));--thai-prompt-foreground:hsl(var(--primary-foreground));--thai-prompt-muted-foreground:hsl(var(--primary-foreground) / .74);--thai-option-background:hsl(var(--card) / .88);--thai-option-hover-background:hsl(var(--primary) / .06)}html.theme-family-clear{--thai-font-ui:"Avenir Next", Inter, "Segoe UI", system-ui, "Sarabun", "Noto Sans Thai", sans-serif;--thai-font-display:var(--thai-font-ui);--thai-radius-shell:1rem;--thai-radius-card:.7rem;--thai-radius-control:999px;--thai-surface-border-opacity:.12;--thai-surface-shadow:0 18px 52px hsl(var(--foreground) / .08);--thai-quiz-card-background:linear-gradient(145deg, hsl(var(--card) / .98), hsl(var(--muted) / .72))}html.theme-family-focus{--thai-font-ui:Inter, "Arial Nova", "Segoe UI", system-ui, "Sarabun", "Noto Sans Thai", sans-serif;--thai-font-display:var(--thai-font-ui);--thai-radius-shell:.55rem;--thai-radius-card:.35rem;--thai-radius-control:.35rem;--thai-surface-border-opacity:.18;--thai-surface-shadow:0 8px 28px hsl(var(--foreground) / .1);--thai-quiz-card-background:hsl(var(--card));--thai-option-hover-background:hsl(var(--primary) / .1);--thai-font-weight-heading:650;--thai-font-weight-display:720}html.theme-family-studio{--thai-font-ui:Optima, Candara, "Avenir Next", system-ui, "Sukhumvit Set", "Noto Sans Thai", sans-serif;--thai-font-display:Optima, Candara, "Avenir Next", system-ui, "Sukhumvit Set", "Noto Sans Thai", sans-serif;--thai-radius-shell:.8rem;--thai-radius-card:.55rem;--thai-radius-control:.45rem;--thai-surface-border-opacity:.1;--thai-surface-shadow:0 14px 42px hsl(var(--foreground) / .06);--thai-quiz-card-background:hsl(var(--card) / .92);--thai-font-weight-heading:580}html.theme-family-editorial{--thai-font-ui:"Avenir Next", Inter, "Segoe UI", system-ui, Thonburi, "Noto Sans Thai", sans-serif;--thai-font-display:Charter, "Iowan Old Style", Georgia, Thonburi, "Noto Serif Thai", serif;--thai-radius-shell:.35rem;--thai-radius-card:.18rem;--thai-radius-control:.18rem;--thai-surface-border-opacity:.16;--thai-surface-shadow:0 10px 0 hsl(var(--foreground) / .035);--thai-quiz-card-background:hsl(var(--card) / .94);--thai-font-weight-heading:600;--thai-font-weight-display:600}html.theme-family-warm{--thai-font-ui:ui-rounded, "Avenir Next", Inter, system-ui, Sarabun, "Noto Sans Thai", sans-serif;--thai-font-display:ui-rounded, "Avenir Next", system-ui, Sarabun, "Noto Sans Thai", sans-serif;--thai-radius-shell:1.25rem;--thai-radius-card:.95rem;--thai-radius-control:.8rem;--thai-surface-border-opacity:.1;--thai-surface-shadow:0 24px 64px hsl(var(--foreground) / .09);--thai-quiz-card-background:linear-gradient(145deg, hsl(var(--card) / .98), hsl(var(--muted) / .78))}html.light.theme-family-clear{--background:216 33% 98%;--foreground:220 30% 16%;--card:0 0% 100%;--muted:216 24% 94%;--muted-foreground:217 14% 43%;--border:216 20% 86%;--primary:218 43% 34%;--primary-hover:218 46% 28%;--primary-foreground:0 0% 100%;--ring:218 43% 38%;--sidebar-background:216 29% 96%;--sidebar-foreground:220 25% 22%;--sidebar-primary:218 43% 34%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:216 24% 91%;--sidebar-accent-foreground:220 30% 16%;--sidebar-border:216 20% 84%;--sidebar-ring:218 43% 38%}html.dark.theme-family-clear{--background:220 25% 8%;--foreground:216 22% 92%;--card:220 22% 12%;--muted:220 17% 17%;--muted-foreground:216 13% 69%;--border:218 16% 23%;--primary:214 58% 69%;--primary-hover:214 60% 76%;--primary-foreground:220 28% 8%;--ring:214 58% 69%;--sidebar-background:221 28% 7%;--sidebar-foreground:216 22% 90%;--sidebar-primary:214 58% 69%;--sidebar-primary-foreground:220 28% 8%;--sidebar-accent:220 18% 15%;--sidebar-accent-foreground:216 22% 92%;--sidebar-border:218 16% 21%;--sidebar-ring:214 58% 69%}html.light.theme-family-focus{--background:220 33% 98%;--foreground:224 46% 12%;--card:0 0% 100%;--muted:219 34% 94%;--muted-foreground:221 18% 39%;--border:220 26% 82%;--primary:224 78% 49%;--primary-hover:224 80% 42%;--primary-foreground:0 0% 100%;--ring:224 78% 49%;--sidebar-background:224 48% 12%;--sidebar-foreground:218 40% 94%;--sidebar-primary:211 94% 68%;--sidebar-primary-foreground:225 38% 6%;--sidebar-accent:224 39% 19%;--sidebar-accent-foreground:218 40% 96%;--sidebar-border:222 34% 24%;--sidebar-ring:211 94% 68%;--thai-prompt-background:linear-gradient(125deg, #11214a, #122d78)}html.dark.theme-family-focus{--background:225 38% 6%;--foreground:216 42% 94%;--card:224 34% 9%;--muted:224 26% 14%;--muted-foreground:216 21% 70%;--border:222 28% 24%;--primary:211 96% 68%;--primary-hover:211 100% 75%;--primary-foreground:225 38% 6%;--ring:211 96% 68%;--sidebar-background:226 48% 5%;--sidebar-foreground:216 42% 94%;--sidebar-primary:211 96% 68%;--sidebar-primary-foreground:225 38% 6%;--sidebar-accent:224 31% 13%;--sidebar-accent-foreground:216 42% 96%;--sidebar-border:222 28% 20%;--sidebar-ring:211 96% 68%;--thai-prompt-background:linear-gradient(125deg, #101d41, #112e5f);--thai-prompt-foreground:#f1f4f9;--thai-prompt-muted-foreground:#c4cfde}html.light.theme-family-studio{--background:43 24% 97%;--foreground:153 24% 14%;--card:42 26% 99%;--muted:42 18% 92%;--muted-foreground:151 10% 40%;--border:42 15% 82%;--primary:151 38% 27%;--primary-hover:151 41% 22%;--primary-foreground:43 30% 97%;--ring:151 38% 31%;--sidebar-background:42 22% 94%;--sidebar-foreground:153 24% 18%;--sidebar-primary:151 38% 27%;--sidebar-primary-foreground:43 30% 97%;--sidebar-accent:42 20% 88%;--sidebar-accent-foreground:153 24% 14%;--sidebar-border:42 15% 81%;--sidebar-ring:151 38% 31%}html.dark.theme-family-studio{--background:151 21% 8%;--foreground:44 22% 89%;--card:151 18% 11%;--muted:151 14% 16%;--muted-foreground:50 12% 67%;--border:148 13% 23%;--primary:145 35% 64%;--primary-hover:145 38% 71%;--primary-foreground:151 24% 8%;--ring:145 35% 64%;--sidebar-background:151 25% 7%;--sidebar-foreground:44 22% 89%;--sidebar-primary:145 35% 64%;--sidebar-primary-foreground:151 24% 8%;--sidebar-accent:151 15% 15%;--sidebar-accent-foreground:44 22% 91%;--sidebar-border:148 13% 21%;--sidebar-ring:145 35% 64%}html.light.theme-family-editorial{--background:43 30% 97%;--foreground:338 22% 15%;--card:42 33% 99%;--muted:38 22% 92%;--muted-foreground:338 9% 40%;--border:31 20% 80%;--primary:345 43% 32%;--primary-hover:345 46% 26%;--primary-foreground:42 33% 98%;--ring:345 43% 32%;--sidebar-background:41 28% 95%;--sidebar-foreground:338 22% 18%;--sidebar-primary:345 43% 32%;--sidebar-primary-foreground:42 33% 98%;--sidebar-accent:38 24% 89%;--sidebar-accent-foreground:338 22% 15%;--sidebar-border:31 20% 80%;--sidebar-ring:345 43% 32%}html.dark.theme-family-editorial{--background:336 22% 8%;--foreground:39 28% 91%;--card:337 18% 11%;--muted:337 14% 16%;--muted-foreground:36 14% 69%;--border:340 14% 24%;--primary:21 57% 68%;--primary-hover:21 62% 75%;--primary-foreground:336 24% 8%;--ring:21 57% 68%;--sidebar-background:337 26% 7%;--sidebar-foreground:39 28% 91%;--sidebar-primary:21 57% 68%;--sidebar-primary-foreground:336 24% 8%;--sidebar-accent:337 15% 15%;--sidebar-accent-foreground:39 28% 93%;--sidebar-border:340 14% 22%;--sidebar-ring:21 57% 68%}html.light.theme-family-warm{--background:31 39% 97%;--foreground:20 26% 16%;--card:34 45% 99%;--muted:31 30% 92%;--muted-foreground:21 13% 40%;--border:26 23% 82%;--primary:17 58% 45%;--primary-hover:17 62% 38%;--primary-foreground:36 50% 98%;--ring:17 58% 45%;--sidebar-background:31 35% 94%;--sidebar-foreground:20 26% 18%;--sidebar-primary:17 58% 45%;--sidebar-primary-foreground:36 50% 98%;--sidebar-accent:31 30% 88%;--sidebar-accent-foreground:20 26% 16%;--sidebar-border:26 23% 81%;--sidebar-ring:17 58% 45%}html.dark.theme-family-warm{--background:20 24% 8%;--foreground:34 32% 91%;--card:20 20% 12%;--muted:21 17% 17%;--muted-foreground:31 15% 69%;--border:22 15% 24%;--primary:24 72% 65%;--primary-hover:24 76% 72%;--primary-foreground:20 26% 8%;--ring:24 72% 65%;--sidebar-background:20 28% 7%;--sidebar-foreground:34 32% 91%;--sidebar-primary:24 72% 65%;--sidebar-primary-foreground:20 26% 8%;--sidebar-accent:21 18% 16%;--sidebar-accent-foreground:34 32% 93%;--sidebar-border:22 15% 22%;--sidebar-ring:24 72% 65%}.app-shell{width:100%;min-height:100vh}.app-header{width:min(1440px, calc(100% - (var(--thai-page-inline-gutter) * 2)));justify-content:flex-end;align-items:center;gap:1rem;margin:0 auto;padding:1.25rem 0;display:none}.app-header>*,.learning-page>*,.intro-section,.study-mode-panel>*,.sentence-header>*,.sentence-actions{min-width:0}.brand{color:inherit;font-weight:var(--thai-font-weight-heading);align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.app-header>.brand{display:none}.brand-mark{width:var(--thai-sidebar-mark-size,2.35rem);height:var(--thai-sidebar-mark-size,2.35rem);flex:0 0 var(--thai-sidebar-mark-size,2.35rem);background:var(--thai-primary);color:var(--thai-primary-foreground);font-weight:var(--thai-font-weight-heading);border-radius:.7rem;place-items:center;font-size:1.3rem;display:inline-grid}.locale-switcher{border:1px solid hsl(var(--foreground) / .12);background:hsl(var(--card) / .82);border-radius:999px;gap:.35rem;padding:.25rem;display:flex}.locale-button{min-height:2rem;color:var(--thai-muted-foreground);cursor:pointer;font-weight:var(--thai-font-weight-control);background:0 0;border:0;border-radius:999px;padding:.35rem .75rem;transition:background .14s,color .14s}.locale-button-active{background:var(--thai-primary);color:var(--thai-primary-foreground)}.locale-button:hover,.locale-button:focus-visible{background:hsl(var(--primary) / .1);color:var(--thai-primary);outline:none}.locale-button-active:hover,.locale-button-active:focus-visible{background:hsl(var(--primary) / .88);color:var(--thai-primary-foreground)}.header-nav{align-items:center;gap:.75rem;display:flex}.header-nav a,.doc-link{color:var(--thai-primary);font-weight:var(--thai-font-weight-control);-webkit-text-decoration-color:hsl(var(--primary) / .32);text-decoration-color:hsl(var(--primary) / .32);text-underline-offset:.22rem}.learning-page{width:min(1440px, calc(100% - (var(--thai-page-inline-gutter) * 2)));margin:0 auto;padding:.75rem 0 5rem}.learning-exercise{min-width:0}.learning-loading-state{place-items:center;min-height:24rem;display:grid}.learning-loading-spinner{aspect-ratio:1;border:.28rem solid hsl(var(--primary) / .18);border-top-color:var(--thai-primary);border-radius:999px;width:2.5rem;animation:.8s linear infinite learning-loading-spin}.state-upgrade-required{min-height:100svh;padding:max(var(--thai-page-inline-gutter), env(safe-area-inset-top)) max(var(--thai-page-inline-gutter), env(safe-area-inset-right)) max(var(--thai-page-inline-gutter), env(safe-area-inset-bottom)) max(var(--thai-page-inline-gutter), env(safe-area-inset-left));place-items:center;display:grid}.state-upgrade-required-surface{border:1px solid var(--thai-border-soft);border-radius:var(--thai-radius-shell);background:var(--thai-card-strong);width:min(100%,34rem);box-shadow:var(--thai-surface-shadow);gap:1rem;padding:clamp(1.5rem,5vw,2.5rem);display:grid}.state-upgrade-required-surface h1,.state-upgrade-required-surface p{margin:0}.state-upgrade-required-surface h1{color:var(--thai-foreground);font-family:var(--thai-font-display);font-size:clamp(1.65rem,5vw,2.2rem);font-weight:var(--thai-font-weight-display);line-height:1.15}.state-upgrade-required-surface p{color:var(--thai-muted-foreground);line-height:1.6}.state-upgrade-required-action{width:fit-content;margin-top:.25rem}@media (width<=520px){.state-upgrade-required{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.state-upgrade-required-action{width:100%}}@keyframes learning-loading-spin{to{transform:rotate(1turn)}}:root[data-thai-learning-stored-mode=focus]:not([data-thai-learning-state-ready=true]) .learning-exercise,:root[data-thai-learning-stored-mode=quiz]:not([data-thai-learning-state-ready=true]) .learning-exercise,:root[data-thai-learning-stored-mode=memory]:not([data-thai-learning-state-ready=true]) .learning-exercise{min-height:22rem}:root[data-thai-learning-stored-mode=focus]:not([data-thai-learning-state-ready=true]) .learning-exercise>*,:root[data-thai-learning-stored-mode=quiz]:not([data-thai-learning-state-ready=true]) .learning-exercise>*,:root[data-thai-learning-stored-mode=memory]:not([data-thai-learning-state-ready=true]) .learning-exercise>*{display:none}.intro-section{max-width:780px}.eyebrow{color:var(--thai-danger);font-weight:var(--thai-font-weight-ui);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem}h1{max-width:720px;font-weight:var(--thai-font-weight-display);margin:0;font-size:clamp(2.4rem,7vw,5.4rem);line-height:.98}h2,h3{font-weight:var(--thai-font-weight-heading)}.intro-copy{max-width:720px;color:var(--thai-muted-foreground);margin:1.35rem 0 0;font-size:1.12rem;line-height:1.75}.import-export-page{gap:1rem;display:grid}.format-card{border:1px solid hsl(var(--foreground) / .12);background:hsl(var(--card) / .78);box-shadow:0 22px 60px hsl(var(--foreground) / .07);border-radius:.75rem;padding:1.2rem}.format-card h2{margin:0;font-size:1.25rem}.format-card p,.format-card li{color:var(--thai-muted-foreground);line-height:1.6}.format-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.format-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.format-action-button{border:1px solid hsl(var(--foreground) / .14);background:var(--thai-primary);min-height:2.35rem;color:var(--thai-primary-foreground);cursor:pointer;font-weight:var(--thai-font-weight-control);border-radius:999px;justify-content:center;align-items:center;padding:.45rem .85rem;text-decoration:none;transition:border-color .14s,background .14s,color .14s;display:inline-flex}.format-action-button:hover,.format-action-button:focus-visible{border-color:hsl(var(--primary) / .34);background:hsl(var(--primary) / .88);color:var(--thai-primary-foreground);outline:none}.copy-status{color:var(--thai-primary);margin:.65rem 0 0;font-weight:500}.json-textarea{border:1px solid hsl(var(--foreground) / .16);background:var(--thai-background-raised);width:100%;min-height:24rem;color:var(--thai-foreground);resize:vertical;border-radius:.65rem;margin-top:.9rem;padding:.9rem;font-family:SFMono-Regular,Cascadia Code,Liberation Mono,monospace;font-size:.82rem;line-height:1.55}.validation-summary{border-radius:.65rem;margin:.9rem 0 0;padding:.85rem .95rem;font-weight:500}.validation-summary ul{margin:.6rem 0 0;padding-left:1.2rem}.validation-summary-success{border:1px solid hsl(var(--primary) / .18);background:hsl(var(--primary) / .08);color:var(--thai-primary)}.validation-summary-error{border:1px solid hsl(var(--destructive) / .2);background:hsl(var(--destructive) / .08);color:var(--thai-danger)}.normalized-export{border-top:1px solid hsl(var(--foreground) / .12);margin-top:1rem;padding-top:1rem}.normalized-export h3{margin:0;font-size:1.05rem}.normalized-export p{max-width:68ch;margin:.35rem 0 0}.sentence-list{gap:1.1rem;margin-top:1.1rem;display:grid}.study-mode-panel{justify-items:center;gap:.7rem;display:grid}.study-mode-panel>div:first-child{min-width:0}.study-mode-panel h2{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mode-buttons,.focus-navigator{align-items:center;gap:.5rem;display:flex}.mode-buttons{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,15rem);margin-inline:auto;display:grid}.settings-shell .learning-page{padding-top:1rem}.settings-header{width:min(1440px, calc(100% - (var(--thai-page-inline-gutter) * 2)));justify-content:space-between;align-items:center;margin:0 auto;padding:1rem 0 .25rem;display:flex}.settings-page{gap:1rem;display:grid}.settings-card{justify-items:start;gap:.8rem;display:grid}.mode-button{border:1px solid hsl(var(--foreground) / .14);background:hsl(var(--card) / .9);width:100%;min-height:2.55rem;color:var(--thai-primary);cursor:pointer;text-align:center;white-space:normal;border-radius:999px;padding:.55rem .45rem;font-size:.88rem;font-weight:550;transition:border-color .14s,background .14s,color .14s}.mode-button-active{border-color:hsl(var(--primary) / .2);background:var(--thai-primary);color:var(--thai-primary-foreground)}.mode-button:hover,.mode-button:focus-visible{border-color:hsl(var(--primary) / .32);background:hsl(var(--primary) / .1);color:var(--thai-primary);outline:none}.mode-button-active:hover,.mode-button-active:focus-visible{border-color:hsl(var(--primary) / .34);background:hsl(var(--primary) / .88);color:var(--thai-primary-foreground)}.focus-navigator{border:1px solid hsl(var(--foreground) / .1);background:hsl(var(--card) / .68);border-radius:.75rem;justify-content:space-between;margin-top:1rem;padding:.75rem}.focus-navigator p{color:var(--thai-primary);margin:0;font-weight:550}.sentence-card{border:1px solid hsl(var(--foreground) / .12);background:hsl(var(--card) / .78);box-shadow:0 22px 60px hsl(var(--foreground) / .08);border-radius:.5rem;padding:1.35rem}.sentence-card,.table-scroll{min-width:0;max-width:100%}.sentence-card-learned{border-color:hsl(var(--primary) / .34);background:hsl(var(--card) / .9)}.sentence-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.sentence-header>div:first-child{flex:auto}.sentence-card h2{font-weight:var(--thai-font-weight-heading);margin:0;font-size:1.45rem}.full-thai{margin:.45rem 0 0;font-size:2rem;line-height:1.3}.listen-button{border:1px solid hsl(var(--foreground) / .16);background:var(--thai-primary);min-width:12.5rem;max-width:100%;min-height:2.7rem;color:var(--thai-primary-foreground);cursor:pointer;white-space:nowrap;border-radius:.5rem;justify-content:center;align-items:center;gap:.55rem;padding:.65rem .9rem;transition:border-color .14s,background .14s,color .14s;display:inline-flex}.listen-button:not(:disabled):hover,.listen-button:not(:disabled):focus-visible{border-color:hsl(var(--primary) / .34);background:hsl(var(--primary) / .88);color:var(--thai-primary-foreground);outline:none}.listen-button span,.learned-button span{overflow-wrap:anywhere;min-width:0}.learned-button-label{display:grid}.learned-button-text,.learned-button-measure{overflow-wrap:normal;white-space:nowrap;grid-area:1/1}.learned-button-measure{visibility:hidden}.listen-button:disabled{cursor:not-allowed;opacity:.5}.learned-button-active{border-color:hsl(var(--primary) / .18);background:hsl(var(--primary) / .1)}.table-scroll{border:1px solid hsl(var(--foreground) / .12);background:var(--thai-background-raised);border-radius:.5rem;margin-top:1.1rem;overflow-x:auto}.table-scroll:focus{box-shadow:inset 0 0 0 2px hsl(var(--destructive) / .32);outline:none}.learning-table{border-collapse:collapse;width:100%;min-width:44rem}.learning-table caption{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.learning-table td{border-right:1px solid hsl(var(--foreground) / .1);border-bottom:1px solid hsl(var(--foreground) / .1);vertical-align:top;min-width:8.5rem;padding:.75rem .9rem}.learning-table td:last-child{border-right:0}.learning-table tr:last-child td{border-bottom:0}.romanized-row td{background:hsl(var(--primary) / .08);font-weight:var(--thai-font-weight-ui);font-size:1.08rem}.sentence-romanization-override{gap:.12rem;display:grid}.sentence-romanization-override strong{color:var(--thai-foreground);font-size:1.08rem;line-height:1.2}.sentence-romanization-override small{color:var(--thai-muted-foreground);font-size:.75rem;font-weight:500;line-height:1.2}.thai-row td{font-size:2rem;line-height:1.35}.word-listen-button{width:100%;min-height:3.2rem;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:.45rem;align-items:center;padding:0;display:inline-flex}.word-listen-button:hover,.word-listen-button:focus-visible{background:hsl(var(--primary) / .08);box-shadow:inset 0 0 0 2px hsl(var(--destructive) / .28);outline:none}.word-listen-button:disabled{cursor:not-allowed;opacity:.58}.parts-row td{color:var(--thai-muted-foreground);font-size:.83rem;line-height:1.55}.gloss-row td{color:var(--thai-muted-foreground);font-size:.95rem;line-height:1.55}.auth-page{background:radial-gradient(circle at top left, hsl(var(--primary) / .14), transparent 34rem), linear-gradient(135deg, hsl(var(--card)) 0%, hsl(var(--muted)) 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{border:1px solid hsl(var(--border) / .84);background:hsl(var(--card) / .92);width:min(100%,30rem);max-width:30rem;box-shadow:0 24px 80px var(--thai-shadow);border-radius:1.5rem;padding:clamp(1.5rem,5vw,2.5rem)}.auth-card h1{margin:.5rem 0 1rem;font-size:clamp(2.2rem,8vw,3.6rem);line-height:.95}.auth-card p{color:var(--thai-muted-foreground);margin:0}.auth-form{gap:.8rem;margin-top:1.6rem;display:grid}.auth-form label{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:500}.auth-form input[type=password]{border:1px solid hsl(var(--border));background:var(--thai-background-raised);color:var(--thai-foreground);border-radius:.9rem;padding:.9rem 1rem}.auth-form input[type=password]:focus{border-color:var(--thai-primary);box-shadow:inset 0 0 0 1px hsl(var(--primary) / .34);outline:none}.auth-form button{background:var(--thai-primary);color:var(--thai-primary-foreground);cursor:pointer;font-weight:var(--thai-font-weight-control);border:0;border-radius:999px;padding:.95rem 1.2rem}.auth-error{border:1px solid hsl(var(--destructive) / .18);background:hsl(var(--destructive) / .08);color:var(--thai-danger);font-weight:var(--thai-font-weight-control);border-radius:.8rem;padding:.75rem .9rem}@media (width<=900px){.learning-page{padding-top:1.2rem}.mode-buttons{grid-template-columns:1fr 1fr;display:grid}.sentence-header{flex-direction:column}.sentence-actions{grid-template-columns:2.7rem minmax(0,1fr) minmax(0,1fr);width:100%;display:grid}.listen-button{min-width:0}}@media (width<=720px){.format-card-header,.format-actions{flex-direction:column;align-items:stretch}.learning-page{padding-top:.9rem}h1{font-size:2.7rem}.sentence-header{flex-direction:column}.study-mode-panel,.focus-navigator{flex-direction:column;align-items:stretch}.mode-buttons{grid-template-columns:1fr 1fr;display:grid}.listen-button,.learned-button{width:100%}.full-thai{font-size:1.65rem}}@media (width<=520px){.app-header,.learning-page{width:min(calc(100vw - (var(--thai-page-inline-gutter) * 2)), 1120px)}.learning-page{padding-top:.5rem}.app-header{min-height:3.5rem;padding:.45rem 0}.app-header>.brand{font-size:1.35rem}.sidebar-mobile-toggle{background:0 0;border:0;width:2.25rem;height:2.25rem}.intro-copy{font-size:1rem}.study-mode-panel,.sentence-card{padding:.85rem}.sentence-actions{grid-template-columns:1fr}.favorite-button,.listen-button,.learned-button{width:100%}.full-thai{font-size:1.45rem}.learning-table{min-width:38rem}}