.reading-entry-section{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:10px;padding-top:12px;display:grid}.reading-entry{text-align:left;width:100%;color:var(--teal-dark);background:#eaf2ed;border:1px solid #c8ddd5;border-radius:12px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;margin:0;padding:10px 8px;display:grid}.reading-entry>svg:first-child{width:22px;height:22px}.reading-entry strong{font-size:13px;display:block}.reading-entry small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.reading-entry[aria-disabled=true]{opacity:.54;cursor:default}html:has(.reading-dialog[open]){overflow:hidden}.reading-dialog.dialog.wide{background:#f5f8f6;width:900px;max-width:min(900px,100vw - 24px)}.reading-dialog .dialog-heading{z-index:1;background:#f5f8f6;border-bottom:1px solid #e2eae5;margin:-26px -32px 22px;padding:18px 32px 14px;position:sticky;top:-26px}.reading-dialog .dialog-heading h2{align-items:center;gap:10px;display:flex}.reading-dialog .dialog-inner{padding:26px 32px}.reading-dialog.is-reading .dialog-inner{padding:18px 32px}.reading-dialog.is-reading .dialog-heading{margin:-18px -32px 8px;padding:8px 32px;top:-18px}.reading-dialog p.reading-intro{margin:10px 0 12px;font-size:13px}.reading-welcome{isolation:isolate;background:#e5efea;border-radius:16px;grid-template-columns:minmax(0,1fr) 148px;align-items:center;gap:16px;margin-bottom:22px;padding:24px 26px;display:grid;position:relative}.reading-welcome h3{font:700 25px/1.55 var(--round);letter-spacing:.015em;margin:5px 0 0}.reading-welcome-label{color:#476d61;font-size:11px;font-weight:500}.reading-welcome-meta{color:#466558;align-items:center;gap:7px;font-size:11px;display:flex}.reading-welcome-meta>span{border-left:1px solid #b7ccc0;margin-left:9px;padding-left:16px}.reading-welcome-art{color:#3d7464;height:120px;position:relative}.reading-welcome-art:before{content:"";background:#d0e3d6;border-radius:50%;width:114px;height:114px;position:absolute;top:4px;left:9px}.welcome-book{color:#386b5c;fill:#f9fcf7;filter:drop-shadow(0 4px #aec9bb);position:absolute;top:20px;left:21px;transform:rotate(-9deg)}.welcome-leaf{color:#728e51;fill:#e6ebd3;position:absolute;top:-2px;right:7px;transform:rotate(17deg)}.welcome-cup{color:#976847;fill:#f6e6cd;position:absolute;bottom:0;right:1px}.reading-filter{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.reading-filter button{border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;min-height:40px;padding:9px 12px;font-size:12px;display:inline-flex}.reading-filter button[aria-pressed=true]{color:#fff;background:var(--teal-dark);border-color:var(--teal-dark)}.reading-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.reading-shelf-label{justify-content:space-between;align-items:baseline;margin:0 1px 12px;display:flex}.reading-shelf-label h3{margin:0;font-size:14px}.reading-shelf-label>span{color:#61776e;font-size:11px}.story-motif[data-theme=food],[data-theme=food]{--story-wash:#f6eee0;--story-tone:#96643c}.story-motif[data-theme=animals],[data-theme=animals]{--story-wash:#f6e9e2;--story-tone:#9a6550}.story-motif[data-theme=seasons],[data-theme=seasons]{--story-wash:#eaf0df;--story-tone:#607c3e}.story-motif[data-theme=friends],[data-theme=friends]{--story-wash:#f3e7e9;--story-tone:#93616f}.story-motif[data-theme=walks],[data-theme=walks]{--story-wash:#e4eef3;--story-tone:#4f7889}.story-motif[data-theme=everyday],[data-theme=everyday]{--story-wash:#e5eee9;--story-tone:#567969}.story-motif{background:var(--story-wash);width:58px;height:62px;color:var(--story-tone);border-left:3px solid color-mix(in srgb, var(--story-tone) 30%, var(--story-wash));border-radius:10px 14px 14px 10px;place-items:center;display:grid}.story-choice>.story-motif{position:absolute;top:18px;right:18px}.story-motif.large{width:82px;height:84px}.story-choice{text-align:left;background:#fffefa;border:1px solid #dce6df;border-radius:14px;flex-direction:column;gap:7px;min-width:0;padding:20px;display:flex;position:relative;box-shadow:0 3px #e8eeea}.story-choice strong{font:700 19px/1.6 var(--round);min-height:31px;padding-right:66px}.story-choice .story-theme{color:var(--story-tone);padding-right:66px;font-weight:500}.story-theme,.story-meta{color:#526d73;font-size:11px}.story-excerpt{flex:1;min-height:46px;margin-top:13px;font-size:12px;line-height:1.9}.story-meta{flex-wrap:wrap;gap:4px 12px;display:flex}.story-meta>span:first-child{color:#4c6c5d}.story-action{color:var(--teal-dark);border-top:1px solid #edf0e9;align-items:center;gap:6px;margin-top:5px;padding-top:10px;font-size:12px;font-weight:700;display:flex}.story-action>svg:last-child{margin-left:auto}.reading-toolbar{align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex;position:relative}.reading-toolbar>.text-button{margin-right:auto}.reading-toolbar .text-button{font-size:12px}.reading-restart{min-height:40px;color:var(--teal-dark);white-space:nowrap;background:#fffefa;border:1px solid #94b6aa;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex}.reading-restart:hover,.reading-restart[aria-expanded=true]{border-color:var(--teal);background:#e4efe8}.reading-music{flex:0 0 44px}.reading-music-trigger{color:var(--teal-dark);flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.reading-music-trigger span{white-space:nowrap;font-size:9px;font-weight:600;line-height:1.2}.reading-music-trigger[aria-expanded=true]{background:#e4efe8}.reading-music-panel{z-index:3;background:#fffefa;border:1px solid #c8ddd5;border-radius:12px;width:min(310px,100%);padding:10px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #244c4324}.reading-music-heading{justify-content:space-between;align-items:center;padding-left:8px;display:flex}.reading-music-heading strong{font-size:14px}.reading-music-choice{text-align:left;width:100%;min-height:48px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:10px 8px;display:flex}.reading-music-choice:hover{background:#f0f5f1}.reading-music-choice[aria-pressed=true]{background:#eaf2ed;border-color:#bad1c7}.reading-music-choice strong{font-size:12px;font-weight:600;display:block}.reading-music-choice small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.music-selected{color:var(--teal-dark);flex-shrink:0;margin-left:auto}.reading-music-off{margin-top:4px;font-size:12px}.reading-music-off>svg:last-child:not(:first-child){margin-left:auto}.reading-music-effects{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:44px;margin-top:6px;padding:6px 8px;display:flex}.reading-music-effects input{width:18px;height:18px;accent-color:var(--teal)}.reading-music-panel>a{color:var(--muted);padding:8px;font-size:10px;display:block}.reading-music-retry{z-index:2;border:1px solid var(--line);color:var(--teal-dark);background:#fffefa;border-radius:6px;padding:6px 8px;font-size:11px;position:absolute;top:100%;right:0}.reading-music-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reading-heading{background:var(--story-wash);border-radius:14px;padding:12px 84px 10px 16px;position:relative}.reading-heading .story-motif{background:#fffefa;width:52px;height:56px;position:absolute;top:50%;right:16px;transform:translateY(-50%)rotate(6deg)}.reading-heading .story-motif svg{width:34px;height:34px}.reading-heading>span{color:#526d73;font-size:11px}.reading-heading h3{font:700 22px/1.4 var(--round);margin:2px 0}.reading-progress-label{display:block}.reading-progress{background:var(--line);width:100%;height:4px;accent-color:var(--teal);border:0;border-radius:2px;margin:8px 0 12px;display:block}.reading-progress::-webkit-progress-bar{background:var(--line);border-radius:2px}.reading-progress::-webkit-progress-value{background:var(--teal);border-radius:2px}.reading-stage{outline-offset:5px;border-radius:8px}.reading-prose{background:#fffefa;border:1px solid #e1e8e0;border-radius:12px;padding:12px;box-shadow:0 3px #e8eee6}.reading-stage:focus-visible{outline:2px solid #70a39b}.reading-dialog .reading-prose p{overflow-wrap:anywhere;border-left:3px solid #0000;margin:0;padding:6px 12px;font-size:16px;line-height:1.95}.reading-dialog .dialog-inner:not(:fullscreen) .reading-prose{overscroll-behavior:contain;scrollbar-gutter:stable;block-size:calc(9.6em + 2px);padding-block:0;font-size:16px;line-height:2.4;position:relative;overflow-y:auto}.reading-dialog .dialog-inner:not(:fullscreen) .reading-prose p{font-size:inherit;line-height:inherit;padding-block:0}@media (width<=600px){.reading-dialog .dialog-inner:not(:fullscreen) .reading-prose{font-size:14px}}.reading-prose .current-line{background:#eaf3ee;border-radius:0 6px 6px 0;font-weight:700;border-left-color:var(--teal)!important}.reading-prose .read-line{color:#4f6d69}.reading-prose .upcoming-line{color:#53626a}.reading-prose .current-word{color:#244f47;text-underline-offset:4px;background:#d2e6dd;border-radius:3px;-webkit-text-decoration:underline #6a9a89;text-decoration:underline #6a9a89}.reading-workbench{width:100%;max-width:640px;margin:14px auto 0}.reading-input{background:var(--blue);border-radius:9px;padding:12px 12px 10px}.reading-guide{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px 6px;margin-bottom:10px;display:flex}.reading-guide-track{display:contents}.reading-dialog .dialog-inner:not(:fullscreen) .reading-guide{overscroll-behavior-x:contain;scrollbar-width:thin;display:block;overflow-x:auto}.reading-dialog .dialog-inner:not(:fullscreen) .reading-guide-track{align-items:stretch;gap:6px;width:max-content;display:flex;position:relative}.reading-dialog .dialog-inner:not(:fullscreen) .reading-guide-part{white-space:nowrap;flex:none;max-width:none}.reading-dialog .dialog-inner:not(:fullscreen) .guide-romaji{overflow-wrap:normal;min-width:max-content;max-width:none}.reading-guide-part{text-align:center;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;min-width:66px;max-width:100%;padding:7px 8px;display:flex}.reading-guide-part[data-state=current]{border-bottom-color:var(--teal);background:#fffefa}.guide-japanese{color:var(--ink);font-size:14px;line-height:1.6}.guide-kana{color:#526d73;font-size:11px;line-height:1.6}.guide-romaji{font:500 17px/1.65 var(--mono);overflow-wrap:anywhere;color:#294c58;max-width:100%}.guide-typed,.reading-guide-part[data-state=done] .guide-japanese{color:#52776c}.guide-romaji strong{border-bottom:2px solid var(--teal-dark);color:var(--teal-dark);background:#d2e6dd;font-weight:700}.reading-dialog p.reading-feedback{color:#46646b;text-align:center;min-height:21px;margin:0;font-size:11px}.reading-mistake .reading-input{box-shadow:inset 0 0 0 1px #aa584b}.reading-mistake p.reading-feedback{color:#934536}.reading-feedback .reading-resume{justify-content:center;align-items:center;gap:8px;min-height:44px;padding:6px 16px;font-size:13px;display:inline-flex}.reading-resume kbd{border:1px solid;border-radius:4px;padding:0 5px;font-family:inherit;font-size:11px}.reading-dialog .keyboard-pad{width:100%;max-width:none;padding:12px 0 0}.reading-dialog .key{color:#4e6770;min-width:0;max-width:none;height:39px}.reading-dialog .key.next{color:#fff}.reading-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;display:flex}.reading-actions .text-button{min-height:40px;font-size:12px}.reading-complete{color:var(--teal-dark);background:#eaf3ee;border-radius:10px;align-items:center;gap:14px;margin-top:20px;padding:18px;display:flex}.reading-complete strong{font-size:15px}.reading-dialog .reading-complete p{margin:5px 0 0;font-size:12px}.reading-confirm{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:12px;padding:14px}.reading-confirm button{min-height:40px;margin:0 16px 0 0;font-size:12px}.reading-confirm.reading-restart-confirm{margin:0 0 10px}.reading-dialog p.reading-save-note{color:#526d73;margin:20px 0 4px;font-size:11px}.reading-dialog p.reading-save-note.error-note{color:#934536}.reading-delete{min-height:40px;margin-top:20px;font-size:12px}.reading-dialog.is-reading .dialog-inner:not(:fullscreen)>.dialog-heading{margin-bottom:4px;padding-block:4px}.reading-dialog.is-reading .dialog-inner:not(:fullscreen) .dialog-heading h2{font-size:18px}.reading-dialog.is-reading .dialog-inner:not(:fullscreen) .reading-heading{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title title""meta progress";gap:3px 12px;padding:8px 66px 8px 14px;display:grid}.reading-dialog.is-reading .dialog-inner:not(:fullscreen) .reading-heading h3{grid-area:title;margin:0;font-size:20px}.reading-dialog.is-reading .dialog-inner:not(:fullscreen) .reading-heading>span:not(.story-motif):not(.reading-progress-label){grid-area:meta}.reading-dialog.is-reading .dialog-inner:not(:fullscreen) .reading-progress-label{white-space:nowrap;grid-area:progress;align-self:end}.reading-dialog.is-reading .dialog-inner:not(:fullscreen) .reading-heading .story-motif{width:38px;height:42px;right:14px}.reading-dialog.is-reading .dialog-inner:not(:fullscreen) .reading-heading .story-motif svg{width:26px;height:26px}@media (hover:hover) and (pointer:fine){.story-choice:hover strong,.reading-entry:hover:not([aria-disabled=true]) strong{color:var(--teal-dark)}.story-choice:hover{border-color:#9ab8a8;box-shadow:0 4px #d9e6dc}.reading-entry:hover:not([aria-disabled=true]){background:#dcece2}.reading-filter button:hover{border-color:var(--teal)}}@media (width<=600px){.reading-dialog .dialog-inner{padding:18px 16px}.reading-dialog .dialog-heading{margin:-18px -16px 16px;padding:14px 16px;top:-18px}.reading-dialog.is-reading .dialog-inner{padding:12px 16px}.reading-dialog.is-reading .dialog-heading{margin:-12px -16px 6px;padding:6px 16px;top:-12px}.reading-welcome{grid-template-columns:minmax(0,1fr) 64px;gap:8px;padding:18px}.reading-welcome h3{font-size:20px}.reading-welcome-art{width:64px;height:95px}.reading-welcome-art:before{width:64px;height:64px;top:15px;left:0}.welcome-book{width:56px;height:56px;top:26px;left:3px}.welcome-leaf{width:24px;height:24px;top:10px;right:-1px}.welcome-cup{width:25px;height:25px;right:-4px}.reading-welcome-meta{flex-wrap:wrap}.reading-welcome-meta>span{margin-left:2px;padding-left:9px}.reading-heading{padding:10px 70px 10px 12px}.reading-heading .story-motif{width:44px;height:48px;right:12px}.reading-heading .story-motif svg{width:34px}.reading-dialog .dialog-heading h2{font-size:19px}.reading-catalog{grid-template-columns:1fr}.reading-heading h3{font-size:20px}.reading-dialog .reading-prose p{padding:6px 9px;font-size:14px}.guide-romaji{font-size:15px}.reading-input{padding:8px 6px}.reading-guide-part{padding:5px 6px}.reading-dialog .keyboard-pad{padding:10px 0 0}.reading-dialog .key-row{gap:3px}.reading-dialog .key{height:36px}.reading-toolbar{gap:5px}.reading-filter button{padding:8px 10px}}@media (width>=821px){.home-page .intro p{margin-bottom:12px}.home-page .course-option{min-height:64px;margin-bottom:6px;padding:6px 10px 6px 7px}.home-page .course-option.selected{padding:5.5px 9.5px 5.5px 6.5px}.home-page .course-option .sushi-image{width:54px;height:48px}.home-page .course-option small{margin-top:3px}.home-page .course-example{margin-top:6px}.home-page .mode-label{margin-top:8px;margin-bottom:4px}.home-page .challenge-options{margin-top:4px}}@media (prefers-reduced-motion:no-preference){.story-choice{transition:border-color .15s,box-shadow .15s}}@media (width>=821px) and (height<=800px){.home-page .intro p{margin-bottom:8px}.home-page .course-option{min-height:56px;margin-bottom:4px;padding-block:3px}.home-page .course-option.selected{padding-block:2.5px}.home-page .course-option .sushi-image{width:48px;height:40px}.reading-entry-section{margin-top:4px;padding-top:6px}}@media (width<=820px){.reading-entry-section{margin-top:0}}