:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#20231f;background:#f5f7f5;font-family:Sarabun,Noto Sans Thai,Noto Sans,Aptos,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(135deg,#2c524b14,#0000 32rem),linear-gradient(315deg,#a93a3112,#0000 30rem),#f5f7f5}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh}.app-header{justify-content:space-between;align-items:center;gap:1rem;width:min(1120px,100% - 2rem);margin:0 auto;padding:1.25rem 0;display:flex}.brand{color:inherit;align-items:center;gap:.7rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#293f3b;border-radius:.7rem;place-items:center;width:2.35rem;height:2.35rem;font-size:1.3rem;font-weight:800;display:inline-grid}.locale-switcher{background:#ffffffd1;border:1px solid #20231f1f;border-radius:999px;gap:.35rem;padding:.25rem;display:flex}.locale-button{color:#5b5b52;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:2rem;padding:.35rem .75rem}.locale-button-active{color:#fff;background:#20231f}.learning-page{width:min(1120px,100% - 2rem);margin:0 auto;padding:3.5rem 0 5rem}.intro-section{max-width:780px}.eyebrow{color:#a93a31;letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:800}h1{max-width:720px;margin:0;font-size:clamp(2.4rem,7vw,5.4rem);font-weight:800;line-height:.98}.intro-copy{color:#5b5b52;max-width:720px;margin:1.35rem 0 0;font-size:1.12rem;line-height:1.75}.speech-note{border:1px solid #20231f1f;border-radius:.9rem;max-width:780px;margin:2rem 0 0;padding:1rem 1.1rem;line-height:1.6}.speech-note-ready{color:#344943;background:#2b5b4e14}.speech-note-muted{color:#6d312c;background:#a93a3114}.sentence-list{gap:1.1rem;margin-top:1.1rem;display:grid}.sentence-card{background:#ffffffc7;border:1px solid #20231f1f;border-radius:.5rem;padding:1.35rem;box-shadow:0 22px 60px #20231f14}.sentence-card-learned{background:#ffffffe6;border-color:#293f3b57}.sentence-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.sentence-card h2{margin:0;font-size:1.45rem;font-weight:800}.full-thai{margin:.45rem 0 0;font-size:2rem;line-height:1.3}.listen-button{color:#fff;cursor:pointer;white-space:nowrap;background:#293f3b;border:1px solid #20231f29;border-radius:.5rem;justify-content:center;align-items:center;gap:.55rem;min-height:2.7rem;padding:.65rem .9rem;display:inline-flex}.listen-button:disabled{cursor:not-allowed;opacity:.5}.learned-button-active{background:#293f3b1a;border-color:#293f3b2e}.table-scroll{background:#fff;border:1px solid #20231f1f;border-radius:.5rem;margin-top:1.1rem;overflow-x:auto}.table-scroll:focus{outline-offset:2px;outline:2px solid #a93a3173}.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{vertical-align:top;border-bottom:1px solid #20231f1a;border-right:1px solid #20231f1a;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:#293f3b14;font-size:1.08rem;font-weight:800}.thai-row td{font-size:2rem;line-height:1.35}.parts-row td{color:#777568;font-size:.83rem;line-height:1.55}.gloss-row td{color:#5b5b52;font-size:.95rem;line-height:1.55}.auth-page{background:radial-gradient(circle at 0 0,#cb7c3a29,#0000 34rem),linear-gradient(135deg,#f8f4eb 0%,#efe5d7 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{background:#fffcf7eb;border:1px solid #2f3f3a1f;border-radius:1.5rem;width:min(100%,30rem);max-width:30rem;padding:clamp(1.5rem,5vw,2.5rem);box-shadow:0 24px 80px #2f3f3a24}.auth-card h1{margin:.5rem 0 1rem;font-size:clamp(2.2rem,8vw,3.6rem);line-height:.95}.auth-card p{color:#4d5a54;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:800}.auth-form input[type=password]{color:#1f2824;background:#fffaf2;border:1px solid #2f3f3a38;border-radius:.9rem;padding:.9rem 1rem}.auth-form input[type=password]:focus{border-color:#2f3f3a;outline:none;box-shadow:0 0 0 3px #2f3f3a24}.auth-form button{color:#fffaf2;cursor:pointer;background:#2f3f3a;border:0;border-radius:999px;padding:.95rem 1.2rem;font-weight:800}.auth-error{color:#8d2d2d;background:#a3303014;border:1px solid #a330302e;border-radius:.8rem;padding:.75rem .9rem;font-weight:700}@media (width<=720px){.app-header{flex-direction:column;align-items:flex-start}.learning-page{padding-top:2rem}h1{font-size:2.7rem}.sentence-header{flex-direction:column}.listen-button,.learned-button{width:100%}.full-thai{font-size:1.65rem}}