@layer reset,base,layout,ui,screen;:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", system-ui, sans-serif;--fs-display: 1.75rem;--fs-title: 1.1875rem;--fs-body: .9375rem;--fs-label: .8125rem;--fs-caption: .75rem;--fs-de: 1.4375rem;--fs-de-sm: 1.0625rem;--lh-tight: 1.3;--lh-snug: 1.5;--lh-body: 1.75;--lh-de: 1.7;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--tracking-tight: -.02em;--tracking-de: -.005em;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 56px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 999px;--hairline: 1px;--dur-1: .12s;--dur-2: .18s;--dur-3: .26s;--ease: cubic-bezier(.22, .61, .36, 1);--content-max: 480px;--appbar-h: 52px;--tabbar-h: 56px;--tap-min: 44px}@media(prefers-reduced-motion:reduce){:root{--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms}}:root,:root[data-theme=light]{color-scheme:light;--bg: #fafaf8;--surface: #ffffff;--surface-sunken: #f1f1ee;--surface-press: #f0f0ec;--border: #e7e6e1;--border-strong: #d3d2cb;--text: #1c1f22;--text-muted: #6a7078;--text-faint: #9aa0a6;--ink: #1c1f22;--on-ink: #ffffff;--accent: #1f6f5c;--accent-soft: #e8f1ee;--on-accent: #ffffff;--success: #1c6b41;--success-soft: #e9f3ec;--error: #ad3527;--error-soft: #fbedeb;--warm: #b0632b;--shadow-1: 0 1px 2px rgba(20, 22, 24, .04);--shadow-2: 0 6px 20px -8px rgba(20, 22, 24, .14);--shadow-3: 0 20px 48px -12px rgba(20, 22, 24, .28);--scrim: rgba(24, 26, 28, .44)}:root[data-theme=dark]{color-scheme:dark;--bg: #101214;--surface: #191c1f;--surface-sunken: #15181a;--surface-press: #21252a;--border: #262a2e;--border-strong: #363b41;--text: #e8eaeb;--text-muted: #9ba2a8;--text-faint: #6e767d;--ink: #eef0f1;--on-ink: #17191b;--accent: #5cc0a3;--accent-soft: #16302a;--on-accent: #0e1a17;--success: #56c489;--success-soft: #14291d;--error: #ef8b7e;--error-soft: #331b18;--warm: #d9925c;--shadow-1: none;--shadow-2: 0 6px 20px -8px rgba(0, 0, 0, .5);--shadow-3: 0 20px 48px -12px rgba(0, 0, 0, .6);--scrim: rgba(0, 0, 0, .6)}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}ul,ol{list-style:none}table{border-collapse:collapse}}@layer base{html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}h1,h2,h3{font-size:inherit;font-weight:var(--fw-semibold);line-height:var(--lh-snug)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--accent-soft);color:var(--text)}}@layer base{.t-display{font-size:var(--fs-display);line-height:var(--lh-tight);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight)}.t-title{font-size:var(--fs-title);line-height:var(--lh-snug);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight)}.t-body{font-size:var(--fs-body);line-height:var(--lh-body)}.t-label{font-size:var(--fs-label);line-height:var(--lh-snug);font-weight:var(--fw-medium)}.t-caption{font-size:var(--fs-caption);line-height:var(--lh-snug)}.t-section{font-size:var(--fs-caption);line-height:var(--lh-snug);font-weight:var(--fw-semibold);letter-spacing:.06em;color:var(--text-faint)}.t-muted{color:var(--text-muted)}.t-faint{color:var(--text-faint)}.t-num{font-variant-numeric:tabular-nums}.t-de{font-size:var(--fs-de);line-height:var(--lh-de);font-weight:var(--fw-regular);letter-spacing:var(--tracking-de)}.t-de-sm{font-size:var(--fs-de-sm);line-height:var(--lh-snug);letter-spacing:var(--tracking-de)}}@layer ui{.ui-screen{max-width:var(--content-max);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.ui-appbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--s2);min-height:var(--appbar-h);padding:0 var(--s3);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px)}.ui-appbar[data-bordered=true]{box-shadow:inset 0 -1px 0 var(--border)}.ui-appbar-title{flex:1;min-width:0;font-size:var(--fs-label);font-weight:var(--fw-semibold);color:var(--text);text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-appbar-slot{display:flex;align-items:center;justify-content:center;min-width:40px}.ui-appbar-slot.end{justify-content:flex-end}.ui-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);margin-inline-start:calc(var(--s3) * -1);border-radius:var(--r-full);color:var(--text-muted);transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.ui-iconbtn:active{background:var(--surface-press);color:var(--text)}.ui-appbar-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--border)}.ui-appbar-progress>span{display:block;height:100%;background:var(--accent);transition:width var(--dur-3) var(--ease)}.ui-body{flex:1;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5) var(--s5) var(--s8)}.ui-screen[data-tabs=true] .ui-body{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--s6))}.ui-footer{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4) var(--s5) calc(var(--s5) + env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,var(--bg) 24px)}.ui-screen[data-tabs=true] .ui-footer{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:var(--s4)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--tap-min);padding:var(--s3) var(--s5);border-radius:var(--r-md);font-size:var(--fs-body);font-weight:var(--fw-semibold);letter-spacing:.01em;transition:transform var(--dur-1) var(--ease),background var(--dur-1) var(--ease),opacity var(--dur-1) var(--ease)}.ui-btn:active{transform:scale(.985)}.ui-btn[data-block=true]{width:100%}.ui-btn:disabled{opacity:.45;cursor:default;transform:none}.ui-btn[data-variant=primary]{background:var(--ink);color:var(--on-ink)}.ui-btn[data-variant=primary]:active{background:color-mix(in srgb,var(--ink) 88%,var(--bg))}.ui-btn[data-variant=secondary]{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 var(--hairline) var(--border-strong)}.ui-btn[data-variant=secondary]:active{background:var(--surface-press)}.ui-btn[data-variant=ghost]{color:var(--text-muted);padding-inline:var(--s3)}.ui-btn[data-variant=ghost]:active{background:var(--surface-press)}.ui-btn[data-variant=danger]{color:var(--error);box-shadow:inset 0 0 0 var(--hairline) color-mix(in srgb,var(--error) 40%,transparent)}.ui-btn[data-variant=danger]:active{background:var(--error-soft)}.ui-btn[data-variant=danger-solid]{background:var(--error);color:#fff}.ui-card{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s4) var(--s5);background:var(--surface);border-radius:var(--r-lg);box-shadow:inset 0 0 0 var(--hairline) var(--border),var(--shadow-1);text-align:start}.ui-card[data-tappable=true]{position:relative;padding-inline-end:var(--s8);transition:background var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.ui-card[data-tappable=true]:active{background:var(--surface-press);transform:scale(.99)}.ui-card-chevron{position:absolute;top:50%;inset-inline-end:var(--s4);translate:0 -50%;color:var(--text-faint)}.ui-card[data-tone=accent]{background:var(--accent-soft);box-shadow:inset 0 0 0 var(--hairline) color-mix(in srgb,var(--accent) 26%,transparent)}.ui-card[data-tone=accent] .ui-card-chevron{color:var(--accent)}.ui-card-lead{display:flex;align-items:center;gap:var(--s3)}.ui-card-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--r-md);background:var(--surface-sunken);color:var(--text-muted)}.ui-card[data-tone=accent] .ui-card-icon{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.ui-badge{display:inline-flex;align-items:center;gap:var(--s1);padding:2px var(--s2);border-radius:var(--r-sm);font-size:var(--fs-caption);font-weight:var(--fw-medium);line-height:1.6;background:var(--surface-sunken);color:var(--text-muted)}.ui-badge[data-tone=accent]{background:var(--accent-soft);color:var(--accent)}.ui-badge[data-tone=success]{background:var(--success-soft);color:var(--success)}.ui-badge[data-tone=error]{background:var(--error-soft);color:var(--error)}.ui-progress{height:6px;border-radius:var(--r-full);background:var(--surface-sunken);overflow:hidden}.ui-progress>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width var(--dur-3) var(--ease)}.ui-segmented{display:flex;gap:2px;padding:3px;border-radius:var(--r-md);background:var(--surface-sunken)}.ui-segment{flex:1;min-height:38px;padding:var(--s2) var(--s1);border-radius:calc(var(--r-md) - 3px);font-size:var(--fs-label);font-weight:var(--fw-medium);color:var(--text-muted);transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.ui-segment[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:var(--fw-semibold);box-shadow:var(--shadow-1),inset 0 0 0 var(--hairline) var(--border)}.ui-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:var(--tap-min);padding:var(--s3) var(--s4);background:var(--surface);font-size:var(--fs-body)}.ui-rows{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;box-shadow:inset 0 0 0 var(--hairline) var(--border),var(--shadow-1)}.ui-rows>.ui-row+.ui-row{box-shadow:inset 0 var(--hairline) 0 var(--border)}.ui-toggle{position:relative;width:48px;height:28px;flex-shrink:0;border-radius:var(--r-full);background:var(--border-strong);transition:background var(--dur-2) var(--ease)}.ui-toggle>span{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000003d;transition:left var(--dur-2) var(--ease)}.ui-toggle[aria-checked=true]{background:var(--accent)}.ui-toggle[aria-checked=true]>span{left:23px}.ui-scrim{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:var(--s4);padding-bottom:calc(var(--s4) + env(safe-area-inset-bottom));background:var(--scrim);animation:ui-fade var(--dur-2) var(--ease)}.ui-dialog{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-3);animation:ui-rise var(--dur-3) var(--ease)}.ui-dialog-actions{display:flex;gap:var(--s2);margin-top:var(--s1)}.ui-dialog-actions>.ui-btn{flex:1}@media(min-width:480px){.ui-scrim{align-items:center}}@keyframes ui-fade{0%{opacity:0}}@keyframes ui-rise{0%{opacity:0;transform:translateY(12px)}}.ui-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);box-shadow:inset 0 var(--hairline) 0 var(--border)}.ui-tab{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-faint);transition:color var(--dur-1) var(--ease)}.ui-tab[aria-current=page]{color:var(--text)}.ui-tab-label{font-size:10px;line-height:1;font-weight:var(--fw-medium);letter-spacing:.02em}}@layer screen{.s-stack{display:flex;flex-direction:column;gap:var(--s3)}.s-section{display:flex;flex-direction:column;gap:var(--s2)}.s-hero{display:flex;flex-direction:column;gap:var(--s1);padding-top:var(--s2)}.s-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);text-align:center;padding-bottom:var(--s9)}.s-empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-full);background:var(--surface-sunken);color:var(--text-faint)}.home-greeting{font-size:var(--fs-caption);font-weight:var(--fw-medium);letter-spacing:.06em;color:var(--accent)}.home-stats{display:flex;gap:var(--s5);padding:var(--s4) var(--s5)}.home-stat{display:flex;flex-direction:column;gap:2px}.home-stat-value{font-size:var(--fs-title);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight)}.genre-meta{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s2)}.quiz-topic{font-size:var(--fs-caption);font-weight:var(--fw-medium);letter-spacing:.06em;color:var(--text-faint)}.quiz-sentence{padding:var(--s5) var(--s5) var(--s6);margin-top:var(--s1)}.quiz-blank{display:inline-block;min-width:2.6em;margin:0 .12em;text-align:center;padding-bottom:1px;border-bottom:2px solid var(--border-strong);color:var(--text-faint);transition:color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.quiz-blank[data-filled=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:var(--fw-medium)}.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:auto}.quiz-choice{display:flex;align-items:center;justify-content:center;gap:var(--s2);min-height:60px;padding:var(--s3);border-radius:var(--r-md);background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 var(--hairline) var(--border),var(--shadow-1);transition:background var(--dur-1) var(--ease),transform var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease)}.quiz-choice:active:not(:disabled){transform:scale(.98);background:var(--surface-press)}.quiz-choice:disabled{cursor:default}.quiz-choice[data-state=correct]{background:var(--success-soft);color:var(--success);font-weight:var(--fw-semibold);box-shadow:inset 0 0 0 1.5px var(--success)}.quiz-choice[data-state=incorrect]{background:var(--error-soft);color:var(--error);box-shadow:inset 0 0 0 1.5px var(--error)}.quiz-choice[data-state=dim]{opacity:.4}.quiz-feedback{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4) var(--s5);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-2),inset 0 0 0 var(--hairline) var(--border);animation:quiz-sheet var(--dur-3) var(--ease)}.quiz-verdict{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-label);font-weight:var(--fw-semibold)}.quiz-verdict[data-ok=true]{color:var(--success)}.quiz-verdict[data-ok=false]{color:var(--error)}@keyframes quiz-sheet{0%{opacity:0;transform:translateY(10px)}}.quiz-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);text-align:center;padding-bottom:var(--s8)}.quiz-score{font-size:3rem;line-height:1.1;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight)}.quiz-score-sub{font-size:var(--fs-title);color:var(--text-faint);font-weight:var(--fw-regular)}.lesson-table{width:100%;font-size:var(--fs-label);background:var(--surface);border-radius:var(--r-md);overflow:hidden;box-shadow:inset 0 0 0 var(--hairline) var(--border)}.lesson-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.lesson-table th,.lesson-table td{padding:var(--s2) var(--s3);text-align:start;white-space:nowrap}.lesson-table th{background:var(--surface-sunken);font-weight:var(--fw-semibold);color:var(--text-muted);font-size:var(--fs-caption)}.lesson-table tbody tr+tr td{box-shadow:inset 0 var(--hairline) 0 var(--border)}.lesson-points{display:flex;flex-direction:column;gap:var(--s3)}.lesson-point{position:relative;padding-inline-start:var(--s4);color:var(--text-muted)}.lesson-point:before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:6px;height:1.5px;border-radius:var(--r-full);background:var(--accent)}.set-group{display:flex;flex-direction:column;gap:var(--s2)}.set-group+.set-group{margin-top:var(--s3)}}