:root{font-family:Noto Sans Thai,Leelawadee UI,Segoe UI,system-ui,sans-serif;color:#23251f;background:#f5f3ee;font-synthesis:none}*{box-sizing:border-box}html{min-height:100%;overscroll-behavior-y:none}body{margin:0;min-width:320px;min-height:100vh;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button{min-height:44px;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.55}.loading{display:grid;min-height:100vh;place-items:center;color:#686b61}.app-shell{width:min(100%,760px);min-height:100vh;margin:0 auto;background:#f5f3ee;padding-bottom:78px}.private-gate{display:grid;min-height:100vh;place-items:center;padding:22px;background:#f5f3ee}.private-gate-card{width:min(100%,430px);padding:28px;border:1px solid #d9d5c9;border-radius:22px;background:#fffdf8;box-shadow:0 18px 50px #242d2817}.private-gate-card>div:first-child{text-align:center}.private-gate-card h1{margin:10px 0 6px}.private-gate-card p{color:#686b61;line-height:1.55}.private-gate-mark{display:inline-grid;width:54px;height:54px;place-items:center;border-radius:16px;background:#176b5d;color:#fff;font:700 1.8rem/1 sans-serif}.site-footer{padding:20px 16px 26px;text-align:center;font-size:.78rem}.site-footer a{color:#686b61;text-decoration:none}.site-footer a:hover{text-decoration:underline}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:calc(14px + env(safe-area-inset-top)) 20px 14px;background:#fffdf8f2;border-bottom:1px solid #d9d5c9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar strong,.topbar small{display:block}.topbar small{margin-top:3px;color:#686b61}.topbar-actions{display:flex;align-items:center;gap:8px}.network-status{padding:5px 8px;border-radius:999px;background:#e0f0eb;color:#124f45;font-size:.72rem;white-space:nowrap}.network-status.offline{background:#ece9df;color:#686b61}.icon-button{width:40px;height:40px;border:1px solid #d9d5c9;border-radius:12px;background:#fffdf8;color:#23251f}.main-content{padding:20px}h1{margin:0 0 14px;font-size:1.45rem;font-weight:600}h2{font-size:1rem;font-weight:600}p{line-height:1.65}.muted{color:#686b61}.hero-panel,.review-card{padding:22px;border:1px solid #d9d5c9;border-radius:22px;background:#fffdf8}.hero-panel h1{margin-bottom:6px}.primary-action{width:100%;padding:13px 16px;border:1px solid #176b5d;border-radius:14px;background:#176b5d;color:#fff;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.stats-grid button{padding:14px;border:1px solid #d9d5c9;border-radius:16px;background:#fffdf8;color:#23251f;text-align:left}.stats-grid strong,.stats-grid span{display:block}.stats-grid strong{font-size:1.35rem}.stats-grid span{margin-top:3px;color:#686b61;font-size:.82rem}.list-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid #d9d5c9;border-radius:15px;background:#fffdf8;color:#23251f;text-align:left}.list-row span,.list-row strong,.list-row small{display:block;min-width:0}.list-row small{margin-top:3px;color:#686b61;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row em{flex:none;padding:4px 8px;border-radius:999px;background:#e8d8b8;font-size:.75rem;font-style:normal}.recent-words-entry{margin-top:9px}.library-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-title button{padding:8px 10px;border:1px solid #d9d5c9;border-radius:10px;background:#fffdf8;color:#23251f}.list-row.static button{border:0;background:transparent;color:#a43f35}.word-list,.settings-list{display:grid;gap:9px}.filters{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-bottom:14px}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #c9c5b8;border-radius:12px;background:#fffdf8;color:#23251f}textarea{min-height:82px;resize:vertical}.review-card{min-height:430px;margin-bottom:14px}.card-meta{display:flex;justify-content:space-between;align-items:center;color:#686b61;font-size:.84rem}.card-meta button{border:0;background:transparent;color:#176b5d}.thai-word{display:grid;min-height:330px;place-items:center;font-size:clamp(3rem,13vw,5rem);font-weight:600}.thai-word.revealed{min-height:120px}.answer-panel section{padding-top:14px;margin-top:14px;border-top:1px solid #e1ddd2}.selectable-card-text{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.selection-lookup-action{position:fixed;right:20px;bottom:calc(82px + env(safe-area-inset-bottom));left:20px;z-index:10;width:min(calc(100% - 40px),720px);margin:0 auto;padding:12px 16px;border:1px solid #176b5d;border-radius:14px;background:#176b5d;color:#fff;box-shadow:0 8px 28px #176b5d47;font-weight:600}.answer-panel h2,.answer-panel p{margin:0 0 6px}.answer-panel small{color:#686b61}.rating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.rating-grid button{padding:11px 4px;border:1px solid #d9d5c9;border-radius:13px;background:#fffdf8;color:#23251f}.rating-grid strong,.rating-grid small{display:block}.rating-grid small{margin-top:3px;color:#686b61}.edit-form{display:grid;gap:13px}.edit-form label{display:grid;gap:6px;color:#686b61;font-size:.86rem}.form-actions{display:grid;grid-template-columns:1fr 2fr;gap:9px}.form-actions>button:first-child{padding:12px;border:1px solid #d9d5c9;border-radius:14px;background:#fffdf8;color:#23251f}.inbox-form{margin-bottom:24px}.section-title{margin-top:24px}.batch-reminder{display:grid;gap:4px;margin-bottom:14px;padding:13px;border-left:3px solid #176b5d;background:#e0f0eb;color:#124f45}.inbox-heading,.batch-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}.inbox-heading h2{margin:0}.inbox-heading button,.batch-actions button,.back-button{padding:8px 10px;border:1px solid #d9d5c9;border-radius:10px;background:#fffdf8;color:#23251f}.batch-actions{padding:10px 12px;border-radius:12px;background:#ece9df}.batch-actions span{margin-right:auto}.ai-panel{display:grid;gap:11px;margin:12px 0;padding:15px;border:1px solid #b9d8d0;border-radius:16px;background:#f3faf7}.ai-panel small{color:#686b61;line-height:1.45}.cost-preview{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;font-size:.82rem;color:#686b61}.cost-preview strong{color:#176b5d}.selectable{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto}.selectable>input{width:20px;height:20px}.sync-badge{padding:4px 7px!important;background:#ece9df!important;color:#686b61}.sync-badge.synced{background:#e0f0eb!important;color:#176b5d}.sync-badge.failed{background:#f4dfdc!important;color:#a43f35}.mobile-mode-note,.sync-card{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;padding:13px;border:1px solid #b9d8d0;border-radius:14px;background:#f3faf7;color:#124f45}.cloud-account{display:grid;gap:14px;margin-bottom:16px;padding:16px;border:1px solid #b9d8d0;border-radius:16px;background:#fffdf8}.cloud-account small{display:block;margin-top:4px;color:#686b61;line-height:1.45}.cloud-account-actions{display:grid;grid-template-columns:2fr 1fr;gap:9px}.cloud-account-actions>button:last-child{border:1px solid #d9d5c9;border-radius:14px;background:#fffdf8;color:#686b61}.mobile-mode-note{display:grid;gap:4px}.mobile-mode-note span,.sync-card small{display:block;color:#686b61;font-size:.82rem;line-height:1.45}.sync-card>span{align-self:center;padding:5px 8px;border-radius:999px;background:#e0f0eb;font:.75rem Consolas,monospace}.mobile-ai-note{display:block;padding:10px 12px;border-radius:10px;background:#ece9df;line-height:1.5}.inbox-item{width:100%;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}.back-button{margin-bottom:14px}.review-return{width:100%;text-align:left;color:#176b5d}.review-progress{margin:-4px 0 8px;color:#686b61;font-size:.82rem}.pronunciation-actions{display:flex;gap:8px;flex-wrap:wrap}.pronunciation-actions button{padding:8px 10px;border:1px solid #d9d5c9;border-radius:10px;background:#fffdf8;color:#176b5d}.speech-message{display:block;margin-top:8px;color:#686b61!important}.speech-diagnostics{margin-top:12px;padding:12px;border:1px dashed #aaa69a;border-radius:12px;background:#f7f5ef}.speech-diagnostics p{margin:0 0 9px;font-size:.8rem}.diagnostic-actions{display:flex;gap:6px;flex-wrap:wrap}.diagnostic-actions button{padding:7px 8px;border:1px solid #d9d5c9;border-radius:8px;background:#fffdf8}.speech-diagnostics pre{max-height:260px;margin:10px 0 0;padding:9px;overflow:auto;white-space:pre-wrap;word-break:break-word;border-radius:8px;background:#24251f;color:#e8eadf;font:.72rem/1.45 Consolas,monospace}.empty-state{padding:60px 10px;text-align:center}.continue-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:420px;margin:22px auto 0}.continue-actions>button:last-child,.known-action{padding:12px;border:1px solid #d9d5c9;border-radius:14px;background:#fffdf8;color:#23251f}.known-action{width:100%;margin-top:10px;color:#686b61}.danger-action{padding:11px;border:1px solid #c98780;border-radius:12px;background:transparent;color:#a43f35}.settings-note{margin-top:18px}.conflict-panel{margin:14px 0;padding:14px;border:1px solid #bd6c2d;border-radius:14px;background:#fff4e8}.conflict-panel>p{color:#6d4b31}.review-conflict-row{display:grid;gap:10px;padding:14px;border:1px solid #d6d8cf;border-radius:14px;background:#fff}.review-conflict-row>div:first-child{display:flex;justify-content:space-between;gap:12px}.review-conflict-row small{display:block;color:#6c7168}.conflict-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px}.conflict-comparison>span{padding:9px;border-radius:9px;background:#f3f4ef}.conflict-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-error{margin:0;color:#a33b2d}.sync-conflict-entry{width:100%;margin:10px 0 14px}.conflict-row{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0;border-top:1px solid #e7c8aa}.conflict-row p{margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.conflict-row button{padding:7px 9px}.lexeme-ai-panel{margin:14px 0}.ai-review-panel{display:grid;gap:8px;margin:14px 0 18px;padding:14px;border:1px solid #78a99f;border-radius:14px;background:#eef8f5}.ai-review-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.ai-review-heading small{display:block;margin-top:4px;color:#686b61}.ai-review-heading>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:end}.ai-review-heading button,.ai-review-row button{padding:7px 9px;border:1px solid #78a99f;border-radius:9px;background:#fffdf8;color:#176b5d}.ai-review-row{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:10px;align-items:start;padding-top:8px;border-top:1px solid #c8ded8}.ai-review-row>span{font-weight:700}.ai-review-row p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.notice{position:sticky;top:77px;z-index:4;width:calc(100% - 40px);margin:10px 20px 0;padding:11px 13px;border:1px solid #176b5d;border-radius:12px;background:#e0f0eb;color:#124f45;text-align:left}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:5;width:min(100%,760px);margin:0 auto;padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:#fffdf8f7;border-top:1px solid #d9d5c9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav button{display:grid;justify-items:center;gap:3px;padding:7px;border:0;border-radius:10px;background:transparent;color:#686b61;font-size:.75rem}.bottom-nav button.active{background:#ece9df;color:#176b5d}.bottom-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:500px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.conflict-row{grid-template-columns:1fr 1fr}.conflict-row>span{grid-column:1 / -1;font-weight:700}.conflict-row>button{grid-column:2;justify-self:end}.ai-review-heading{display:grid}.ai-review-heading>div:last-child{justify-content:start}.ai-review-row{grid-template-columns:1fr auto}.ai-review-row>p{grid-column:1 / -1;grid-row:2}}@media(max-width:500px){.app-shell{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.topbar{padding-right:12px;padding-left:15px}.topbar>div:first-child small{font-size:.75rem}.network-status{max-width:86px;overflow:hidden;text-overflow:ellipsis}.main-content{padding:15px}.hero-panel{padding:18px}.stats-grid button{padding:12px 10px}.rating-grid{grid-template-columns:repeat(2,1fr)}.rating-grid button{min-height:64px}.filters{grid-template-columns:1fr}.review-card{min-height:390px;padding:18px}.thai-word{min-height:290px}.continue-actions{grid-template-columns:1fr}.batch-actions{flex-wrap:wrap}.selectable{grid-template-columns:24px minmax(0,1fr) auto}.selectable>.sync-badge{grid-column:2;justify-self:start}.selectable>button:last-child{grid-column:3;grid-row:1 / span 2}input,textarea,select{font-size:16px}}@media(prefers-color-scheme:dark){:root{color:#f2f0e8;background:#171815}.app-shell,.private-gate{background:#171815}.topbar,.bottom-nav{background:#22231ff5;border-color:#3f4239}.icon-button,.hero-panel,.review-card,.stats-grid button,.list-row,.review-conflict-row,input,textarea,select,.rating-grid button,.form-actions>button:first-child,.inbox-heading button,.batch-actions button,.back-button,.library-title button,.continue-actions>button:last-child,.known-action,.cloud-account,.cloud-account-actions>button:last-child,.ai-review-heading button,.ai-review-row button,.private-gate-card{background:#22231f;border-color:#3f4239;color:#f2f0e8}.muted,.topbar small,.stats-grid span,.list-row small,.card-meta,.answer-panel small,.rating-grid small,.edit-form label,.cloud-account small,.review-conflict-row small{color:#b6b8ad}.conflict-comparison>span{background:#2d2f29}.list-row em{background:#5a4932}.answer-panel section{border-color:#3f4239}.bottom-nav button.active,.batch-actions,.mobile-ai-note{background:#2d2f29;color:#76c9b8}.notice,.batch-reminder,.mobile-mode-note,.sync-card,.network-status,.ai-review-panel{background:#203f37;color:#b9e5da;border-color:#76c9b8}}