:root{color-scheme:light;--ink: #17201a;--muted: #59685f;--paper: #fbf4e6;--panel: rgba(255, 251, 241, .86);--panel-strong: #fffaf0;--line: #d9c9aa;--cedar: #24483a;--cedar-2: #35624f;--persimmon: #d95d39;--gold: #e1ad3d;--aqua: #8ac6bd;--shadow: 0 24px 80px rgba(50, 41, 20, .18);font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,Yu Gothic,Meiryo,sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(225,173,61,.42),transparent 28rem),radial-gradient(circle at 86% 20%,rgba(138,198,189,.45),transparent 24rem),linear-gradient(135deg,#fbf4e6,#f2dfbc 55%,#d7e4d4)}body:before{position:fixed;inset:0;z-index:-1;content:"";background-image:linear-gradient(rgba(36,72,58,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(36,72,58,.055) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 90%);mask-image:linear-gradient(to bottom,black,transparent 90%)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 28px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,select,textarea{-webkit-user-select:text;user-select:text}.hero{margin-bottom:14px}.hero-copy,.search-panel,.kanji-card,.browser,footer{border:1px solid rgba(36,72,58,.16);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-copy{position:relative;overflow:hidden;min-height:0;padding:clamp(18px,3vw,30px);border-radius:28px}.hero-copy:after{position:absolute;right:clamp(12px,3vw,34px);bottom:-30px;content:"筆順";color:#d95d3917;font-size:clamp(4.5rem,12vw,8rem);font-weight:900;line-height:.8;letter-spacing:-.16em}.eyebrow{margin:0 0 12px;color:var(--persimmon);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2{margin:0;letter-spacing:-.05em}h1{position:relative;z-index:1;max-width:760px;font-size:clamp(2.3rem,5vw,4rem);line-height:.92}.hero-jp{position:relative;z-index:1;max-width:640px;margin:12px 0 0;color:var(--cedar);font-size:clamp(.98rem,1.8vw,1.16rem);font-weight:700;line-height:1.45}.view-tabs{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.view-tabs button{border-radius:999px;background:#24483a1f;color:var(--cedar);padding:10px 16px;font-weight:900;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.view-tabs button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #24483a2e}.view-tabs button.selected{background:var(--persimmon);color:#fffaf0}.search-panel,.browser,footer{border-radius:28px;padding:22px}.search-panel label{display:block;margin-bottom:10px;color:var(--cedar);font-weight:900}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.input-wrap{position:relative}.input-row input{width:100%;border:2px solid transparent;border-radius:20px;outline:none;background:#fffdf7;color:var(--ink);padding:18px 58px 18px 20px;font-size:clamp(1.3rem,3vw,2rem);font-weight:800;box-shadow:inset 0 0 0 1px var(--line)}.input-row input:focus,.weekly-editor input:focus,.weekly-editor select:focus,.weekly-editor textarea:focus,.weekly-example-row input:focus,.quiz-set-row select:focus,.reading-toolbar input:focus,.weekly-practice-select:focus{border-color:var(--persimmon)}.input-row button,.input-clear,.samples button,.controls button,.system-tabs button,.grade-tabs button,.kanji-grid button,.kana-row button{border-radius:999px;background:var(--cedar);color:#fffaf0;font-weight:900;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}button:disabled{cursor:not-allowed;opacity:.48}.input-row button:hover,.input-clear:hover,.samples button:hover,.controls button:hover,.system-tabs button:hover,.grade-tabs button:hover,.kanji-grid button:hover,.kana-row button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #24483a2e}.input-row button{padding:0 22px}.input-wrap .input-clear{position:absolute;top:50%;right:14px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#24483a1a;color:var(--cedar);padding:0;transform:translateY(-50%);box-shadow:none;font-size:1.35rem;line-height:1}.input-wrap .input-clear:hover{background:var(--persimmon);color:#fffaf0;transform:translateY(-50%) scale(1.04);box-shadow:0 10px 20px #d95d3933}.samples{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.samples button{background:#24483a1f;color:var(--cedar);padding:8px 14px}.unsupported{margin:14px 0 0;color:#8d3b24;font-weight:800}.ruby-preview{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:16px;border-radius:20px;background:#fffdf7b8;padding:14px 16px;box-shadow:inset 0 0 0 1px #24483a1f}.ruby-preview span,.ruby-preview small{color:var(--muted);font-size:.82rem;font-weight:900}.ruby-preview p{margin:0;color:var(--cedar);font-size:clamp(1.55rem,4vw,2.4rem);font-weight:900;letter-spacing:.04em}.ruby-preview ruby{margin-right:.06em;ruby-position:over}.ruby-preview rt,.card-ruby rt{color:var(--persimmon);font-weight:900;letter-spacing:.02em}.preview-audio-button{margin-left:auto;border-radius:999px;background:var(--cedar);color:#fffaf0;padding:10px 14px;font-weight:900;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.preview-audio-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #24483a2e}.preview-audio-button.playing{background:var(--persimmon)}.results{margin:22px 0}.result-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px}.result-carousel{position:relative}.result-side-arrow,.result-focus-bar{display:none}.empty-state{display:grid;gap:6px;border:2px dashed rgba(36,72,58,.22);border-radius:28px;background:#fffaf0b3;padding:34px;color:var(--muted)}.empty-state strong{color:var(--cedar);font-size:1.25rem}.empty-state.warning strong{color:#9a4128}.kanji-card{overflow:hidden;border-radius:32px;background:var(--panel-strong)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 22px 0}.card-header h2{font-size:4.4rem;line-height:.9}.card-ruby rt{font-size:.24em}.reading-chips{display:flex;flex-wrap:wrap;gap:8px;padding:14px 22px 0}.reading-chips span{border-radius:999px;background:#d95d391f;color:#8d3b24;padding:6px 10px;font-size:.82rem;font-weight:900}.meaning-chip{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:14px 22px 0;border-radius:16px;background:#8ac6bd33;padding:9px 11px}.meaning-chip span{color:var(--muted);font-size:.76rem;font-weight:900}.meaning-chip strong{color:var(--cedar);font-size:.96rem;font-weight:900}.stroke-count{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.82rem;font-weight:900;line-height:1.1;text-transform:uppercase}.stroke-count strong{color:var(--persimmon);font-size:2.5rem;line-height:1}.diagram-shell{padding:10px 18px 20px}.stroke-svg{display:block;width:100%;max-width:430px;margin:0 auto;color:var(--cedar);overflow:visible}.ghost-strokes path,.live-strokes path{fill:none;stroke-linecap:round;stroke-linejoin:round}.ghost-strokes path{stroke:#24483a21;stroke-width:6.4}.live-strokes path{stroke:currentColor;stroke-width:4.2;stroke-dasharray:100;transition:stroke-dashoffset .36s ease,opacity 80ms ease}.live-strokes path.draw-stroke{animation:draw-stroke .82s linear both}@keyframes draw-stroke{0%{opacity:0;stroke:var(--persimmon);stroke-dashoffset:100}2%{opacity:1;stroke:var(--persimmon);stroke-dashoffset:100}80%{opacity:1;stroke:var(--persimmon)}to{opacity:1;stroke:var(--cedar);stroke-dashoffset:0}}.stroke-number circle{fill:#fffaf0;stroke:var(--gold);stroke-width:1.5}.stroke-number text{fill:var(--cedar);font-size:5px;font-weight:900;text-anchor:middle;dominant-baseline:middle}.stroke-number.draw-number{animation:show-stroke-number .18s ease both}@keyframes show-stroke-number{0%{opacity:0;transform:scale(.72);transform-origin:center}to{opacity:1;transform:scale(1);transform-origin:center}}.practice-shell{padding:10px 18px 20px}.practice-svg{display:block;width:100%;max-width:430px;margin:0 auto;border-radius:28px;background:linear-gradient(rgba(36,72,58,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(36,72,58,.06) 1px,transparent 1px),#fffdf7;background-size:18.17px 18.17px;box-shadow:inset 0 0 0 1px #24483a1f;touch-action:none;-webkit-user-select:none;user-select:none}.practice-guide path,.practice-traces path{fill:none;stroke-linecap:round;stroke-linejoin:round}.practice-guide path{stroke:#24483a29;stroke-width:7}.practice-guide path.pending-guide{stroke:#24483a14;stroke-width:6}.guided-stroke path{fill:none;stroke:var(--persimmon);stroke-width:5.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;animation:draw-stroke .82s linear both}.practice-traces path{stroke:var(--persimmon);stroke-width:4.8}.quiz-panel{margin-bottom:22px}.quiz-tabs{margin-bottom:14px}.quiz-card{border-radius:24px;background:#fffdf79e;padding:14px;box-shadow:inset 0 0 0 1px #24483a1a}.quiz-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.quiz-info div{display:grid;gap:4px;border-radius:18px;background:#fffdf7;padding:10px;box-shadow:inset 0 0 0 1px #24483a1a}.quiz-info span{color:var(--muted);font-size:.72rem;font-weight:900}.quiz-info strong{color:var(--cedar);font-size:clamp(1rem,2.5vw,1.45rem);font-weight:900}.quiz-info div:first-child strong{color:var(--persimmon);font-size:clamp(2.2rem,7vw,4rem);line-height:.9}.quiz-svg{max-width:380px}.quiz-guide path{fill:none;stroke:#24483a0e;stroke-linecap:round;stroke-linejoin:round;stroke-width:7}.quiz-accepted-traces path{stroke:var(--cedar)}.quiz-rejected-trace path{fill:none;stroke:#b94830;stroke-linecap:round;stroke-linejoin:round;stroke-width:4.8;opacity:.68}.quiz-feedback{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin-top:12px;border-radius:18px;background:#24483a14;color:var(--muted);padding:10px 12px;font-size:.9rem;font-weight:800;text-align:center}.quiz-feedback strong{color:var(--cedar)}.quiz-feedback.correct,.quiz-feedback.complete{background:#35624f21}.quiz-feedback.retry{background:#d95d3921}.quiz-feedback.retry strong{color:#9a4128}.practice-help{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin-top:12px;color:var(--muted);font-size:.9rem;font-weight:800;text-align:center}.practice-help strong{color:var(--cedar)}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.controls button{background:#f0e3ca;color:var(--cedar);padding:9px 12px;font-size:.82rem}.kana-stroke-heading{align-items:center}.kana-stroke-heading-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.tablet-workspace-button,.tablet-workspace-close{border-radius:999px;background:var(--cedar);color:#fffaf0;padding:9px 12px;font-size:.82rem;font-weight:900;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.tablet-workspace-button:hover,.tablet-workspace-close:hover{transform:translateY(-2px);box-shadow:0 12px 24px #24483a2e}.diagram-fallback{display:grid;gap:6px;border-radius:20px;background:#f7e3d9;color:#87351f;padding:24px;font-weight:900}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{color:var(--cedar);font-size:clamp(1.8rem,4vw,3rem)}.section-heading span{color:var(--muted);font-weight:900}.system-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin-bottom:10px}.system-tabs button,.grade-tabs{display:grid}.grade-tabs{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:16px}.system-tabs button,.grade-tabs button{display:grid;gap:2px;background:#24483a1a;color:var(--cedar);padding:13px 8px}.system-tabs button span,.grade-tabs button span{font-size:.78rem}.system-tabs button.selected,.grade-tabs button.selected{background:var(--persimmon);color:#fff}.kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}.kanji-grid button{aspect-ratio:1;border-radius:16px;background:#fffdf7;color:var(--ink);font-size:1.75rem;box-shadow:inset 0 0 0 1px #24483a21}.kanji-grid button:hover{background:var(--cedar);color:#fffaf0}.weekly-sets{margin-bottom:22px}.weekly-practice{display:grid;gap:14px;margin-bottom:22px}.weekly-practice-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:14px;align-items:start}.weekly-practice-body p{margin:0 0 10px;color:var(--muted);font-weight:800;line-height:1.5}.weekly-practice-select-label{display:block;margin-bottom:8px;color:var(--cedar);font-size:.85rem;font-weight:900}.weekly-practice-select{width:100%;margin-bottom:12px;border:2px solid transparent;border-radius:16px;outline:none;background:#fffdf7;color:var(--ink);padding:12px 14px;box-shadow:inset 0 0 0 1px var(--line);font-weight:900}.weekly-practice-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.weekly-practice-chips button,.weekly-practice-chips span{display:grid;min-width:42px;height:42px;place-items:center;border-radius:14px;background:#fffdf7;color:var(--cedar);font-size:1.35rem;font-weight:900;box-shadow:inset 0 0 0 1px #24483a21}.weekly-practice-chips button:hover{background:var(--cedar);color:#fffaf0}.weekly-practice-tabs{grid-template-columns:repeat(2,1fr);margin:4px 0 0}.weekly-practice-tabs button span{font-size:.72rem}.writing-practice{display:grid;gap:12px}.writing-focus-bar{display:flex;margin:0}.writing-practice-card{max-width:620px;margin:0 auto}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,rgba(225,173,61,.25),transparent 24rem),#17201a7a;padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.weekly-set-modal{position:relative;width:min(1080px,100%);max-height:min(92vh,980px);overflow:auto;border-radius:32px;box-shadow:0 34px 100px #17201a5c}.weekly-set-modal .weekly-sets{margin:0}.modal-close{position:sticky;top:14px;z-index:2;display:grid;width:42px;height:42px;place-items:center;margin:14px 14px -56px auto;border-radius:50%;background:var(--cedar);color:#fffaf0;font-size:1.6rem;font-weight:900;line-height:1;box-shadow:0 12px 26px #24483a38}.weekly-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.weekly-editor,.weekly-preview{display:grid;align-content:start;gap:10px;border-radius:22px;background:#fffdf78a;padding:14px;box-shadow:inset 0 0 0 1px #24483a1a}.weekly-editor label,.quiz-set-row label{color:var(--cedar);font-size:.85rem;font-weight:900}.weekly-editor input,.weekly-editor select,.weekly-editor textarea,.weekly-example-row input,.quiz-set-row select,.reading-toolbar input{width:100%;border:2px solid transparent;border-radius:16px;outline:none;background:#fffdf7;color:var(--ink);padding:12px 14px;box-shadow:inset 0 0 0 1px var(--line)}.weekly-editor textarea{min-height:132px;resize:vertical}.weekly-actions{display:flex;flex-wrap:wrap;gap:8px}.weekly-actions button,.weekly-example-row button,.weekly-kanji-grid button{border-radius:999px;background:var(--cedar);color:#fffaf0;font-weight:900;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.weekly-actions button{padding:10px 12px;font-size:.84rem}.weekly-actions button:hover:not(:disabled),.weekly-example-row button:hover,.weekly-kanji-grid button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #24483a2e}.weekly-preview h3{margin:0;color:var(--cedar);font-size:1.05rem}.weekly-empty{margin:0;color:var(--muted);font-weight:800;line-height:1.5}.weekly-storage-note{margin:0;border-radius:14px;background:#24483a14;color:var(--muted);padding:9px 10px;font-size:.82rem;font-weight:800;line-height:1.4}.weekly-example-list{display:grid;gap:8px}.weekly-example-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px}.weekly-example-fields{display:grid;gap:8px}.weekly-example-row button{border-radius:16px;background:#fffdf7;color:var(--ink);font-size:1.65rem;box-shadow:inset 0 0 0 1px #24483a21}.weekly-example-row button:hover{background:var(--cedar);color:#fffaf0}.weekly-kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:16px}.weekly-kanji-grid button{display:grid;min-height:96px;align-content:center;gap:6px;border-radius:20px;background:#fffdf7;color:var(--ink);padding:12px;text-align:left;box-shadow:inset 0 0 0 1px #24483a21}.weekly-kanji-grid button:hover{background:var(--cedar);color:#fffaf0}.weekly-kanji-grid strong{color:var(--persimmon);font-size:2rem;line-height:1}.weekly-kanji-grid span{color:var(--cedar);font-size:.9rem;font-weight:900;line-height:1.3}.weekly-kanji-grid small{color:var(--muted);font-size:.78rem;font-weight:900}.weekly-kanji-grid button:hover strong,.weekly-kanji-grid button:hover span,.weekly-kanji-grid button:hover small{color:#fffaf0}.reading-practice{margin-bottom:22px}.reading-toolbar{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(0,1fr);gap:8px 12px;align-items:end;margin-bottom:14px}.reading-toolbar label{grid-column:1;color:var(--cedar);font-size:.85rem;font-weight:900}.reading-toolbar input{grid-column:1}.reading-mode-tabs{grid-column:2;grid-row:1 / span 2;grid-template-columns:repeat(2,1fr);align-self:stretch;margin:0}.reading-mode-tabs button:disabled{transform:none;box-shadow:none}.reading-card{display:grid;gap:12px;border-radius:24px;background:#fffdf79e;padding:14px;box-shadow:inset 0 0 0 1px #24483a1a}.reading-card-main{display:grid;justify-items:center;gap:10px;border-radius:22px;background:radial-gradient(circle at 18% 18%,rgba(225,173,61,.18),transparent 12rem),#fffdf7;padding:clamp(18px,4vw,34px);text-align:center;box-shadow:inset 0 0 0 1px #24483a1a}.reading-card-main>span{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.reading-reveal{border-radius:999px;background:var(--cedar);color:#fffaf0;padding:13px 18px;font-weight:900}.reading-reveal.revealed{background:var(--persimmon);font-size:clamp(1.2rem,3vw,1.8rem)}.reading-word{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.06em;color:var(--cedar);line-height:.9}.reading-word span{display:inline-flex;align-items:baseline}.reading-word strong{color:var(--cedar);font-size:clamp(5rem,18vw,10rem);font-style:normal;font-weight:900;line-height:.9}.reading-word em,.reading-word>span:not(:has(strong)){color:var(--cedar);font-size:clamp(2.5rem,8vw,5.2rem);font-style:normal;font-weight:900;line-height:.95}.reading-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,620px)}.reading-options button{border-radius:18px;background:#f0e3ca;color:var(--cedar);padding:14px 12px;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:900}.reading-options button.correct{background:var(--cedar-2);color:#fffaf0}.reading-options button.wrong{background:var(--persimmon);color:#fffaf0}.reading-progress-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.reading-progress-grid span{border-radius:999px;background:#24483a1a;color:var(--cedar);padding:7px 10px;font-size:.8rem;font-weight:900}.reading-progress-grid span.mastered{background:#35624f33}.quiz-source-tabs{grid-template-columns:repeat(2,1fr)}.quiz-source-tabs button:disabled{transform:none;box-shadow:none}.quiz-set-row{display:grid;gap:8px;margin:0 0 12px}.quiz-example{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;margin:-2px 0 12px;border-radius:18px;background:#d95d391c;color:var(--cedar);padding:10px 12px;text-align:center}.quiz-example span{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.quiz-example strong{color:#8d3b24;font-size:1.1rem}.kana-groups{display:grid;gap:16px}.kana-group{border-radius:22px;background:#fffdf78a;padding:14px;box-shadow:inset 0 0 0 1px #24483a1a}.kana-group h3{margin:0 0 10px;color:var(--cedar);font-size:1rem}.kana-rows{display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:flex-start;gap:8px;overflow-x:auto;padding-bottom:2px}.kana-row{display:flex;flex-direction:column;gap:8px}.kana-tile{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fffdf7;color:var(--ink);font-size:1.75rem;box-shadow:inset 0 0 0 1px #24483a21;transition:transform .16s ease,background .16s ease,color .16s ease}.kana-tile:hover{background:var(--cedar);color:#fffaf0}.kana-tile.playing{background:var(--persimmon);color:#fffaf0}.hiragana-panel,.kana-panel{margin-top:22px}.hiragana-intro,.kana-intro{margin:-4px 0 14px;color:var(--muted);font-size:.95rem;font-weight:800;line-height:1.55}.hiragana-groups{gap:18px}.hiragana-group{padding:16px}.hiragana-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px}.hiragana-tile{width:auto;height:58px;font-size:1.9rem}.prefectures{margin-top:22px}.prefecture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}.audio-disclosure{margin:-4px 0 14px;color:var(--muted);font-size:.9rem;font-weight:800}.prefecture-tile{display:flex;align-items:center;min-height:54px;border-radius:18px;background:#fffdf7;color:var(--ink);box-shadow:inset 0 0 0 1px #24483a21;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.prefecture-tile:hover{transform:translateY(-2px);background:var(--cedar);color:#fffaf0;box-shadow:0 12px 24px #24483a2e}.prefecture-name,.audio-button{align-self:stretch;border-radius:18px;background:transparent;color:inherit;font-weight:900}.prefecture-name{display:flex;flex:1 1 auto;align-items:center;gap:10px;min-width:0;padding:10px 8px 10px 12px;text-align:left;font-size:1.08rem}.prefecture-name span{display:inline-grid;flex:0 0 auto;place-items:center;width:26px;height:26px;border-radius:50%;background:#d95d3924;color:var(--persimmon);font-size:.74rem}.prefecture-name ruby{line-height:1.1}.prefecture-name rt{color:var(--persimmon);font-size:.62em}.prefecture-tile:hover .prefecture-name span,.prefecture-tile:hover .audio-button{background:#fffaf029;color:#fffaf0}.prefecture-tile:hover .prefecture-name rt{color:#fffaf0}.audio-button{display:grid;flex:0 0 44px;place-items:center;margin:5px 6px 5px 0;border-radius:14px;color:var(--cedar);font-size:.9rem}.audio-button.playing{background:var(--persimmon);color:#fffaf0}footer{display:grid;gap:8px;margin-top:22px;color:var(--muted);font-size:.9rem;line-height:1.6}footer p{margin:0}footer a{color:var(--cedar);font-weight:900}@media(max-width:1100px){.results.has-multiple-results{position:relative}.result-focus-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 14px}.result-focus-bar button{border-radius:999px;background:#f0e3ca;color:var(--cedar);padding:9px 12px;font-size:.82rem;font-weight:900}.result-focus-bar button:disabled{cursor:not-allowed;opacity:.45}.result-focus-bar span{min-width:54px;border-radius:999px;background:#24483a1a;color:var(--cedar);padding:8px 10px;font-size:.82rem;font-weight:900;text-align:center}.result-side-arrow{position:absolute;top:50%;z-index:4;display:grid;width:46px;height:76px;place-items:center;border-radius:999px;background:#f0e3caeb;box-shadow:0 14px 34px #3229142e;color:var(--cedar);font-size:2.2rem;font-weight:900;line-height:1;transform:translateY(-50%)}.result-side-arrow.previous{left:12px}.result-side-arrow.next{right:12px}.result-side-arrow:disabled{cursor:not-allowed;opacity:.38}.result-stack{position:relative;display:block;isolation:isolate}.has-multiple-results .result-stack:before,.has-multiple-results .result-stack:after{position:absolute;inset:18px 12px -10px;z-index:-1;border-radius:32px;background:#fffaf0b3;box-shadow:var(--shadow);content:"";pointer-events:none}.has-multiple-results .result-stack:before{transform:translateY(14px) scale(.97)}.has-multiple-results .result-stack:after{transform:translateY(28px) scale(.93);opacity:.58}.result-stack .kanji-card{display:none}.result-stack .kanji-card.active-result-card{display:block;will-change:opacity,transform}.result-carousel.slide-next .kanji-card.active-result-card{animation:card-slide-next .26s cubic-bezier(.2,.8,.2,1) both}.result-carousel.slide-previous .kanji-card.active-result-card{animation:card-slide-previous .26s cubic-bezier(.2,.8,.2,1) both}@keyframes card-slide-next{0%{opacity:0;transform:translate(34px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes card-slide-previous{0%{opacity:0;transform:translate(-34px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.result-carousel.slide-next .kanji-card.active-result-card,.result-carousel.slide-previous .kanji-card.active-result-card{animation:none}}}.hiragana-stroke-panel,.kana-stroke-panel{margin-top:18px}.hiragana-stroke-shell{gap:12px}.hiragana-stroke-frame{display:block;width:100%;max-width:430px;margin:0 auto;border-radius:28px;background:linear-gradient(rgba(36,72,58,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(36,72,58,.06) 1px,transparent 1px),#fffdf7;background-size:18.17px 18.17px;box-shadow:inset 0 0 0 1px #24483a1f;overflow:hidden}.hiragana-stroke-frame .diagram-fallback{min-height:320px}.hiragana-stroke-markup{display:block;width:100%}.hiragana-stroke-markup svg[data-strokesvg]{display:block;width:100%;height:auto;color:var(--cedar);--shadow: rgba(36, 72, 58, .14);--stroke: var(--cedar);touch-action:none;-webkit-user-select:none;user-select:none}.hiragana-stroke-markup svg[data-strokesvg]>g[data-strokesvg=strokes] path{stroke-dasharray:3333;stroke-dashoffset:3333;animation:hiragana-stroke-draw .74s linear forwards calc((var(--i, 0) * .64s) + .22s)}.hiragana-stroke-markup svg[data-strokesvg]>g[data-strokesvg=shadows] path{fill:#24483a1f}.hiragana-stroke-controls{justify-content:center;margin-top:2px}.kana-stroke-columns{display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:flex-start;gap:10px;margin-top:16px;overflow-x:auto;padding-bottom:4px}.hiragana-stroke-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:10px;margin-top:16px}.kana-stroke-column{display:flex;flex:0 0 66px;flex-direction:column;gap:10px}.hiragana-stroke-tile,.kana-stroke-tile{display:grid;place-items:center;gap:2px;min-height:72px;border-radius:18px;padding:10px 8px 8px;background:#ffffffe6;color:var(--cedar);box-shadow:inset 0 0 0 1px #24483a1f;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.hiragana-stroke-tile strong,.kana-stroke-tile strong{font-size:1.6rem;line-height:1}.hiragana-stroke-tile span,.hiragana-stroke-tile small,.kana-stroke-tile span,.kana-stroke-tile small{color:var(--muted);font-size:.74rem;line-height:1}.hiragana-stroke-tile:hover,.kana-stroke-tile:hover{transform:translateY(-2px);box-shadow:0 10px 20px #24483a24,inset 0 0 0 1px #24483a2e}.hiragana-stroke-tile.selected,.kana-stroke-tile.selected{background:var(--persimmon);color:#fffaf0;box-shadow:0 12px 24px #d95d393d}.hiragana-stroke-tile.selected span,.hiragana-stroke-tile.selected small,.kana-stroke-tile.selected span,.kana-stroke-tile.selected small{color:#fffaf0d1}.tablet-workspace{position:fixed;inset:0;z-index:40;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;height:100dvh;overflow:hidden;overscroll-behavior:contain;background:radial-gradient(circle at 10% 8%,rgba(225,173,61,.32),transparent 26rem),radial-gradient(circle at 92% 24%,rgba(138,198,189,.34),transparent 24rem),linear-gradient(135deg,#fbf4e6,#f2dfbc 56%,#d7e4d4);padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.tablet-workspace-bar,.tablet-drawing-pane,.tablet-keyboard-pane{border:1px solid rgba(36,72,58,.16);background:#fffbf1e6;box-shadow:0 18px 46px #32291424;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tablet-workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:68px;border-radius:24px;padding:12px 16px}.tablet-workspace-bar .eyebrow,.tablet-drawing-pane .eyebrow{margin-bottom:4px}.tablet-workspace-bar h2{margin:0;color:var(--cedar);font-size:clamp(1.5rem,3vw,2.4rem);line-height:1}.tablet-workspace-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(330px,2fr);gap:10px;min-height:0}.tablet-drawing-pane,.tablet-keyboard-pane{min-height:0;overflow:hidden;border-radius:24px;padding:14px}.tablet-drawing-pane{display:grid;grid-template-rows:auto minmax(0,1fr)}.tablet-drawing-pane .kana-stroke-heading{margin-bottom:4px}.tablet-drawing-pane .diagram-shell,.tablet-drawing-pane .practice-shell{display:grid;grid-template-rows:minmax(0,1fr) auto;align-content:center;min-height:0;padding:0 8px 10px}.tablet-drawing-pane .stroke-svg,.tablet-drawing-pane .practice-svg{width:auto;height:100%;max-width:620px;max-height:100%}.tablet-drawing-pane .stroke-svg{overflow:hidden}.tablet-drawing-pane .controls{flex-wrap:nowrap;gap:7px;margin-top:6px}.tablet-drawing-pane .controls button{flex:0 1 auto;padding:8px 10px;white-space:nowrap}.tablet-keyboard-pane{display:grid;grid-template-rows:auto minmax(0,1fr)}.tablet-system-tabs{margin-bottom:10px}.tablet-keyboard-pane .kana-stroke-columns{align-content:start;gap:8px;min-height:0;margin-top:0;overflow-x:auto;overflow-y:hidden;padding:2px 2px 6px}.tablet-keyboard-pane .kana-stroke-column{flex:0 0 60px;gap:8px}.tablet-keyboard-pane .kana-stroke-tile{min-height:64px;border-radius:16px;padding:8px 6px 6px}.tablet-keyboard-pane .kana-stroke-tile strong{font-size:1.5rem}.tablet-keyboard-pane .kana-stroke-tile span,.tablet-keyboard-pane .kana-stroke-tile small{font-size:.68rem}@media(orientation:portrait){.tablet-workspace-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.tablet-drawing-pane{min-height:0}.tablet-drawing-pane .stroke-svg,.tablet-drawing-pane .practice-svg{width:auto;height:100%;max-width:460px}.tablet-keyboard-pane{min-height:390px}.tablet-keyboard-pane .kana-stroke-columns{overflow-x:auto;overflow-y:hidden}.tablet-keyboard-pane .kana-stroke-column{flex-basis:62px}}@media(max-width:760px){.tablet-workspace{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.tablet-workspace-bar{align-items:flex-start;flex-direction:column}.tablet-workspace-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(220px,auto)}.tablet-drawing-pane,.tablet-keyboard-pane{border-radius:20px;padding:10px}.tablet-drawing-pane .controls{flex-wrap:wrap}.tablet-keyboard-pane{min-height:220px}.tablet-drawing-pane .stroke-svg,.tablet-drawing-pane .practice-svg{width:auto;height:100%}}@keyframes hiragana-stroke-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.hiragana-stroke-markup svg[data-strokesvg]>g[data-strokesvg=strokes] path{animation:none;stroke-dashoffset:0}}@media(max-width:1100px)and (min-width:761px)and (max-height:850px){.result-focus-bar{margin-bottom:8px}.result-focus-bar button{display:none}.kanji-card{border-radius:28px}.card-header{padding:18px 24px 0}.card-header h2{font-size:3.7rem}.reading-chips{padding-top:10px}.diagram-shell,.practice-shell{padding:4px 76px 16px}.stroke-svg,.practice-svg{max-width:min(360px,52vh)}.practice-help,.controls{margin-top:8px}}@media(max-width:760px){main{width:min(100% - 22px,1180px);padding-top:12px}.hero-copy,.search-panel,.browser,footer{border-radius:24px}.hero-copy{padding:18px}.input-row{grid-template-columns:1fr}.input-row button{padding:14px 18px}.grade-tabs{grid-template-columns:repeat(3,1fr)}.quiz-info{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-layout,.weekly-practice-body{grid-template-columns:1fr}.weekly-practice-chips{justify-content:flex-start}.modal-backdrop{align-items:stretch;padding:10px}.weekly-set-modal{max-height:calc(100vh - 20px);border-radius:24px}.modal-close{top:10px;margin:10px 10px -52px auto}.weekly-kanji-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.reading-toolbar{grid-template-columns:1fr}.reading-toolbar label,.reading-toolbar input,.reading-mode-tabs{grid-column:1;grid-row:auto}.reading-options{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.card-header h2{font-size:3.5rem}.controls .number-toggle{display:none}}