:root{--bg: #faf7f2;--cell: #ffffff;--line: #e7e0d6;--text: #2b2b2b;--gap: .4rem;--cell-size: 3rem;--cell-font: .85rem}@media (prefers-color-scheme: dark){:root{--bg: #16140f;--cell: #242018;--line: #3a342a;--text: #ece6da}}:root{color-scheme:light dark}*{box-sizing:border-box}body{margin:0;padding:2rem 1rem 4rem;background:var(--bg);color:var(--text);font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,sans-serif;touch-action:manipulation;-webkit-text-size-adjust:100%}header{max-width:640px;margin:0 auto 2rem;text-align:center}h1{font-size:2rem;margin:0 0 1rem;letter-spacing:.12em}#filter{width:100%;padding:.75rem 1rem;font-size:1.1rem;background:var(--cell);color:var(--text);border:2px solid var(--line);border-radius:.6rem;outline:none}main{max-width:640px;margin:0 auto}section{margin-bottom:2.5rem}h2{font-size:1.05rem;font-weight:600;margin:0 0 .75rem;opacity:.7}.grid{display:grid;gap:var(--gap)}.grid.strip{grid-template-columns:repeat(auto-fill,var(--cell-size));grid-auto-rows:var(--cell-size);justify-content:center;margin-bottom:1rem}.grid.matrix{grid-template-columns:repeat(var(--cols),1fr);grid-auto-rows:auto;container-type:inline-size}.grid.matrix .cell{flex-direction:column;gap:.2rem;padding:.2rem 0;width:100%;height:auto;min-height:2.4rem}.grid.matrix .py{font-size:min(.8rem,3cqw);line-height:1;opacity:.7}.grid.matrix .hz{font-size:min(1rem,3.4cqw);line-height:1}.chart-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;align-items:start}main:has(.chart-blocks),body:has(.chart-blocks) header{max-width:48rem}.cell{width:var(--cell-size);height:var(--cell-size);display:flex;align-items:center;justify-content:center;font-size:var(--cell-font);white-space:nowrap;background:var(--cell);border:1px solid var(--line);border-radius:.5rem}.cell.empty{background:transparent;border:none}:root{--match: #ffd54a;--match-line: #e0a800}#filter:focus{border-color:var(--match-line)}.cell{transition:transform .12s ease,background .12s ease,opacity .12s ease}.cell.is-match{background:var(--match);border-color:var(--match-line);color:#2b2b2b;transform:scale(1.08);font-weight:700}.cell.is-dim{opacity:.22}.cell.clickable{cursor:pointer}.cell.clickable:hover{border-color:var(--match-line)}.cell.clickable:active{transform:scale(.94)}#toast{position:fixed;left:50%;bottom:2rem;transform:translate(-50%,1rem);padding:.5rem 1.1rem;background:var(--text);color:var(--bg);font-size:1.3rem;letter-spacing:.04em;border-radius:2rem;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}#toast.show{opacity:.95;transform:translate(-50%)}:root{--again: #e06a5a;--hard: #d99a3c;--good: #4a9d6e;--easy: #5a86e0}[hidden]{display:none!important}.page-nav{font-size:.9rem;margin-bottom:1rem}.page-nav a{color:var(--match-line);text-decoration:none;opacity:.85}.page-nav a:hover{text-decoration:underline}main.anki{max-width:480px}.deck-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.2rem;margin-bottom:1.25rem;font-size:.95rem}.deck-bar label{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}.streak{text-align:center;font-size:.95rem;margin:0 0 .35rem;opacity:.85}.stats{text-align:center;opacity:.85;font-size:.9rem;margin:0 0 1.25rem}.ct-new{color:var(--easy)}.ct-learn{color:var(--again)}.ct-due{color:var(--good)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1.5rem 0 1rem}.stat{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .25rem;background:var(--cell);border:1px solid var(--line);border-radius:.6rem}.stat b{font-size:1.25rem}.stat span{font-size:.68rem;opacity:.55}.progress{height:.5rem;background:var(--line);border-radius:1rem;overflow:hidden;margin:1rem 0 .5rem}.progress-fill{height:100%;background:var(--good);transition:width .3s ease}.progress-label{font-size:.8rem;opacity:.6;line-height:1.5;margin:0 0 1.5rem}.card-stage{text-align:center}.card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:14rem;padding:2rem 1rem;background:var(--cell);border:1px solid var(--line);border-radius:1rem;cursor:pointer;user-select:none;transition:transform .1s ease,border-color .12s ease}.card:hover{border-color:var(--match-line)}.card:active{transform:scale(.99)}.card-script{font-size:.8rem;letter-spacing:.12em;opacity:.4}.card-face{font-size:5.5rem;line-height:1}.card-reading{font-size:1.6rem;letter-spacing:.06em;color:var(--match-line);opacity:0;transition:opacity .14s ease}.card.flipped .card-reading{opacity:1}.prompt-hint{margin-top:1rem;font-size:.85rem;opacity:.45}.grade-buttons{display:flex;gap:.4rem;margin-top:1.25rem}.grade{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.7rem .5rem;font:inherit;font-size:1rem;color:#fff;border:none;border-radius:.6rem;cursor:pointer;transition:filter .12s ease,transform .1s ease}.grade small{font-size:.75rem;opacity:.85}.grade:hover{filter:brightness(1.08)}.grade:active{transform:scale(.96)}.grade.again{background:var(--again)}.grade.hard{background:var(--hard)}.grade.good{background:var(--good)}.grade.easy{background:var(--easy)}.done{text-align:center;padding:2rem 0}.done-mark{font-size:2.5rem;margin-bottom:.5rem;letter-spacing:.1em}.done-note{opacity:.6;margin:0 0 1.5rem}.done .grade{display:inline-block;flex:none;padding:.6rem 1.5rem}.app-footer{max-width:480px;margin:2.5rem auto 0;text-align:center}.reset-btn{font:inherit;font-size:.8rem;color:var(--text);background:none;border:1px solid var(--line);border-radius:.5rem;padding:.4rem .9rem;opacity:.5;cursor:pointer;transition:opacity .12s ease,color .12s ease,border-color .12s ease}.reset-btn:hover{opacity:.8}.reset-btn.armed{color:#fff;background:var(--again);border-color:var(--again);opacity:1}.undo-btn{display:block;margin:-.75rem auto .75rem;font:inherit;font-size:.8rem;color:var(--text);background:none;border:1px solid var(--line);border-radius:.5rem;padding:.25rem .8rem;opacity:.5;cursor:pointer}.undo-btn:hover{opacity:.8}.options{max-width:22rem;margin:0 auto 1.25rem;font-size:.9rem}.options summary{cursor:pointer;text-align:center;opacity:.55;list-style:none}.options summary::-webkit-details-marker{display:none}.options summary:hover{opacity:.9}.options-grid{display:grid;gap:.5rem;margin:.75rem 0}.options-grid label{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.options-grid input{width:6rem;font:inherit;padding:.25rem .4rem;border:1px solid var(--line);border-radius:.4rem;background:var(--cell);color:var(--text)}.options-actions{display:flex;justify-content:center;gap:.75rem}.opt-btn{font:inherit;font-size:.8rem;color:var(--text);background:none;border:1px solid var(--line);border-radius:.5rem;padding:.4rem .9rem;cursor:pointer;opacity:.7}.opt-btn:hover{opacity:1}.done .grade{display:block;width:100%;max-width:16rem;margin:.5rem auto 0}.vocab-body .card-face{font-size:2.75rem}.vocab-body .card-face rt{font-size:.36em;opacity:.85}.vocab-body .card-reading{font-size:1.3rem}.credit{font-size:.7rem;opacity:.4;margin:.75rem 0 0}