:root{--bg:#fafafa;--card:#fff;--text:#1a1a1a;--muted:#8a8a8a;--accent:#4f46e5;--accent-light:#eef2ff;--border:#e7e7e7;--danger:#dc2626;--ok:#16a34a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,PingFang SC,Microsoft YaHei,sans-serif;font-size:17px;line-height:1.6}#app{max-width:480px;min-height:100vh;margin:0 auto;padding:24px 20px 48px}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:12px;padding:14px 20px;font-weight:600;transition:opacity .15s}button:active{opacity:.7}button.secondary{background:var(--accent-light);color:var(--accent)}button.ghost{color:var(--muted);background:0 0;font-weight:500}input,textarea{font:inherit;border:1.5px solid var(--border);background:var(--card);width:100%;color:var(--text);resize:vertical;border-radius:12px;outline:none;padding:14px 16px}input:focus,textarea:focus{border-color:var(--accent)}.title{margin-bottom:4px;font-size:26px;font-weight:700}.subtitle{color:var(--muted);margin-bottom:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:14px;padding:18px}.field{margin-bottom:16px}.field label{color:var(--muted);margin-bottom:6px;font-size:14px;display:block}.row{gap:12px;display:flex}.stack>*+*{margin-top:12px}.stack>button{width:100%}.center{text-align:center}.msg-ok{color:var(--ok)}.msg-err{color:var(--danger)}.ans[data-v-ccb22f47]{font-size:18px}.ono[data-v-ccb22f47]{white-space:pre-wrap;font-size:16px;line-height:2.2}.ok[data-v-ccb22f47]{color:var(--ok);font-weight:700}.wrong[data-v-ccb22f47]{color:var(--danger);font-weight:700}.cell[data-v-ccb22f47]{color:var(--muted);border-bottom:1px dashed var(--muted);cursor:pointer;padding:0 2px}.meaning[data-v-ccb22f47]{color:var(--muted);margin-top:6px;font-size:14px}.blank[data-v-cb390949]{border-bottom:2px solid var(--accent);text-align:center;cursor:pointer;min-width:56px;color:var(--accent);margin:0 2px;padding:2px 8px;font-weight:600;display:inline-block}.blank.active[data-v-cb390949]{background:var(--accent-light);border-radius:6px 6px 0 0}.blank.done[data-v-cb390949]{color:var(--text)}.choices[data-v-cb390949]{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}button[data-v-cb390949]:disabled{opacity:.4;cursor:default}.overlay[data-v-cb390949]{background:#00000059;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog[data-v-cb390949]{background:var(--card);border-radius:16px;width:100%;max-width:360px;padding:24px}.dialog button[data-v-cb390949]{width:100%}.gojuon[data-v-0cadb530]{flex-direction:column;gap:8px;display:flex}.gjrow[data-v-0cadb530]{gap:8px;display:flex}.gjcell[data-v-0cadb530]{aspect-ratio:1;border-radius:10px;flex:1;justify-content:center;align-items:center;min-width:0;padding:0;font-size:18px;font-weight:600;display:flex}.gjcell.active[data-v-0cadb530]{background:var(--accent);color:#fff;cursor:pointer}.gjcell.dim[data-v-0cadb530]{background:var(--card);color:var(--border);border:1px solid var(--border);cursor:default}.gjempty[data-v-0cadb530]{pointer-events:none;background:0 0;border:none}.show-known[data-v-0cadb530]{color:var(--muted);align-items:center;gap:6px;margin-bottom:16px;font-size:14px;display:flex}.show-known input[data-v-0cadb530]{width:auto}.point-title[data-v-0cadb530]{cursor:pointer;font-size:17px;font-weight:600}.pos[data-v-0cadb530]{color:var(--accent);margin:12px 0 4px;font-size:14px;font-weight:600}.item[data-v-0cadb530]{border-top:1px solid var(--border);padding:12px 0}.item[data-v-0cadb530]:first-child{border-top:none}.meaning[data-v-0cadb530]{cursor:pointer;font-size:16px;display:inline-block}.meaning.blurred[data-v-0cadb530]{filter:blur(5px);-webkit-user-select:none;user-select:none}.meaning.seen[data-v-0cadb530]{color:#ca8a04;font-weight:600}.meaning.key[data-v-0cadb530]{color:var(--danger);font-weight:700}.meaning.known[data-v-0cadb530]{color:var(--muted)}.ex[data-v-0cadb530]{white-space:pre-wrap;margin:6px 0;font-size:15px;line-height:1.7}.states[data-v-0cadb530]{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.states button[data-v-0cadb530]{padding:4px 14px;font-size:13px}.article-read[data-v-c3764f25]{font-size:18px}.para[data-v-c3764f25]{margin-bottom:14px;line-height:2.4}.para[data-v-c3764f25]:last-child{margin-bottom:0}.article-read .tappable[data-v-c3764f25]{cursor:pointer;border-bottom:1.5px dotted var(--muted);margin:0 1.5px}.article-read ruby rt[data-v-c3764f25]{color:var(--accent);font-size:11px}.floating[data-v-c3764f25]{z-index:1;background:var(--accent-light);border-radius:12px;max-height:30vh;margin-bottom:12px;padding:12px;font-size:15px;line-height:1.9;position:sticky;top:0;overflow:auto}.fpara[data-v-c3764f25]{margin-bottom:8px}.fsent[data-v-c3764f25]{cursor:pointer}.fsent.active[data-v-c3764f25]{background:var(--accent);color:#fff;border-radius:4px;padding:1px 2px}.nav[data-v-c3764f25]{justify-content:center;align-items:center;gap:6px;margin-bottom:12px}.nav .ghost[data-v-c3764f25]{padding:6px 8px;font-size:14px}.navinfo[data-v-c3764f25]{color:var(--muted);text-align:center;min-width:56px;font-size:13px}.chips[data-v-c3764f25]{flex-wrap:wrap;gap:8px;display:flex}.tok-chip[data-v-c3764f25]{border:1px solid var(--border);background:var(--card);border-radius:10px;min-width:64px;padding:6px 8px}.tok-w[data-v-c3764f25]{text-align:center;margin-bottom:4px;font-size:16px}.tok-r[data-v-c3764f25]{text-align:center;border-radius:8px;padding:4px 6px;font-size:13px}.tok-ops[data-v-c3764f25]{gap:2px;margin-top:4px;display:flex}.tok-ops button[data-v-c3764f25]{flex:1;padding:4px 2px;font-size:12px}.tok-ops button[data-v-c3764f25]:disabled{opacity:.3}.player[data-v-97b05e60]{-webkit-user-select:none;user-select:none}.play-btn[data-v-97b05e60]{white-space:nowrap;padding:10px 16px}.bar[data-v-97b05e60]{cursor:pointer;touch-action:none;flex:1;padding:14px 0;position:relative}.bar-track[data-v-97b05e60]{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.bar-fill[data-v-97b05e60]{background:var(--accent);height:100%}.bar-handle[data-v-97b05e60]{background:var(--accent);pointer-events:none;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%)}.foot[data-v-97b05e60]{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.speeds[data-v-97b05e60]{gap:4px;display:flex}.spd[data-v-97b05e60]{text-align:center;background:var(--accent-light);min-width:48px;color:var(--accent);padding:4px 6px;font-size:13px;font-weight:600}.spd.on[data-v-97b05e60]{background:var(--accent);color:#fff}.time[data-v-97b05e60]{color:var(--muted);font-size:13px}