:root{--bg: #fbfaf7;--fg: #1f2933;--muted: #6b7280;--sentence: #fdf0c4;--word: #f2b705}@media(prefers-color-scheme:dark){:root{--bg: #15181c;--fg: #e5e7eb;--muted: #9ca3af;--sentence: #3a3420;--word: #b8860b}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:20px/1.7 Georgia,serif}header{position:sticky;top:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 16px;background:var(--bg);border-bottom:1px solid #8884;font:15px system-ui,sans-serif}button,select{font:inherit;padding:6px 12px}#status{margin:0 0 0 8px;color:var(--muted)}#status[data-error="1"]{color:#c0392b}main{max-width:42rem;margin:0 auto;padding:24px 16px 50vh}.sentence{cursor:pointer;border-radius:4px}.sentence.on{background:var(--sentence)}.word.on{box-shadow:inset 0 -3px 0 var(--word)}