:root{--paper:#f2f4f0;--surface:#fff;--ink:#1b212b;--muted:#5b6570;--line:#d7ddd4;--grid:#93b39f;--guide:#c8d8cd;--pen:#c4372d;--ok:#2c7654;--on-ok:#fff;--f-ui:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;--f-print:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;--f-hand:"Klee One","YuKyokasho","UD Digi Kyokasho N-R","Hiragino Mincho ProN",serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121619;--surface:#1a1f23;--ink:#e6e9e4;--muted:#9aa3a2;--line:#2c3337;--grid:#557362;--guide:#33453b;--pen:#ee6b5f;--ok:#5dbd90;--on-ok:#0e1a14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#121619;--surface:#1a1f23;--ink:#e6e9e4;--muted:#9aa3a2;--line:#2c3337;--grid:#557362;--guide:#33453b;--pen:#ee6b5f;--ok:#5dbd90;--on-ok:#0e1a14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--paper);margin:0}body{color:var(--ink);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}[hidden]{display:none!important}.wrap{max-width:600px;padding-block:max(20px,env(safe-area-inset-top)) 56px;margin:0 auto;padding-inline:16px}.home{color:var(--muted);justify-self:start;font-size:13px;text-decoration:none}.home:hover{color:var(--ink)}:is(.mode,.btn,.link,.home,.seg button,select,input,summary):focus-visible{outline:2px solid var(--pen);outline-offset:3px}.start{gap:20px;display:grid}.start h1{text-wrap:balance;margin:0;font-size:clamp(1.6rem,5vw,2rem);font-weight:700;line-height:1.2}.lede{color:var(--muted);max-width:52ch;margin:6px 0 0}.field{gap:6px;display:grid}.field>label,.label{color:var(--muted);font-size:13px;font-weight:500}select,input[type=number]{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;min-height:46px;padding:0 12px;font-size:16px}select:hover,input[type=number]:hover{border-color:var(--ink)}.range{gap:12px;display:grid}.seg{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.seg button{appearance:none;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:40px;font-size:15px;font-weight:500}.seg button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.seg button:not([aria-pressed=true]):hover{color:var(--ink)}.plan{color:var(--muted);margin:-8px 0 0;font-size:14px}.modes{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.mode{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:14px;padding:18px;transition:border-color .15s;display:grid}.mode:hover:not([disabled]){border-color:var(--ink)}.mode[disabled]{opacity:.5;cursor:default}.demo{align-items:center;gap:12px;min-height:52px;display:flex}.demo-print{font-family:var(--f-print);font-size:28px;font-weight:500;line-height:1}.demo-kana{font-size:24px;font-weight:500}.demo-arrow{color:var(--muted)}.mode-name{font-size:17px;font-weight:700;line-height:1.3}.mode-desc{color:var(--muted);margin-top:-10px;font-size:14px}.mode-meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-size:13px;display:flex}.fine{color:var(--muted);max-width:60ch;margin:0;font-size:13px}.build{color:var(--muted);opacity:.7;text-align:center;font-variant-numeric:tabular-nums;margin:28px 0 0;font-size:11px}.fine a{color:inherit;text-underline-offset:2px}.keys{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:0;font-size:13px;display:flex}.panel{border:1px solid var(--line);background:var(--surface);border-radius:14px}.panel summary{cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:500;list-style:none;display:flex}.panel summary::-webkit-details-marker{display:none}.panel summary:after{content:"＋";color:var(--muted);font-weight:400}.panel[open] summary:after{content:"－"}.panel-body{gap:14px;padding:0 16px 16px;display:grid}.panel fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.panel legend{margin-bottom:8px;padding:0}.check{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:2px 10px;display:grid}.check input{width:20px;height:20px;accent-color:var(--ink);margin:2px 0 0}.check small{color:var(--muted);grid-column:2;font-size:13px;display:block}.inline{align-items:center;gap:12px;display:flex}.inline input{width:6em}.sources{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sources li{gap:2px;display:grid}.sources .file{color:var(--muted);font-size:13px}.row{flex-wrap:wrap;gap:8px;display:flex}.btn.small{min-height:44px;font-size:15px}.errors,.notice{border-radius:12px;gap:6px;margin:0;padding:12px 16px;display:grid}.errors{border:1px solid var(--pen);background:color-mix(in srgb,var(--pen) 7%,var(--surface))}.errors h2{color:var(--pen);margin:0;font-size:15px}.errors code{background:color-mix(in srgb,var(--pen) 10%,transparent);border-radius:4px;padding:0 3px;font-size:.92em}.errors ul{overflow-wrap:anywhere;gap:4px;margin:0;padding-left:18px;font-size:14px;display:grid}.confirm{border:1px solid var(--ink);background:var(--surface);border-radius:12px;gap:8px;padding:14px 16px;display:grid}.confirm h2{margin:0;font-size:16px}.confirm p{margin:0;font-size:14px}.panel h3{margin:6px 0 0}.backup-line .link{padding:0 2px}.notice{border:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.session{gap:18px;display:grid}.bar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;display:flex}.bar .tag{color:var(--ink);font-weight:500}.tally{font-family:var(--f-hand);font-variant-numeric:tabular-nums;gap:12px;margin-left:auto;font-size:15px;font-weight:600;display:flex}.tally .o{color:var(--ok)}.tally .x{color:var(--pen)}.count{font-variant-numeric:tabular-nums}.progress{background:var(--line);border-radius:3px;height:3px;margin-top:-8px;overflow:hidden}.progress i{background:var(--ink);height:100%;transition:width .25s;display:block}.card{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:16px;justify-items:center;gap:10px;padding:22px 20px 26px;display:grid;container-type:inline-size}.ask{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px}.prompt{font-family:var(--f-print);white-space:nowrap;font-size:2.4rem;font-weight:500;line-height:1.25;font-size:min(3.2rem, calc(88cqi / var(--len)));margin:4px 0 0}.prompt.kana{font-family:var(--f-ui)}.meaning{min-height:1.6em;color:var(--muted);visibility:hidden;margin:0;font-size:15px}.meaning.shown{visibility:visible}.answer{place-items:center;gap:6px;width:100%;min-height:96px;display:grid}.answer>*{animation:.18s ease-out rise}.reading-ans{white-space:nowrap;font-size:2rem;font-weight:500;line-height:1.2;font-size:min(2.4rem, calc(84cqi / var(--len)))}.also{color:var(--muted);font-size:14px}.squares{--sq:min(84px, calc(96cqi / var(--n)));justify-content:center;display:flex}.sq{width:var(--sq);height:var(--sq);border:1.5px solid var(--grid);font-family:var(--f-hand);font-weight:600;font-size:calc(var(--sq) * .68);color:var(--ink);background:repeating-linear-gradient(90deg,var(--guide) 0 4px,transparent 4px 8px) center/100% 1px no-repeat, repeating-linear-gradient(0deg,var(--guide) 0 4px,transparent 4px 8px) center/1px 100% no-repeat;place-items:center;line-height:1;display:grid}.sq+.sq{border-left-width:0}button.sq{appearance:none;cursor:pointer;background-color:#0000;margin:0;padding:0;transition:background-color .12s}button.sq:hover{background-color:color-mix(in srgb,var(--grid) 14%,transparent)}button.sq:focus-visible{outline:2px solid var(--pen);outline-offset:-3px}.also kbd{margin-left:4px}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions .wide{grid-column:1/-1}.btn{appearance:none;min-height:56px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:16px;font-weight:500;transition:filter .12s,border-color .12s;display:inline-flex}.btn:hover{filter:brightness(1.06)}.btn.primary{background:var(--ink);color:var(--surface)}.btn.ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn.ghost:hover{border-color:var(--ink);filter:none}.btn.danger{border-color:var(--line);color:var(--pen);background:0 0}.btn.danger.armed,.btn.danger:hover{border-color:var(--pen);filter:none}.btn.got{background:var(--ok);color:var(--on-ok)}.btn.miss{border-color:var(--pen);color:var(--pen);background:0 0}.btn .mk{font-family:var(--f-hand);font-size:22px;font-weight:600;line-height:1}.btn[disabled]{opacity:.45;cursor:default;filter:none}kbd{font-family:var(--f-ui);opacity:.6;border:1px solid;border-radius:5px;padding:1px 6px;font-size:11px;line-height:1.4}.sub{justify-content:space-between;gap:12px;display:flex}.link{appearance:none;font:inherit;color:var(--muted);cursor:pointer;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);background:0 0;border:0;padding:6px 2px;font-size:13px}.link:hover{color:var(--ink)}.link[disabled]{opacity:.4;cursor:default;text-decoration:none}.link.armed{color:var(--pen);-webkit-text-decoration-color:var(--pen);text-decoration-color:var(--pen)}.end{gap:18px;display:grid}.end .tag{color:var(--muted);margin:0;font-size:13px}.score{align-items:baseline;gap:10px;margin-top:-6px;display:flex}.pts{font-family:var(--f-hand);color:var(--pen);font-variant-numeric:tabular-nums;font-size:4.2rem;font-weight:600;line-height:1}.of{color:var(--muted);font-variant-numeric:tabular-nums;font-size:1.2rem}.end h2{margin:0;font-size:15px;font-weight:700}.clean{color:var(--muted);margin:0}.misses{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin:0;padding:0;list-style:none}.misses li{grid-template-columns:minmax(4.5em,auto) minmax(0,1fr);align-items:center;column-gap:18px;padding:12px 16px;display:grid}.misses li+li{border-top:1px solid var(--line)}.mw{appearance:none;color:inherit;text-align:left;cursor:pointer;font-family:var(--f-hand);-webkit-text-decoration:underline dotted var(--line);text-decoration:underline dotted var(--line);text-underline-offset:6px;background:0 0;border:0;grid-row:span 2;justify-self:start;margin:0;padding:0;font-size:26px;font-weight:600;line-height:1.2}.mw:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.mw:focus-visible{outline:2px solid var(--pen);outline-offset:3px}.mr{font-size:15px;line-height:1.4}.mm{color:var(--muted);font-size:13px;line-height:1.4}.strokes{background:var(--surface);color:var(--ink);border:0;border-radius:16px;width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);padding:0;box-shadow:0 12px 40px #00000040}.strokes::backdrop{background:#0a0e1280}.sv{gap:14px;padding:16px 20px 20px;display:grid}.sv-head{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.sv-char{font-family:var(--f-hand);font-size:30px;font-weight:600;line-height:1}.sv-tabs{flex-wrap:wrap;gap:6px;display:flex}.sv-tab{appearance:none;font-family:var(--f-hand);border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;font-size:22px;font-weight:600}.sv-tab[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.sv-tab:focus-visible,.strokes .btn:focus-visible,.strokes a:focus-visible{outline:2px solid var(--pen);outline-offset:3px}.sv-box{aspect-ratio:1;border:1.5px solid var(--grid);background:var(--surface);place-items:center;display:grid}.sv-count{margin-top:-6px}.strokes .btn[aria-pressed=true]{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.strokes a{color:inherit}.sv-notes{gap:4px;margin:0;padding-left:18px;font-size:14px;display:grid}.kvg{width:100%;height:100%;display:block}.kvg path{fill:none;stroke-linecap:round;stroke-linejoin:round}.kvg .guide{stroke:var(--guide);stroke-width:.6px;stroke-dasharray:2 2}.kvg .ghost path{stroke:var(--line);stroke-width:3px}.kvg .ink path{stroke:var(--ink);stroke-width:3.2px;animation-name:draw;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.kvg.still .ink path{animation:none;stroke-dashoffset:0!important}.kvg .nums text{font-family:var(--f-ui);fill:var(--pen);font-size:7.5px}.kvg:not(.still) .nums{display:none}@keyframes draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.kvg .ink path{stroke-dashoffset:0!important}}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (hover:none){kbd,.keys{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}