:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--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);font-family:Avenir Next,Inter,Segoe UI,Helvetica Neue,system-ui,Sarabun,Noto Sans Thai,sans-serif}html body[data-scroll-locked][data-scroll-locked]{margin-right:0!important}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{scrollbar-gutter:stable;overflow-y:scroll}html[data-thai-romanization-dialog-open=true]{scrollbar-gutter:stable;overflow-y:scroll!important}html:has(.romanization-dialog){scrollbar-gutter:stable;overflow-y:scroll!important}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-radix-popper-content-wrapper]{z-index:100!important}body>[data-radix-popper-content-wrapper]>[style*=--radix-tooltip-content-transform-origin]{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-radix-popper-content-wrapper]>[style*=--radix-tooltip-content-transform-origin] *{color:inherit!important;opacity:1!important}button,input,textarea,select{font-family:inherit}.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}@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)}.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){html{scrollbar-gutter:auto;scrollbar-width:none;overflow-y:auto}html::-webkit-scrollbar{width:0;height:0}.mobile-scrollbar{--mos-color:hsl(var(--primary) / .38);--mos-fade-duration:.12s;--mos-inset-inline-end:2px;--mos-width:3px;--mos-z-index:80}.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>=901px){.mobile-scrollbar{display:none}}@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}}