header[data-astro-cid-kerki4xy]{text-align:center;margin:32px 0 20px}.page-label[data-astro-cid-kerki4xy]{font-family:Fraunces,serif;font-size:11px;letter-spacing:4px;color:var(--ink-light);text-transform:uppercase;margin-bottom:10px;font-weight:500}.page-title[data-astro-cid-kerki4xy]{font-family:"Noto Serif Thai",serif;font-size:36px;font-weight:600;color:var(--ink);line-height:1.1}.page-title[data-astro-cid-kerki4xy] span[data-astro-cid-kerki4xy]{font-family:Fraunces,serif;font-style:italic;font-size:16px;font-weight:400;color:var(--ink-light);margin-left:8px;vertical-align:middle}.intro[data-astro-cid-kerki4xy]{font-family:Fraunces,serif;font-size:13px;color:var(--ink-soft);line-height:1.7;margin-bottom:24px}.keyboard[data-astro-cid-kerki4xy]{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:16px 12px;margin-bottom:8px;box-shadow:var(--shadow-soft);overflow-x:auto;background-image:linear-gradient(to right,var(--card-bg) 30%,rgba(251,246,236,0)),linear-gradient(to right,rgba(251,246,236,0),var(--card-bg) 70%) 100% 0,radial-gradient(farthest-side at 0 50%,#503c1e1a,#503c1e00),radial-gradient(farthest-side at 100% 50%,#503c1e1a,#503c1e00) 100% 0;background-repeat:no-repeat;background-size:24px 100%,24px 100%,12px 100%,12px 100%;background-attachment:local,local,scroll,scroll;-webkit-overflow-scrolling:touch}.kb-row[data-astro-cid-kerki4xy]{display:flex;gap:4px;margin-bottom:4px;justify-content:center}.kb-row[data-astro-cid-kerki4xy]:last-child{margin-bottom:0}.kb-key[data-astro-cid-kerki4xy]{min-width:40px;height:44px;background:var(--bg);border:1px solid var(--border);border-bottom:3px solid var(--border);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 6px;transition:background var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast);position:relative;flex-shrink:0;box-shadow:none}@media (max-width: 480px){.keyboard[data-astro-cid-kerki4xy]{padding:12px 8px}.kb-row[data-astro-cid-kerki4xy]{gap:3px;margin-bottom:3px}.kb-key[data-astro-cid-kerki4xy]{min-width:28px;height:40px;padding:3px 4px}.kb-spacer[data-astro-cid-kerki4xy]{min-width:14px}.kb-spacer-lg[data-astro-cid-kerki4xy]{min-width:20px}.kb-space[data-astro-cid-kerki4xy]{min-width:140px}.key-thai[data-astro-cid-kerki4xy]{font-size:14px}.key-en[data-astro-cid-kerki4xy],.key-shift[data-astro-cid-kerki4xy]{font-size:9px}}.kb-key[data-astro-cid-kerki4xy]:hover{border-color:var(--accent);background:var(--card-bg)}.kb-key[data-astro-cid-kerki4xy].pressed{background:#00b8941f;border-color:#00b894;transform:translateY(1px);border-bottom-width:1px}.kb-key[data-astro-cid-kerki4xy].error{background:#e170551f;border-color:#e17055;transform:translateY(1px);border-bottom-width:1px}.kb-spacer[data-astro-cid-kerki4xy]{min-width:20px;background:transparent;border:none;cursor:default;pointer-events:none}.kb-spacer-lg[data-astro-cid-kerki4xy]{min-width:30px}.kb-space[data-astro-cid-kerki4xy]{min-width:200px;height:38px;cursor:default;opacity:.4}.key-thai[data-astro-cid-kerki4xy]{font-family:"Noto Serif Thai",serif;font-size:16px;font-weight:600;color:var(--ink);line-height:1}.key-qwerty[data-astro-cid-kerki4xy]{font-family:Fraunces,serif;font-size:8px;color:var(--ink-light);position:absolute;bottom:3px;right:4px}.shift-note[data-astro-cid-kerki4xy]{font-family:Fraunces,serif;font-size:11px;font-style:italic;color:var(--ink-light);text-align:right;margin-bottom:36px}.shift-note[data-astro-cid-kerki4xy] kbd[data-astro-cid-kerki4xy]{background:var(--card-bg);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-family:Fraunces,serif;font-size:10px;font-style:normal}.exercise-section[data-astro-cid-kerki4xy]{margin-bottom:40px}.exercise-section[data-astro-cid-kerki4xy] h2[data-astro-cid-kerki4xy]{font-family:Fraunces,serif;font-size:18px;font-weight:600;color:var(--ink);margin-bottom:8px}.exercise-hint[data-astro-cid-kerki4xy]{font-family:Fraunces,serif;font-size:13px;font-style:italic;color:var(--ink-light);line-height:1.6;margin-bottom:24px}.exercise-hint[data-astro-cid-kerki4xy] kbd[data-astro-cid-kerki4xy]{background:var(--card-bg);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-family:Fraunces,serif;font-size:11px;font-style:normal}.word-display[data-astro-cid-kerki4xy]{min-height:90px;display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap;background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:20px;margin-bottom:12px;box-shadow:var(--shadow-soft);transition:all .2s}.word-display[data-astro-cid-kerki4xy].complete{border-color:#00b894;background:#00b8940f}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.word-display[data-astro-cid-kerki4xy].shake{animation:shake .35s ease}.ch[data-astro-cid-kerki4xy]{font-family:"Noto Serif Thai",serif;font-size:52px;font-weight:600;line-height:1.3;color:var(--border);transition:color .1s}.ch[data-astro-cid-kerki4xy].ch-done{color:#00b894}.ch[data-astro-cid-kerki4xy].ch-current{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.word-info[data-astro-cid-kerki4xy]{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:20px}.wi-rom[data-astro-cid-kerki4xy]{font-family:Fraunces,serif;font-style:italic;font-size:15px;color:var(--accent)}.wi-sep[data-astro-cid-kerki4xy]{color:var(--border);font-size:14px}.wi-en[data-astro-cid-kerki4xy]{font-family:Fraunces,serif;font-size:15px;color:var(--ink-soft)}.exercise-stats[data-astro-cid-kerki4xy]{display:flex;gap:12px;margin-bottom:16px}.ex-stat[data-astro-cid-kerki4xy]{flex:1;background:var(--card-bg);border:1px solid var(--border);border-radius:4px;padding:10px;text-align:center;box-shadow:var(--shadow-soft)}.ex-num[data-astro-cid-kerki4xy]{display:block;font-family:Fraunces,serif;font-size:22px;font-weight:600;color:var(--accent3);font-variant-numeric:tabular-nums}.ex-label[data-astro-cid-kerki4xy]{font-family:Fraunces,serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-light)}.exercise-controls[data-astro-cid-kerki4xy]{display:flex;gap:10px}.ex-btn[data-astro-cid-kerki4xy]{padding:10px 20px;background:transparent;border:1px solid var(--border);color:var(--ink-soft);font-family:Fraunces,serif;font-size:13px;cursor:pointer;border-radius:4px;transition:all .15s}.ex-btn[data-astro-cid-kerki4xy]:hover{border-color:var(--ink);color:var(--ink)}.ex-btn-ghost[data-astro-cid-kerki4xy]{opacity:.7}