:root{color-scheme:light;--surface-0: #eaecef;--surface-1: #ffffff;--surface-2: #f0f2f4;--chunk-fg: #5d7a64;--btn-bg: #ffffff;--quiet-bg: #e4e7ea;--on-accent: #ffffff;--border: #d5d9de;--text-primary: #0b0b0b;--text-secondary: #4a4e54;--text-muted: #767b82;--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--series-5: #e87ba4;--accent: #2c6094;--accent-soft: #e7eef6;--accent-line: #b9cde3;--accent-bg: #edf4f7;--voice-a: #2c6094;--voice-b: #8a5588;--ok: #1f7a52;--ok-bg: #e6f3ec;--ng: #b8322f;--ng-bg: #fbeae9;--speaking-bg: #eef4f7;--speaking-bar: #7fa8bd;--reading-bg: #cfe3ed;--reading-fg: #14343f;--unknown-bg: #ffe3e0;--unknown-bar: #e34948;--phrase-bg: #ece4f7;--phrase-bar: #7a51b5;--mark-hover-bg: var(--surface-2);--mark-hover-line: var(--text-muted);--pos-noun: #2f6f86;--pos-noun-bg: #eaf3f7;--pos-verb: #38795a;--pos-verb-bg: #eaf4ee;--pos-adj: #8a5588;--pos-adj-bg: #f6edf5;--pos-adv: #8a6a33;--pos-adv-bg: #f9f2e6;--pos-conj: #5c6470;--pos-conj-bg: #eff1f4;--pos-phrase: #4c6ba8;--pos-phrase-bg: #eef2fa;--warn: #eda100;--danger: #e34948;--fs-10: 10px;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--fs-17: 17px;--fs-20: 20px;--fs-26: 26px;--fs-40: 40px;--fs-10h: var(--fs-10);--fs-11h: var(--fs-11);--fs-12h: var(--fs-12);--fs-13h: var(--fs-13);--fs-15h: var(--fs-15);--fs-18: var(--fs-17);--fs-22: var(--fs-20);--fs-24: var(--fs-26);--fs-28: var(--fs-26);--fs-16: 16px;--fs-19: 19px;--fs-23: 23px;--r-4: 4px;--r-8: 8px;--r-12: 12px;--r-2: var(--r-4);--r-6: var(--r-8);--r-10: var(--r-12);--r-14: var(--r-12);--r-18: var(--r-12);--r-pill: 999px;--r-circle: 50%;--sp-1: 1px;--sp-2: 2px;--sp-3: 3px;--sp-4: 4px;--sp-5: 5px;--sp-6: 6px;--sp-7: 7px;--sp-8: 8px;--sp-10: 10px;--sp-12: 12px;--sp-14: 14px;--sp-16: 16px;--sp-18: 18px;--radius: var(--r-10);--gap: var(--sp-16);--shadow-1: 0 1px 2px rgba(16, 15, 12, .07), 0 1px 1px rgba(16, 15, 12, .05);--shadow-2: 0 6px 20px rgba(16, 15, 12, .13), 0 2px 6px rgba(16, 15, 12, .08);--shadow-paper: 0 6px 24px rgb(0 0 0 / 32%);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--accent) 38%, transparent)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--surface-0: #0c0c0b;--surface-1: #1c1c1a;--surface-2: #2b2b28;--chunk-fg: #8faa94;--btn-bg: #303030;--quiet-bg: #454541;--on-accent: #10222f;--border: #46463f;--text-primary: #ffffff;--text-secondary: #cfcec4;--text-muted: #9a998f;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--accent: #6aa6de;--accent-soft: #1e2c3a;--accent-line: #35516d;--accent-bg: #1e2c3a;--voice-a: #6aa6de;--voice-b: #c491c2;--ok: #6cc79a;--ok-bg: #16281f;--ng: #e88b88;--ng-bg: #2e1a19;--speaking-bg: #1d2a30;--speaking-bar: #5d8ba0;--reading-bg: #2c4d5c;--reading-fg: #eaf4f9;--unknown-bg: #3e2220;--unknown-bar: #e66767;--phrase-bg: #2e2540;--phrase-bar: #a487d6;--pos-noun: #79b7cd;--pos-noun-bg: #1d2c33;--pos-verb: #7cc09c;--pos-verb-bg: #1c2b24;--pos-adj: #c491c2;--pos-adj-bg: #2c2130;--pos-adv: #cfa96a;--pos-adv-bg: #2f2a1e;--pos-conj: #a3adba;--pos-conj-bg: #262a2f;--pos-phrase: #93aee0;--pos-phrase-bg: #212734;--warn: #c98500;--danger: #e66767;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 26px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .4)}}:root[data-theme=dark]{color-scheme:dark;--surface-0: #0c0c0b;--surface-1: #1c1c1a;--surface-2: #2b2b28;--chunk-fg: #8faa94;--btn-bg: #303030;--quiet-bg: #454541;--on-accent: #10222f;--border: #46463f;--text-primary: #ffffff;--text-secondary: #cfcec4;--text-muted: #9a998f;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--accent: #6aa6de;--accent-soft: #1e2c3a;--accent-line: #35516d;--accent-bg: #1e2c3a;--voice-a: #6aa6de;--voice-b: #c491c2;--ok: #6cc79a;--ok-bg: #16281f;--ng: #e88b88;--ng-bg: #2e1a19;--speaking-bg: #1d2a30;--speaking-bar: #5d8ba0;--reading-bg: #2c4d5c;--reading-fg: #eaf4f9;--unknown-bg: #3e2220;--unknown-bar: #e66767;--phrase-bg: #2e2540;--phrase-bar: #a487d6;--pos-noun: #79b7cd;--pos-noun-bg: #1d2c33;--pos-verb: #7cc09c;--pos-verb-bg: #1c2b24;--pos-adj: #c491c2;--pos-adj-bg: #2c2130;--pos-adv: #cfa96a;--pos-adv-bg: #2f2a1e;--pos-conj: #a3adba;--pos-conj-bg: #262a2f;--pos-phrase: #93aee0;--pos-phrase-bg: #212734;--warn: #c98500;--danger: #e66767;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 26px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{margin:0;background:var(--surface-0);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Meiryo,system-ui,sans-serif;font-size:var(--fs-15);line-height:1.7}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-10);padding:48px 16px;text-align:center;color:var(--text-secondary)}.loading--full{min-height:60vh}.loading-name,.home-eyebrow{margin:0;font-size:var(--fs-13);font-weight:600;letter-spacing:.14em;color:var(--text-muted)}.loading-bar{width:min(220px,60vw);height:3px;border-radius:var(--r-pill);background:var(--border);overflow:hidden}.loading-bar>span{display:block;width:40%;height:100%;border-radius:inherit;background:var(--accent);animation:loading-slide 1.15s ease-in-out infinite}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.loading-note{margin:0;font-size:var(--fs-12);color:var(--text-secondary)}@media (prefers-reduced-motion: reduce){.loading-bar>span{animation:none;width:100%;opacity:.55}}.home{display:flex;flex-direction:column;gap:var(--sp-16)}.home-head{display:flex;flex-direction:column;gap:var(--sp-6)}.home-eyebrow{display:none}.app-shell.is-narrow .home-eyebrow{display:block}.home-title{margin:0;font-size:var(--fs-20);font-weight:700;color:var(--text-primary);text-wrap:balance}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--sp-12)}.home-box{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-height:112px;padding:var(--sp-16);text-align:left;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-12);color:var(--text-primary);cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.home-box:hover{border-color:var(--accent-line);box-shadow:var(--shadow-1)}.home-box:active{transform:translateY(1px)}.home-box:focus-visible{outline:none;box-shadow:var(--focus-ring)}.home-box-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:var(--fs-20);border-radius:var(--r-8);background:var(--accent-soft);color:var(--accent)}.home-box-name{display:flex;align-items:center;gap:var(--sp-4);width:100%;font-size:var(--fs-15);font-weight:600}.home-box-label{min-width:0;overflow-wrap:break-word}.home-box-go{flex:0 0 auto;margin-left:auto;color:var(--text-muted)}.home-box-desc{font-size:var(--fs-12);line-height:1.6;color:var(--text-secondary);overflow-wrap:break-word}@media (prefers-reduced-motion: reduce){.home-box{transition:none}.home-box:active{transform:none}}@media (max-width: 560px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-8)}.home-box{min-height:104px;padding:var(--sp-12)}}.app-shell{display:flex;min-height:100vh;min-height:100dvh}.app-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.app{width:100%;max-width:1100px;margin:0 auto;padding:20px 16px 64px}.app-stick{position:sticky;top:0;z-index:30;box-shadow:0 6px 24px #0000001a}.app-topbar{display:flex;align-items:center;gap:var(--sp-10);min-height:56px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--surface-1)}.app-topbar-icon{flex:0 0 auto;display:inline-flex;align-items:center;width:20px;font-size:var(--fs-20);color:var(--text-secondary)}.app-topbar-title{margin:0;font-size:var(--fs-16);font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--sp-8)}.app-tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:stretch;border-top:1px solid var(--border);background:var(--surface-1);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 24px #0000001a}.app-tab{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 2px;min-height:56px;border:none;border-top:3px solid transparent;background:none;cursor:pointer;color:var(--text-secondary);font-size:var(--fs-11)}.app-tab-icon{display:inline-flex;font-size:var(--fs-20);line-height:1}.app-tab-label{max-width:100%;line-height:1.15;text-align:center;overflow-wrap:anywhere}.app-tab.is-on{border-top-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}.app-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.app-shell.has-tabs .app{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.ai-note{margin:20px 0 0;padding-top:10px;border-top:1px solid var(--rule, var(--border));color:var(--ink-faint, var(--text-muted));font-size:var(--fs-12);line-height:1.6}@media print{.ai-note{border-top-color:#999;color:#333}}.nav-icon-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:var(--r-10);background:none;cursor:pointer;color:var(--text-secondary);font-size:var(--fs-20)}.nav-icon-btn:hover{background:var(--surface-2);color:var(--text-primary)}.app-nav{--nav-w: 248px;--nav-w-mini: 68px;flex:0 0 auto;display:flex;flex-direction:column;width:var(--nav-w);border-right:1px solid var(--border);background:var(--surface-1)}.app-nav.is-wide{position:sticky;top:0;align-self:flex-start;height:100vh;height:100dvh;overflow-y:auto;transition:width .16s ease}.app-nav.is-wide.is-closed{width:var(--nav-w-mini)}.app-nav.is-wide.is-closed .app-nav-brand,.app-nav.is-wide.is-closed .app-nav-label,.app-nav.is-wide.is-closed .app-nav-foot{display:none}.app-nav.is-wide.is-closed .app-nav-head{justify-content:center}.app-nav.is-wide.is-closed .app-nav-item{justify-content:center;padding-left:0;padding-right:0}.app-nav.is-drawer{position:fixed;z-index:60;top:0;left:0;bottom:0;width:min(var(--nav-w),84vw);overflow-y:auto;box-shadow:0 0 0 100vmax transparent;transform:translate(-100%);transition:transform .18s ease,visibility .18s;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app-nav.is-drawer.is-open{transform:translate(0);box-shadow:var(--shadow-2)}.app-nav.is-drawer.is-closed{visibility:hidden}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000006b;animation:nav-scrim-in .18s ease}@keyframes nav-scrim-in{0%{opacity:0}to{opacity:1}}.app-nav-head{display:flex;align-items:center;gap:var(--sp-8);min-height:56px;padding:8px 10px 8px 16px;border-bottom:1px solid var(--border)}.app-nav-brand{flex:1 1 auto;min-width:0;font-size:var(--fs-15);font-weight:700;line-height:1.25}.app-nav-head .nav-icon-btn{margin-left:auto}.app-nav-list{list-style:none;margin:0;padding:10px 8px}.app-nav-item{display:flex;align-items:center;gap:var(--sp-12);width:100%;min-height:44px;padding:10px 12px;border:none;border-radius:var(--r-10);background:none;cursor:pointer;color:var(--text-secondary);font-size:var(--fs-15);text-align:left}.app-nav-item:hover{background:var(--surface-2);color:var(--text-primary)}.app-nav-item.is-active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:700;box-shadow:inset 3px 0 0 var(--accent)}.app-nav-icon{flex:0 0 auto;display:inline-flex;align-items:center;width:20px;font-size:var(--fs-20)}.app-nav-label{flex:1 1 auto;min-width:0;white-space:nowrap}.app-nav-foot{margin-top:auto;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--sp-10)}.nav-setting{display:flex;flex-direction:column;gap:var(--sp-4)}.nav-setting-label{color:var(--text-muted);font-size:var(--fs-11h)}.nav-setting .theme-switch{margin-left:0;align-self:flex-start}.nav-setting .theme-btn{padding:6px 12px}.nav-account{display:flex;flex-direction:column;gap:var(--sp-6);padding-top:12px;border-top:1px solid var(--border);font-size:var(--fs-12h)}.nav-account-text{min-width:0;display:flex;flex-direction:column;gap:var(--sp-6)}.nav-account-name{font-weight:700;font-size:var(--fs-14);letter-spacing:.01em;overflow-wrap:anywhere}.nav-account-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8)}.nav-account .btn--link{margin-left:auto}.tabbar{display:flex;gap:var(--sp-2);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabbar::-webkit-scrollbar{display:none}.tabbar-tab{flex:0 0 auto;white-space:nowrap;border:none;background:none;cursor:pointer;color:var(--text-secondary);font-size:var(--fs-15)}.tabbar-count{margin-left:6px;padding:0 6px;border-radius:var(--r-pill);background:color-mix(in srgb,currentColor 14%,transparent);color:inherit;font-size:var(--fs-12);font-variant-numeric:tabular-nums}.tabbar--main{position:sticky;top:0;z-index:20;gap:var(--sp-4);border-bottom:1px solid var(--border);background:var(--surface-0, var(--bg, #fff));margin:0 -4px;padding:0 4px}.tabbar--main .tabbar-tab{padding:12px 14px;border-bottom:2px solid transparent;font-weight:500}.tabbar--main .tabbar-tab.is-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.tabbar--sub{gap:var(--sp-6);margin:8px 0 10px}.tabbar--sub .tabbar-tab{padding:6px 14px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-1);font-size:var(--fs-14)}.tabbar--sub .tabbar-tab.is-active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.app-toolbar{display:flex;flex-wrap:wrap;gap:var(--gap);align-items:center;margin:16px 0}.app-toolbar>.btn--link{margin-left:auto}.app-main{margin-top:var(--gap)}.app-toolbar:empty{display:none;margin:0}.app-footer{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px var(--gap);margin-top:40px;padding-top:16px;border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--fs-12)}.app-footer>p{margin:0}.app-footer>.btn--link{margin-left:auto;font-size:var(--fs-12)}.stack-lg{display:flex;flex-direction:column;gap:var(--gap)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:start}@media (max-width: 780px){.grid-2{grid-template-columns:1fr}.app-header{align-items:flex-start}}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-6)}input,select,textarea{font-family:inherit}@media (max-width: 860px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:var(--fs-16)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.phonetic{display:block;margin-top:2px;color:var(--text-muted);font-size:.86em;font-family:Charis SIL,Doulos SIL,Gentium Plus,Segoe UI,system-ui,sans-serif;letter-spacing:.01em}.lesson-sheet .phonetic{color:var(--ink-faint)}.qa-row{padding:12px 10px 12px 14px;border-bottom:1px solid var(--qa-line, var(--border))}.qa-row:last-child{border-bottom:none}.answer-box{margin-top:10px;padding:2px 0 2px 12px;border-left:2px solid var(--qa-line, var(--border))}.answer-box-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-8);margin:0 0 6px;color:var(--text-muted);font-size:var(--fs-12)}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-1)}.card--highlight{border-color:var(--accent)}.card-title{margin:0 0 4px;font-size:var(--fs-17);font-weight:600}.card-hint{margin:0 0 12px;color:var(--text-muted);font-size:var(--fs-12)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}@media (max-width: 780px){.stat-row{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat-label{margin:0;color:var(--text-secondary);font-size:var(--fs-12)}.stat-value{margin:2px 0 0;font-size:var(--fs-26);font-weight:650;letter-spacing:-.01em;line-height:1.25}.stat-unit{margin-left:3px;font-size:var(--fs-14);font-weight:500;color:var(--text-secondary)}.stat-note{margin:2px 0 0;font-size:var(--fs-11);color:var(--text-muted)}.form{display:flex;flex-direction:column;gap:var(--sp-12);margin-top:12px}.field{display:flex;flex-direction:column;gap:var(--sp-4);border:0;padding:0;margin:0}.field--inline{flex-direction:row;align-items:center;gap:var(--sp-8)}.field--inline>span{white-space:nowrap}.field>span,.field>legend,.field-label{color:var(--text-primary);font-size:var(--fs-12);font-weight:600;letter-spacing:.02em}.field-hint{margin-left:8px;color:var(--text-muted);font-weight:400;letter-spacing:0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12)}.voice-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-12)}.voice-row>.field{flex:1 1 150px;min-width:0}.voice-row>.field:first-child{flex:2 1 280px}.voice-pick{max-width:none}.voice-pick>legend{margin-bottom:6px}.voice-remake{margin:8px 0 4px;padding:12px;border:1px solid var(--border);border-radius:var(--r-10);background:var(--surface-2)}.voice-mode{display:flex;flex-wrap:wrap;gap:var(--sp-8);margin-top:10px}.voice-mode .chip{gap:var(--sp-6)}.voice-mode .chip input{position:static;opacity:1;width:auto;height:auto}.voice-remake-cast{font-weight:700}input[type=text],input[type=password],input[type=email],input[type=search],input[type=tel],input[type=date],input[type=number],select,textarea{padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-8);background:var(--surface-0);color:var(--text-primary);font-family:inherit;font-size:var(--fs-14);width:100%;max-width:34rem}.input--wide,textarea{max-width:none}.card--form{max-width:52rem}.card--form input,.card--form select,.card--form textarea{max-width:none}@supports (background: -webkit-named-image(i)){select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) calc(50% - 1px),calc(100% - 10px) calc(50% - 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}select:focus{background-color:var(--surface-0)}}@media (max-width: 760px),(pointer: coarse){input,textarea,select,input[type=text],input[type=password],input[type=email],input[type=search],input[type=tel],input[type=date],input[type=number],button,.rate-pick select{font-size:var(--fs-16)}.btn--small{font-size:var(--fs-14)}.theme-btn,.tagchip{font-size:var(--fs-13)}}textarea{resize:vertical}audio{width:100%;margin-top:4px}.chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-6)}.chip{display:inline-flex;align-items:center;gap:var(--sp-6);padding:6px 12px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-0);cursor:pointer;font-size:var(--fs-13)}.chip input{position:absolute;opacity:0;width:0;height:0}.chip.is-selected{border-color:var(--accent);background:var(--surface-1);font-weight:600}.chip-dot{width:9px;height:9px;border-radius:var(--r-circle);display:inline-block;flex-shrink:0;margin-right:4px}.form-actions{display:flex;align-items:center;gap:var(--sp-12)}.form-message{color:var(--series-3);font-size:var(--fs-13)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-6);min-height:40px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--r-8);background:var(--btn-bg);color:var(--text-primary);font-family:inherit;font-size:var(--fs-14);line-height:1.4;cursor:pointer}.btn:hover{border-color:var(--text-muted)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}.btn--link{display:inline;min-height:0;background:none;border:none;padding:0;color:var(--accent);text-decoration:underline}.btn--link:active{transform:none}.btn--quiet{background:var(--quiet-bg);border-color:var(--quiet-bg);color:var(--text-primary)}.btn--quiet:hover{border-color:var(--text-muted)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text-secondary)}.btn--toggle{padding:5px 12px;font-size:var(--fs-13)}.btn--toggle.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.btn--half{border:2px solid var(--accent);background:transparent;color:var(--accent);font-weight:600}.btn-row{display:flex;flex-wrap:wrap;gap:var(--sp-8);margin:12px 0}.card-tools{flex-wrap:nowrap;gap:var(--sp-6);margin-bottom:0}.card-tools>.btn{flex:0 1 auto;min-width:0}.card-tools+.btn-row{margin-top:8px}.btn.iconbtn{min-width:40px;min-height:40px;padding:0 10px;flex:0 0 auto}.iconbtn .icon{width:18px;height:18px;margin-right:0;vertical-align:0}.btn.iconbtn--wide{padding:0 12px}.iconbtn--wide .icon{margin-right:var(--sp-6)}.iconbtn-text{font-size:var(--fs-13);white-space:nowrap}.iconbtn--on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.iconbtn-hint{position:fixed;z-index:200;max-width:min(19rem,calc(100vw - 16px));padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-12);background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-2)}.iconbtn-hint-line{margin:0;font-size:var(--fs-13);line-height:1.5;font-weight:600}.material-danger{justify-content:flex-end;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.material-danger+.card-hint{text-align:right}.material-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--sp-6);margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.material-foot .material-danger{margin:0;padding:0;border-top:0;gap:var(--sp-6)}.material-foot>.card-hint,.material-foot>.notice{flex:1 0 100%;margin:8px 0 0;text-align:right}.share-box{margin-top:12px;padding:12px;border:1px solid var(--accent);border-radius:var(--radius)}.share-box .field-label{margin:12px 0 4px}.share-box .field-label:first-of-type{margin-top:4px}.share-box .field-hint{margin:4px 0 0}.share-box .notice{margin:8px 0 0}.share-box .btn-row{margin-bottom:0}.share-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-6)}.share-row .input{flex:1 1 14rem;min-width:0;max-width:34rem}.share-row .btn{flex:0 0 auto}input.share-url{font-size:var(--fs-12);text-overflow:ellipsis}.btn.is-off{opacity:.5;pointer-events:none}.btn--quiet.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-6)}.filter-label{color:var(--text-secondary);font-size:var(--fs-12);margin-right:4px}.notice{border-radius:var(--r-8);padding:10px 14px;font-size:var(--fs-13);line-height:1.6}.notice--warn{background:var(--surface-1);background:color-mix(in srgb,var(--warn) 12%,var(--surface-1));border:1px solid var(--warn)}.notice--info{background:var(--surface-1);border:1px solid var(--border);color:var(--text-secondary)}.notice--error{background:var(--surface-1);background:color-mix(in srgb,var(--ng) 12%,var(--surface-1));border:1px solid var(--ng)}.notice--ok{background:var(--surface-1);background:color-mix(in srgb,var(--series-3) 12%,var(--surface-1));border:1px solid var(--series-3)}.app-notice{position:relative;margin-bottom:var(--gap);padding-right:72px}.app-notice-close{position:absolute;top:10px;right:12px}.app-notice-open{display:inline-block;margin-bottom:var(--gap);padding:0;font-size:var(--fs-12h)}.setup-note{padding-right:14px}.setup-list{margin:var(--sp-8) 0 0;padding-left:1.4em;display:flex;flex-direction:column;gap:var(--sp-12)}.setup-title{font-weight:600}.setup-why{color:var(--text-secondary)}.setup-how{margin-top:2px}.setup-links{display:flex;flex-wrap:wrap;gap:var(--sp-12);margin-top:4px}.badge{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:var(--r-pill);font-size:var(--fs-11);font-weight:600}.badge--warn{background:var(--surface-2);background:color-mix(in srgb,var(--warn) 20%,var(--surface-1));color:var(--text-primary);border:1px solid var(--warn)}.badge--alert{background:var(--surface-2);background:color-mix(in srgb,var(--danger) 15%,var(--surface-1));color:var(--text-primary);border:1px solid var(--danger)}.hint{color:var(--text-muted);font-size:var(--fs-12);margin:6px 0 0}.muted{color:var(--text-muted)}.error{color:var(--danger);font-size:var(--fs-13);margin:8px 0 0}.recording-indicator{color:var(--danger);font-weight:600;font-size:var(--fs-13);margin:8px 0 0}.phrase{margin:12px 0;padding:12px 16px;border-left:3px solid var(--accent);background:var(--surface-0);border-radius:0 var(--r-8) var(--r-8) 0}.phrase-en{margin:0;font-size:var(--fs-17);font-weight:600}.phrase-ja{margin:4px 0 0;color:var(--text-secondary);font-size:var(--fs-13)}.score{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.score-main{display:flex;align-items:baseline;gap:var(--sp-4);margin-bottom:12px}.score-value{font-size:var(--fs-40);font-weight:700;letter-spacing:-.02em}.score-unit{font-size:var(--fs-15);color:var(--text-secondary)}.chart-block{margin-top:16px}.chart-title{margin:0 0 8px;font-size:var(--fs-13);font-weight:600;color:var(--text-secondary)}.chart{margin-top:12px}.chart--labeled .chart-plot{margin-top:14px}.chart-plot{position:relative;display:flex;align-items:flex-end;gap:var(--sp-2)}.chart-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.chart-grid span{position:absolute;left:0;right:0;height:1px;background:var(--surface-2)}.chart-col{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;cursor:default;outline:none}.chart-col:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart-bar{width:100%;min-height:2px;background:var(--series-1);max-width:48px;border-radius:var(--r-4) var(--r-4) 0 0;transition:opacity .12s ease}.chart-bar.is-hover{opacity:.75}.chart-tooltip{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;gap:var(--sp-8);align-items:baseline;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-6);padding:4px 10px;font-size:var(--fs-12);white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0000001f}.chart-tooltip strong{font-weight:600}.chart-tooltip span{color:var(--text-secondary)}.chart-endlabel{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:3px;font-size:var(--fs-10);color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.chart-axis{display:flex;gap:var(--sp-2);margin-top:6px}.chart-axis span{flex:1;text-align:center;font-size:var(--fs-10);color:var(--text-muted);overflow:hidden}.chart-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--fs-13);margin:0;text-align:center;padding:0 12px}.chart-empty--block{position:static;padding:24px 0}.hbar{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-6)}.hbar-row{display:grid;grid-template-columns:84px 1fr auto;gap:var(--sp-10);align-items:center}.hbar-label{font-size:var(--fs-12);color:var(--text-secondary);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-track{height:14px;background:var(--surface-2);border-radius:var(--r-4);overflow:hidden}.hbar-fill{display:block;height:100%;border-radius:var(--r-4);min-width:2px}.hbar-value{font-size:var(--fs-12);color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.table-scroll{overflow-x:auto;margin-top:12px}.table{width:100%;border-collapse:collapse;font-size:var(--fs-13)}.table th,.table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.table th{color:var(--text-secondary);font-weight:600;font-size:var(--fs-12)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table tr.is-clickable{cursor:pointer}.table tr.is-clickable:hover{background:var(--surface-0)}.table tr.is-selected{background:var(--surface-0);background:color-mix(in srgb,var(--accent) 8%,var(--surface-1))}.note-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis}html{-webkit-text-size-adjust:100%}html,body{overscroll-behavior-x:none}html,body{overflow-x:clip}.app{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(64px,env(safe-area-inset-bottom))}@media (max-width: 560px){.stat-value{font-size:var(--fs-22)}.app-title{font-size:var(--fs-19)}.app{padding:14px 10px 56px}.card{padding:14px 12px}.material-open{padding:10px 10px 8px}.field-row{grid-template-columns:1fr}.table-scroll{-webkit-overflow-scrolling:touch}.table th,.table td{padding:8px}}@media (pointer: coarse){.btn,.tabbar-tab{min-height:44px}.chip{min-height:38px}.btn--link{min-height:0}input[type=text],input[type=date],input[type=number],select,textarea{font-size:var(--fs-16)}}.toggle{display:flex;align-items:center;gap:var(--sp-8);cursor:pointer;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-8);background:var(--surface-0);font-size:var(--fs-14);min-height:44px}.toggle input[type=checkbox]{width:20px;height:20px;flex-shrink:0;margin:0;accent-color:var(--accent)}.saved-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-4)}.saved-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-10);padding:6px 0;border-bottom:1px solid var(--border);font-size:var(--fs-13)}.saved-row:last-child{border-bottom:0}.saved-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn--small{padding:5px 12px;font-size:var(--fs-13);min-height:34px;flex-shrink:0}.panel{margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:var(--r-10);background:var(--surface-0);display:flex;flex-direction:column;gap:var(--sp-10)}.panel--model{border-left:4px solid var(--series-1)}.panel--mine{border-left:4px solid var(--series-2)}.panel-title{margin:0;display:flex;align-items:center;gap:var(--sp-7);font-size:var(--fs-13);font-weight:700;letter-spacing:.02em}.panel--model .panel-title{color:var(--series-1)}.panel--mine .panel-title{color:var(--series-2)}.panel-actions{display:flex;flex-wrap:wrap;gap:var(--sp-8)}.panel-actions .btn{flex:0 0 auto}.btn--panel{flex:1 1 auto;min-width:160px}.panel-note{margin:0;color:var(--text-secondary);font-size:var(--fs-12);line-height:1.6}.panel audio{width:100%;margin:0}.settings{border-top:1px solid var(--border);padding-top:8px}.settings>summary{cursor:pointer;font-size:var(--fs-12);color:var(--text-secondary);list-style:none;padding:4px 0;min-height:32px;display:flex;align-items:center}.settings>summary::-webkit-details-marker{display:none}.settings>summary:before{content:"▸ ";margin-right:4px}.settings[open]>summary:before{content:"▾ "}.settings-body{display:flex;flex-direction:column;gap:var(--sp-10);padding:8px 0 4px}.btn--model{background:var(--series-1);border-color:var(--series-1);color:#fff;font-weight:600}.btn--mine{background:var(--series-2);border-color:var(--series-2);color:#fff;font-weight:600}.btn--model:hover,.btn--mine:hover{filter:brightness(.94)}.badge-quality{margin-left:auto;padding:2px 8px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--series-3) 16%,var(--surface-1));border:1px solid var(--series-3);color:var(--text-secondary);font-size:var(--fs-10);font-weight:600;letter-spacing:0}.signin{display:flex;justify-content:center;padding:48px 16px}.signin-card{width:100%;max-width:380px}.signin-field,.signin-error{margin-top:12px}.signin-submit{width:100%;margin-top:16px}.signin-note{margin-top:16px;margin-bottom:0;line-height:1.6}.signin-ref{margin:8px 0 0;font-size:var(--fs-11)}.signin-waiting{margin:8px 0 0;font-size:var(--fs-13)}.signin-diag{margin-top:12px}.signin-conn{margin:8px 0 0;font-size:var(--fs-13)}.signin-conn p{margin:0}.signin-conn-raw{margin-top:6px!important;font-size:var(--fs-11);word-break:break-word}.badge--admin{background:var(--surface-1);background:color-mix(in srgb,var(--accent) 18%,var(--surface-1));border:1px solid var(--accent);color:var(--text-primary);margin-left:0}.badge--learner{background:var(--surface-1);border:1px solid var(--border);color:var(--text-secondary);margin-left:0}.stack{display:flex;flex-direction:column;gap:var(--gap)}.section-title{margin:0;font-size:var(--fs-14);font-weight:600;color:var(--text-secondary)}.tagpicker{display:flex;flex-direction:column;gap:var(--sp-10);margin:8px 0 4px}.tagpicker-group{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-6) var(--sp-8)}.tagpicker-label{min-width:3em;flex-shrink:0;color:var(--text-secondary);font-size:var(--fs-12)}.tagpicker-tags{display:flex;flex-wrap:wrap;gap:var(--sp-6)}.tagchip{padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-12);line-height:1.5;background:var(--surface-1);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer}.tagchip:hover{border-color:var(--text-muted)}.tagchip.is-on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.tagchip.is-static{cursor:default}.tagchip.is-static:hover{border-color:var(--border)}.material-filter{margin-top:12px}.finder{display:flex;flex-direction:column;gap:var(--sp-12)}.finder-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-8) var(--sp-12)}.finder-head>.card-title{margin:0;font-size:var(--fs-16)}.finder .searchbar{margin:0}.finder>.card-hint{margin:0}.finder-filters{border:1px solid var(--border);border-radius:var(--r-10);background:var(--surface-2);padding:10px 12px}.finder-filters[open]{background:var(--surface-1)}.finder-sum{display:flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-14);font-weight:600;cursor:pointer;list-style:none;color:var(--text-primary)}.finder-sum::-webkit-details-marker{display:none}.finder-sum:before{content:"▸";color:var(--text-muted);font-size:.9em}.finder-filters[open]>.finder-sum:before{content:"▾"}.finder-sum:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.finder-filters:not([open]):hover{box-shadow:inset 0 0 0 1px var(--border)}.finder-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);font-size:var(--fs-12);font-weight:700}.finder-clear{margin:10px 0 0}.finder-filters[open]>.material-fields{margin-top:12px}.finder-float{position:fixed;right:16px;z-index:60;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--surface-1);border-color:var(--border);box-shadow:var(--shadow-2)}@media (max-width: 560px){.finder-float{right:10px;bottom:calc(10px + env(safe-area-inset-bottom))}}.app-shell.has-tabs .finder-float{bottom:calc(69px + env(safe-area-inset-bottom))}@media (max-width: 320px){.app-shell.has-tabs .finder-float{bottom:calc(75px + env(safe-area-inset-bottom))}}.finder-empty,.finder-more{display:flex;flex-direction:column;gap:var(--sp-10)}.finder-empty>.card-hint,.finder-more>.card-hint{margin:0}.finder-empty>.btn,.finder-more>.btn{align-self:flex-start}@media (max-width: 560px){.finder-empty>.btn,.finder-more>.btn{align-self:stretch}}.material-search{padding:12px 16px;box-shadow:none}.material-search[open]{padding:16px;box-shadow:var(--shadow-1)}.material-search-sum{display:flex;align-items:center;gap:var(--sp-8);margin:0;padding:2px 0;font-size:var(--fs-14);cursor:pointer;list-style:none;color:var(--text-secondary)}.material-search-sum::-webkit-details-marker{display:none}.material-search-sum:before{content:"▸";color:var(--text-muted);font-size:.9em}.material-search[open]>.material-search-sum{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border);color:var(--text-primary)}.material-search[open]>.material-search-sum:before{content:"▾"}.material-search:not([open]):hover{box-shadow:inset 0 0 0 1px var(--border)}.material-search-sum:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.material-search>.material-filter{margin-top:0}.material-keyword{max-width:260px}.material-head{margin-bottom:10px}.material-open{display:block;min-width:0;padding:10px 12px 8px;background:var(--surface-2);border-radius:var(--r-10);cursor:pointer}.material-open:hover{box-shadow:inset 0 0 0 1px var(--border)}.material-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.material-open .mtitle{min-width:0}.material-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-8);margin-top:6px;line-height:1.4}.material-when{color:var(--text-muted);font-size:var(--fs-12);flex-shrink:0}.material-kind{color:var(--text-secondary);font-size:var(--fs-13);min-width:0}.material-open-cta{display:flex;align-items:center;gap:var(--sp-6);margin-top:8px;padding-top:8px;border-top:1px solid var(--border);color:var(--accent);font-size:var(--fs-14);font-weight:600}.material-open-mark{color:var(--accent);font-size:var(--fs-12)}.material-open>.material-open-mark{display:block;text-align:right;margin-top:6px;line-height:1}.material-preview{margin:10px 0;padding-left:1.4em;font-size:var(--fs-13);line-height:1.8;color:var(--text-secondary)}.material-preview li{margin-bottom:4px}.material-parts{display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-10);margin:8px 0;font-size:var(--fs-13)}.material-parts>span{white-space:nowrap}.material-fields{display:flex;flex-direction:column;gap:var(--sp-16)}.material-fields .field{gap:var(--sp-7)}.material-fields .field>span,.material-fields .field>legend{line-height:1.5}.material-fields .field-row{gap:var(--sp-16)}.searchbar{margin:18px 0 10px}.searchbar-title{margin:0 0 8px;font-size:var(--fs-15);font-weight:600;color:var(--text-primary)}.searchbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-10)}.searchbar-field{display:flex;align-items:center;gap:var(--sp-8);flex:1 1 260px;min-width:0;max-width:420px;padding:0 10px 0 12px;height:40px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-1);box-shadow:var(--shadow-1);transition:border-color .15s,box-shadow .15s}.searchbar-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.searchbar-icon{flex-shrink:0;color:var(--text-muted)}.searchbar-field>input{flex:1 1 auto;min-width:0;border:0;background:transparent;box-shadow:none;padding:0;height:100%;border-radius:0}.searchbar-field>input:focus{outline:none}.searchbar-clear{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;padding:0;border:0;border-radius:var(--r-pill);cursor:pointer;background:transparent;color:var(--text-muted)}.searchbar-clear:hover{background:var(--surface-2);color:var(--text-primary)}.searchbar-sort>select{width:auto;min-width:140px;height:40px;border-radius:var(--r-pill)}.searchbar-count{margin-left:auto;color:var(--text-secondary);font-size:var(--fs-13)}.searchbar-badge{margin-left:auto}.searchbar--fold>.searchbar-row{margin:0}.searchbar--fold>.wbfilter{margin-top:var(--sp-10)}.searchbar-mark{margin-left:var(--sp-8)}@media (max-width: 640px){.searchbar-field{flex-basis:100%;max-width:none}.searchbar-count{margin-left:0}}.material-kind-hint{margin:-4px 0 12px}.material-items{margin:16px 0}.material-item-row{display:flex;align-items:center;gap:var(--sp-8);margin-bottom:6px}.material-item-no{min-width:1.6em;flex-shrink:0;color:var(--text-muted);font-size:var(--fs-12);text-align:right}.material-item-row input{min-width:0;flex:1 1 40%}.assign-box{margin-top:12px;padding:12px;border:1px solid var(--accent);border-radius:var(--radius)}.assign-list{display:flex;flex-wrap:wrap;gap:var(--sp-6) var(--sp-16);margin:8px 0}.learner-detail{margin-top:12px;display:flex;flex-direction:column;gap:var(--gap)}.homework-card.is-done{opacity:.72}.homework-instruction{margin:8px 0;padding:8px 12px;border-left:3px solid var(--accent);border-radius:0 var(--r-6) var(--r-6) 0;background:var(--surface-1);font-size:var(--fs-13)}.homework-en{font-size:var(--fs-15);color:var(--text-primary)}@media (max-width: 640px){.material-item-row{flex-wrap:wrap}.material-item-row input{flex:1 1 100%}}.learner-card .badge{vertical-align:middle}.learner-open{background:none;border:0;box-shadow:none;padding:0}.learner-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-12) var(--sp-16);margin-bottom:12px}.learner-who{display:flex;align-items:center;gap:var(--sp-14);min-width:0}.learner-side{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-10);min-width:0;max-width:100%}.learner-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4) var(--sp-12);min-width:0}.learner-head>.badge{margin-left:0;padding:2px 10px;font-size:var(--fs-11);letter-spacing:.04em}.learner-tabrow{margin-top:14px}.learner-tabrow>.tabpick{display:block}.learner-tabrow .tabpick>select{width:100%;max-width:22rem;height:44px}@media (max-width: 640px){.learner-tabrow .tabpick>select{max-width:none}}.learner-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-8) var(--sp-18);width:100%;max-width:300px;color:var(--text-secondary);font-size:var(--fs-13)}@media (min-width: 641px){.learner-meta{width:300px}}.learner-meta-item{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0;align-items:flex-end;text-align:right}.learner-meta .score-value{font-size:var(--fs-16);font-weight:700}.learner-meta .score-label{font-size:var(--fs-10)}.learner-meta .muted{font-size:var(--fs-12)}.learner-headcard{padding:18px 20px;margin-bottom:var(--gap)}.learner-headcard>.learner-top{margin-bottom:0}.learner-headcard>.learner-signs{margin-top:12px}.learner-signs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8);margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.learner-headcard>.learner-signs{border-top:1px solid var(--border)}.learner-card.card{transition:box-shadow .15s ease}.learner-card.card:hover{box-shadow:var(--shadow-2)}@media (prefers-reduced-motion: reduce){.learner-card.card{transition:none}}.learner-signs>.sign--last{margin-right:auto}.learner-signs>.sign--last{flex-direction:row;align-items:baseline;gap:var(--sp-6);min-width:0;padding:0;border:none;background:none}.learner-signs>.sign--last .sign-value{font-size:var(--fs-14)}.learner-signs>.sign--last .sign-label{font-size:var(--fs-11)}.learner-signs>.sign--last.is-today{background:none;border-color:transparent}@media (max-width: 640px){.learner-signs>.sign--last{margin-right:0;width:100%}.learner-signs>.btn{flex:1 1 8rem}}.sign{display:inline-flex;flex-direction:column;align-items:center;min-width:62px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--r-10);background:var(--surface-2);line-height:1.25}.sign-value{font-size:var(--fs-15);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.sign-unit{margin-left:1px;font-size:var(--fs-11);font-weight:600}.sign-label{font-size:var(--fs-10);letter-spacing:.04em;color:var(--text-muted)}.sign--last{flex-direction:row;align-items:center;gap:var(--sp-6);min-width:0}.sign--last .sign-label{margin-left:2px}.sign-dot{width:8px;height:8px;border-radius:var(--r-pill);background:var(--text-muted);flex-shrink:0}.sign--last.is-today{border-color:var(--ok);background:var(--ok-bg)}.sign--last.is-today .sign-dot{background:var(--ok)}.sign--last.is-recent .sign-dot{background:var(--accent)}.sign--last.is-stale{border-color:var(--warn)}.sign--last.is-stale .sign-dot{background:var(--warn)}.sign--last.is-none .sign-value{color:var(--text-muted)}@media (max-width: 640px){.learner-signs{justify-content:flex-start}.learner-side{margin-left:0;align-items:flex-start;width:100%}.learner-meta-item{align-items:flex-start;text-align:left}.learner-meta{max-width:none}}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--r-pill);overflow:hidden;line-height:1;-webkit-user-select:none;user-select:none;background:hsl(var(--avatar-hue, 210) 45% 88%);color:hsl(var(--avatar-hue, 210) 45% 28%);border:1px solid hsl(var(--avatar-hue, 210) 35% 78%);font-weight:700}.avatar--pic{background:var(--surface-2);border-color:var(--border);color:inherit}.avatar--sm{width:32px;height:32px;font-size:var(--fs-16)}.avatar--md{width:40px;height:40px;font-size:var(--fs-20)}.avatar--lg{width:56px;height:56px;font-size:var(--fs-28)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .avatar{background:hsl(var(--avatar-hue, 210) 30% 26%);color:hsl(var(--avatar-hue, 210) 45% 86%);border-color:hsl(var(--avatar-hue, 210) 25% 36%)}}:root[data-theme=dark] .avatar{background:hsl(var(--avatar-hue, 210) 30% 26%);color:hsl(var(--avatar-hue, 210) 45% 86%);border-color:hsl(var(--avatar-hue, 210) 25% 36%)}:root[data-palette=plain] .avatar{background:var(--surface-2);color:var(--text-primary);border-color:var(--border)}.avatar-pick{position:relative;display:inline-flex}.avatar-pick-btn{padding:0;border:0;background:none;cursor:pointer;border-radius:var(--r-pill)}.avatar-menu{position:absolute;bottom:calc(100% + 8px);left:0;z-index:40;width:min(280px,calc(100vw - 32px));padding:12px;border:1px solid var(--border);border-radius:var(--r-14);background:var(--surface-1);box-shadow:var(--shadow-2)}.avatar-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.avatar-menu-title{font-size:var(--fs-13);font-weight:700;color:var(--text-primary)}.avatar-menu-body{max-height:46vh;overflow-y:auto}.avatar-group+.avatar-group{margin-top:10px}.avatar-group-label{display:block;margin-bottom:4px;font-size:var(--fs-11);letter-spacing:.04em;color:var(--text-muted)}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-4)}.avatar-opt{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;padding:0;border:1px solid transparent;border-radius:var(--r-10);background:none;font-size:var(--fs-20);line-height:1;cursor:pointer}.avatar-opt:hover{background:var(--surface-2)}.avatar-opt.is-on{background:var(--accent-soft);border-color:var(--accent)}.avatar-clear{width:100%;margin-top:10px}.learner-remind{margin-left:0;align-self:center}.learner-level{color:var(--text-secondary);font-size:var(--fs-13)}.learner-open .learner-head{gap:var(--sp-14)}.learner-open .learner-name{font-size:var(--fs-26);font-weight:700;line-height:1.2;letter-spacing:.01em;color:var(--text-primary);text-decoration:none}.learner-open .learner-name:hover{color:var(--accent)}.learnerbar{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sp-8) var(--sp-10);padding:6px 12px;padding-left:max(12px,env(safe-area-inset-left));border-bottom:1px solid var(--border);background:var(--surface-1)}.learnerbar-back{flex:0 0 auto}.learnerbar-name{flex:1 1 auto;min-width:0;font-size:var(--fs-16);font-weight:700;letter-spacing:.01em;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learnerbar>.badge{flex:0 0 auto}@media print{.learnerbar{display:none}}.score-cell{display:flex;align-items:baseline;gap:var(--sp-6)}.score-label{color:var(--text-secondary);font-size:var(--fs-12);letter-spacing:.04em;text-transform:uppercase}.score-value{font-size:var(--fs-20);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.score-input{max-width:110px}.filter-label>.score-input{margin-left:6px}.score-history{margin:6px 0 12px;padding-left:1.2em;font-size:var(--fs-13);line-height:1.9;color:var(--text-secondary)}.badge--warn{margin-left:6px}.exercise-block{margin:12px 0;padding:12px;border:1px solid var(--border);border-radius:var(--radius)}.exercise-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8)}.exercise-no{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:var(--fs-12);font-weight:600}.exercise-instruction{width:100%;margin:8px 0}.exercise-item{display:flex;align-items:flex-start;gap:var(--sp-8);margin-bottom:8px}.exercise-fields{display:flex;flex-direction:column;gap:var(--sp-4);flex:1 1 auto;min-width:0}.exercise-view{margin:14px 0}.exercise-view.is-closed{display:none}.answer{margin-top:4px;font-size:var(--fs-13)}.answer>summary{cursor:pointer;color:var(--accent)}.answer>div{margin-top:4px}.generate-box{margin:16px 0;padding:14px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface-1);background:color-mix(in srgb,var(--accent) 6%,var(--surface-1))}.generate-box .card-title{margin-bottom:4px}.generate-box .field-hint{display:block;margin-top:8px}.editor-toggle{padding:8px 0}.editor-toggle .card-hint{margin-bottom:8px}.print-holder{display:none}.material-detail{margin:12px 0 0}.material-detail .material-preview li{margin-bottom:10px}.detail-answer{color:var(--series-3)}.answer-ja{margin-top:5px;padding:4px 10px;border-left:3px solid var(--border);border-radius:0 var(--r-6) var(--r-6) 0;background:var(--surface-2);color:var(--text-secondary);font-size:.88em}.lesson-sheet .answer-ja{border-left-color:var(--translate);background:var(--translate-bg);color:var(--translate)}.similar-list{list-style:none;margin:8px 0;padding:0;font-size:var(--fs-13)}.similar-list li{display:flex;flex-wrap:wrap;gap:var(--sp-6);align-items:baseline;padding:6px 0;border-bottom:1px solid var(--border)}.similar-new{color:var(--text-primary)}.similar-vs,.similar-old{color:var(--text-secondary)}.similar-score{margin-left:auto;color:var(--series-3);font-variant-numeric:tabular-nums}.item-tag{display:inline-block;margin-right:6px;padding:1px 6px;border:1px solid var(--border);border-radius:var(--r-pill);font-size:var(--fs-11);color:var(--text-secondary);max-width:100%;white-space:normal;overflow-wrap:anywhere}.passage{margin-top:8px}.passage-headline{margin:0 0 10px;font-size:var(--fs-18);line-height:1.4;color:var(--text-primary)}.step-pick{display:inline-flex;align-items:center;gap:var(--sp-8);margin:0 0 10px;max-width:100%}.step-pick select{min-height:40px;min-width:0;flex:0 1 auto;padding:6px 10px;border:1px solid var(--border);border-radius:var(--r-10);background:var(--surface-1);color:var(--text-primary);font-size:var(--fs-14);font-weight:600}@media (max-width: 860px){.step-pick select{font-size:var(--fs-16)}.step-pick{display:flex}.step-pick select{flex:1 1 auto}}.chip{padding:5px 12px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-1);color:var(--text-secondary);font-size:var(--fs-13);cursor:pointer}.chip--on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);font-weight:700}.passage-tools{display:flex;flex-wrap:wrap;gap:var(--sp-6);margin:8px 0 12px}.passage-tools:empty{display:none}.passage-body{list-style:none;margin:0;padding:0}.passage-part{padding:12px 10px 12px 14px;border-bottom:1px solid var(--border)}.passage-part.is-speaking{background:var(--speaking-bg);box-shadow:inset 5px 0 0 var(--speaking-bar);border-radius:var(--r-6);border-bottom-color:transparent}.passage-part.is-speaking .passage-en{font-weight:600}@media print{.passage-part.is-speaking{background:none;box-shadow:none}}.passage-speaker{font-size:var(--fs-13);color:var(--series-1);margin-bottom:2px}.passage-en{margin:0 0 4px;line-height:1.9;font-size:var(--fs-16)}.passage-ja{margin:0 0 4px;color:var(--text-secondary);font-size:var(--fs-14);line-height:1.8}.passage-actions{display:flex;flex-wrap:wrap;gap:var(--sp-6);margin-top:6px}.btn--small{padding:4px 10px;font-size:var(--fs-13)}.passage-notice{margin:8px 0}.passage-views{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8);margin:0 0 10px}.passage-flow{display:inline-flex;align-items:center;gap:var(--sp-6);margin-left:auto;color:var(--text-secondary);font-size:var(--fs-12h)}.passage-flow input{width:16px;height:16px;accent-color:var(--accent)}.passage-body.is-flow{padding:4px 0}.passage-body.is-flow>.passage-part{display:inline;padding:0;border:none;background:none;box-shadow:none}.passage-body.is-flow .passage-en{display:inline}.passage-body.is-flow .passage-speaker{display:none}.passage-body.is-flow .passage-ja{display:block}.passage-body.is-flow .passage-actions,.passage-body.is-flow .transcript{display:none}.passage-body.is-flow>.passage-part.is-speaking{background:var(--speaking-bg);box-shadow:none;border-radius:var(--r-4)}.passage-en--hidden,.stepsent-hidden{margin:0 0 4px;min-height:1.9em;border-radius:var(--r-6);background:repeating-linear-gradient(-45deg,var(--surface-2) 0 6px,transparent 6px 12px);opacity:.7}.step-guide{margin:0 0 12px;border:1px solid var(--accent-line);border-radius:var(--r-8);background:var(--surface-1)}.step-guide[open]{background:var(--accent-soft)}.step-guide-sum{display:flex;align-items:center;gap:var(--sp-8);padding:7px 12px;cursor:pointer;list-style:none;font-size:var(--fs-12h);letter-spacing:.03em;color:var(--text-secondary)}.step-guide-sum::-webkit-details-marker{display:none}.step-guide-sum:hover{color:var(--text-primary)}.step-guide-sum:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.step-guide-caret{width:0;height:0;flex:none;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .12s ease}.step-guide[open] .step-guide-caret{transform:rotate(90deg)}.step-guide-label{font-weight:600;color:var(--accent)}.step-guide-count{margin-left:auto;font-size:var(--fs-11h);color:var(--text-muted)}.step-guide-body{border-top:1px solid var(--accent-line)}.step-guide-aimrow{display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-8);align-items:baseline;margin:0;padding:9px 12px 2px;font-size:var(--fs-13h);line-height:1.7;color:var(--text-primary)}.step-guide-tag{padding:1px 9px;border-radius:var(--r-pill);border:1px solid var(--accent-line);background:none;color:var(--accent);font-size:var(--fs-11h);font-weight:600;letter-spacing:.04em;white-space:nowrap}.step-guide-aim{font-weight:600}.step-guide-how{list-style:none;counter-reset:step;margin:0;padding:2px 12px 11px}.step-guide-how>li{position:relative;counter-increment:step;padding:7px 0 7px 26px;font-size:var(--fs-14);line-height:1.85;color:var(--text-primary)}.step-guide-how>li+li{border-top:1px dashed var(--accent-line)}.step-guide-how>li:before{content:counter(step);position:absolute;left:0;top:.78em;width:18px;height:18px;border-radius:var(--r-circle);background:var(--accent);color:var(--on-accent);font-size:var(--fs-11);font-weight:700;line-height:18px;text-align:center}.step-guide-how strong{font-weight:700}.dictation-list,.stepsent-list{list-style:none;margin:0;padding:0}.row-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8);margin-bottom:6px}.row-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-6);margin-left:auto}.dictation-no{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--r-circle);background:var(--surface-2);color:var(--text-secondary);font-size:var(--fs-12);font-variant-numeric:tabular-nums}.row-tools .etext-listen{margin-left:0}.row-rate>select{width:auto;min-height:40px;padding:4px 8px;font-size:var(--fs-13);border-radius:var(--r-8)}@media (max-width: 560px){.row-rate>select{font-size:var(--fs-16)}}.dictation-input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-8);background:var(--surface-1);color:var(--text-primary);font-family:inherit;font-size:var(--fs-15);line-height:1.7;resize:vertical}.dict-diff{margin-top:10px;padding:10px 12px;border-radius:var(--r-8);background:var(--qa-answer, var(--surface-2))}.dict-diff-line{margin:0;line-height:2.1;font-size:var(--fs-16);display:flex;flex-wrap:wrap;gap:var(--sp-4)}.dict-diff-score{margin:8px 0 0;color:var(--text-secondary);font-size:var(--fs-12);line-height:1.9}.dict-key{display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-10);margin-top:6px}.dict-key .w{font-size:var(--fs-11h)}.dictation-en,.stepsent-en{margin:0 0 4px;line-height:1.9;font-size:var(--fs-16)}.slash-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-10) var(--sp-16);margin-bottom:10px}.slash-head .rate-pick:first-child{margin-left:auto}.slash-list{list-style:none;margin:0;padding:0}.slash-line{margin:0;line-height:2.2;font-size:var(--fs-17)}.slash-w{white-space:nowrap}.slash-word{display:inline;padding:3px 4px;margin:0;border:none;border-radius:var(--r-4);background:none;color:inherit;font:inherit;line-height:inherit;cursor:pointer}.slash-word.is-first{cursor:default}.slash-word:hover{background:var(--surface-2)}.slash-word.is-on{color:var(--accent);font-weight:600}.slash-word.is-on:hover{background:var(--accent-soft)}.slash-mark{color:var(--accent);font-weight:700;margin:0 .15em 0 .05em;cursor:help}.slash-mark.is-ng{color:#fff;background:var(--ng);border-radius:var(--r-4);padding:0 .28em;text-decoration:none}.slash-mark.is-plain{color:var(--text-muted)}.slash-tip{position:relative;display:inline-block;vertical-align:middle;margin:0 .35em 0 .5em;padding:3px 9px;border:1px solid var(--ng);border-radius:var(--r-8);background:var(--ng-bg);color:var(--ng);font-size:var(--fs-12);font-weight:700;line-height:1.5;white-space:nowrap;cursor:pointer;font-family:inherit}.slash-tip:hover{filter:brightness(.97)}.slash-tip:before{content:"";position:absolute;left:-5px;top:50%;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);border-left:1px solid var(--ng);border-bottom:1px solid var(--ng);background:var(--ng-bg)}.slash-out .slash-mark{cursor:default}.slash-score{display:flex;flex-wrap:wrap;gap:var(--sp-6) var(--sp-12);margin:8px 0 0;font-size:var(--fs-12h)}.slash-score-done{color:var(--ok);font-weight:700;font-size:var(--fs-13h)}.slash-out{margin:6px 0 0;line-height:2.1;font-size:var(--fs-17)}.slash-out--mine .chunk-en{font-size:1em}.chunk-bar--mine{margin-left:4px;color:var(--text-muted)}.slash-stale{margin:6px 0 0;font-size:var(--fs-13)}.slash-guide{margin:0 0 10px}.slash-review-block+.slash-review-block{margin-top:14px;padding-top:12px;border-top:1px dashed var(--qa-line, var(--border))}.slash-review-block .passage-speaker{display:block;margin-bottom:2px}.chunked{display:flex;flex-wrap:wrap;align-items:stretch;row-gap:18px}.chunk{display:flex;flex-direction:column}.chunk-en{padding:2px 6px 1px 0;font-size:var(--fs-17);line-height:1.7}.chunk-ja{margin-top:2px;padding:0 6px 0 0;color:var(--chunk-fg);font-size:.72em;line-height:1.5;letter-spacing:.02em;text-align:center}.chunk-ja--many>span{display:block}@media (max-width: 860px){.chunk-ja{text-align:left}}.chunk-bar{margin-right:4px;color:var(--accent);font-weight:700}.slash-copy{margin-left:auto;font-size:var(--fs-12)}.slash-ja{margin:10px 0 0;padding-top:8px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:var(--fs-14);line-height:1.8}.slash-ja-label{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-muted);font-size:var(--fs-11)}.transcript{margin-top:8px;padding:8px 10px;border-radius:var(--r-8);background:var(--surface-1)}.transcript-line{margin:0 0 6px;line-height:2;font-size:var(--fs-15)}.w--ok{color:var(--ok);background:var(--ok-bg);border-radius:var(--r-4);padding:1px 3px}.w--missed{color:var(--ng);background:var(--ng-bg);border-radius:var(--r-4);padding:1px 3px;text-decoration:line-through}.w--extra{color:var(--ng);background:var(--ng-bg);border-radius:var(--r-4);padding:1px 3px;text-decoration:underline wavy}.material-headline{margin:2px 0 6px;color:var(--text-secondary);font-size:var(--fs-14)}.teaching-note{margin:10px 0;border:1px solid var(--border);border-radius:var(--r-8);background:var(--surface-1)}.teaching-note[open]{background:var(--surface-2)}.teaching-note-title{display:flex;align-items:center;gap:var(--sp-8);padding:7px 12px;cursor:pointer;list-style:none;font-size:var(--fs-12h);letter-spacing:.03em;color:var(--text-secondary)}.teaching-note-title::-webkit-details-marker{display:none}.teaching-note-title:hover{color:var(--text-primary)}.teaching-note-caret{width:0;height:0;flex:none;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .12s ease}.teaching-note[open] .teaching-note-caret{transform:rotate(90deg)}.teaching-note-label{font-weight:600}.teaching-note--point .teaching-note-label{color:var(--series-1)}.teaching-note--todo .teaching-note-label{color:var(--series-2)}.teaching-note-count{margin-left:auto;font-size:var(--fs-11h);color:var(--text-muted)}.teaching-note-list{list-style:none;margin:0;padding:2px 12px 11px;border-top:1px solid var(--border)}.teaching-note-list>li{position:relative;padding:7px 0 7px 15px;font-size:var(--fs-14);line-height:1.85;color:var(--text-primary)}.teaching-note-list>li+li{border-top:1px dashed var(--border)}.teaching-note-list>li:before{content:"";position:absolute;left:2px;top:1.05em;width:5px;height:5px;border-radius:var(--r-circle);background:var(--text-muted)}.teaching-note-head{display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-8);align-items:baseline;padding-left:0}.teaching-note-head:before{display:none}.teaching-note-tag{padding:1px 9px;border-radius:var(--r-pill);background:var(--series-1);color:#fff;font-size:var(--fs-12);font-weight:600;white-space:nowrap}.teaching-note--todo .teaching-note-tag{background:var(--series-2)}.en-term{font-weight:600;letter-spacing:.01em}.generate-error{margin-top:10px}.generate-cancel{margin-left:8px}.jobnote{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-10);margin:0 auto;padding:10px 14px;width:min(1040px,calc(100% - 24px));border:1px solid var(--ok);border-radius:var(--radius);background:var(--ok-bg);color:var(--text-primary);box-shadow:var(--shadow-1)}.jobnote.is-quiet{border-color:var(--border);background:var(--surface-2);color:var(--text-secondary)}.jobnote.is-error{border-color:var(--ng);background:var(--ng-bg)}.jobnote-text{flex:1 1 auto;min-width:0;font-size:var(--fs-14);font-weight:600}.jobnote .nav-icon-btn{width:32px;height:32px}.jobbar{padding:8px 14px 0;border-bottom:1px solid var(--border);background:var(--surface-1)}.jobbar-row{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sp-8) var(--sp-12);margin:0 auto 8px;width:min(1040px,100%);font-size:var(--fs-13)}.jobbar-title{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;color:var(--text-primary)}.jobbar-row>.btn{flex:0 0 auto}.jobbar-step{color:var(--text-secondary);font-variant-numeric:tabular-nums}.jobbar-open{margin-left:auto}.jobbar--done .jobbar-row{padding-bottom:8px}.jobbar-go{margin-left:auto;flex:0 0 auto}.jobbar-row>.btn--quiet:first-of-type{margin-left:auto}.jobbar-row>.jobbar-open~.btn--quiet{margin-left:0}.jobbar-track{margin:0 auto;width:min(1040px,100%);height:4px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.jobbar-fill{height:100%;border-radius:var(--r-pill);background:var(--accent);transition:width .4s ease}@media (max-width: 640px){.jobbar{padding:8px 10px 0}.jobbar-row{gap:var(--sp-8)}.jobbar-open{display:none}.jobbar-go{display:inline-flex}.jobbar-step{flex:0 0 auto}}.nav-dot{flex:0 0 auto;width:8px;height:8px;border-radius:var(--r-circle);background:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.app-nav-label+.nav-dot{margin-left:6px}.app-topbar-title .nav-dot{display:inline-block;margin-left:8px;vertical-align:middle}.nav-dot--on-icon{position:absolute;top:-2px;right:-4px;width:7px;height:7px}.app-nav-icon{position:relative}.app-nav.is-open .nav-dot--on-icon{display:none}.nav-dot--running{animation:navdot-breathe 1.6s ease-in-out infinite}@keyframes navdot-breathe{0%,to{opacity:1}50%{opacity:.35}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.amount-row{display:flex;flex-wrap:wrap;gap:var(--sp-10) var(--sp-18);margin:12px 0}.amount-pick{display:flex;flex-direction:column;gap:var(--sp-4)}.amount-label{display:flex;align-items:center;gap:var(--sp-6);font-size:var(--fs-12);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.amount-label input{width:16px;height:16px;margin:0;cursor:pointer}.amount-label input:disabled{cursor:not-allowed}.amount-pick.is-off .amount-label{opacity:.6}.amount-off{display:inline-flex;align-items:center;height:40px;font-size:var(--fs-12);color:var(--text-secondary)}.amount-count{margin-left:5px;font-size:var(--fs-11);font-weight:600;opacity:.75;font-variant-numeric:tabular-nums}.generate-chosen{display:flex;flex-wrap:wrap;gap:var(--sp-6);align-items:center;margin:10px 0}.details-box{margin:14px 0;padding:10px 12px;border:1px dashed var(--border);border-radius:var(--radius)}.generate-done{margin-top:12px}.generate-done-headline{margin:6px 0;font-size:var(--fs-15);font-weight:600}.generate-done-parts{display:flex;flex-wrap:wrap;gap:var(--sp-6);margin:8px 0}.generate-done-sample{margin:8px 0;padding:8px 10px;border-radius:var(--r-8);background:var(--surface-1);font-size:var(--fs-14);line-height:1.7}.generate-done-sample .field-hint{display:block;margin-bottom:2px}.item-audio{margin:4px 0}.print-only{display:none}@media print{body.is-printing>*:not(.print-path):not(.print-target),body.is-printing .print-path>*:not(.print-path):not(.print-target){display:none!important}body.is-printing,body.is-printing .print-path{display:block!important;position:static!important;inset:auto!important;overflow:visible!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;transform:none!important;background:none!important}body.is-printing .print-target{position:static!important;overflow:visible!important;flex:none!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:11pt!important;line-height:1.85!important}html,body.is-printing{background:#fff!important}.no-print,.tabbar,.app-header nav,.btn,button:not(.etext-word):not(.phrase-chip){display:none!important}.print-only{display:block}.print-target .phrases{gap:0 14px;margin:4px 0 2px}.print-target .phrases-label{color:#333!important;font-size:9pt}.print-target .phrase-chip{padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:#000!important;font-size:inherit;line-height:inherit;font-weight:700;text-decoration:underline}.etext-pop{display:none!important}body.is-printing .print-target .exercise-view.is-closed,body.is-printing .print-target .lesson-page.is-closed{display:block}.print-target .lesson-section,.print-target .lesson-instruction{break-after:avoid}body.is-printing .print-target [data-type=vocab_note]{display:none!important}body.is-printing .print-target .exercise-view+.exercise-view,body.is-printing .print-target .lesson-page+.lesson-page{break-before:page}body.is-printing .print-target [data-type=article] .preview-ja,body.is-printing .print-target [data-type=dialogue] .preview-ja,body.is-printing .print-target [data-type=article] .lesson-ja,body.is-printing .print-target [data-type=dialogue] .lesson-ja{display:none!important}body.is-printing .print-target [data-type=article] .etext,body.is-printing .print-target [data-type=dialogue] .etext,body.is-printing .print-target [data-type=article] .lesson-en,body.is-printing .print-target [data-type=dialogue] .lesson-en{line-height:2.6!important;word-spacing:.3em!important}body.is-printing .print-target [data-type=article] ol.material-preview>li,body.is-printing .print-target [data-type=dialogue] ol.material-preview>li,body.is-printing .print-target [data-type=article] ol.lesson-items>li,body.is-printing .print-target [data-type=dialogue] ol.lesson-items>li{margin-bottom:16pt;padding-bottom:10pt;line-height:2.6!important}.print-target .qrsheet{break-before:page}.print-target .qrsheet-title{margin:12pt 0 4pt;font-size:11.5pt;break-after:avoid}.print-target ol.qrsheet-list{margin:0;padding-left:0;list-style:none;counter-reset:qr}.print-target ol.qrsheet-list>li{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0 10pt;margin:0 0 6pt;padding:0 0 5pt 22pt;border-bottom:.8pt solid #999;break-inside:avoid;counter-increment:qr}.print-target ol.qrsheet-list>li:before{content:counter(qr);position:absolute;left:0;top:1pt;width:15pt;height:15pt;line-height:15pt;text-align:center;border:1pt solid #333;border-radius:var(--r-circle);font-size:9pt;font-weight:700;color:#000!important}.print-target .qrsheet-ja{font-size:10.5pt}.print-target .qrsheet-en{font-size:11pt;color:#222!important}@media (max-width: 120mm){.print-target ol.qrsheet-list>li{grid-template-columns:1fr}}body.is-printing .lesson-sheet>.passage,body.is-printing .lesson-sheet>.qr{display:none!important}.print-target,.print-target *{background:transparent!important;color:#000!important;box-shadow:none!important;border-color:#888!important}@page{size:A4;margin:16mm 14mm 18mm}.print-target{font-size:11pt;line-height:1.85;font-family:Hiragino Sans,Yu Gothic,Meiryo,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-target svg{color:#000!important}.print-target svg *{stroke-width:2!important}.print-target .print-head{margin:0 0 10pt;padding-bottom:6pt;border-bottom:2pt solid #000}.print-target .print-head strong{font-size:15pt;line-height:1.4}.print-target .print-head div{font-size:12pt;color:#222!important;margin-top:2pt}.print-target .print-meta{font-size:9.5pt;color:#3a3a3a!important;margin-top:3pt}.print-target .mtitle-date{font-size:10pt;color:#333!important}.print-target .mtitle-main{font-size:15pt}.print-target .mtitle-headline{font-size:12pt;color:#222!important}.print-target .mtitle-headline-ja{font-size:9.5pt;color:#333!important}.print-target .mtitle-chip{font-size:9pt;border-width:.8pt!important;border-color:#555!important;color:#222!important}.print-target .lesson-weakness{margin-top:4pt;font-size:9pt}.print-target .lesson-weakness-label{color:#3a3a3a!important}.print-target .lesson-weakness-tag{padding:0 5pt;border:1pt solid #555!important;color:#111!important}.print-target .section-title{margin:16pt 0 6pt;padding:3pt 0 3pt 8pt;font-size:12.5pt;font-weight:700;border-left:4pt solid #000;break-after:avoid}.print-target .card-hint{font-size:10pt;color:#333!important;margin:0 0 8pt}.print-target ol.material-preview{margin:0;padding-left:0;list-style:none}.print-target ol.material-preview>li{position:relative;margin:0 0 10pt;padding:0 0 8pt 22pt;border-bottom:.8pt solid #999;break-inside:avoid;counter-increment:q}.print-target ol.material-preview{counter-reset:q}.print-target ol.material-preview>li:before{content:counter(q);position:absolute;left:0;top:2pt;width:15pt;height:15pt;line-height:15pt;text-align:center;border:1pt solid #333;border-radius:var(--r-circle);font-size:9pt;font-weight:700;color:#000!important}.print-target .homework-en,.print-target [lang=en]{font-size:12.5pt;line-height:1.75;color:#000!important}.print-target .muted,.print-target .field-hint{font-size:9.5pt;color:#3a3a3a!important}.print-target .detail-answer{font-size:11pt;color:#111!important}.print-target .answer-ja{font-size:9.5pt;color:#333!important;background:none!important;border-left:none;padding:0;margin-top:2pt}.print-target details.answer{display:none}.print-worksheet ol.writable>li:after{content:"";display:block;margin-top:7pt;height:34pt;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 16pt,#999 16pt,#999 16.5pt)}.print-target .item-tag{border:.8pt solid #555!important;color:#222!important;font-size:8.5pt;padding:0 4pt}.print-target .passage-speaker{font-size:10pt;font-weight:700;color:#000!important}.print-target .passage-headline{font-size:14pt;font-weight:700;margin:0 0 8pt;padding-bottom:4pt;border-bottom:1.2pt solid #333}.print-target .passage-part{margin-bottom:9pt;padding-bottom:6pt;border-bottom:.8pt dotted #999;break-inside:avoid}.print-target .passage-en{font-size:12.5pt;line-height:1.95;color:#000!important}.print-target .passage-ja{font-size:10pt;color:#333!important}.print-target .teaching-note{border:.8pt solid #555!important;border-left:3pt solid #000!important;padding:7pt 9pt;margin:8pt 0;break-inside:avoid}.print-target .teaching-note-title{font-size:9pt;color:#3a3a3a!important}.print-target .teaching-note-list>li{font-size:10.5pt;line-height:1.8}.print-target .teaching-note-tag{border:.8pt solid #333!important;color:#000!important;background:transparent!important;font-size:9pt}.print-target .en-term{font-weight:700;color:#000!important}}.print-head{margin-bottom:10px;font-size:var(--fs-16);line-height:1.5}.learner-name{border:none;background:none;padding:0;cursor:pointer;font:inherit;font-size:var(--fs-20);font-weight:700;line-height:1.25;color:var(--text-primary);text-decoration:none;text-align:left}.learner-name:hover,.learner-name:focus-visible{text-decoration:underline}.learner-name.is-open{cursor:default}.learner-name.is-open:hover{text-decoration:none}.past-head{display:flex;flex-wrap:wrap;gap:var(--sp-8);align-items:center;margin-bottom:6px}.past-date{font-size:var(--fs-13);color:var(--text-secondary)}.chiprow{display:flex;flex-wrap:wrap;gap:var(--sp-6);margin:4px 0 8px}.chip-count{margin-left:4px;padding:0 5px;border-radius:var(--r-pill);background:color-mix(in srgb,currentColor 14%,transparent);font-size:var(--fs-11);font-variant-numeric:tabular-nums}.tagchip.is-hit{border-color:var(--accent);color:var(--accent);font-weight:600}.generate-cost{margin:8px 0;padding:6px 10px;border-radius:var(--r-8);background:var(--surface-1);font-size:var(--fs-14)}.generate-cost .field-hint{display:block;margin-top:2px}.theme-switch{display:inline-flex;margin-left:auto;border:1px solid var(--border);border-radius:var(--r-pill);overflow:hidden}.theme-btn{border:none;background:none;cursor:pointer;padding:4px 10px;font-size:var(--fs-12);color:var(--text-secondary)}.theme-btn.is-active{background:var(--accent);color:#fff;font-weight:600}.lesson{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:#3a3a38}.lesson-bar{display:flex;flex-wrap:wrap;gap:var(--sp-10);align-items:center;padding:8px 12px;background:#24241f;color:#f2f2ee}.lesson-bar-main{flex:0 1 auto;min-width:0;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sp-10)}.lesson-bar .btn{border-color:#55554e;background:#33332d;color:#f2f2ee}.lesson-bar .btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.lesson-bar .btn:disabled{opacity:.4}.lesson-pages{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sp-8);font-size:var(--fs-14)}.lesson-pages>span{white-space:nowrap}.lesson-settings{display:flex;flex-wrap:wrap;gap:var(--sp-8);align-items:center;margin-left:auto}.lesson-bar.is-fit1 .wide-text,.lesson-bar.is-fit2 .mid-text{display:none}.lesson-bar.is-fit3{gap:var(--sp-6);padding-left:8px;padding-right:8px}.lesson-bar.is-fit3 .lesson-bar-main,.lesson-bar.is-fit3 .lesson-settings{gap:var(--sp-6)}.lesson-bar.is-fit3 .btn{padding-left:9px;padding-right:9px}.is-measuring-row,.is-measuring-row *{flex-wrap:nowrap!important}.is-measuring-row>*{flex-shrink:0!important;flex-grow:0!important;margin-left:0!important;margin-right:0!important}.stepper{display:inline-flex;align-items:center;gap:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:1px 4px 1px 8px}.stepper-label{font-size:var(--fs-12);color:var(--text-secondary);margin-right:2px}.stepper-arrow{display:inline-flex;align-items:center;justify-content:center;width:26px;min-height:30px;padding:0;border:0;background:none;color:var(--text-primary);font-size:var(--fs-11);line-height:1;cursor:pointer}.stepper-arrow:disabled{opacity:.28;cursor:default}.stepper-now{min-width:4.2em;text-align:center;font-size:var(--fs-13);font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.lesson-widths .stepper-now{min-width:6.2em}.lesson-bar .stepper{border-color:#55554e}.lesson-bar .stepper-label{color:#b9b9b2}.lesson-bar .stepper-arrow{color:#e6e6e0}.lesson-bar .stepper-arrow:hover:not(:disabled){color:#fff}.lesson-bar .stepper-now{color:#f2f2ee}.lesson-more{display:none}.lesson-sheet,.focus-paper{--paper: #fcfcfd;--ink: #24292f;--ink-soft: #5a646e;--ink-faint: #8b949e;--rule: #e3e6e9;--btn-bg: #ffffff;--quiet-bg: #e9ebee;--on-accent: #ffffff;--surface-0: #ffffff;--surface-1: #f9fafb;--surface-2: #eef0f2;--border: #e3e6e9;--text-primary: #24292f;--text-secondary: #5a646e;--text-muted: #8b949e;--danger: #b8322f;--shadow-1: 0 1px 2px rgb(36 41 47 / 8%);--shadow-2: 0 8px 26px rgb(36 41 47 / 12%), 0 2px 6px rgb(36 41 47 / 8%);--qa-bg: #f7f8fa;--qa-line: #e3e6e9;--qa-answer: #eef0f3;--chunk-fg: #5d7a64;--accent: #2f6f86;--accent-bg: #edf4f7;--accent-soft: #e7f0f4;--accent-line: #a9c8d4;--ok: #1f7a52;--ok-bg: #e6f3ec;--ng: #b8322f;--ng-bg: #fbeae9;--answer: #38795a;--answer-bg: #ecf4ef;--translate: #4c6ba8;--translate-bg: #eff2f9;--note: #8a6a33;--note-bg: #faf4e8;--voice-a: #2f6f86;--voice-b: #8a5588;--speak-bg: #eef4f7;--speak-bar: #7fa8bd;--read-bg: #cfe3ed;--read-fg: #14343f;--unknown-bg: #ffe3e0;--phrase-bg: #ece4f7;--mark-hover-bg: #e6eef2;--mark-hover-line: #2f6f86;--speaking-bg: #eef4f7;--speaking-bar: #7fa8bd;--reading-bg: #cfe3ed;--reading-fg: #14343f;--warn: #8a6a33;--unknown-bar: #e34948;--phrase-bar: #7a51b5;--pos-noun: #2f6f86;--pos-verb: #38795a;--pos-adj: #8a5588;--pos-adv: #8a6a33;--pos-conj: #5c6470;--pos-phrase: #4c6ba8;--series-1: #2f6f86;--series-2: #b4551f;--series-3: #1f7a52;--series-4: #8a6a33;--series-5: #a8436b}.lesson-sheet{flex:1;overflow-y:auto;margin:16px auto;padding:28px 32px 60px;width:min(860px,calc(100% - 24px));background:var(--paper);color:var(--ink);border-radius:var(--r-10);box-shadow:var(--shadow-paper);line-height:1.9}.focus-paper,.focus-plainbox{padding:22px 24px}.focus-paper{background:var(--paper);color:var(--ink);border-radius:var(--r-12);box-shadow:var(--shadow-paper);line-height:1.9}:root[data-theme=dark] .focus-paper{--paper: var(--app-surface-1);--ink: var(--app-text-primary);--ink-soft: var(--app-text-secondary);--ink-faint: var(--app-text-muted);--rule: var(--app-border);--btn-bg: var(--app-btn-bg);--quiet-bg: var(--app-quiet-bg);--on-accent: var(--app-on-accent);--surface-0: var(--app-surface-0);--surface-1: var(--app-surface-1);--surface-2: var(--app-surface-2);--border: var(--app-border);--text-primary: var(--app-text-primary);--text-secondary: var(--app-text-secondary);--text-muted: var(--app-text-muted);--danger: var(--app-danger);--shadow-1: var(--app-shadow-1);--shadow-2: var(--app-shadow-2);--qa-bg: var(--app-surface-2);--qa-line: var(--app-border);--qa-answer: var(--app-surface-2);--chunk-fg: var(--app-chunk-fg);--accent: var(--app-accent);--accent-bg: var(--app-accent-bg);--accent-soft: var(--app-accent-soft);--accent-line: var(--app-accent-line);--ok: var(--app-ok);--ok-bg: var(--app-ok-bg);--ng: var(--app-ng);--ng-bg: var(--app-ng-bg);--answer: var(--app-ok);--answer-bg: var(--app-surface-2);--translate: var(--app-accent);--translate-bg: var(--app-surface-2);--note: var(--app-warn);--note-bg: var(--app-surface-2);--voice-a: var(--app-voice-a);--voice-b: var(--app-voice-b);--speak-bg: var(--app-speaking-bg);--speak-bar: var(--app-speaking-bar);--read-bg: var(--app-reading-bg);--read-fg: var(--app-reading-fg);--unknown-bg: var(--app-unknown-bg);--unknown-bar: var(--app-unknown-bar);--phrase-bg: var(--app-phrase-bg);--phrase-bar: var(--app-phrase-bar);--mark-hover-bg: var(--app-mark-hover-bg);--mark-hover-line: var(--app-mark-hover-line);--speaking-bg: var(--app-speaking-bg);--speaking-bar: var(--app-speaking-bar);--reading-bg: var(--app-reading-bg);--reading-fg: var(--app-reading-fg);--warn: var(--app-warn);--pos-noun: var(--app-pos-noun);--pos-verb: var(--app-pos-verb);--pos-adj: var(--app-pos-adj);--pos-adv: var(--app-pos-adv);--pos-conj: var(--app-pos-conj);--pos-phrase: var(--app-pos-phrase);--series-1: var(--app-series-1);--series-2: var(--app-series-2);--series-3: var(--app-series-3);--series-4: var(--app-series-4);--series-5: var(--app-series-5)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .focus-paper{--paper: var(--app-surface-1);--ink: var(--app-text-primary);--ink-soft: var(--app-text-secondary);--ink-faint: var(--app-text-muted);--rule: var(--app-border);--btn-bg: var(--app-btn-bg);--quiet-bg: var(--app-quiet-bg);--on-accent: var(--app-on-accent);--surface-0: var(--app-surface-0);--surface-1: var(--app-surface-1);--surface-2: var(--app-surface-2);--border: var(--app-border);--text-primary: var(--app-text-primary);--text-secondary: var(--app-text-secondary);--text-muted: var(--app-text-muted);--danger: var(--app-danger);--shadow-1: var(--app-shadow-1);--shadow-2: var(--app-shadow-2);--qa-bg: var(--app-surface-2);--qa-line: var(--app-border);--qa-answer: var(--app-surface-2);--chunk-fg: var(--app-chunk-fg);--accent: var(--app-accent);--accent-bg: var(--app-accent-bg);--accent-soft: var(--app-accent-soft);--accent-line: var(--app-accent-line);--ok: var(--app-ok);--ok-bg: var(--app-ok-bg);--ng: var(--app-ng);--ng-bg: var(--app-ng-bg);--answer: var(--app-ok);--answer-bg: var(--app-surface-2);--translate: var(--app-accent);--translate-bg: var(--app-surface-2);--note: var(--app-warn);--note-bg: var(--app-surface-2);--voice-a: var(--app-voice-a);--voice-b: var(--app-voice-b);--speak-bg: var(--app-speaking-bg);--speak-bar: var(--app-speaking-bar);--read-bg: var(--app-reading-bg);--read-fg: var(--app-reading-fg);--unknown-bg: var(--app-unknown-bg);--unknown-bar: var(--app-unknown-bar);--phrase-bg: var(--app-phrase-bg);--phrase-bar: var(--app-phrase-bar);--mark-hover-bg: var(--app-mark-hover-bg);--mark-hover-line: var(--app-mark-hover-line);--speaking-bg: var(--app-speaking-bg);--speaking-bar: var(--app-speaking-bar);--reading-bg: var(--app-reading-bg);--reading-fg: var(--app-reading-fg);--warn: var(--app-warn);--pos-noun: var(--app-pos-noun);--pos-verb: var(--app-pos-verb);--pos-adj: var(--app-pos-adj);--pos-adv: var(--app-pos-adv);--pos-conj: var(--app-pos-conj);--pos-phrase: var(--app-pos-phrase);--series-1: var(--app-series-1);--series-2: var(--app-series-2);--series-3: var(--app-series-3);--series-4: var(--app-series-4);--series-5: var(--app-series-5)}}@media (max-width: 600px){.focus-paper,.focus-plainbox{padding:14px 12px}.focus-paper{border-radius:var(--r-10)}}.lesson-sheet,.lesson-sheet *,.focus-paper,.focus-paper *{color:var(--ink)}.lesson-sheet .muted,.lesson-sheet .field-hint,.lesson-sheet .card-hint,.focus-paper .muted,.focus-paper .field-hint,.focus-paper .card-hint{color:var(--ink-soft)}.lesson-sheet--m{font-size:var(--fs-16)}.lesson-sheet--l{font-size:var(--fs-19)}.lesson-sheet--xl{font-size:var(--fs-23)}.lesson-head{margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--accent)}.lesson-sheet{position:relative}.ink-layer{position:absolute;top:0;left:0;z-index:5;pointer-events:none;min-width:100%;min-height:100%}.ink-layer.is-active.is-erasing{cursor:cell}.ink-layer.is-active{pointer-events:auto;touch-action:none;cursor:crosshair}.lesson-body{flex:1;min-height:0;display:flex}.lesson-body>.lesson-sheet{max-width:min(860px,calc(100% - 24px))}.lesson-body>.lesson-sheet--w110{max-width:min(946px,calc(100% - 24px))}.lesson-body>.lesson-sheet--w120{max-width:min(1032px,calc(100% - 24px))}.lesson-body>.lesson-sheet--w130{max-width:min(1118px,calc(100% - 24px))}.lesson-body>.lesson-sheet--w140{max-width:min(1204px,calc(100% - 24px))}.lesson-body>.lesson-sheet--w150{max-width:min(1290px,calc(100% - 24px))}.lesson-body>.lesson-sheet--wfit{max-width:calc(100% - 24px)}.lesson-grip{flex:0 0 8px;cursor:col-resize;align-self:stretch;margin:16px 0;border-radius:var(--r-pill);background:var(--border);opacity:.5;touch-action:none}.lesson-grip:hover,.lesson-grip:focus-visible{opacity:1;background:var(--accent)}.lesson-grip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lesson-notes{flex:0 0 var(--notes-w, clamp(280px, 26vw, 380px));display:flex;flex-direction:column;gap:var(--sp-8);margin:16px 12px 16px 0;padding:12px;background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--r-10);overflow-y:auto}.lesson-notes-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8)}@media (max-width: 860px){.lesson-widths,.lesson-grip{display:none}.lesson-body{flex-direction:column}.lesson-notes{flex:0 0 auto;width:auto;margin:0 5px 5px;max-height:42vh}}.notes-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8)}.notes-date{font-weight:600}.notes-state{font-size:var(--fs-13)}.notes-board{width:100%;min-height:clamp(10rem,40vh,24rem);padding:12px;line-height:1.9;border:1px solid var(--border);border-radius:var(--r-8);background:var(--surface-0);color:var(--text-primary);resize:vertical}.notes-read{white-space:pre-wrap;line-height:1.9;padding:12px;border:1px solid var(--border);border-radius:var(--r-8);background:var(--surface-0)}.notes-foot{font-size:var(--fs-13)}.notes-card>summary{cursor:pointer}.lesson-ink{flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8)}.lesson-ink{justify-content:center}.ink-tools{display:inline-flex;border:1px solid #55554e;border-radius:var(--r-pill);overflow:hidden}.ink-tools .theme-btn{color:#d8d8d2}.ink-color{width:26px;height:26px;padding:0;flex:none;border:2px solid transparent;border-radius:var(--r-pill);background:var(--ink-color);cursor:pointer;box-shadow:0 0 0 1px #6b6b63}.ink-color.is-on{border-color:#fff;box-shadow:0 0 0 2px var(--ink-color)}.ink-color:focus-visible{outline:2px solid #fff;outline-offset:2px}.icon{width:1em;height:1em;vertical-align:-.13em;margin-right:.38em;flex:none}.lesson-listen{margin:0 0 14px}.etext-word-wrap{position:relative}.etext-word{display:inline;padding:0;margin:0;border:0;border-bottom:1px solid transparent;border-radius:var(--r-2);background:none;color:inherit;font:inherit;line-height:inherit;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.etext-word-wrap:hover,.etext-word-wrap:has(.etext-word.is-open){background:linear-gradient(var(--mark-hover-bg),var(--mark-hover-bg)) no-repeat bottom / 100% .62em}.etext-word:hover,.etext-word.is-open{border-bottom-color:var(--mark-hover-line)}.etext-word.is-holding{background:var(--mark-hover-bg);border-bottom-color:var(--mark-hover-line)}.etext-run{border-radius:0}.etext-run.is-word.is-unknown{background:linear-gradient(var(--unknown-bg),var(--unknown-bg)) no-repeat bottom / 100% .62em;box-shadow:0 2px 0 0 var(--unknown-bar)}.etext-run.is-phrase.is-unknown{background:linear-gradient(var(--phrase-bg),var(--phrase-bg)) no-repeat bottom / 100% .62em;box-shadow:0 2px 0 0 var(--phrase-bar)}.etext-run.is-picked{background:var(--reading-bg);color:var(--reading-fg)}.lesson-sheet .etext-run.is-picked{background:var(--read-bg);color:var(--read-fg)}.etext-run .etext-word,.etext-run .etext-word:hover,.etext-run .etext-word.is-open{background:none;border-bottom-color:transparent}.etext-run .etext-word-wrap:hover,.etext-run .etext-word-wrap:has(.etext-word.is-open){background:none}.etext-run.is-phrase{transition:background-color .12s ease}.etext-run.is-phrase:hover,.etext-run.is-phrase.is-open{background:color-mix(in srgb,var(--phrase-bar) 15%,transparent);border-radius:var(--r-4);box-shadow:0 2px 0 0 var(--phrase-bar);cursor:pointer}.etext-run.is-word.is-unknown:hover,.etext-run.is-word.is-unknown.is-open{background:color-mix(in srgb,var(--unknown-bar) 15%,transparent);border-radius:var(--r-4);box-shadow:0 2px 0 0 var(--unknown-bar)}.etext-sent.is-reading{background:var(--reading-bg);color:var(--reading-fg);transition:background-color .12s linear,color .12s linear}.lesson-sheet .etext-sent.is-reading{background:var(--read-bg);color:var(--read-fg)}@media print{.etext-sent.is-reading{background:none;color:inherit}}@media (prefers-reduced-motion: reduce){.etext-sent.is-reading{transition:none}}.phrases{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-6);margin:6px 0 2px}.phrases-label{font-size:var(--fs-11h);color:var(--text-muted);letter-spacing:.03em;margin-right:2px}.phrase-wrap{position:relative}.phrase-chip{padding:2px 10px;border-radius:var(--r-pill);border:1px dashed var(--border);background:var(--surface-1);color:var(--text-secondary);font:inherit;font-size:var(--fs-13);line-height:1.6;cursor:pointer}.phrase-chip:hover,.phrase-chip.is-open{border-style:solid;border-color:var(--text-muted);color:var(--text-primary)}.phrase-chip.is-unknown{background:var(--unknown-bg);border-color:var(--unknown-bar);border-style:solid;color:var(--text-primary)}.lesson-sheet .phrase-chip{background:#fff;border-color:var(--rule);color:var(--ink-soft)}.lesson-sheet .phrases-label{color:var(--ink-faint)}.etext-pop{--pop-bg: var(--surface-1);--pop-fg: var(--text-primary);--pop-dim: var(--text-secondary);--pop-faint: var(--text-muted);--pop-rule: var(--border);position:fixed;z-index:200;display:flex;flex-direction:column;gap:var(--sp-10);min-width:260px;max-width:min(92vw,380px);padding:14px 16px;border:1px solid var(--pop-rule);border-radius:var(--r-12);background:var(--pop-bg);color:var(--pop-fg);box-shadow:0 10px 30px #0003;font-size:var(--fs-13);line-height:1.7;text-align:left;white-space:normal;overflow:hidden}.etext-pop-body{display:flex;flex-direction:column;gap:var(--sp-10);min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.etext-pop-head{display:flex;align-items:flex-start;gap:var(--sp-10);padding-right:18px}.etext-pop-word{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-8);min-width:0}.etext-pop-head strong{font-size:var(--fs-17);font-weight:650;letter-spacing:.01em;color:var(--pop-fg)}.etext-phonetic{color:var(--pop-faint);font-size:var(--fs-12h);letter-spacing:.02em}.etext-listen{margin-left:auto;flex:none;padding:3px 10px;font-size:var(--fs-11h)}.etext-listen .icon{margin-right:.3em}.etext-pos{padding:1px 8px;border-radius:var(--r-pill);font-size:var(--fs-10h);flex:none;font-weight:600;line-height:1.6;background:var(--surface-2);color:var(--pop-dim)}.etext-pos--noun{background:var(--pos-noun-bg);color:var(--pos-noun)}.etext-pos--verb{background:var(--pos-verb-bg);color:var(--pos-verb)}.etext-pos--adj{background:var(--pos-adj-bg);color:var(--pos-adj)}.etext-pos--adv{background:var(--pos-adv-bg);color:var(--pos-adv)}.etext-pos--conj{background:var(--pos-conj-bg);color:var(--pos-conj)}.etext-pos--phrase{background:var(--pos-phrase-bg);color:var(--pos-phrase)}.etext-sense{display:flex;flex-direction:column;gap:var(--sp-3)}.etext-sense-line{display:flex;align-items:baseline;gap:var(--sp-7)}.etext-sense-mean{font-size:var(--fs-13);color:var(--pop-dim)}.etext-sense.is-main .etext-sense-mean{font-size:var(--fs-15h);font-weight:650;color:var(--pop-fg);line-height:1.55}.etext-sense+.etext-sense{padding-top:9px;border-top:1px solid var(--pop-rule)}.etext-sense-no{min-width:1.1em;color:var(--pop-faint);font-size:var(--fs-11);flex:none}.etext-sense:not(.is-main) .etext-pos{font-size:var(--fs-10);padding:0 6px}.etext-pop-ex{color:var(--pop-dim);font-size:var(--fs-12);line-height:1.6;padding-left:9px;border-left:2px solid var(--pop-rule)}.etext-sense:not(.is-main) .etext-pop-ex{font-size:var(--fs-11h);color:var(--pop-faint)}.etext-pop-note{color:var(--pop-faint);font-size:var(--fs-11h);line-height:1.6}.etext-pop-time{color:var(--pop-faint);font-size:var(--fs-11)}.etext-pop-busy,.etext-pop-error{color:var(--pop-dim)}.etext-more{align-self:flex-start;padding:2px 0;font-size:var(--fs-12);color:var(--pop-dim)}.etext-pop-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8);margin:0 -16px -14px;padding:10px 16px 14px;border-top:1px solid var(--pop-rule);background:var(--pop-bg)}.etext-pop-actions .btn{padding:5px 14px;font-size:var(--fs-12h)}.etext-pop-actions .btn--link{margin-left:auto;padding:5px 2px}.etext-pop-close{position:absolute;right:8px;top:8px;border:0;color:var(--pop-faint);font-size:var(--fs-13);line-height:1;cursor:pointer;padding:4px 5px;background:var(--pop-bg);border-radius:var(--r-6)}.etext-pop-close:hover{color:var(--pop-fg)}.etext-hint{position:fixed;z-index:200;max-width:min(20rem,calc(100vw - 16px));display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);padding:12px;border:1px solid var(--border);border-radius:var(--r-12);background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-2)}.etext-hint-line{margin:0;font-size:var(--fs-13);line-height:1.6}.etext-hint-line b{color:var(--accent)}@media print{.etext-word{background:none!important;box-shadow:none!important;border-bottom-color:transparent!important}}.tagpicker{display:flex;flex-direction:column;gap:var(--sp-6)}.tagpicker-chosen{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8);padding:8px 10px;margin-bottom:2px;border:1px solid var(--accent);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 8%,transparent)}.tagpicker-chosen-label{font-size:var(--fs-12);color:var(--text-secondary)}.tagchip-x{margin-left:6px;opacity:.7;font-size:var(--fs-11)}.tagcat{border:1px solid var(--border);border-radius:var(--radius)}.tagcat.is-open{border-color:var(--text-muted)}.tagcat-head{display:flex;align-items:center;gap:var(--sp-8);width:100%;padding:10px 12px;border:0;border-radius:var(--radius);background:none;color:var(--text-primary);font-family:inherit;font-size:var(--fs-14);text-align:left;cursor:pointer}.tagcat-head:hover{background:var(--surface-0)}.tagcat-mark{color:var(--text-muted);flex:none;width:1em}.tagcat-name{font-weight:700;flex:none}.tagcat-count{flex:none;min-width:1.5em;padding:0 6px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:var(--fs-11);line-height:1.6;text-align:center}.tagcat-hint{color:var(--text-muted);font-size:var(--fs-11h);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tagcat-body{display:flex;flex-direction:column;gap:var(--sp-10);padding:2px 12px 12px}@media (max-width: 600px){.tagcat-hint{display:none}.tagcat-head{padding:11px 10px}.tagcat-body{padding:2px 10px 10px}}.review-box{margin:12px 0;padding:10px 12px;border:1px dashed var(--border);border-radius:var(--radius)}.review-count{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8);margin:6px 0}.review-words{display:flex;flex-wrap:wrap;gap:var(--sp-6);margin:6px 0}.tagchip.is-unknown{background:var(--unknown-bg);border-color:var(--unknown-bar)}.tagchip.is-due{font-weight:700}.tagchip.is-due:before{content:"★ "}.rate-pick{display:inline-flex;align-items:center;gap:var(--sp-6);margin-top:10px;font-size:var(--fs-13);color:var(--text-secondary);white-space:nowrap;flex:none}.rate-pick select{font-size:var(--fs-13);padding:3px 6px}.lesson-items>li.is-speaking{background:var(--speak-bg);box-shadow:inset 5px 0 0 var(--speak-bar);border-radius:0 var(--r-6) var(--r-6) 0;border-bottom-color:transparent}.lesson-items>li.is-speaking .lesson-en{font-weight:600}@media print{.lesson-items>li.is-speaking{background:none;box-shadow:none}}.lesson-head strong{font-size:1.15em}.lesson-head div{color:var(--ink-soft);margin-top:3px}.lesson-sheet .mtitle-headline{color:var(--accent)}.lesson-sheet .mtitle-chip{border-color:var(--rule);color:var(--ink-soft);background:#fff}.cast-chip{margin:0 0 8px}.cast-chip--quiet{display:flex;flex-direction:column;align-items:flex-end;margin:4px 0 0;text-align:right}.cast-chip--quiet .cast-chip-btn:not(.chip--on){border-color:transparent;background:transparent;color:var(--ink-faint, var(--text-muted));font-size:.62em;padding:2px 4px}.cast-chip--quiet .cast-chip-btn:not(.chip--on):hover{color:var(--ink-soft, var(--text-secondary))}.cast-chip--quiet .cast-chip-btn.chip--on{font-size:.62em;padding:2px 8px}.cast-chip--quiet .cast-chip-list{font-size:.7em;margin-top:3px}.cast-chip--inline{display:contents}.cast-chip--inline .cast-chip-btn{margin-left:auto;align-self:center;padding:1px 10px;font-size:1em;line-height:1.5}.cast-chip--inline .cast-chip-list{flex:1 0 100%;margin-top:4px;font-size:1em}.cast-chip--foot{display:contents}.cast-chip--foot .cast-chip-btn{margin-right:auto;align-self:center;padding:2px 6px;font-size:var(--fs-12);line-height:1.5}.cast-chip--foot .cast-chip-btn:not(.chip--on){border-color:transparent;background:transparent;color:var(--text-muted)}.cast-chip--foot .cast-chip-btn:not(.chip--on):hover{color:var(--text-secondary)}.cast-chip--foot .cast-chip-list{flex:1 0 100%;order:99;margin-top:6px;font-size:var(--fs-12)}@media (max-width: 360px){.cast-chip--foot .cast-chip-btn{flex:1 0 100%;margin-right:0}}.cast-chip-btn{font-size:.8em;line-height:1.4}.cast-chip-btn:not(.chip--on){background:var(--btn-bg)}.cast-chip-mark{font-size:.85em}.cast-chip-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2);font-size:.78em;line-height:1.6}.cast-chip-list li{display:flex;flex-wrap:wrap;gap:var(--sp-6);align-items:baseline}.cast-chip-who{font-weight:700}.cast-chip-eq{color:var(--text-muted)}.cast-chip-voice{color:var(--text-secondary)}.lesson-sheet .cast-chip-eq,.focus-paper .cast-chip-eq{color:var(--ink-faint)}.lesson-sheet .cast-chip-voice,.focus-paper .cast-chip-voice{color:var(--ink-soft)}.lesson-weakness{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-6);margin-top:6px;font-size:.72em}.lesson-weakness-label{color:var(--ink-faint);letter-spacing:.04em}.lesson-weakness-tag{padding:1px 9px;border:1px solid transparent;border-radius:var(--r-pill);background:var(--accent-bg);color:var(--accent)}.lesson-page.is-closed{display:none}.lesson-section{margin:0 0 8px;padding-left:10px;border-left:5px solid var(--accent);font-size:1.05em}.lesson-sheet .lesson-section{color:var(--accent)}.lesson-instruction{margin:0 0 18px;padding:8px 12px;border-radius:var(--r-8);background:var(--accent-bg);color:var(--ink-soft);font-size:.82em;line-height:1.75}.lesson-items{list-style:none;margin:0;padding:0;counter-reset:lq}.lesson-items>li{position:relative;counter-increment:lq;margin-bottom:16px;padding:8px 12px 16px 56px;border-bottom:1px solid var(--rule)}.lesson-items>li:before{content:counter(lq);position:absolute;left:14px;top:calc(8px + .52em);width:1.75em;height:1.75em;line-height:1.68em;text-align:center;border:1px solid transparent;border-radius:var(--r-circle);font-size:.68em;background:var(--accent-bg)}.lesson-sheet .lesson-items>li:before{color:var(--accent)}.lesson-tag{display:inline-block;margin-bottom:4px;padding:1px 9px;border:1px solid transparent;border-radius:var(--r-pill);font-size:.6em;background:var(--note-bg)}.lesson-sheet .lesson-tag{color:var(--note)}.lesson-speaker{font-weight:700;font-size:.78em;letter-spacing:.01em}.lesson-sheet .lesson-items>li:nth-child(odd) .lesson-speaker{color:var(--voice-a)}.lesson-sheet .lesson-items>li:nth-child(2n) .lesson-speaker{color:var(--voice-b)}.lesson-en{font-weight:450}.lesson-ja{margin-top:5px;padding:4px 10px;border-left:3px solid var(--translate);border-radius:0 var(--r-6) var(--r-6) 0;background:var(--translate-bg);font-size:.82em}.lesson-sheet .lesson-ja{color:var(--translate)}.lesson-sheet .chunk-ja{color:var(--ink-soft)}.lesson-sheet .chunk-bar{color:var(--accent)}.lesson-note{margin-top:5px;padding:3px 10px;border-left:3px solid var(--note);border-radius:0 var(--r-6) var(--r-6) 0;background:var(--note-bg);font-size:.74em}.lesson-sheet .lesson-note{color:var(--note)}.lesson-answer{margin-top:6px;padding:5px 10px;border-left:4px solid var(--answer);border-radius:0 var(--r-6) var(--r-6) 0;background:var(--answer-bg);font-size:.88em;font-weight:600}.lesson-sheet .lesson-answer{color:var(--answer)}.lesson-sheet select,.lesson-sheet input[type=text],.lesson-sheet textarea,.focus-paper select,.focus-paper input[type=text],.focus-paper textarea{background:var(--btn-bg);color:var(--ink);border:1px solid var(--rule);border-radius:var(--r-6)}.lesson-sheet .btn,.focus-paper .btn{margin-top:6px;border-color:var(--rule);background:var(--btn-bg);color:var(--ink-soft)}.lesson-sheet .btn:hover,.focus-paper .btn:hover{background:var(--accent-bg);color:var(--accent)}.lesson-sheet .btn.btn--primary,.focus-paper .btn.btn--primary{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);font-weight:700}.etext-pop--paper{--pop-bg: #fff;--pop-fg: #24292f;--pop-dim: #5a646e;--pop-faint: #8b949e;--pop-rule: #e3e6e9;--pos-noun: #2f6f86;--pos-noun-bg: #eaf3f7;--pos-verb: #38795a;--pos-verb-bg: #eaf4ee;--pos-adj: #8a5588;--pos-adj-bg: #f6edf5;--pos-adv: #8a6a33;--pos-adv-bg: #f9f2e6;--pos-conj: #5c6470;--pos-conj-bg: #eff1f4;--pos-phrase: #4c6ba8;--pos-phrase-bg: #eef2fa;box-shadow:0 10px 30px #24292f2e}.etext-pop--paper .btn{background:#fff;border-color:#dcd8cf;color:#24292f}.etext-pop--paper .btn:hover{border-color:#a9a294;background:#f7f6f3}.etext-pop--paper .btn--link{background:none;border-color:transparent;color:#2f6f86}@media (max-width: 600px){.lesson-sheet{width:calc(100% - 10px);padding:16px 12px 40px;margin:5px auto}.lesson-items>li{padding:6px 6px 14px 14px}.lesson-items>li:before{position:static;float:left;display:block;width:1.75em;height:1.75em;line-height:1.68em;margin:.52em 8px 2px 0}.lesson-items>li:after{content:"";display:block;clear:both}.lesson-speaker+.lesson-en{clear:left}.lesson-head{margin-bottom:14px}}@media (max-width: 860px){.lesson-bar .wide-text{display:none}.lesson-bar{gap:var(--sp-8);padding:6px 8px}.lesson-bar-main{flex:1 1 auto;gap:var(--sp-6)}.lesson-pages{gap:var(--sp-6)}.lesson-bar .btn{padding:5px 10px}.lesson-more{display:inline-flex;margin-left:auto}.lesson-settings{display:none}.lesson-settings.is-open{display:flex;flex-basis:100%;margin-left:0;padding-top:8px;border-top:1px solid #45453f}.is-measuring-row .lesson-settings{display:none!important}}@media (max-width: 340px){.lesson-more .mid-text{display:none}.lesson-more{padding-left:8px;padding-right:8px}}.practice-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8);margin:6px 0 2px}.practice-sum{flex:1 1 auto;min-width:0;font-size:var(--fs-13)}.reminder{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-8)}.reminder-close{margin-left:auto}.pron-list{list-style:none;margin:10px 0 0;padding:0}.pron-en{margin:2px 0;font-size:var(--fs-18);font-weight:600}.pron-ja{margin:2px 0 0;font-size:var(--fs-13)}.mtitle{min-width:0}.mtitle-row{display:flex;gap:var(--sp-12);align-items:baseline}.mtitle-main{flex:1;min-width:0;margin:0;font-weight:700;line-height:1.45;color:var(--text-primary);overflow-wrap:break-word}.mtitle--card .mtitle-main{font-size:var(--fs-17)}.mtitle--row .mtitle-main{font-size:var(--fs-16)}.mtitle--sheet .mtitle-main{font-size:1.15em}.mtitle-date{flex:0 0 auto;margin-left:auto;color:var(--text-muted);font-size:var(--fs-12);font-variant-numeric:tabular-nums;white-space:nowrap}.mtitle-headline{margin-top:2px;color:var(--text-secondary);font-size:var(--fs-14);overflow-wrap:break-word}.mtitle-headline-ja{margin-top:1px;color:var(--text-muted);font-size:var(--fs-12);line-height:1.5;overflow-wrap:break-word}.mtitle-chips{display:flex;flex-wrap:wrap;gap:var(--sp-5);margin-top:6px;min-width:0}.mtitle-chip{padding:1px 9px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-secondary);font-size:var(--fs-12);max-width:100%;white-space:normal;overflow-wrap:anywhere}.mtitle-chip--main{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);font-weight:700}:root[data-palette=plain] .mtitle-chip--main{background:var(--surface-2);border-color:var(--text-muted);color:var(--text-primary)}.mtitle--sheet .mtitle-main{color:#1a1a1a}.mtitle--sheet .mtitle-date{color:#666;font-size:.6em}.mtitle--sheet .mtitle-headline{color:#555;font-size:.8em}.mtitle--sheet .mtitle-chip{border-color:#bbb;background:transparent;color:#555;font-size:.6em}.lesson-reveal{margin-top:6px;margin-left:8px}.lesson-heard{margin-top:6px;padding:6px 10px;border-left:4px solid var(--accent);border-radius:0 var(--r-6) var(--r-6) 0;background:var(--accent-bg);font-size:.9em}.lesson-heard-label{display:block;font-size:.68em;margin-bottom:2px}.lesson-sheet .lesson-heard-label{color:var(--accent)}:root[data-palette=plain]{--chunk-fg: var(--text-muted);--speaking-bg: var(--surface-2);--speaking-bar: var(--text-muted);--reading-bg: var(--border);--reading-fg: var(--text-primary);--pos-noun: var(--text-secondary);--pos-noun-bg: var(--surface-2);--pos-verb: var(--text-secondary);--pos-verb-bg: var(--surface-2);--pos-adj: var(--text-secondary);--pos-adj-bg: var(--surface-2);--pos-adv: var(--text-secondary);--pos-adv-bg: var(--surface-2);--pos-conj: var(--text-secondary);--pos-conj-bg: var(--surface-2);--pos-phrase: var(--text-secondary);--pos-phrase-bg: var(--surface-2);--phrase-bg: var(--surface-2);--phrase-bar: var(--text-muted);--ok: var(--text-primary);--ok-bg: var(--surface-2);--ng: var(--text-secondary);--ng-bg: var(--surface-2);--accent-soft: var(--surface-2);--accent-line: var(--text-muted);--accent-bg: var(--surface-2);--voice-a: var(--text-primary);--voice-b: var(--text-secondary)}:root[data-palette=plain] .lesson-sheet{--accent: #3a4149;--accent-bg: #f1f2f4;--accent-soft: #eceef0;--accent-line: #b9bfc6;--ok: #3a4149;--ok-bg: #eceef0;--ng: #3a4149;--ng-bg: #e2e4e7;--answer: #3a4149;--answer-bg: #f1f2f4;--translate: #5a646e;--translate-bg: #f5f6f7;--note: #5a646e;--note-bg: #f5f6f7;--voice-a: #24292f;--voice-b: #5a646e;--speak-bg: #f1f2f4;--speak-bar: #9aa3ac;--read-bg: #dfe3e7;--read-fg: #14181c}:root[data-palette=plain] .etext-pop--paper{--pos-noun: #5a646e;--pos-noun-bg: #f1f2f4;--pos-verb: #5a646e;--pos-verb-bg: #f1f2f4;--pos-adj: #5a646e;--pos-adj-bg: #f1f2f4;--pos-adv: #5a646e;--pos-adv-bg: #f1f2f4;--pos-conj: #5a646e;--pos-conj-bg: #f1f2f4;--pos-phrase: #5a646e;--pos-phrase-bg: #f1f2f4}:root[data-palette=plain] .teaching-note--point .teaching-note-label,:root[data-palette=plain] .teaching-note--todo .teaching-note-label{color:var(--text-primary)}:root[data-palette=plain] .teaching-note-tag,:root[data-palette=plain] .teaching-note--todo .teaching-note-tag{background:var(--text-secondary)}:root[data-palette=plain] .teaching-note{border-left:0}.wbfilter{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8);margin-top:10px}.wbfilter-pick select{width:auto;max-width:12rem;height:34px;border-radius:var(--r-pill);font-size:var(--fs-13)}.wbfilter{display:block;margin-top:0}.wbfilter-row{display:flex;align-items:center;gap:var(--sp-10);min-height:40px}.wbfilter-name{flex:0 0 5.5em;font-size:var(--fs-12);font-weight:600;color:var(--text-primary)}.wbfilter-ctl{flex:1 1 auto;min-width:0;max-width:none;height:36px;justify-content:flex-start;font-size:var(--fs-13)}button.wbfilter-ctl{text-align:left}.wbfilter-clear{margin-top:var(--sp-8)}.qrrev-opts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8);margin-top:10px}.practice-pop{position:fixed;z-index:200;width:min(19rem,calc(100vw - 24px));padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-12);background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-2)}.practice-pop-title{margin:0 0 10px;font-weight:700}.practice-pop-list{margin:0 0 12px}.practice-pop-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-12);padding:7px 0;border-top:1px solid var(--border)}.practice-pop-list>div:first-child{border-top:none}.practice-pop-list dt{color:var(--text-secondary);font-size:var(--fs-13)}.practice-pop-list dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.practice-pop>.field-hint{display:block;margin-top:10px;line-height:1.6}.wbcal{position:fixed;z-index:200;width:288px;padding:12px;border:1px solid var(--border);border-radius:var(--r-12);background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-2);max-height:calc(100vh - 16px);overflow-y:auto}.wbcal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);margin-bottom:8px}.wbcal-title{font-weight:600;font-size:var(--fs-14)}.wbcal-week,.wbcal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-2)}.wbcal-week span{text-align:center;font-size:var(--fs-11);color:var(--text-muted);padding-bottom:4px}.wbcal-cell{min-height:34px;padding:0;border:1px solid transparent;border-radius:var(--r-8);background:none;color:var(--text-muted);font:inherit;font-size:var(--fs-13);line-height:34px}.wbcal-cell.is-empty{visibility:hidden}.wbcal-cell:disabled{cursor:default}.wbcal-cell.has-words{color:var(--text-primary);font-weight:600;background:var(--surface-2);border-color:var(--border);cursor:pointer}.wbcal-cell.has-words:hover{box-shadow:inset 0 0 0 1px var(--border)}.wbcal-cell.is-on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:700}.wbcal-cell:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.wbcal-sort{display:flex;flex-wrap:wrap;gap:var(--sp-6);margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.wbcal-foot{margin-top:8px;display:flex;justify-content:flex-end}.wordbook{list-style:none;margin:10px 0 0;padding:0}.wordbook-row{padding:10px 12px;margin-bottom:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1)}.wordbook-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-8)}.wordbook-word{font-size:var(--fs-17);font-weight:600}.wordbook-kind{color:var(--text-muted);font-size:var(--fs-11h);letter-spacing:.06em}.wordbook-mean{margin-top:3px;color:var(--text-secondary);font-size:var(--fs-14)}.wordbook-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8);margin-top:8px}.wordbook-streak{font-size:var(--fs-12);color:var(--text-muted)}.wordbook-seen{margin:6px 0 0;padding-left:10px;border-left:2px solid var(--border);color:var(--text-secondary);font-size:var(--fs-13);line-height:1.7}.wordbook-seen strong{color:var(--text-primary)}.wb-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-12);margin-bottom:14px}.wb-head>.card-title{margin:0}.wb-streak{display:inline-flex;align-items:baseline;gap:var(--sp-8);margin-left:auto;padding:5px 12px;border-radius:var(--r-pill);border:1px solid var(--accent);color:var(--accent);font-size:var(--fs-12);font-weight:700}.wb-streak-sub{color:var(--text-secondary);font-weight:500}.wb-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-10);margin-bottom:16px}.wb-stat{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:12px 8px;border:1px solid var(--border);border-radius:var(--r-12);background:var(--surface-2);font:inherit;text-align:center;cursor:pointer;min-height:40px}.wb-stat>strong{font-size:var(--fs-24);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--text-primary)}.wb-stat-label{font-size:var(--fs-11);color:var(--text-muted)}.wb-stat.is-due{border-color:var(--accent);background:var(--accent-soft)}.wb-stat.is-due>strong{color:var(--accent)}.wb-stat.is-on{border-color:var(--accent);border-width:2px;padding:11px 7px;background:var(--accent-soft)}.wb-stat.is-on>strong,.wb-stat.is-on>.wb-stat-label{color:var(--accent);font-weight:700}.wb-stat:disabled{cursor:default;opacity:.55}.wb-stats-lead{margin:-8px 0 16px}.wb-add{margin:12px 0 4px}.wb-add-open{color:var(--accent)}.wb-add-body{margin-top:10px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.wb-add-body>.field{margin-bottom:10px}.wb-add-note{margin:10px 0 0}.wb-add-body>.field-hint{display:block;margin-top:10px;line-height:1.7}.basicpick .chiprow{margin-bottom:10px}.basicpick .chip{min-height:36px}.basicpick-hint,.basicpick-lead{margin:0 0 10px;font-size:var(--fs-13);line-height:1.8;color:var(--text-secondary)}.basicpick-lead{color:var(--text-primary)}.basicpick-lead>strong{font-weight:600}.basicpick-free{margin-left:4px;color:var(--ok);font-weight:600}.tabpick>select{width:auto;height:38px;border-radius:var(--r-pill);font-size:var(--fs-15);font-weight:700;border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.tabpick>select{width:auto;max-width:100%}.wbfocus{padding:0}.wbfocus>.wb-run{flex:0 0 auto;margin:0;padding:8px 16px;padding-top:max(8px,env(safe-area-inset-top));border-bottom:1px solid var(--border)}.wbfocus .wordcard{margin:0 auto;max-width:34rem}.wbfocus .wordcard--recall{flex:1 1 auto;min-height:0;max-height:44rem;display:flex;flex-direction:column}.wbfocus .wordcard--recall .wordcard-q{flex:1 1 auto;min-height:5rem;height:auto}.wbfocus .wordcard:not(.wordcard--recall):not(.wordcard--result){min-height:0;display:flex;flex-direction:column}.wbfocus .wordcard:not(.wordcard--recall):not(.wordcard--result)>*{flex:0 0 auto}.wbfocus .wordcard:not(.wordcard--recall):not(.wordcard--result)>.wordcard-q{flex:0 1 auto;height:24rem;min-height:5.5rem}.wb-start{margin-top:14px}.wb-listen{margin-top:10px}.radio-card{display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:var(--sp-16);min-height:0;text-align:center}.radio-en{margin:0;font-size:var(--fs-28);font-weight:700;line-height:1.3;color:var(--text-primary);overflow-wrap:break-word}.radio-ja{margin:0;font-size:var(--fs-17);color:var(--text-secondary);min-height:1.4em}.radio-en.is-now,.radio-ja.is-now{background:var(--accent-soft);color:var(--accent);border-radius:var(--r-8);padding:4px 12px;font-weight:700}.radio-seen{margin:0;max-width:34em;font-size:var(--fs-14);color:var(--text-secondary)}.radio-tools{justify-content:center}.radio-lead,.radio-song{margin:0;text-align:center}.radio--qr .radio-en{font-size:var(--fs-19)}.radio--qr .radio-ja{font-size:var(--fs-15)}@media (max-width: 360px){.radio--qr .radio-en{font-size:var(--fs-17)}}.radio-pick{min-width:0}.radio-pick>select{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-pick--gap{flex:0 0 auto}.radio-pick--gap>select{padding-right:24px;padding-left:8px}.bgm-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-8)}.bgm-row{display:flex;align-items:center;gap:var(--sp-8);padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-8)}.bgm-title{flex:1 1 auto;min-width:0;overflow-wrap:break-word}.bgm-size{flex:0 0 auto;font-size:var(--fs-12);color:var(--text-secondary);font-variant-numeric:tabular-nums}.bgm-row>.btn{flex:0 0 auto}@media (max-width: 400px){.wbfocus>.wb-run{padding-left:12px;padding-right:12px}}.wb-run{display:flex;flex-direction:column;gap:var(--sp-8);margin-top:14px}.wb-run-head{display:flex;align-items:center;gap:var(--sp-10)}.wb-run,.wordcard--result{scroll-margin-top:calc(64px + env(safe-area-inset-top))}.wb-run-bar{display:flex;gap:var(--sp-3)}.wb-run-bar>span{flex:1 1 0;height:5px;border-radius:var(--r-pill);background:var(--border)}.wb-run-bar>span.is-done{background:var(--accent)}.wb-run-bar>span.is-now{background:var(--accent);height:8px;margin-top:-1.5px}.wb-score{display:flex;align-items:baseline;justify-content:center;gap:var(--sp-8);margin:0 0 14px}.wb-score>strong{font-size:var(--fs-40);font-weight:700;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}.wb-score-of{font-size:var(--fs-14);color:var(--text-secondary)}.wordcard{margin-top:12px;padding:26px 20px 20px;border:1px solid var(--border);border-radius:var(--r-18);background:var(--surface-1);box-shadow:var(--shadow-1);text-align:center;margin-bottom:28vh}.wordcard-q{display:flex;flex-direction:column;justify-content:safe center;height:clamp(7rem,22vh,12rem);overflow-y:auto}@media (max-width: 860px){.wordcard-q{height:clamp(5.5rem,19vh,9rem)}}.wordcard-face{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:var(--sp-10)}.wordcard-word{font-size:var(--fs-26);font-weight:700;line-height:1.45;text-wrap:balance}.wordcard-word--en{font-size:clamp(26px,6.4vw,31px);letter-spacing:.005em}.wordcard-face--cloze{display:block}.wordcard-cloze-en{margin:0;text-align:left;font-size:clamp(17px,4.4vw,20px);line-height:1.9}.wordcard-cloze-hit{color:var(--accent);font-weight:700}.wordcard-cloze-ja{margin:12px 0 0;text-align:left;color:var(--text-secondary);font-size:var(--fs-15);font-weight:600}.wordcard-tags{display:flex;justify-content:center;align-items:center;gap:var(--sp-6);margin:0 0 16px}.wordcard-tags .wc-tag{padding:3px 11px;border-radius:var(--r-pill);font-size:var(--fs-11);font-weight:600;letter-spacing:.09em;line-height:1.7}.wc-tag--kind{background:var(--accent-soft);color:var(--accent)}.wc-tag--pos{border:1px solid var(--border);color:var(--text-muted)}.wordcard-ask{margin:14px 0 10px;color:var(--text-muted);font-size:var(--fs-12h)}.wordcard-reveal{min-width:160px}.wordcard-back{display:flex;flex-direction:column;align-items:center;gap:var(--sp-8);margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.wordcard-q .wordcard-back{margin-top:10px;padding-top:0;border-top:0}.wordcard-mean{font-size:var(--fs-17);font-weight:600}.wordcard .wordbook-seen{text-align:left}.wordcard-actions{display:flex;flex-direction:column;align-items:center;gap:var(--sp-12);margin-top:18px}.wordcard-peek{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--sp-8);width:100%;padding-top:14px;border-top:1px solid var(--border)}.wordcard-answers{display:flex;justify-content:center;gap:var(--sp-8);width:min(100%,360px)}.wordcard-answers .btn{flex:1 1 0;min-width:0;padding-left:6px;padding-right:6px;white-space:nowrap}.wordcard-face .etext-listen,.wordcard-seenbar .etext-listen{margin-left:0}.wordcard-seenbox{margin-top:14px}.wordcard-seenbar{display:flex;align-items:center;justify-content:center;gap:var(--sp-8)}.wordcard-seenbox .wordbook-seen{margin:10px 0 0;text-align:left}.hw-words{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-10);margin:12px 0 0;padding:10px 12px;background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--r-8)}.hw-words-line{margin:0;flex:1 1 14rem;font-size:var(--fs-13h);line-height:1.7}.wb-only{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-10);margin:10px 0 0}.wb-only-label{display:inline-flex;align-items:center;gap:var(--sp-6);padding:4px 11px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);border:1px solid currentColor;font-size:var(--fs-12);font-weight:600;line-height:1.7}.wb-only-n{font-variant-numeric:tabular-nums;opacity:.85}.wb-only-name{color:var(--text-secondary);font-size:var(--fs-12h);overflow-wrap:break-word;min-width:0}.wbfocus .wb-only{margin:8px 0 0}.wordbook-blank{display:inline-block;min-width:3em;border-bottom:2px solid var(--text-muted);vertical-align:baseline}.wordcard-answer{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:var(--sp-8);margin:0}.wordcard-seen-ja{margin:0;color:var(--text-secondary);font-size:var(--fs-13)}.wordcard-when{margin:14px 0 0;text-align:center}.wordbook-choices{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8)}.wordbook-choice{width:100%;min-height:48px;justify-content:center;white-space:normal;line-height:1.5}.wordbook-choice.is-right,.wordbook-choice.is-wrong{font-weight:700;opacity:1}.wordbook-choice.is-right{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.wordbook-choice.is-wrong{border-color:var(--ng);background:var(--ng-bg);color:var(--ng);text-decoration:line-through}.wordbook-choice.is-right:before{content:"✓ ";font-weight:700}.wordbook-choice.is-wrong:before{content:"✗ ";font-weight:700}.wordcard-judged.is-ok{color:var(--ok)}.wordcard-judged.is-ng{color:var(--ng)}.wordcard-mark{margin-right:.4em}.wordcard-lead{margin-right:.4em;font-size:.62em;font-weight:600}@media (max-width: 480px){.wordbook-choices{grid-template-columns:1fr}}.wordbook-right{flex-basis:100%;margin:0;color:var(--text-secondary);font-size:var(--fs-13)}.wordcard--result{text-align:center}.wordbook-result{list-style:none;margin:12px 0 16px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-6) var(--sp-12)}.wordbook-result>li{display:inline-flex;align-items:baseline;gap:var(--sp-5);font-size:var(--fs-14)}.wordbook-result .is-ok,.wordbook-result>li.is-ok{color:var(--text-primary)}.wordbook-result>li.is-ng{color:var(--series-3)}.wordbook-progress{margin-top:14px}.wordbook-goal-line{margin:0 0 8px;font-size:var(--fs-14)}.wordbook-bar{height:10px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.wordbook-bar>span{display:block;height:100%;background:var(--accent)}.wordbook-sub{margin:20px 0 8px;font-size:var(--fs-14)}.wordbook-industry{list-style:none;margin:0;padding:0}.wordbook-industry>li{display:flex;align-items:baseline;gap:var(--sp-8);padding:7px 0;border-top:1px solid var(--border);font-size:var(--fs-14)}.wordbook-industry>li>span:first-child{flex:1}.wordbook-seenby{margin:8px 0 0;padding:7px 10px;border-radius:var(--r-8);background:var(--surface-2);color:var(--text-secondary);font-size:var(--fs-12h)}.qr{--qr-bg: var(--surface-1);--qr-fg: var(--text-primary);--qr-dim: var(--text-secondary);--qr-faint: var(--text-muted);--qr-rule: var(--border);margin-top:12px;padding:14px;border:1px solid var(--qr-rule);border-radius:var(--radius);background:var(--qr-bg);color:var(--qr-fg)}.qr-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-8) var(--sp-10)}.qr-title{font-size:var(--fs-15)}.qr-count{margin-left:auto;color:var(--qr-faint);font-size:var(--fs-13);font-variant-numeric:tabular-nums}.qr-head>.qr-count:first-child{margin-left:0;margin-right:auto}.qr-mode{display:flex;gap:var(--sp-4);flex-wrap:nowrap;min-width:0}.qr-modebtn{flex:0 0 auto;padding:5px 9px;border-radius:var(--r-pill);border:1px solid var(--qr-rule);background:transparent;color:var(--text-secondary);font-size:var(--fs-12);font-weight:600;line-height:1.3;white-space:nowrap;cursor:pointer}.qr-modebtn.is-active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);font-weight:700}.qr-modecount{opacity:.7;font-weight:400}.qr-head .nav-icon-btn{width:36px;height:36px;margin-right:-6px}.qr-bar{height:6px;margin:8px 0 2px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.qr-bar>span{display:block;height:100%;background:var(--accent);transition:width .2s ease}.qr-card{display:flex;flex-direction:column;padding:0;text-align:center}.qr-body{flex:0 0 auto;min-height:clamp(6rem,26vh,15rem);max-height:calc(100dvh - 15rem);display:flex;flex-direction:column;gap:var(--sp-6);overflow-y:auto;justify-content:safe center;padding:6px 0}@media (min-width: 861px){.qr-card{padding-bottom:4rem}}.qr-answer{width:100%;text-align:center;padding:10px 12px;border-left:none;border-radius:var(--r-8);background:var(--qa-answer, var(--surface-2))}.qr-from{margin:0 0 4px;display:flex;align-items:center;justify-content:center;gap:var(--sp-8);color:var(--qr-faint);font-size:var(--fs-12)}.qr--paper .qr-from .num-badge{background:var(--accent-bg);color:var(--accent)}.qr-ja{margin:0 auto;max-width:34em;font-size:var(--fs-19);font-weight:600;line-height:1.7}.qr-actions{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--sp-10);margin-top:16px;padding-top:14px;border-top:1px solid var(--qr-rule)}.qr-answers{display:flex;justify-content:center;gap:var(--sp-10);width:min(100%,320px)}.qr-answers .btn{flex:1 1 0;min-width:0}.qr-en{display:flex;align-items:flex-start;justify-content:center;gap:var(--sp-10);margin:0;font-size:var(--fs-19);font-weight:600;line-height:1.7;text-align:center}.qr-en .etext-listen{margin-left:0;flex:0 0 auto}.qr-result{padding:8px 0;text-align:center}.qr-result-score{margin:6px 0 12px;font-size:var(--fs-17)}.qr-result-list{list-style:none;margin:0 0 12px;padding:0;text-align:left}.qr-result-list>li{display:flex;flex-direction:column;gap:var(--sp-2);padding:8px 0;border-top:1px solid var(--qr-rule);font-size:var(--fs-14)}.qr-result-ja{color:var(--qr-dim);font-size:var(--fs-13)}.qr-result .btn-row{justify-content:center}.sresult{text-align:center}.sresult-score{margin:4px 0 6px;line-height:1.1;color:var(--ink, var(--text-primary))}.sresult-score>strong{font-size:var(--fs-40);font-weight:800;font-variant-numeric:tabular-nums}.sresult-of{margin-left:6px;font-size:var(--fs-14);font-weight:600;color:var(--ink-soft, var(--text-secondary))}.sresult-praise{margin:0 0 8px;font-size:var(--fs-15);font-weight:700;color:var(--accent)}.sresult-lines{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-6) var(--sp-12);margin:0 0 12px;font-size:var(--fs-12h);color:var(--ink-soft, var(--text-secondary))}.sresult-miss{list-style:none;margin:0 0 10px;padding:0;text-align:left}.sresult-miss>li{display:flex;flex-direction:column;gap:var(--sp-2);padding:8px 0;font-size:var(--fs-14);border-top:1px solid var(--qr-rule, var(--border));color:var(--ink, var(--text-primary))}.sresult-sub{font-size:var(--fs-13);color:var(--ink-soft, var(--text-secondary))}.collect{margin:4px 0 12px;text-align:left}.collect-head{margin:0 0 6px;font-size:var(--fs-12);font-weight:700;color:var(--ink-soft, var(--text-secondary))}.collect-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-6)}.collect-list>li{display:grid;grid-template-columns:minmax(0,5.5em) 1fr auto;align-items:center;gap:var(--sp-8);font-size:var(--fs-12h);color:var(--ink, var(--text-primary))}.collect-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collect-bar{height:6px;border-radius:var(--r-pill);overflow:hidden;background:var(--qa-bg, var(--surface-2))}.collect-bar>span{display:block;height:100%;border-radius:var(--r-pill);background:var(--accent)}.collect-num{font-variant-numeric:tabular-nums;font-weight:700}.collect-of{font-weight:500;color:var(--ink-soft, var(--text-secondary))}.goalbar{margin:4px 0 12px;text-align:left}.goalbar-line{margin:0 0 6px;font-size:var(--fs-12h);font-weight:700;display:flex;align-items:center;gap:var(--sp-6);color:var(--ink-soft, var(--text-secondary))}.goalbar.is-hit .goalbar-line{color:var(--ok)}.goalbar-hit{font-weight:900}.goalbar-track{display:block;height:6px;border-radius:var(--r-pill);overflow:hidden;background:var(--qa-bg, var(--surface-2))}.goalbar-track>span{display:block;height:100%;border-radius:var(--r-pill);background:var(--accent)}.goalbar.is-hit .goalbar-track>span{background:var(--ok)}.qr--paper{--qr-bg: transparent;--qr-fg: var(--ink);--qr-dim: var(--ink-soft);--qr-faint: var(--ink-faint);--qr-rule: var(--rule);border:none;margin-top:0;padding:0}.qr--paper .qr-actions .btn--primary{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);font-weight:700}.qr--paper .qr-actions .btn--quiet{background:var(--qa-answer);border-color:var(--rule);color:var(--ink);font-weight:700}.qr--paper .qr-actions .btn--ghost{color:var(--qr-dim)}@media (max-width: 560px){.qr-ja{font-size:var(--fs-16);line-height:1.7}.qr-en{flex-direction:column;align-items:center;gap:var(--sp-6);font-size:var(--fs-16);line-height:1.7}.qr-en .etext-listen{order:2}.qr-actions,.qr-answers{gap:var(--sp-8)}.qr-answers .btn{padding:8px 12px}}@media (max-width: 360px){.qr-actions>.btn:nth-child(2){order:-1;flex-basis:100%}.qr-actions>.btn:not(:nth-child(2)){flex:1 1 0}}.lesson-sheet .practice-row .btn.btn--primary{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);font-weight:700}.lesson-head.is-hidden{display:none}.lesson-sheet.is-running{display:flex;flex-direction:column}.lesson-sheet.is-running>.qr{flex:1 1 auto;display:flex;flex-direction:column}.lesson-sheet.is-running>.qr>.qr-card{flex:1 1 auto;justify-content:safe center}.lesson-sheet.is-running .qr-body{flex:1 1 auto;min-height:5rem;max-height:none}.lesson-sheet.is-running>.qr,.lesson-sheet.is-running>.qr>.qr-card{min-height:0}.qrfocus .focus-body{justify-content:stretch}.qrfocus .focus-body>.focus-paper,.qrfocus .focus-body>.focus-plainbox,.qrfocus .qr,.qrfocus .qr-card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.qrfocus .qr-card{justify-content:safe center}.qrfocus .qr-head,.qrfocus .qr-bar{flex:0 0 auto}.qrfocus .qr-body{flex:1 1 auto;min-height:5rem;max-height:none}@media (max-width: 600px){.qrfocus .focus-plainbox{padding:0}.qrfocus .focus-plainbox>.qr{margin-top:0}}.practice-row{display:flex;flex-wrap:wrap;gap:var(--sp-8);margin:12px 0 4px;padding-bottom:12px;border-bottom:1px solid var(--border)}.practice-row .btn{font-weight:600}.lesson-sheet .practice-row{gap:var(--sp-6);margin:8px 0 0;padding-bottom:8px}.lesson-sheet .practice-row .btn{min-height:0;padding:.3em .7em;font-size:.8em;border-radius:var(--r-6)}.lesson-sheet .practice-row .icon{font-size:1em}@media (max-width: 600px){.practice-row{flex-wrap:nowrap}.practice-row .btn{white-space:nowrap}.lesson-sheet .practice-row{gap:var(--sp-3)}.lesson-sheet .practice-row .btn{font-size:var(--fs-12);padding:5px 6px}.lesson-sheet .practice-row .icon{display:none}}.wordbook-pick{display:inline-flex;align-items:center}.wordbook-pick>input{width:18px;height:18px;accent-color:var(--accent)}.wordbook-row.is-picked{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.wordbook-pickbar{position:sticky;bottom:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-10);margin-top:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);font-size:var(--fs-13)}.wordbook-pickbar>span:first-child{margin-right:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.wordbook-detail{list-style:none;margin:10px 0 0;padding:0;text-align:left}.wordbook-detail>li{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-6);padding:8px 0;border-top:1px solid var(--border)}.wordbook-detail-mean{font-size:var(--fs-14)}.wordbook-detail-ex{flex-basis:100%;color:var(--text-secondary);font-size:var(--fs-12h)}.wordbook-detail-note{flex-basis:100%;color:var(--text-muted);font-size:var(--fs-12)}.lfiles-who{display:block;margin:0 0 14px;line-height:1.7}.lfiles-add{padding:14px 16px;margin-bottom:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.lfiles-add>.field{margin-bottom:10px}.lfiles-pick{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-10);margin-bottom:12px}.lfiles-picked{min-width:0;overflow-wrap:anywhere;font-size:.9em;color:var(--text-secondary)}.lfiles-pick input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}.lfiles-add .notice{margin:10px 0 0}.lfiles-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-10)}.lfiles-item{display:flex;flex-wrap:wrap;gap:var(--sp-10);align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1)}.lfiles-main{min-width:0;flex:1 1 12rem}.lfiles-name{margin:0;font-weight:700;overflow-wrap:anywhere}.lfiles-meta{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:var(--sp-10);font-size:.85em;color:var(--text-secondary)}.lfiles-note{margin:6px 0 0;font-size:.9em;color:var(--text-secondary)}.lfiles-tools{display:flex;flex-wrap:wrap;gap:var(--sp-6)}.homework-worked{margin:10px 0 0;font-size:var(--fs-13)}.focus{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--surface-0);color:var(--text-primary);overscroll-behavior:contain;touch-action:manipulation;--app-accent: var(--accent);--app-accent-bg: var(--accent-bg);--app-accent-line: var(--accent-line);--app-accent-soft: var(--accent-soft);--app-border: var(--border);--app-btn-bg: var(--btn-bg);--app-chunk-fg: var(--chunk-fg);--app-danger: var(--danger);--app-mark-hover-bg: var(--mark-hover-bg);--app-mark-hover-line: var(--mark-hover-line);--app-ng: var(--ng);--app-ng-bg: var(--ng-bg);--app-ok: var(--ok);--app-ok-bg: var(--ok-bg);--app-on-accent: var(--on-accent);--app-phrase-bar: var(--phrase-bar);--app-phrase-bg: var(--phrase-bg);--app-pos-adj: var(--pos-adj);--app-pos-adv: var(--pos-adv);--app-pos-conj: var(--pos-conj);--app-pos-noun: var(--pos-noun);--app-pos-phrase: var(--pos-phrase);--app-pos-verb: var(--pos-verb);--app-quiet-bg: var(--quiet-bg);--app-reading-bg: var(--reading-bg);--app-reading-fg: var(--reading-fg);--app-series-1: var(--series-1);--app-series-2: var(--series-2);--app-series-3: var(--series-3);--app-series-4: var(--series-4);--app-series-5: var(--series-5);--app-shadow-1: var(--shadow-1);--app-shadow-2: var(--shadow-2);--app-speaking-bar: var(--speaking-bar);--app-speaking-bg: var(--speaking-bg);--app-surface-0: var(--surface-0);--app-surface-1: var(--surface-1);--app-surface-2: var(--surface-2);--app-text-muted: var(--text-muted);--app-text-primary: var(--text-primary);--app-text-secondary: var(--text-secondary);--app-unknown-bar: var(--unknown-bar);--app-unknown-bg: var(--unknown-bg);--app-voice-a: var(--voice-a);--app-voice-b: var(--voice-b);--app-warn: var(--warn)}.focus--sheet{background:#0c0c0b;color:#f2f2ee}.focus-top{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-10);padding:8px 16px;padding-top:max(8px,env(safe-area-inset-top));background:#24241f;color:#f2f2ee;border-bottom:1px solid #45453f}.focus-count{font-size:var(--fs-13);font-weight:700;color:#cfcfc8;font-variant-numeric:tabular-nums;white-space:nowrap}.focus-top .btn,.focus-bar .btn{border-color:#55554e;background:#33332d;color:#f2f2ee}.focus-top .btn--primary,.focus-bar .btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.focus-top .btn:disabled,.focus-bar .btn:disabled{opacity:.4}.focus-top select{background:#33332d;color:#f2f2ee;border-color:#55554e}.focus-top .stepper{border-color:#55554e}.focus-top .stepper-label{color:#b9b9b2}.focus-top .stepper-arrow{color:#e6e6e0}.focus-top .stepper-arrow:hover:not(:disabled){color:#fff}.focus-top .stepper-now{color:#f2f2ee}.focus--plain .focus-top{background:var(--surface-0);color:var(--text-primary);border-bottom:1px solid var(--border)}.focus--plain .focus-count{color:var(--text-secondary)}.focus--plain .focus-top .btn{border-color:var(--border);background:var(--btn-bg);color:var(--text-primary)}.focus--plain .focus-top .btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.focus--plain .focus-top select{background:var(--btn-bg);color:var(--text-primary);border-color:var(--border)}.focus-top .stepfocus-pick,.focus-top .focus-dots{margin-left:0}.focus-top-main{flex:1 1 0;min-width:0;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sp-10)}.focus-top .stepfocus-pick{flex:0 1 auto;min-width:0;max-width:15em}.focus-top .stepfocus-pick>select{width:100%;min-width:0}.focus-dots{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-4);max-width:40%}.focus-dot{width:7px;height:7px;border-radius:var(--r-circle);background:var(--border)}.focus-dot.is-done{background:var(--accent);opacity:.45}.focus-dot.is-now{background:var(--accent);opacity:1;width:9px;height:9px;margin:-1px 0}.focus-main{flex:1 1 auto;min-height:0;display:flex}@media (max-width: 860px){.focus-main{flex-direction:column}}.focus-body{position:relative;min-width:0;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:20px 16px;display:flex;flex-direction:column;justify-content:safe center}.focus-body>*{width:100%;max-width:860px;margin-left:auto;margin-right:auto}.focus--w110 .focus-body>*{max-width:946px}.focus--w120 .focus-body>*{max-width:1032px}.focus--w130 .focus-body>*{max-width:1118px}.focus--w140 .focus-body>*{max-width:1204px}.focus--w150 .focus-body>*{max-width:1290px}.focus--wfit .focus-body>*{max-width:none}.focus-body>.ink-layer{max-width:none;margin:0;width:auto}.focus-who{display:flex;align-items:center;gap:var(--sp-10);margin-bottom:10px}.num-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.75em;height:1.75em;border-radius:var(--r-circle);font-size:var(--fs-13);font-weight:600;background:var(--accent-bg);color:var(--accent);font-variant-numeric:tabular-nums}.focus-part{flex:0 0 auto;font-size:var(--fs-12);color:var(--text-secondary);font-variant-numeric:tabular-nums}.focus-speaker{min-width:0;font-weight:700;color:var(--accent)}.focus-en,.focus-ja{margin-top:0;margin-bottom:0;font-size:var(--fs-19);line-height:2;overflow-wrap:break-word}.focus-ja{color:var(--text-primary)}.course-head{display:grid;gap:var(--sp-10)}.course-hint,.course-count,.course-nosave{margin:0;font-size:var(--fs-13);color:var(--text-secondary)}.course-count>strong{font-size:var(--fs-17);color:var(--text-primary)}.course-bar{height:8px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.course-bar>span{display:block;height:100%;background:var(--accent)}.course-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--sp-8)}.course-day{padding:0;overflow:hidden}.course-open{width:100%;display:flex;align-items:center;gap:var(--sp-10);padding:var(--sp-12) var(--sp-14);background:var(--surface-2);border:0;border-radius:inherit;text-align:left;cursor:pointer;color:inherit;font:inherit;min-height:44px}.course-open:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.course-no{flex:0 0 auto;width:28px;height:28px;border-radius:var(--r-circle);display:grid;place-items:center;background:var(--accent-bg);color:var(--accent);font-size:var(--fs-13);font-weight:700;font-variant-numeric:tabular-nums}.course-title{flex:1 1 auto;min-width:0;display:grid;gap:2px;font-size:var(--fs-15);font-weight:700;color:var(--text-primary);overflow-wrap:break-word}.course-aim{font-size:var(--fs-12);font-weight:400;color:var(--text-secondary)}.course-done{flex:0 0 auto;font-size:var(--fs-11);font-weight:700;padding:2px 8px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line, var(--border))}.course-mark{flex:0 0 auto;color:var(--text-muted)}.course-day.is-done .course-title{color:var(--text-secondary)}.course-body{padding:var(--sp-14);display:grid;gap:var(--sp-14)}.course-points{margin:0;padding-left:1.2em;display:grid;gap:var(--sp-6)}.course-points>li{font-size:var(--fs-14);line-height:1.7}.course-ex{margin:0;padding:0;list-style:none;display:grid;gap:var(--sp-10)}.course-ex>li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8);padding:var(--sp-10);border-radius:var(--r-8);background:var(--surface-2)}.course-en{font-size:var(--fs-17);font-weight:600;overflow-wrap:break-word}.course-ja{flex:1 0 100%;font-size:var(--fs-13);color:var(--text-secondary)}.course-wordhead{margin:0}.course-words{margin:0;padding:0;list-style:none;display:grid;gap:var(--sp-6)}.course-words>li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8);padding:var(--sp-6) var(--sp-8);border-radius:var(--r-8);background:var(--surface-2)}.course-w{font-size:var(--fs-15);font-weight:700}.course-wja{flex:1 1 auto;min-width:0;font-size:var(--fs-13);color:var(--text-secondary)}.course-weak{margin:0;font-size:var(--fs-13);line-height:1.8;color:var(--text-secondary)}.gnote{margin:0;padding:0;list-style:none;display:grid;gap:var(--sp-16)}.gnote-item{display:grid;gap:var(--sp-6)}.gnote-pat{margin:0;font-size:var(--fs-12);font-weight:700;letter-spacing:.04em;color:var(--text-secondary)}.gnote-en{margin:0;display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-6) var(--sp-8);font-size:var(--fs-19);line-height:1.5;overflow-wrap:break-word}.gnote-part{display:inline-grid;justify-items:center;gap:2px;min-width:0}.gnote-t{overflow-wrap:break-word}.gnote-r{font-size:var(--fs-11);font-weight:700;line-height:1;padding:2px 6px;border-radius:var(--r-pill);font-variant-numeric:tabular-nums}.gnote-part--core>.gnote-r{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line, var(--border))}.gnote-part--mod>.gnote-t{color:var(--text-secondary)}.gnote-part--mod>.gnote-r{background:transparent;color:var(--text-muted);border:1px dashed var(--border)}.gnote-note{margin:0;font-size:var(--fs-14);line-height:1.7;color:var(--text-secondary)}.gnote-empty{margin:0;font-size:var(--fs-14);line-height:1.8;color:var(--text-secondary)}.focus-bar{flex:0 0 auto;display:flex;align-items:center;gap:var(--sp-10);padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid #45453f;background:#24241f;color:#f2f2ee}.focus-barwrap{flex:0 0 auto;position:relative}.focus-exit{position:absolute;right:16px;bottom:100%;margin-bottom:10px;z-index:1;background:var(--surface-1);border-color:var(--border);box-shadow:var(--shadow-2)}@media (max-width: 400px){.focus-exit{right:12px}}@media (max-width: 860px){.focus-top .wide-text{display:none}.focus-top{gap:var(--sp-8)}}.focus-move{flex:0 0 auto;min-width:72px}.focus-mid{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--sp-8);flex-wrap:nowrap}.focus-wide{flex:1 1 auto}@media (min-width: 1024px){.focus-bar{justify-content:center;gap:var(--sp-16)}.focus-mid{flex:0 1 auto}}.focus-wrap{display:flex;flex-direction:column;gap:var(--sp-12)}.focus-wrap-lead{margin:0;font-size:var(--fs-15)}.focus-wrap-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-8)}.focus-wrap-list li{padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);font-size:var(--fs-15)}.focus-wrap-none{margin:0;color:var(--text-secondary);font-size:var(--fs-14)}@media (max-width: 480px){.focus-bar{gap:var(--sp-6);padding-left:10px;padding-right:10px}.focus-bar .btn{font-size:var(--fs-12);padding:5px 8px}.focus-mid{gap:var(--sp-6)}.focus-move{min-width:60px}}@media (max-width: 400px){.focus-top,.focus-bar{padding-left:12px;padding-right:12px}.focus-body{padding:16px 12px}.focus-move{min-width:60px}.focus-en,.focus-ja{font-size:var(--fs-18);line-height:1.9}}@media (max-width: 560px){.focus-move{min-width:44px}.focus-bar{gap:var(--sp-6)}.focus-bar .btn{font-size:var(--fs-12);padding:5px 8px}.focus-mid{gap:var(--sp-6)}.focus-mid .listenpill-arrow{min-width:32px;padding:0 7px}.focus-mid .wide-text{display:none}.focus-mid .repeat-unit .repeat-unit-now{min-width:0}}.focus-bar.is-fit1 .listen-word,.focus-bar.is-fit2 .ja-word{display:none}.focus-bar.is-fit3{gap:var(--sp-4);padding-left:8px;padding-right:8px}.focus-bar.is-fit3 .btn{padding:5px}.focus-bar.is-fit3 .focus-mid{gap:var(--sp-4)}.focus-bar.is-fit3 .focus-mid .btn{padding:5px 4px}.focus-bar.is-fit3 .focus-mid .listenpill-arrow{min-width:28px;padding:0 5px}.focus-bar.is-fit3 .focus-move{min-width:30px}@media print{.focus{display:none!important}}.passage-focus{margin-bottom:12px}.stepfocus-pick{margin-left:auto;min-width:0;flex:0 1 auto}.stepfocus-pick>select{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.passage--focus{width:100%;margin:0 auto}.passage--focus .passage-part{border-bottom:0;padding-bottom:0}.passage--focus .passage-en,.passage--focus .stepsent-en,.passage--focus .slash-line{font-size:var(--fs-17)}.passage--focus .passage-speaker{color:var(--voice-a);font-weight:700;font-size:var(--fs-14)}.passage--focus li:nth-child(2n) .passage-speaker{color:var(--voice-b)}.passage--focus .dictation-no{background:var(--accent-bg);color:var(--accent);font-weight:700}.passage--focus .rate-pick>span{color:var(--text-primary);font-weight:600}.passage--focus .slash-head,.passage--focus .dictation-head{padding-bottom:10px}.passage-head{display:flex;align-items:center;gap:var(--sp-8);margin-bottom:4px}.passage-body.is-flow .passage-head{display:none}.passage--focus>.stepsent-list,.passage--focus>.dictation,.passage--focus>.slash,.passage--focus>.passage-body{margin-top:0}.sheet-floats{position:fixed;right:16px;z-index:60;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sp-8);max-width:calc(100% - 32px)}.sheet-float{flex:0 1 auto;min-width:0;background:var(--surface-1);border-color:var(--border);box-shadow:var(--shadow-2)}@media (max-width: 560px){.sheet-floats{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));gap:var(--sp-6);max-width:calc(100% - 20px)}.sheet-float{padding:5px 9px}}.player{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sp-8);min-width:0}.player .btn{flex:0 0 auto}.player>.btn{min-height:36px}.listenpill{display:inline-flex;align-items:stretch;flex:0 0 auto;white-space:nowrap;border:1px solid var(--border);border-radius:var(--r-10);background:var(--surface-2);overflow:hidden}.listenpill .btn,.listenpill-arrow{border:0;border-radius:0;background:transparent;box-shadow:none;margin:0}.listenpill-mid{display:inline-flex;align-items:stretch;min-height:34px}.listenpill .player-at{display:inline-flex;align-items:center}.listenpill-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:0 10px;font-size:var(--fs-14);line-height:1;color:var(--text-primary);background:transparent;cursor:pointer}.listenpill-arrow:first-child{border-right:1px solid var(--border)}.listenpill-arrow:last-child{border-left:1px solid var(--border)}.listenpill-arrow:disabled{opacity:.5;cursor:default}.listenpill-arrow:hover:not(:disabled){background:var(--border)}.listenpill-arrow:active:not(:disabled){background:var(--border)}.listenpill-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.lesson-bar .listenpill,.player--bar .listenpill,.focus-bar .listenpill,.player--dock .listenpill{border-color:#55554e;background:#31312b}.lesson-bar .listenpill-arrow,.player--bar .listenpill-arrow,.focus-bar .listenpill-arrow,.player--dock .listenpill-arrow{color:#f2f2ee;background:transparent;border-color:#55554e}.lesson-bar .listenpill-arrow:hover:not(:disabled),.player--bar .listenpill-arrow:hover:not(:disabled),.focus-bar .listenpill-arrow:hover:not(:disabled),.player--dock .listenpill-arrow:hover:not(:disabled){background:#45453d}.player--float .listenpill{border:0;background:var(--surface-2)}.player--float .listenpill-arrow{color:var(--text-primary)}.player--float .listenpill-arrow:hover:not(:disabled){background:var(--border)}.lesson-sheet .listenpill .btn,.focus-paper .listenpill .btn{color:var(--ink)}.player--float .repeat-unit{color:var(--text-primary)}.lesson-sheet .listenpill,.focus-paper .listenpill{border-color:var(--qa-line, var(--border))}.player-move{padding-left:9px;padding-right:9px;font-size:var(--fs-12)}.player-at{flex:0 0 auto;white-space:nowrap;font-size:var(--fs-12);font-weight:700;color:var(--text-secondary);font-variant-numeric:tabular-nums}.player-track{flex:1 1 60px;min-width:40px;height:4px;border-radius:var(--r-pill);background:var(--border);overflow:hidden}.player-fill{display:block;height:100%;border-radius:var(--r-pill);background:var(--accent)}.player-place{flex:0 0 auto;padding-left:8px;padding-right:8px}.repeat-unit{padding-left:8px;padding-right:8px}.repeat-unit .repeat-unit-now{display:inline-block;min-width:3em;text-align:center}.player--bar .repeat-unit .wide-text{display:none}.player--bar .repeat-unit .repeat-unit-now{min-width:0}.player--bar .repeat-unit{padding-left:7px;padding-right:7px}.player--float{flex:0 1 auto;padding:5px 7px;border-radius:var(--r-12);background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-2)}.player--float .player-track{flex:0 1 48px}.player--float.is-fit1 .listen-word{display:none}.player--float.is-fit2{gap:var(--sp-4);padding:4px}.player--float.is-fit2 .btn{padding:5px 6px}.player--float.is-fit3 .listenpill-arrow{min-width:28px;padding:0 5px}.player--float.is-fit3 .player-at{font-size:var(--fs-11)}.player--float.is-fit3 .player-place{padding-left:5px;padding-right:5px}.player--bar{flex:0 0 auto}.player--bar{gap:var(--sp-6)}.player--bar .listenpill-arrow{min-width:32px;padding:0 7px}.player--bar .listenpill .btn{padding-left:8px;padding-right:8px}.player-launch{flex:0 0 auto;padding-left:9px;padding-right:9px}.lesson-focus{display:none;flex:0 0 auto;padding-left:9px;padding-right:9px}.lesson-bar .player-launch.is-on{background:var(--accent);border-color:var(--accent);color:#fff}.player--bar .player-track{display:none}.player--bar .player-at,.focus-bar .player-at,.player--dock .player-at{color:#cfcfc8}.player--bar .player-track,.player--dock .player-track{background:#55554e}.player-dock{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom));border-top:1px solid #45453f;background:#24241f;color:#f2f2ee;box-shadow:0 -6px 24px #00000038}.player--dock{justify-content:center;gap:var(--sp-16)}.player--dock .btn{border-color:#55554e;background:#33332d;color:#f2f2ee}.player--dock .btn:disabled{opacity:.4}.player--dock .repeat-unit{color:#f2f2ee}.player--dock .player-track{display:none}@media (max-width: 560px){.player-dock{padding-left:10px;padding-right:10px}.player--dock{justify-content:space-between;gap:var(--sp-6)}}@media (max-width: 360px){.player-dock{padding-left:4px;padding-right:4px}}.player--dock.is-fit1 .listen-word,.player--dock.is-fit1 .repeat-unit .wide-text{display:none}.player--dock.is-fit2{gap:var(--sp-4)}.player--dock.is-fit2 .btn{padding:5px 6px}.player--dock.is-fit3{gap:var(--sp-2)}.player--dock.is-fit3 .listenpill-arrow{min-width:28px;padding:0 5px}.player--dock.is-fit3 .player-at{font-size:var(--fs-11)}.player--dock.is-fit3 .player-place,.player--dock.is-fit3 .repeat-unit{padding-left:4px;padding-right:4px}.player--dock.is-fit3 .listenpill .btn{padding-left:6px;padding-right:6px}.player--dock.is-fit3 .repeat-unit .repeat-unit-now{min-width:0}.player--dock.is-fit3 .player-at .wide-text{display:none}.lesson--dock .lesson-sheet{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.sheet-floats.is-above-dock{bottom:calc(66px + env(safe-area-inset-bottom))}@media (max-width: 560px){.sheet-floats.is-above-dock{bottom:calc(60px + env(safe-area-inset-bottom))}}.player-grip{flex:0 0 auto;align-self:stretch;width:14px;min-height:26px;margin-right:2px;cursor:grab;touch-action:none;border-radius:var(--r-4);background:radial-gradient(circle,var(--text-muted) 1px,transparent 1.2px) 3px 50% / 5px 6px repeat-y,radial-gradient(circle,var(--text-muted) 1px,transparent 1.2px) 8px 50% / 5px 6px repeat-y}.player-grip:active{cursor:grabbing}.player-home{flex:0 0 auto;padding-left:7px;padding-right:7px}@media (max-width: 560px){.player--float{gap:var(--sp-6);padding:4px 6px}.sheet-floats{flex-wrap:nowrap;align-items:center}.sheet-float{display:none}.lesson-focus{display:inline-flex}.player--float{flex:0 1 auto;min-width:0;flex-wrap:nowrap}.player--float .player-track,.player--float .wide-text{display:none}.player--float .player-at{min-width:0}.player--float .listenpill-arrow{min-width:32px;padding:0 7px}.player .btn{padding:5px 9px}}@media (max-width: 360px){.player--float{gap:var(--sp-4);padding:4px}.player--float .listenpill-arrow{min-width:28px;padding:0 5px}.player--float .btn{padding:5px 6px}.player--float .player-at{font-size:var(--fs-11)}.player--float .player-place{padding-left:5px;padding-right:5px}.focus-bar{padding-left:8px;padding-right:8px}}@media (max-width: 370px){.focus-move--tight .wide-text{display:none}.focus-move{min-width:32px}.focus-bar,.focus-mid{gap:var(--sp-2)}}.lesson-guide{margin:6px 0 10px}.lesson-guide-sum{display:inline-flex;align-items:center;gap:var(--sp-6);padding:2px 0;border:0;background:none;cursor:pointer;font-family:inherit;font-size:.8em;color:var(--ink-soft)}.lesson-guide-sum:before{content:"▸";font-size:.9em;transition:transform .15s ease}.lesson-guide-sum.is-open:before{transform:rotate(90deg)}@media (prefers-reduced-motion: reduce){.lesson-guide-sum:before{transition:none}}.lesson-guide>.lesson-instruction{margin-top:4px}.lesson-guide>.lesson-instruction.is-closed{display:none}@media print{body.is-printing .print-target .lesson-guide>.lesson-instruction.is-closed{display:block}}.qr-peek{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--sp-8)}.material-card.is-just{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}@media (prefers-reduced-motion: no-preference){.material-card.is-just{transition:box-shadow .3s ease,border-color .3s ease}}.feature-row{margin-bottom:var(--sp-12)}.feature-row .field-hint{margin:4px 0 0}.erase-box{margin-top:20px;padding:14px 16px;border:1px solid var(--ng);border-radius:var(--r-8);background:var(--ng-bg)}.erase-box .field-label{margin-top:0;color:var(--ng)}.erase-box .field-hint{margin:0 0 10px}.erase-box input{flex:1 1 12rem;min-width:0}.wb-again{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-10);margin-top:12px}.wb-again .card-hint{margin:0;max-width:34em}.rscope{margin:12px 0 0}.rscope-head{margin:12px 0 4px;font-size:var(--fs-12);font-weight:600;color:var(--text-primary)}.rscope-head:first-child{margin-top:0}.rscope-chip{display:inline-flex;align-items:center;min-height:36px}.rscope-chip:disabled{opacity:.45;cursor:default}@media (max-width: 560px){.rscope-chip{padding:5px 9px;font-size:var(--fs-12)}.rscope .chip-count{margin-left:3px;padding:0 4px}}.rscope .btn-row{margin-top:12px}.rscope-lead{margin:8px 0 0;max-width:34em}.rscope-go{align-items:center}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-end;background:#0000006b}.sheet{width:100%;max-height:86dvh;display:flex;flex-direction:column;border-radius:var(--r-12) var(--r-12) 0 0;background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-2);padding-bottom:env(safe-area-inset-bottom)}.sheet-grip{width:40px;height:4px;margin:8px auto 0;border-radius:var(--r-pill);background:var(--border)}.sheet-head{display:flex;align-items:center;gap:var(--sp-8);padding:8px 14px;border-bottom:1px solid var(--rule, var(--border))}.sheet-title{font-size:var(--fs-15);font-weight:700}.sheet-head>.nav-icon-btn{margin-left:auto}.sheet-body{padding:12px 14px 16px;overflow-y:auto}.setpop{position:fixed;z-index:200;width:320px;padding:12px;border:1px solid var(--border);border-radius:var(--r-12);background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-2);max-height:calc(100dvh - 16px);overflow-y:auto}.setpop-head{display:flex;align-items:center;gap:var(--sp-8);margin:-2px 0 8px}.setpop-title{font-size:var(--fs-14);font-weight:700}.setpop-head>.nav-icon-btn{margin-left:auto}.setpop .rscope-head:first-child,.sheet-body .rscope-head:first-child{margin-top:0}.writing{margin-top:10px;padding-top:10px;border-top:1px solid var(--qa-line, var(--border))}.writing-field{margin:0 0 8px}.writing-field textarea{width:100%;min-height:5.5rem;resize:vertical;line-height:1.6}.writing-tools{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-8) var(--sp-12)}.writing-tone{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0;flex:1 1 14rem}.writing-tone>span{font-size:.78em;color:var(--ink-soft, var(--text-secondary))}.writing-tone select{max-width:100%}.writing-note{margin:8px 0 0}.writing-review{margin-top:12px;padding:12px 14px;border:1px solid var(--qa-line, var(--border));border-radius:var(--r-8);background:var(--qa-bg, var(--surface-2))}.writing-good{margin:0 0 10px;padding:8px 10px;border-left:4px solid var(--ok);border-radius:0 var(--r-6) var(--r-6) 0;background:var(--ok-bg, transparent);font-size:.92em}.writing-head{margin:12px 0 6px;font-size:.78em;letter-spacing:.04em;color:var(--ink-soft, var(--text-secondary))}.writing-head:first-child{margin-top:0}.writing-sentences{margin:0;padding-left:1.4em;display:grid;gap:var(--sp-10)}.writing-sentences>li{margin:0}.writing-en{line-height:1.7}.writing-ja{font-size:.86em;color:var(--ink-soft, var(--text-secondary))}.writing-row{display:flex;flex-wrap:wrap;gap:var(--sp-6);margin-top:4px}.writing-notes{margin:0;padding-left:1.2em;display:grid;gap:var(--sp-8)}.writing-notes>li{margin:0}.writing-diff{font-size:.9em}.writing-before{color:var(--ng);text-decoration:line-through}.writing-after{color:var(--ok);text-decoration:underline}.writing-why{font-size:.86em;color:var(--ink-soft, var(--text-secondary))}.writing-phrases{margin:0;padding:0;list-style:none;display:grid;gap:var(--sp-6)}.writing-phrases>li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-6) var(--sp-10)}.writing-phrase-en{font-weight:600}.writing-phrase-ja{font-size:.86em;color:var(--ink-soft, var(--text-secondary))}.speech-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:var(--sp-6)}.speech-pick{width:100%;display:flex;align-items:center;gap:var(--sp-10);min-height:40px;padding:var(--sp-8) var(--sp-12);border:1px solid var(--border);border-radius:var(--r-8);background:var(--btn-bg);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}.speech-pick:hover{box-shadow:inset 0 0 0 1px var(--accent-line)}.speech-pick:focus-visible{outline:none;box-shadow:var(--focus-ring)}.speech-pick.is-on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);font-weight:600}.speech-pick-name{flex:1 1 auto;min-width:0;overflow-wrap:break-word}.speech-flag{flex:0 0 auto;font-size:var(--fs-11);padding:2px var(--sp-8);border-radius:var(--r-pill);border:1px solid var(--border);color:var(--text-secondary)}.speech-flag.is-done{border-color:var(--ok);color:var(--ok)}.speech-edit>.field>textarea{min-height:12rem;line-height:1.8}.speech-count{margin:-6px 0 12px;font-size:var(--fs-12);color:var(--text-secondary);font-variant-numeric:tabular-nums}.speech-danger{margin-top:var(--sp-12)}.speech-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8) var(--sp-12);margin:var(--sp-12) 0}.speech-sentences{margin:0;padding:0;list-style:none;display:grid;gap:var(--sp-8)}.speech-sentences>li{display:flex;align-items:flex-start;gap:var(--sp-10);padding:var(--sp-8) var(--sp-10);border-radius:var(--r-8);background:transparent}.speech-sentences>li.is-on{background:var(--accent-soft)}.speech-line{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-6) var(--sp-10)}.speech-line>.writing-en,.speech-line>.writing-ja{flex:1 1 14rem;min-width:0}.speechfocus .speech-sentences--focus>li{padding:var(--sp-16) var(--sp-12);font-size:var(--fs-17)}.speechfocus .speech-line{gap:var(--sp-12) var(--sp-14)}.speech-tolist{display:flex;align-items:center;gap:var(--sp-6);margin:var(--sp-10) 0 0;font-size:var(--fs-12)}.speechpick .field{margin-bottom:10px}.speechpick-cost{margin-left:4px;color:var(--text-primary)}.wb-books{margin:0 0 var(--sp-10)}.wb-books .chip{min-height:36px}.shelfbuild select{min-height:40px}.shelfbooks-group{margin-top:var(--sp-10)}.shelfbooks-group>.field-label{margin-bottom:var(--sp-6)}.shelfbooks-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-6);grid-template-columns:1fr}@media (min-width: 700px){.shelfbooks-list{grid-template-columns:1fr 1fr}}.shelfbook{display:flex;align-items:center;gap:var(--sp-8);min-height:40px;padding:var(--sp-6) var(--sp-10);border:1px solid var(--border);border-radius:var(--r-8);background:var(--btn-bg);cursor:pointer;font-size:var(--fs-13)}.shelfbook.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.shelfbook>input{width:18px;height:18px;flex:0 0 auto}.shelfbook-name{flex:1 1 auto;overflow-wrap:break-word}.shelfbook-n,.shelfbook-done{flex:0 0 auto;font-size:var(--fs-11);color:var(--text-secondary);font-variant-numeric:tabular-nums}.shelfbook.is-on .shelfbook-n,.shelfbook.is-on .shelfbook-done{color:var(--accent)}.shelfbuild .field{margin-bottom:var(--sp-10)}.shelfbuild-draft{margin-top:var(--sp-14)}.shelfbuild-list{list-style:none;margin:var(--sp-8) 0 var(--sp-14);padding:0;display:flex;flex-direction:column;gap:var(--sp-8)}.shelfbuild-list>li{display:flex;flex-direction:column;gap:2px;padding:var(--sp-10) var(--sp-12);border:1px solid var(--border);border-radius:var(--r-8);background:var(--surface-2);overflow-wrap:break-word}.shelfbuild-list>li.is-off{opacity:.5}.shelfbuild-keep{display:flex;align-items:center;gap:var(--sp-8);min-height:28px;cursor:pointer}.shelfbuild-ja{font-size:var(--fs-13);color:var(--text-primary)}.shelfbuild-meta{font-size:var(--fs-12);color:var(--text-secondary)}.shelfbuild-ex{font-size:var(--fs-13);color:var(--text-primary)}.shelfbuild-exja{font-size:var(--fs-12);color:var(--text-secondary)}.shelfbuild-list>li>.btn{align-self:flex-end;margin-top:var(--sp-4)}.shelfbuild-all{margin:var(--sp-12) 0;padding:var(--sp-12);border:1px solid var(--border);border-radius:var(--r-8);background:var(--surface-2)}.shelfbuild-all>.card-hint{margin-top:0}.shelfbuild-run{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8) var(--sp-12);margin:var(--sp-10) 0}.shelfbuild-run>p{margin:0}.shelfbuild-run>.btn-row{margin:0}.shelfbuild-group{margin:var(--sp-12) 0 0;font-size:var(--fs-12);font-weight:600;color:var(--text-secondary);letter-spacing:.02em}