:root{--bg:#f6f4ef;--surface:#fff;--surface-2:#f1eee7;--ink:#1c1e24;--ink-2:#454a55;--muted:#676c7b;--line:#e1ddd4;--accent:#2b4a8b;--accent-ink:#fff;--accent-soft:#e7ecf7;--polite:#24478f;--polite-bg:#e6edfa;--casual:#8a4b00;--casual-bg:#fdefd9;--service:#6a3a7c;--service-bg:#f4e9f7;--neutral:#4a5160;--neutral-bg:#eceef2;--again:#a3402a;--again-bg:#fbe9e4;--ok:#276a43;--ok-bg:#e3f3ea;--warning-bg:#fff4d6;--male:#0f5c63;--male-bg:#ddf1f2;--female:#8c2f5a;--female-bg:#f9e5ee;--radius:14px;--tab-height:60px;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;--font-ja:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans CJK JP", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121418;--surface:#1b1e24;--surface-2:#23272f;--ink:#eceef2;--ink-2:#c3c7d0;--muted:#9ba1ae;--line:#2e333c;--accent:#9db3ff;--accent-ink:#0d1020;--accent-soft:#1f2a44;--polite:#b3c5f7;--polite-bg:#1f2a44;--casual:#f3c47a;--casual-bg:#3a2a12;--service:#dbb8ea;--service-bg:#33223b;--neutral:#c3c9d4;--neutral-bg:#272c34;--again:#f2a38f;--again-bg:#3b1f19;--ok:#90d7ab;--ok-bg:#173325;--warning-bg:#3a3212;--male:#8fd9df;--male-bg:#16363a;--female:#f3a8c9;--female-bg:#3d1c2b}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:16px/1.55 var(--font-ui);margin:0}[lang=ja]{font-family:var(--font-ja)}p,dd,li,td,h1,h2,h3{overflow-wrap:anywhere}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}main:focus{outline:none}[id]{scroll-margin-top:72px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{min-height:100dvh}.app-bar{z-index:10;padding:10px max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:16px;display:flex;position:sticky;top:0}.brand{color:var(--ink);margin-right:auto;font-weight:700;text-decoration:none}.top-nav{display:none}.settings-link{min-width:44px;min-height:44px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:6px;margin:-8px -8px -8px 0;font-size:20px;font-weight:600;text-decoration:none;display:inline-flex}.settings-link[aria-current=page]{color:var(--accent)}.settings-text{font-size:15px;display:none}@media (width>=760px){.settings-link{margin:0;font-size:16px}.settings-text{display:inline}}.status-line{padding:6px max(16px, env(safe-area-inset-right)) 6px max(16px, env(safe-area-inset-left));background:var(--surface-2);border-bottom:1px solid var(--line);margin:0;font-size:12.5px}.next-up{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:var(--radius);background:var(--accent-soft);color:var(--ink);flex-direction:column;gap:2px;margin-top:10px;padding:12px 14px;text-decoration:none;display:flex}.status-line a{color:var(--muted);text-decoration:none}.page{max-width:46rem;padding:16px max(16px, env(safe-area-inset-right)) calc(var(--tab-height) + 24px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;gap:16px;margin:0 auto;display:flex}.update-banner{padding:8px max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));background:var(--accent-soft);color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}.update-banner .button{flex:none}.tab-bar{z-index:10;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.tab-bar a{min-height:var(--tab-height);color:var(--muted);overflow-wrap:anywhere;justify-content:center;align-items:center;font-size:13px;font-weight:600;text-decoration:none;display:flex}.tab-bar a[aria-current=page]{color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}@media (width>=760px){.app-bar{padding:12px max(32px,50% - 23rem + 32px)}.top-nav{gap:22px;display:flex}.top-nav a{color:var(--muted);padding:6px 0;font-weight:600;text-decoration:none}.top-nav a[aria-current=page]{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.status-line{padding:6px max(32px,50% - 23rem + 32px)}.tab-bar{display:none}.page{padding:28px 32px 48px}}.page-header{flex-direction:column;gap:8px;display:flex}.page-header h1{margin:0;font-size:26px;line-height:1.25}.lede{color:var(--ink-2);margin:0}.crumb{margin:0;font-size:14px;font-weight:600}.crumb a{text-decoration:none}.title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:8px 0 10px;font-size:13px}.meta{color:var(--muted);margin:0;font-size:13.5px}.notice{color:var(--ink-2);background:var(--surface-2);border-radius:10px;margin:0;padding:8px 12px;font-size:13.5px}.warning{background:var(--warning-bg);border-radius:10px;padding:8px 12px}.fine-print{color:var(--muted);margin:0;font-size:12.5px}.keys{display:none}@media (hover:hover) and (pointer:fine){.keys{display:inline}}.card,.item-card,.scene,.study-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card h2,.card h3{margin:0 0 6px;font-size:18px}.card p{margin:6px 0}.list{flex-direction:column;gap:12px;display:flex}.actions{gap:10px;margin-top:12px;display:flex}.actions.wrap{flex-wrap:wrap}.page-header .actions,section>.actions{margin-top:0}.grow{flex:1 1 0}.button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;text-align:center;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.button.small{min-height:36px;padding:4px 12px;font-size:14px}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button.again{background:var(--again-bg);color:var(--again);border-color:#0000}.button.ok{background:var(--ok-bg);color:var(--ok);border-color:#0000}.button.danger{color:var(--again);border-color:color-mix(in srgb, var(--again) 45%, transparent)}.button.danger-solid{background:var(--again);border-color:var(--again);color:var(--surface)}.button:disabled{opacity:.5;cursor:not-allowed}.confirm{flex-wrap:wrap;gap:8px;display:inline-flex}.save-button,.play-button{border:1px solid var(--line);background:var(--surface-2);min-height:36px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:4px 12px;font-size:13.5px;font-weight:700}.save-button[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-soft)}.play-button.preferred{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:var(--accent-soft)}.play{flex-wrap:wrap;align-items:center;gap:4px 8px;display:inline-flex}.play-note{color:var(--muted);font-size:12.5px}.play-error{color:var(--again);font-size:13px}.audio-note{color:var(--muted);margin:0;font-size:13px}.chips{flex-wrap:wrap;gap:6px;margin:0;display:flex}.chip{background:var(--neutral-bg);color:var(--neutral);border-radius:999px;align-items:center;padding:2px 9px;font-size:12px;font-weight:700;line-height:1.6;display:inline-flex}.chip.role-say{background:var(--accent);color:var(--accent-ink)}.chip.role-hear{border:1px solid var(--line);color:var(--ink-2);background:0 0}.chip.register-polite{background:var(--polite-bg);color:var(--polite)}.chip.register-casual{background:var(--casual-bg);color:var(--casual)}.chip.register-service-polite{background:var(--service-bg);color:var(--service)}.chip.gendered-male{background:var(--male-bg);color:var(--male)}.chip.gendered-female{background:var(--female-bg);color:var(--female)}.japanese p{margin:0}.ja{line-break:strict;font-weight:600}.ja-line .romaji{color:var(--ink-2);font-weight:400}.kana{color:var(--ink-2)}.japanese-large .ja-line{font-size:30px;line-height:1.4}.japanese-large .kana{font-size:16px}.japanese-medium .ja-line{font-size:20px;line-height:1.45}.japanese-medium .kana{font-size:14px}.japanese-small .ja-line{font-size:18px;line-height:1.45}.japanese-small .kana{font-size:13.5px}.bar{background:var(--neutral-bg);border-radius:3px;height:6px;margin:12px 0 6px;display:flex;overflow:hidden}.bar-ok{background:var(--ok)}.bar-again{background:var(--again)}.bar-learning{background:color-mix(in srgb, var(--accent) 45%, transparent)}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);height:100%;color:var(--ink);flex-direction:column;gap:4px;padding:12px;text-decoration:none;display:flex}.tile b{font-size:16px}.tile span{color:var(--ink-2);overflow-wrap:anywhere;font-size:13.5px}.tile .meta{color:var(--muted);font-size:12.5px}.tile .tile-counts{margin-top:auto}@media (width>=760px){.tiles{grid-template-columns:repeat(3,1fr);gap:12px}}.item-card{flex-direction:column;gap:6px;display:flex}.english{margin:0;font-size:15px}.context{color:var(--muted);margin:0;font-size:13px}.item-actions,.turn-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}details>summary{cursor:pointer;color:var(--accent);font-size:13.5px;font-weight:600}.details{gap:10px;margin:8px 0 0;font-size:14.5px;display:grid}.details dt{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.details dd{margin:2px 0 0}.study-header h1{font-size:22px}.study-card{border-radius:18px;flex-direction:column;gap:14px;padding:18px;display:flex}.study-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.prompt,.answer{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.answer{border-top:1px dashed var(--line);padding-top:14px}.answer:focus{outline:none}.prompt-text,.turn-revealed{flex-direction:column;gap:6px;display:flex}.prompt-text{gap:10px}.turn-revealed:focus{outline:none}.prompt-label{color:var(--muted);margin:0;font-size:13.5px}.prompt-english{margin:0;font-size:23px;font-weight:700;line-height:1.35}.prompt-context{color:var(--ink-2);margin:0;font-size:13.5px}.answer-english{margin:0;font-size:21px;font-weight:700}.study-actions{bottom:calc(var(--tab-height) + env(safe-area-inset-bottom) + 8px);background:var(--surface);gap:10px;padding-top:8px;display:flex;position:sticky}@media (width>=760px){.study-actions{bottom:12px}}.study-actions .button{min-height:52px}.study-actions .grade{flex-direction:column;gap:0;line-height:1.2}.grade small{opacity:.85;font-size:12px;font-weight:600}.listen-prompt{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.play-button.large{min-height:56px;padding:8px 28px;font-size:18px}.session-end h2{margin:0 0 6px}.file-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.restore p{margin:0}.today-counts{color:var(--ink-2);gap:20px;margin:0 0 4px;font-size:16px;display:flex}.today-counts b{color:var(--ink);font-size:30px}.field.inline-field{flex-direction:row;justify-content:space-between;align-items:center}.deck-links{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.deck-link{background:var(--surface);border:1px solid var(--line);height:100%;color:var(--ink);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;text-decoration:none;display:flex}.deck-title{font-weight:700}.stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;display:grid}.stats div{background:var(--surface-2);border-radius:10px;padding:8px 10px}.stats dt{color:var(--muted);font-size:12.5px}.stats dd{margin:0;font-size:20px;font-weight:700}@media (width>=520px){.stats{grid-template-columns:repeat(4,1fr)}}.day-strip ol{grid-template-columns:repeat(14,1fr);gap:4px;margin:0;padding:0;list-style:none;display:grid}.day-strip li{aspect-ratio:1;background:var(--neutral-bg);border-radius:4px}.day-strip .level-1{background:color-mix(in srgb, var(--ok) 35%, transparent)}.day-strip .level-2{background:color-mix(in srgb, var(--ok) 65%, transparent)}.day-strip .level-3{background:var(--ok)}.day-strip-ends{justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.readiness{gap:10px;margin:8px 0 12px;padding:0;list-style:none;display:grid}.readiness .bar{margin:4px 0 2px}.scene-nav{scrollbar-width:none;gap:8px;margin:0 -16px;padding:0 16px 4px;display:flex;overflow-x:auto}@media (width>=760px){.scene-nav{flex-wrap:wrap;margin:0;padding:0}}.scene-nav a{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;flex:none;padding:6px 12px;font-size:13.5px;font-weight:700;text-decoration:none}.scene-nav a[aria-current=page]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.scene{flex-direction:column;gap:12px;display:flex}.scene-head h2{margin:2px 0 4px;font-size:18px;line-height:1.35}.scene-head p{margin:0}.overline{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin:0;font-size:12px;font-weight:700}.scene-relationship{color:var(--ink-2);font-size:14px}.scene-notes{margin-top:6px}.scene-notes p{color:var(--ink-2);margin-top:6px;font-size:14px}.segmented{background:var(--surface-2);border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;max-width:380px;padding:3px;display:grid}.segmented button{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:14px;font-weight:700}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f}.turns{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.turn{border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;display:flex}.turn-hear{background:var(--surface-2);margin-right:18px}.turn-say{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);margin-left:18px}.turn-active{outline:2px solid var(--accent);outline-offset:2px}.scene-player{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pace-toggle{flex:none;width:170px}.your-turn{flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.your-turn p{color:var(--accent);margin:0;font-weight:700}.countdown{background:var(--accent);transform-origin:0;border-radius:2px;width:100%;height:4px;animation:linear forwards countdown;display:block}@keyframes countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.countdown{animation:none}}.turn-who{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:12.5px;font-weight:700;display:flex}.turn-say .turn-who{color:var(--accent)}.turn-cue,.turn-english{margin:0;font-size:15px}.turn-cue{font-weight:700}.turn-usage{color:var(--ink-2);margin:0;font-size:13.5px}.turn-actions{width:100%}.turn-head{justify-content:space-between;align-items:flex-start;gap:8px;width:100%;display:flex}.turn-head .turn-who{min-width:0;padding-top:6px}.turn-chips{flex-wrap:wrap;gap:4px 6px;margin:-2px 0 0;display:flex}.turn-tools,.other-wordings-head{flex:none;justify-content:flex-end;gap:6px;display:flex}.wording-button{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:var(--surface);min-height:32px;color:var(--accent);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:700}.other-wordings{width:100%}.wordings{flex-direction:column;gap:4px;width:100%;margin:4px 0 0;padding:0;list-style:none;display:flex}.wording{border-left:3px solid color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:0 8px 8px 0}.wording-summary{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:14px;display:block}.wording-summary:before{content:"▸ ";color:var(--muted)}.wording.open .wording-summary:before{content:"▾ "}.wording-english{color:var(--muted)}.wording-english:before{content:"— "}.wording-detail{flex-direction:column;gap:4px;padding:0 10px 8px;display:flex}.wording-detail p{margin:0}.record{flex-wrap:wrap;align-items:center;gap:4px 8px;display:inline-flex}.record-button{border:1px solid color-mix(in srgb, var(--again) 40%, transparent);background:var(--surface);min-height:36px;color:var(--again);font:inherit;cursor:pointer;border-radius:999px;padding:4px 12px;font-size:13.5px;font-weight:700}.record-button.recording{background:var(--again);border-color:var(--again);color:var(--surface)}.alternative{border:1px dashed var(--casual);background:var(--casual-bg);border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.alternative .overline{color:var(--casual)}.alternative .chip.register-casual{border:1px solid var(--casual)}.search-box input{border:2px solid var(--accent);background:var(--surface);width:100%;min-height:48px;color:var(--ink);font:inherit;border-radius:12px;padding:10px 14px;font-size:17px}.field{flex-direction:column;gap:6px;margin-top:10px;font-weight:600;display:flex}.field select{border:1px solid var(--line);background:var(--surface);max-width:100%;min-height:44px;color:var(--ink);font:inherit;border-radius:10px;padding:6px 10px}.table-scroll{overflow-x:auto}.ranks{border-collapse:collapse;width:100%;font-size:14px}.ranks th,.ranks td{border-bottom:1px solid var(--line);text-align:left;padding:6px 8px}.ranks th{color:var(--muted);font-size:12px}