@layer reset,tokens,base,components,pages,activities,themes,utilities;@layer reset{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent;color:inherit;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@layer tokens{:root{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--bg: #ffffff;--card: #f8fafc;--text: #0b0f12;--text-2: color-mix(in oklab, var(--text) 78%, #fff);--muted: #6b7280;--brand: #2563eb;--page-title: var(--text);--accent: var(--brand);--ok: #22c55e;--warn: #f59e0b;--down: #ef4444;--stroke: color-mix(in oklab, var(--text) 12%, #ffffff);--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 14px rgba(0, 0, 0, .06);--dup-bg: color-mix(in oklab, var(--brand) 12%, var(--card));--dup-fg: var(--text);--dup-border: color-mix(in oklab, var(--brand) 25%, var(--stroke));--safe-inline: 360px;--safe-block: 100svh;--surface-1: var(--bg);--surface-2: var(--card);--surface-3: color-mix(in oklab, var(--text) 5%, var(--card));--border: var(--stroke);--heading: color-mix(in oklab, var(--text) 90%, #000);--accent-contrast: #ffffff;--focus: color-mix(in oklab, var(--accent) 65%, #000);--degraded: color-mix(in oklab, var(--warn) 55%, var(--down));--button-primary-bg: color-mix(in oklab, var(--accent) 65%, #ffffff);--button-primary-fg: var(--accent-contrast);--button-primary-bg: #3db0d0;--button-primary-fg: #ffffff;--icon-fg: var(--text);--icon-bd: color-mix(in oklab, var(--text) 18%, transparent);--icon-bg-hover: color-mix(in oklab, currentColor 10%, transparent);--icon-bg-active: color-mix(in oklab, currentColor 18%, transparent);--link: #0b66ff;--link-hover: color-mix(in oklab, var(--link) 80%, #000);--link-visited: #5a3dd5;--ll-cell--correct: var(--ok);--ll-cell--present: var(--warn);--ll-cell--absent: color-mix(in oklab, var(--text) 35%, var(--surface-3));--color-cell-bg: #f5f5f5;--color-found: rgba(0, 180, 120, .3);color-scheme:light;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius: var(--radius-md);--fade-duration-fast: .18s;--fade-duration-slow: .32s}:root[data-theme=highContrast]{color-scheme:light;--dup-bg: #000;--dup-fg: #fff;--dup-border: #fff;--text: #000;--surface-1: #fff;--surface-2: #f5f5f5;--surface-3: #ececec;--border: #333;--focus: #000;--icon-bd: var(--border);--icon-bg-hover: color-mix(in oklab, #000 10%, transparent);--icon-bg-active: color-mix(in oklab, #000 18%, transparent);--link: #0000ff;--link-hover: #0000cc;--link-visited: #6600cc}@media(prefers-color-scheme:dark){:root:not([data-theme]),:root[data-theme=system]{color-scheme:dark;--bg: #0c1116;--card: #1a1f27;--text: #f0f4f8;--text-2: color-mix(in oklab, var(--text) 92%, #fff);--muted: #c3ccd6;--heading: #ffffff;--page-title: #e0e6ec;--surface-1: var(--bg);--surface-2: var(--card);--surface-3: #1b212a;--border: color-mix(in oklab, #ffffff 18%, transparent);--shadow: 0 2px 10px rgba(0, 0, 0, .6);--accent: #7fb0ff;--accent-contrast: #0c1116;--focus: #8cc2ff;--icon-bd: color-mix(in oklab, var(--text) 24%, transparent);--icon-bg-hover: color-mix(in oklab, currentColor 14%, transparent);--icon-bg-active: color-mix(in oklab, currentColor 22%, transparent);--icon-fg-toolbar: #e3f9ef;--link: #9fc1ff;--link-hover: #c1d6ff;--link-visited: #c7b7ff;--share-bg: #0f141a}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg: #0c1116;--card: #1a1f27;--text: #f0f4f8;--text-2: color-mix(in oklab, var(--text) 92%, #fff);--muted: #c3ccd6;--heading: #ffffff;--page-title: #5f6163;--surface-1: var(--bg);--surface-2: var(--card);--surface-3: #1b212a;--border: color-mix(in oklab, #ffffff 18%, transparent);--shadow: 0 2px 10px rgba(0, 0, 0, .6);--accent: #7fb0ff;--accent-contrast: #0c1116;--focus: #8cc2ff;--icon-bd: color-mix(in oklab, var(--text) 24%, transparent);--icon-bg-hover: color-mix(in oklab, currentColor 14%, transparent);--icon-bg-active: color-mix(in oklab, currentColor 22%, transparent);--icon-fg-toolbar: #e3ecf9;--link: #9fc1ff;--link-hover: #c1d6ff;--link-visited: #c7b7ff;--share-bg: #0f141a;--color-cell-bg: #2a2a2a;--color-found: rgba(0, 180, 120, .4)}:root{--kb-height: 260px}@media(max-width:480px){:root{--kb-height: 230px}}@layer themes{:root{--share-bg: #ffffff}}@layer base{a{color:var(--link)}a:hover{color:var(--link-hover)}a:visited{color:var(--link-visited)}}:root[data-theme=neutral]{color-scheme:light;--bg: #faf3ea;--card: #f5efe6;--text: #2b2214;--text-2: color-mix(in oklab, var(--text) 78%, #fff);--muted: #8c7760;--heading: color-mix(in oklab, var(--text) 94%, #000);--page-title: var(--heading);--brand: #c8763c;--accent: var(--brand);--accent-contrast: #fff;--focus: color-mix(in oklab, var(--accent) 70%, #000);--surface-1: var(--bg);--surface-2: var(--card);--surface-3: color-mix(in oklab, var(--text) 7%, var(--card));--border: color-mix(in oklab, var(--text) 14%, #fff);--shadow: 0 1px 2px rgba(34, 24, 9, .05), 0 6px 18px rgba(34, 24, 9, .1);--button-primary-bg: color-mix(in oklab, var(--accent) 80%, #fff);--ok: #3a9f4a;--warn: #e39a35;--down: #d74a3a;--ll-cell--correct: #53cf76;--ll-cell--present: #e6b93f;--ll-cell--absent: #9a9282;--dup-bg: color-mix(in oklab, var(--brand) 10%, var(--card));--dup-fg: var(--text);--dup-border: color-mix(in oklab, var(--brand) 24%, var(--border));--icon-fg: var(--text);--icon-bd: color-mix(in oklab, var(--text) 18%, transparent);--icon-bg-hover: color-mix(in oklab, currentColor 10%, transparent);--icon-bg-active: color-mix(in oklab, currentColor 18%, transparent);--link: #9b5cff;--link-hover: color-mix(in oklab, var(--link) 82%, #000);--link-visited: #7a46d2;--share-bg: var(--bg)}:root[data-theme=colorblind]{color-scheme:light;--ok: #1b9e77;--warn: #d95f02;--ll-cell--correct: var(--ok);--ll-cell--present: var(--warn);--ll-cell--absent: color-mix(in oklab, var(--text) 35%, var(--surface-3))}}@layer base{*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;min-height:100%}html,body{padding:0;background:var(--surface-1);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.page .page-title{color:var(--page-title);font-size:1.875rem;font-weight:700;line-height:1.2;margin-bottom:.75em}}@layer base{:root{--page-max: 75rem;--page-gutter: clamp(1rem, 3vw, 8%);--stack-top: clamp(1rem, 2.5vh, 2rem);--stack-bottom: clamp(1.5rem, 4vh, 3rem)}.app{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto}.container,nav.navbar>.container,footer.footer .footer-inner,main{max-width:var(--page-max);margin-inline:auto;padding-inline:var(--page-gutter);width:100%;box-sizing:border-box}main{padding-top:var(--stack-top);padding-bottom:var(--stack-bottom)}.main{display:grid;grid-template-rows:auto 1fr;gap:.625rem;padding:.75rem .875rem;overflow:visible}footer.footer{width:100%;border-top:1px solid var(--border);background:var(--surface-2);padding-block:1rem}#app>*{position:relative;z-index:1}.route-wrap{position:relative;z-index:1}.tiles{max-width:var(--page-max);margin-inline:auto}@media(min-width:1024px){.app{max-width:100%}}}@layer base{.prose{line-height:1.6}.prose h1,.prose h2,.prose h3{margin:0 0 .5rem}.prose h4{margin:0 0 .25rem}.prose p{margin:0 0 .75rem;color:var(--text-2, #5b6670)}.prose ul{display:block!important;list-style-position:outside;list-style:disc!important;margin:0 0 1rem;padding-left:1.25rem}.prose li{display:list-item!important;margin:.25rem 0}.prose li+li{margin-top:.25rem}.prose code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);background:var(--surface-2, #00000010);padding:0 .25em;border-radius:.25rem}.prose a{color:var(--link, var(--accent, #0066cc));text-decoration:underline}.prose a:hover{text-decoration-thickness:2px}}@layer base.utilities{[data-i18n]{display:inline-block;min-width:2rem;min-height:1.2em;vertical-align:baseline}[data-i18n]:where(p,h1,h2,h3,h4,h5,h6,div,section){display:block;min-height:1.4em;min-width:0}[data-i18n]:empty:before{content:" ";opacity:0}}@layer components{.navbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:.625rem;padding:1.25rem 2.1875rem;background:var(--card);border-bottom:1px solid var(--stroke);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:700;letter-spacing:.0125rem;font-size:clamp(1rem,3.2vw,1.125rem);color:var(--text);text-decoration:none}.brand img{max-width:40px;max-height:40px}.nav-link{display:inline-flex;align-items:center;gap:.375rem;color:var(--text);text-decoration:none;padding:.375rem .5rem;border-radius:var(--radius, .625rem);font:inherit}.nav-link:hover,.nav-link:focus-visible{outline:2px solid color-mix(in oklab,var(--brand) 24%,transparent);outline-offset:.0625rem}.nav-links{display:flex;gap:.625rem}.navbar :where(.nav-link){padding:.375rem .625rem}.navbar :where(.nav-link):hover{color:var(--brand)}.nav-right{margin-left:auto;display:inline-flex;align-items:center;gap:.625rem}.nav-streak{display:flex;align-items:center;gap:.75rem;margin-right:.75rem}.nav-streak__item{display:flex;align-items:center;gap:.25rem;cursor:default}.nav-streak__icon{font-size:.875rem;display:flex;align-items:center}.nav-streak__value{font-size:.875rem;font-weight:600}.nav-gear{position:relative;display:inline-block;width:34px;height:34px;border-radius:999px;border:1px solid var(--stroke);background:var(--card);color:var(--text);text-decoration:none;vertical-align:middle;font-size:0;line-height:0}.nav-gear:after{content:"⚙️";position:absolute;inset:0;display:grid;place-items:center;font-size:1.125rem;line-height:1;color:var(--text)}.nav-gear:hover{outline:2px solid color-mix(in oklab,var(--brand) 30%,transparent);outline-offset:.0625rem}.nav-lang{position:relative}.nav-lang__menu{position:absolute;right:0;top:calc(100% + .375rem);min-width:220px;max-height:280px;overflow:auto;background:var(--card);border:1px solid var(--stroke);border-radius:.75rem;box-shadow:var(--shadow);padding:.375rem;z-index:60}.nav-lang__menu[hidden]{display:none!important;pointer-events:none!important}.nav-lang__option{display:grid;grid-template-columns:20px 1fr auto;gap:.5rem;align-items:center;width:100%;padding:.5rem .625rem;border-radius:.5rem;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.nav-lang__option:hover,.nav-lang__option:focus-visible{background:color-mix(in oklab,var(--brand) 12%,transparent);outline:none}.nav-lang__option[aria-selected=true]{background:color-mix(in oklab,var(--brand) 10%,transparent);font-weight:500;color:var(--brand)}.nav-lang__option[aria-selected=true]:before{content:"";width:.25rem;height:60%;border-radius:.125rem;background:var(--brand);margin-right:.375rem;justify-self:start}@media(max-width:480px){.navbar{gap:.5rem;padding:.5rem .625rem}.brand{font-size:1rem}}#health-pill{margin-left:auto}#health-pill[hidden]{display:none!important}}@layer components{.footer{border-top:1px solid var(--stroke);background:var(--card);color:var(--muted);padding:1.25rem 2.1875rem;position:relative;z-index:900}.footer-inner{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem env(safe-area-inset-bottom);font-size:.75rem;line-height:1.2}.footer-left,.footer-center{display:inline-flex;align-items:center;gap:.625rem}.footer-left{flex:1}.footer-center{justify-content:center}.footer-right{display:flex;align-items:center;gap:.3rem;margin-left:auto}.footer-sep{padding:0 .25rem;opacity:.6}.footer a{color:var(--text);opacity:.9;text-decoration:none}.footer a:hover{color:var(--brand);opacity:1}#app-version{font-weight:700}@media(max-width:480px){.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center;gap:.25rem .5rem;padding-inline:.75rem}.footer-left{flex:0 0 auto}.footer-right{margin-left:0}.footer-left,.footer-center,.footer-right{display:inline-flex;justify-content:center}.footer-sep{display:none}}}@layer components{.activity-tiles{display:grid;gap:1.25rem;padding:1rem 1rem 1.5rem;align-content:start;margin-inline:auto;max-width:60rem;justify-content:center;justify-items:center}.activity-tiles a{text-decoration:none;color:inherit}@media(max-width:640px){.activity-tiles{grid-template-columns:minmax(260px,1fr)}}@media(min-width:641px)and (max-width:1024px){.activity-tiles{grid-template-columns:repeat(2,minmax(260px,300px))}}@media(min-width:1025px){.activity-tiles{grid-template-columns:repeat(3,minmax(260px,300px))}}}@layer components{.story-browser,.story-mode-selector{padding:var(--space-4);max-width:600px;margin:0 auto}.story-mode-selector__prompt{font-size:var(--font-size-md);color:var(--text-2);margin-bottom:var(--space-4)}.story-mode-selector__layout{display:flex;gap:var(--space-6);align-items:flex-start;margin-bottom:var(--space-6)}.story-mode-selector__summary{flex:1;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-3);min-height:120px;display:flex;flex-direction:column;justify-content:center;gap:var(--space-2)}.story-mode-selector__summary-label{font-size:var(--font-size-lg);font-weight:600;color:var(--text);margin:0;line-height:1.5;white-space:pre-line}.story-mode-selector__summary-note{font-size:var(--font-size-sm);color:var(--muted);margin:0}.story-mode-selector__start{width:100%;justify-content:center}.story-mode-selector__modes{display:flex;flex-direction:column;gap:var(--space-3)}.story-mode-selector__mode{width:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow);transition:background .15s,border-color .15s}.story-mode-selector__mode:hover:not(:disabled){background:color-mix(in oklab,var(--accent) 6%,var(--surface-2));border-color:color-mix(in oklab,var(--accent) 30%,var(--border))}.story-mode-selector__mode--disabled{opacity:.5;cursor:not-allowed}.story-mode-selector__mode-title{font-size:var(--font-size-md);font-weight:600;color:var(--text)}.story-mode-selector__mode-description{font-size:var(--font-size-sm);color:var(--muted)}.story-mode-selector__mode-unavailable{font-size:var(--font-size-xs);color:var(--down);margin-top:var(--space-1)}.story-reader{padding:var(--space-4);max-width:700px;margin:0 auto}.story-reader__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-4)}.story-reader__story-info{display:flex;flex-direction:column;gap:var(--space-1)}.story-reader__title{font-size:var(--font-size-xl);margin:0;color:var(--heading)}.story-reader__meta{display:flex;gap:var(--space-2);align-items:center}.story-reader__level{font-size:var(--font-size-sm);color:var(--muted);background:var(--surface-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.story-reader__progress{font-size:var(--font-size-sm);color:var(--muted);white-space:nowrap}.story-reader__content{min-height:340px;margin-bottom:var(--space-4)}.story-reader__audio-controls{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.story-reader__audio-replay{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s;box-shadow:var(--shadow)}.story-reader__audio-replay:hover{background:color-mix(in oklab,var(--accent) 10%,var(--surface-2));border-color:color-mix(in oklab,var(--accent) 30%,var(--border))}.story-reader__auto-advance{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.story-reader__stop-btn,.story-reader__resume-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);cursor:pointer;font-size:var(--font-size-sm);transition:background .15s}.story-reader__stop-btn:hover,.story-reader__resume-btn:hover{background:color-mix(in oklab,var(--accent) 6%,var(--surface-2))}.story-reader__controls{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.story-entry{padding:var(--space-4);max-width:700px;margin:0 auto}.st-entry__browse-header,.sentence-handler{margin-bottom:var(--space-4)}.sentence-handler--paragraph-break{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.sentence-handler__text{font-size:1.625rem;line-height:1.65;font-weight:600;color:var(--text);margin:var(--space-4) 0}.sentence-handler__text--translation{font-size:var(--font-size-md);font-style:italic;font-weight:400;color:var(--text-2);margin:var(--space-2) 0}.sentence-handler__word{cursor:pointer;border-bottom:1px dotted var(--muted);padding:1px 0;transition:background .15s,border-color .15s}.sentence-handler__word:hover,.sentence-handler__word:focus{background:color-mix(in oklab,var(--accent) 15%,transparent);border-bottom-color:var(--accent);outline:none;border-radius:2px}.sentence-handler__translation{margin-top:var(--space-2);padding-left:var(--space-4);border-left:2px solid var(--border);opacity:.8}.sentence-handler__translation .sentence-handler__text{font-size:var(--font-size-md);font-style:italic;font-weight:400;color:var(--text-2)}.sentence-handler__images{height:225px;display:flex;gap:var(--space-2);margin-bottom:var(--space-2);overflow:hidden}.sentence-handler__scene-image{height:100%;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md);background:var(--surface-3)}.sentence-handler__vocab-image{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.mode-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}.mode-toggle__btn{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-2);cursor:pointer;font-size:var(--font-size-sm);transition:all .15s}.mode-toggle__btn--active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.word-selection{padding:var(--space-4);max-width:600px;margin:0 auto}.word-selection__title{font-size:var(--font-size-lg);margin-bottom:var(--space-6);color:var(--heading)}.word-selection__panel{margin-bottom:var(--space-6)}.word-selection__panel-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-2);margin-bottom:var(--space-2)}.word-selection__word-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.word-selection__label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-1) 0}.word-selection__checkbox{width:18px;height:18px;accent-color:var(--accent)}.word-selection__word-text{font-size:var(--font-size-md);color:var(--text)}.word-selection__word-level{font-size:var(--font-size-xs);color:var(--muted);margin-left:var(--space-1)}.word-selection__actions{display:flex;justify-content:flex-end;gap:var(--space-4);margin-top:var(--space-6)}.back-button{background:none;border:none;color:var(--link);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-1) 0;display:inline-flex;align-items:center;gap:var(--space-1)}.back-button:hover{color:var(--link-hover)}.story-entry__vocab-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:100}.story-entry__vocab-panel{background:var(--surface-1);width:100%;max-width:500px;max-height:70vh;overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-4);position:relative}.story-entry__vocab-close{position:absolute;top:var(--space-2);right:var(--space-2);background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--muted);padding:var(--space-1)}@media(max-width:480px){.story-mode-selector__layout{flex-direction:column}.story-mode-selector__summary{width:100%;min-height:auto}}@media(min-width:768px){.story-entry__vocab-overlay{align-items:center}.story-entry__vocab-panel{border-radius:var(--radius-lg);max-height:80vh}.sentence-handler__images{height:225px}.story-reader__content{min-height:400px}}}@layer components{.media{display:block}.media--row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.media-img{width:128px;height:auto;border-radius:.5rem;flex:0 0 auto}.media__caption{flex:1;min-width:14rem;line-height:1.6}}@layer components{.pill-cluster{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.pill{--pill-bg: color-mix(in oklab, var(--surface-2) 78%, transparent);--pill-fg: var(--text-strong);--pill-bd: color-mix(in oklab, var(--border) 65%, transparent);display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:999px;border:1px solid var(--pill-bd);background:var(--pill-bg);color:var(--pill-fg);font-size:.92rem;line-height:1;font-weight:600;letter-spacing:.01em}.pill--warn{color:var(--warn);background:color-mix(in oklab,var(--warn) 20%,var(--surface-2));border-color:color-mix(in oklab,var(--warn) 25%,var(--border))}.pill--down{color:var(--down);background:color-mix(in oklab,var(--down) 20%,var(--surface-2));border-color:color-mix(in oklab,var(--down) 25%,var(--border))}.pill--tag{border-color:color-mix(in oklab,var(--border) 80%,transparent);background:color-mix(in oklab,var(--surface-2) 85%,transparent)}@media(prefers-contrast:more){.pill,.pill--tag{border-color:color-mix(in oklab,var(--border) 92%,transparent);outline:2px solid color-mix(in oklab,var(--border) 60%,transparent);outline-offset:.0625rem}}}@layer components{.icon-btn{--_fg: var(--icon-fg, var(--text));--_bd: var(--icon-bd, color-mix(in oklab, var(--text) 18%, transparent));--_bg-hover: var(--icon-bg-hover, color-mix(in oklab, currentColor 10%, transparent));--_bg-active: var(--icon-bg-active, color-mix(in oklab, currentColor 18%, transparent));color:var(--_fg);background:transparent;border:1px solid var(--_bd);border-radius:9999px;padding:.5rem;line-height:0;display:inline-grid;place-items:center;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.icon-btn:hover{background:var(--_bg-hover);border-color:color-mix(in oklab,currentColor 40%,var(--_bd))}.icon-btn:active{background:var(--_bg-active);border-color:color-mix(in oklab,currentColor 55%,var(--_bd))}.icon-btn:focus-visible{outline:2px solid var(--focus);outline-offset:.1875rem}.icon-btn .i{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s ease}.icon-btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.activity-toolbar .icon-btn{color:var(--icon-fg-toolbar, var(--icon-fg));border-color:color-mix(in oklab,currentColor 25%,transparent);transition:color .2s ease,border-color .2s ease}.activity-toolbar .icon-btn:hover{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 45%,transparent)}.activity-toolbar .icon-btn:active{color:color-mix(in oklab,var(--accent) 70%,#fff)}}@layer components{.activity-toolbar{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;padding:.25rem .5rem}.activity-toolbar .icon-btn .i{stroke:currentColor;fill:none}.activity-toolbar .icon-btn{color:var(--icon-fg);border:1px solid var(--icon-bd);border-radius:var(--radius-sm, .25rem);width:36px;height:36px;display:inline-grid;place-items:center;background:transparent;padding:0}.icon-btn[disabled]{opacity:.35;cursor:default;pointer-events:none}.activity-toolbar .icon-btn[disabled],.activity-toolbar .icon-btn:disabled{opacity:.35!important;cursor:default;pointer-events:none}:root[data-theme=highContrast] .activity-toolbar .icon-btn{color:var(--text)}:root[data-theme=dark] .activity-toolbar .icon-btn{color:var(--bg)}}@layer components{.dropdown-chip{position:relative;display:inline-block}.dropdown-chip__button{display:inline-flex;align-items:center;gap:var(--space-xs, .25rem);padding:var(--space-xs, .25rem) var(--space-sm, .5rem);border:1px solid var(--color-border, #ccc);border-radius:var(--radius-sm, 4px);background:var(--color-surface, #fff);color:var(--color-text, #333);font-size:var(--font-size-sm, .875rem);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.dropdown-chip__button:hover{border-color:var(--color-border-hover, #999);background:var(--color-surface-hover, #f5f5f5)}.dropdown-chip__button:focus-visible{outline:2px solid var(--color-focus, #0066cc);outline-offset:2px}.dropdown-chip__emoji{font-size:1.1em;line-height:1}.dropdown-chip__label{font-weight:500}.dropdown-chip__chev{font-size:.75em;opacity:.7;margin-left:var(--space-2xs, .125rem)}.dropdown-chip__menu{position:absolute;top:100%;left:0;z-index:var(--z-dropdown, 100);min-width:100%;margin-top:var(--space-2xs, .125rem);padding:var(--space-2xs, .125rem) 0;border:1px solid var(--color-border, #ccc);border-radius:var(--radius-sm, 4px);background:var(--color-surface, #fff);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .15));list-style:none}.dropdown-chip--align-right .dropdown-chip__menu{left:auto;right:0}.dropdown-chip__option{display:flex;align-items:center;gap:var(--space-sm, .5rem);width:100%;padding:var(--space-xs, .25rem) var(--space-sm, .5rem);border:none;background:transparent;color:var(--color-text, #333);font-size:var(--font-size-sm, .875rem);text-align:left;cursor:pointer;white-space:nowrap;transition:background-color .1s ease}.dropdown-chip__option:hover,.dropdown-chip__option:focus{background:var(--color-surface-hover, #f5f5f5);outline:none}.dropdown-chip__option:focus-visible{background:var(--color-surface-hover, #f5f5f5);box-shadow:inset 2px 0 0 var(--color-focus, #0066cc)}.dropdown-chip__option[aria-selected=true]{background:var(--color-surface-selected, #e8f4fc);font-weight:500}.dropdown-chip__option-emoji{font-size:1.1em;line-height:1;min-width:2.5em;text-align:left}.dropdown-chip__option-label{flex:1}}@layer components{.option-selector-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--space-2);color:var(--text)}.option-selector-options{display:flex;gap:var(--space-2);flex-wrap:wrap}.option-selector.single-line .option-selector-options{flex-wrap:nowrap;overflow-x:auto}.option-item{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.option-item:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.option-item:disabled,.option-item--disabled{opacity:.45;cursor:not-allowed}.display-pills .option-item{padding:var(--space-2) var(--space-4);border-radius:9999px;background:var(--surface-3);border:2px solid transparent;font-size:var(--font-size-sm);font-weight:500;color:var(--text-2);min-width:60px}.display-pills .option-item:hover:not(:disabled):not(.option-item--disabled){background:color-mix(in oklab,var(--accent) 8%,var(--surface-3));border-color:color-mix(in oklab,var(--accent) 20%,var(--border))}.display-pills .option-item.selected{background:color-mix(in oklab,var(--accent) 12%,var(--surface-2));border-color:var(--accent);color:var(--text);font-weight:600}.display-pills .option-subtext{display:block;font-size:var(--font-size-xs);color:var(--muted);margin-top:2px}.display-cards .option-selector-options{gap:var(--space-4)}.display-cards .option-item{flex-direction:column;padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:2px solid var(--border);box-shadow:var(--shadow);min-width:100px;text-align:center}.display-cards .option-item:hover:not(:disabled):not(.option-item--disabled){border-color:color-mix(in oklab,var(--accent) 40%,var(--border));box-shadow:0 4px 12px color-mix(in oklab,var(--accent) 12%,transparent);transform:translateY(-2px)}.display-cards .option-item.selected{background:color-mix(in oklab,var(--accent) 8%,var(--surface-2));border-color:var(--accent);border-left:4px solid var(--accent);position:relative}.display-cards .option-item.selected:after{content:"✓";position:absolute;top:var(--space-1);right:var(--space-2);font-size:var(--font-size-sm);font-weight:700;color:var(--accent);line-height:1}.display-cards .option-icon{font-size:2rem;margin-bottom:var(--space-1)}.display-cards .option-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text)}.display-cards .option-item.selected .option-label{font-weight:600}.display-cards .option-subtext{font-size:var(--font-size-xs);color:var(--muted);margin-top:var(--space-1)}.display-radio .option-selector-options{flex-direction:column;gap:var(--space-1)}.display-radio .option-item{flex-direction:row;justify-content:flex-start;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border);text-align:left;width:100%}.display-radio .option-item:before{content:"";display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-radius:50%;margin-right:var(--space-2);flex-shrink:0}.display-radio .option-item.selected:before{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--surface-1)}.display-radio .option-item:hover:not(:disabled):not(.option-item--disabled){background:color-mix(in oklab,var(--accent) 5%,transparent);border-color:color-mix(in oklab,var(--accent) 30%,var(--border))}.display-radio .option-item.selected{background:color-mix(in oklab,var(--accent) 8%,var(--surface-2));border-color:color-mix(in oklab,var(--accent) 50%,var(--border))}.display-radio .option-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text);flex:1}.display-radio .option-subtext{font-size:var(--font-size-xs);color:var(--muted);display:block;margin-top:2px}.option-languages{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:var(--space-2)}.option-language-badge{font-size:1rem;line-height:1;opacity:.85;transition:opacity .15s ease}.option-item:hover .option-language-badge{opacity:1}.display-tiles .option-item{display:flex;flex-direction:column;align-items:flex-start}.display-tiles .option-languages{margin-top:auto;padding-top:var(--space-2)}.option-languages.compact .option-language-badge{font-size:var(--font-size-sm)}@media(max-width:640px){.display-cards .option-item{min-width:80px;padding:var(--space-2)}.display-cards .option-icon{font-size:1.5rem}}}@layer components{.display-tiles .option-selector-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.display-tiles .option-item{display:flex;flex-direction:column;align-items:stretch;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:2px solid var(--border);box-shadow:var(--shadow);text-align:left;gap:var(--space-1);transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.display-tiles .option-item:hover:not(:disabled):not(.option-item--disabled){background:color-mix(in oklab,var(--accent) 6%,var(--surface-2));border-color:color-mix(in oklab,var(--accent) 30%,var(--border));box-shadow:0 4px 12px color-mix(in oklab,var(--accent) 10%,transparent);transform:translateY(-2px)}.display-tiles .option-item.selected{background:color-mix(in oklab,var(--accent) 8%,var(--surface-2));border-color:var(--accent);border-left:4px solid var(--accent);box-shadow:0 4px 12px color-mix(in oklab,var(--accent) 15%,transparent);position:relative}.display-tiles .option-item.selected:after{content:"✓";position:absolute;top:var(--space-1);right:var(--space-2);font-size:var(--font-size-sm);font-weight:700;color:var(--accent);line-height:1}.display-tiles .option-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.display-tiles .option-subtext{font-size:var(--font-size-xs);color:var(--muted);margin-top:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display-tiles .option-meta{font-size:var(--font-size-xs);color:var(--text-2);margin-top:auto;padding-top:var(--space-1)}.display-tiles .option-progress{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2)}.display-tiles .option-progress__bar{flex:1;height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden}.display-tiles .option-progress__fill{height:100%;border-radius:3px;transition:width .3s ease}.display-tiles .option-progress__label{font-size:var(--font-size-xs);font-weight:500;color:var(--text-2);min-width:32px;text-align:right}.difficulty-selector .option-selector.display-pills .option-selector-options{display:flex;gap:var(--space-2);flex-wrap:wrap}.difficulty-selector .option-selector.display-pills .option-item{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--surface-3);border:1px solid var(--border);border-radius:9999px;font-size:var(--font-size-sm);font-weight:500;color:var(--text-2);cursor:pointer;transition:all .15s ease}.difficulty-selector .option-selector.display-pills .option-item:hover{background:color-mix(in oklab,var(--accent) 8%,var(--surface-3));border-color:color-mix(in oklab,var(--accent) 20%,var(--border))}.difficulty-selector .option-selector.display-pills .option-item:focus{outline:2px solid var(--focus);outline-offset:2px}.difficulty-selector .option-selector.display-pills .option-item.selected{background:color-mix(in oklab,var(--accent) 12%,var(--surface-2));border-color:var(--accent);color:var(--text);font-weight:600}.option-difficulty-progress{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2)}.difficulty-progress-item{display:flex;align-items:center;gap:2px}.difficulty-progress-label{font-size:var(--font-size-xs);color:var(--muted);text-transform:uppercase;font-weight:500}.progress-circle{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;font-size:8px;flex-shrink:0}.progress-circle--empty{background:transparent;border:2px solid var(--border)}.progress-circle--partial{background:conic-gradient(var(--accent) calc(var(--progress) * 3.6deg),var(--border) 0);position:relative}.progress-circle--partial:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--surface-2)}.progress-circle--complete{background:var(--ok);color:var(--accent-contrast);font-weight:700;line-height:1}@media(max-width:640px){.display-tiles .option-selector-options{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.display-tiles .option-item{padding:var(--space-2) var(--space-3)}.display-tiles .option-label{font-size:var(--font-size-xs)}.option-difficulty-progress{gap:var(--space-1)}.progress-circle{width:12px;height:12px;font-size:7px}.difficulty-progress-label{font-size:.5rem}}@media(max-width:400px){.display-tiles .option-selector-options{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.display-tiles .option-selector-options{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}}@layer components{.selection-flow{display:flex;flex-direction:column;height:100%;max-width:800px;margin:0 auto;padding:var(--spacing-lg, 1.5rem)}.selection-flow-header{margin-bottom:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--color-border, #e0e0e0);padding-bottom:var(--spacing-md, 1rem)}.selection-flow .back-button{background:none;border:none;color:var(--color-primary, #0066cc);font-size:var(--font-size-sm, .875rem);cursor:pointer;padding:var(--spacing-xs, .25rem) 0;margin-bottom:var(--spacing-sm, .5rem);display:inline-flex;align-items:center;gap:var(--spacing-xs, .25rem)}.selection-flow .back-button:hover{color:var(--color-primary-dark, #004a99);text-decoration:underline}.selection-flow .back-button:focus-visible{outline:2px solid var(--color-focus, #0066cc);outline-offset:2px;border-radius:var(--border-radius-sm, 4px)}.selection-flow-title{font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, #1a1a1a);margin:0}.selection-flow-content{flex:1;overflow-y:auto;padding-bottom:var(--spacing-lg, 1.5rem)}.selection-section{margin-bottom:var(--spacing-lg, 1.5rem);padding:var(--spacing-md, 1rem);border-radius:var(--border-radius-md, 8px);background-color:var(--color-bg-secondary, #f9f9f9);animation:selectionFadeIn .3s ease}@keyframes selectionFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selection-section.placeholder{border:2px dashed var(--color-border, #e0e0e0);background-color:transparent}.placeholder-text{color:var(--color-text-tertiary, #999);font-size:var(--font-size-sm, .875rem);font-style:italic;margin:0;text-align:center}.selection-flow-actions{display:flex;gap:var(--spacing-md, 1rem);justify-content:flex-end;padding-top:var(--spacing-md, 1rem);border-top:1px solid var(--color-border, #e0e0e0);margin-top:auto}.selection-flow-actions .btn-primary,.selection-flow-actions .btn-secondary{padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);border-radius:var(--border-radius-md, 8px);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);cursor:pointer;transition:all .2s ease;border:none}.selection-flow-actions .btn-primary{background-color:var(--color-primary, #0066cc);color:#fff}.selection-flow-actions .btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark, #004a99);transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.selection-flow-actions .btn-primary:disabled{background-color:var(--color-disabled, #ccc);cursor:not-allowed;opacity:.6}.selection-flow-actions .btn-secondary{background-color:transparent;color:var(--color-text-secondary, #666);border:1px solid var(--color-border, #e0e0e0)}.selection-flow-actions .btn-secondary:hover{background-color:var(--color-bg-hover, #f5f5f5);border-color:var(--color-border-hover, #ccc)}.selection-flow-actions .btn-primary:focus-visible,.selection-flow-actions .btn-secondary:focus-visible{outline:2px solid var(--color-focus, #0066cc);outline-offset:2px}@media(max-width:640px){.selection-flow{padding:var(--spacing-md, 1rem)}.selection-flow-actions{flex-direction:column-reverse}.selection-flow-actions .btn-primary,.selection-flow-actions .btn-secondary{width:100%}}}@layer components{.activity-shell{display:flex;flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto;padding:1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.activity-shell:has(.activity-shell__content):not(:has(.activity-shell__sidebar)){max-width:600px}.activity-shell__top-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.activity-shell__header{display:flex;flex-direction:column;gap:.25rem}.activity-header__title{margin:0;font-size:1.5rem;font-weight:700}.activity-header__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.activity-header__meta{margin:0;font-size:.9375rem;color:var(--color-text-muted, var(--muted, #666))}.activity-shell__options{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.activity-shell__content{margin-top:15px;display:flex;flex-wrap:wrap;gap:5.5rem;justify-content:center}.activity-shell__main{min-width:0;flex:0 1 auto}.activity-shell__sidebar{min-width:0;flex:0 1 400px;max-width:400px}.activity-shell__content:has(.activity-shell__sidebar){justify-content:flex-start}.activity-shell__content:has(.activity-shell__sidebar) .activity-shell__main{flex:0 1 auto}@media(max-width:767px){.activity-shell__content{flex-direction:column;align-items:center}.activity-shell__sidebar{order:-1;width:100%;max-width:none}.activity-shell__main{width:100%}}.activity-shell__post{margin-top:1rem}.activity-shell__footer{display:block}@media(max-width:767px){.activity-shell__footer{display:block;position:sticky;bottom:0;background:var(--color-bg, var(--bg, #fff));padding:.75rem 1rem;border-top:1px solid var(--color-border, var(--stroke, #e0e0e0));margin:0 -1rem -1rem}}@media(max-width:768px){.activity-shell{min-height:100svh}.activity-shell__main{max-height:calc(100svh - 220px);overflow:auto;-webkit-overflow-scrolling:touch}}}@layer components{.clue-list{display:flex;flex-direction:column;gap:.75rem}.clue-list__title{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-muted, var(--muted, #666))}.clue-list__items{display:flex;flex-direction:column;gap:.5rem}.clue-options{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.clue-options__label{font-size:.875rem;font-weight:500;color:var(--color-text-muted, var(--muted, #666))}.clue-options__toggle{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;cursor:pointer}.clue-options__toggle input[type=checkbox]{width:1rem;height:1rem;margin:0;cursor:pointer}.completion-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080;animation:completion-fadeIn .2s ease}@keyframes completion-fadeIn{0%{opacity:0}to{opacity:1}}.completion-overlay__card{max-width:400px;width:90%;padding:2rem;background:var(--color-bg, var(--bg, #fff));border-radius:1rem;box-shadow:0 8px 32px #0003;text-align:center;animation:completion-slideUp .3s ease}@keyframes completion-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.completion-overlay__title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--color-success, #2e7d32)}.completion-overlay__subtitle{margin:0 0 1.5rem;font-size:1rem;color:var(--color-text-muted, var(--muted, #666))}.completion-overlay__buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.completion-overlay__btn{padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;background:var(--color-btn-bg, var(--surface-2, #f5f5f5));border:1px solid var(--color-border, var(--stroke, #e0e0e0));border-radius:.5rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.completion-overlay__btn:hover{background:var(--color-btn-bg-hover, #e8e8e8)}.completion-overlay__btn--primary{background:var(--color-primary, var(--accent, #2196f3));border-color:var(--color-primary, var(--accent, #2196f3));color:#fff}.completion-overlay__btn--primary:hover{background:var(--color-primary-dark, #1976d2);border-color:var(--color-primary-dark, #1976d2)}}@layer components{.ll-reveal-strip{padding:.75rem 1.5rem;font-size:1.5rem;font-weight:700;letter-spacing:.15em;text-align:center;background:var(--ll-cell--correct, #53cf76);color:#fff;border-radius:.25rem}}@layer components{.ll-entry--loading,.ll-entry--error,.ll-entry--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;min-height:300px}.ll-entry--error p{color:var(--color-error, #d32f2f)}.ll-entry--loading button,.ll-entry--error button,.ll-entry--empty button{padding:.5rem 1.5rem;font-size:1rem;border:none;border-radius:.25rem;background:var(--color-primary, #333);color:#fff;cursor:pointer}.ll-entry--loading button:hover,.ll-entry--error button:hover,.ll-entry--empty button:hover{opacity:.9}}@layer components{.ref-lang-chip{position:relative;display:inline-block}.ref-lang-chip__button{display:inline-flex;align-items:center;gap:.25em;cursor:pointer;border:none;background:inherit;font:inherit;padding:.25em .5em}.ref-lang-chip__button:hover{opacity:.8}.ref-lang-chip__button:focus-visible{outline:2px solid var(--color-focus, #4a90d9);outline-offset:2px}.ref-lang-chip__menu{position:absolute;top:100%;left:0;z-index:100;min-width:10rem;margin-top:.25rem;padding:.25rem 0;background:var(--color-surface, #fff);border:1px solid var(--color-border, #ddd);border-radius:.5rem;box-shadow:0 4px 12px #0000001a}}@layer components{.ll-top-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.ref-lang-chip{position:relative;display:inline-block}.ref-lang-chip__menu{position:absolute;top:100%;left:0;z-index:1000;min-width:160px;margin-top:.25rem;padding:.25rem 0;background:var(--color-bg, var(--card, #fff));border:1px solid var(--color-border, var(--stroke, #e0e0e0));border-radius:.5rem;box-shadow:0 4px 12px #00000026;animation:refLangMenuFadeIn .15s ease}@keyframes refLangMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.activity-shell__top-bar{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}}}@layer components{.keyboard{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;max-width:32rem;margin:0 auto;padding:.5rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.keyboard--disabled{opacity:.6;pointer-events:none}.keyboard__row{display:flex;justify-content:center;gap:.35rem;width:100%}.key-container{position:relative;display:flex}.key{display:flex;align-items:center;justify-content:center;min-width:2.2rem;height:3rem;padding:0 .25rem;background:var(--key-bg, var(--surface-2, #d3d6da));border:1px solid var(--key-border, transparent);border-radius:var(--key-radius, .375rem);color:var(--key-text, var(--text, #1a1a1a));font-size:.875rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:background-color .1s ease,transform .05s ease}.key:hover:not(:disabled){background:var(--key-bg-hover, #c5c8cb)}.key:active:not(:disabled){transform:scale(.95)}.key:disabled,.key--disabled{opacity:.5;cursor:not-allowed}.key__accent-indicator{position:absolute;top:.125rem;right:.25rem;font-size:.5rem;opacity:.5}.key--wide{min-width:4rem;padding:0 .5rem;font-size:.75rem}.key.enter{min-width:4.5rem}.key--correct{background:var(--key-correct, var(--ll-cell--correct, #22c55e));border-color:color-mix(in oklab,var(--key-correct, #22c55e) 85%,black);color:#fff}.key--correct:hover:not(:disabled){background:color-mix(in oklab,var(--key-correct, #22c55e) 90%,black)}.key--present{background:var(--key-present, var(--ll-cell--present, #eab308));border-color:color-mix(in oklab,var(--key-present, #eab308) 85%,black);color:#1a1a1a}.key--present:hover:not(:disabled){background:color-mix(in oklab,var(--key-present, #eab308) 90%,black)}.key--absent{background:var(--key-absent, var(--ll-cell--absent, #3a3a3a));border-color:color-mix(in oklab,var(--key-absent, #3a3a3a) 85%,black);color:#fff}.key--absent:hover:not(:disabled){background:color-mix(in oklab,var(--key-absent, #3a3a3a) 80%,black)}.accent-popup__backdrop{position:fixed;inset:0;z-index:99;background:transparent}.accent-popup{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);z-index:100;display:flex;gap:.25rem;padding:.5rem;background:var(--popup-bg, var(--card, #fff));border:1px solid var(--popup-border, var(--stroke, #e0e0e0));border-radius:.5rem;box-shadow:0 4px 12px #00000026;animation:accent-popup-appear .15s ease}@keyframes accent-popup-appear{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.accent-popup__option{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;background:var(--surface-2, #f5f5f5);border:1px solid var(--stroke, #e0e0e0);border-radius:.375rem;color:var(--text, #1a1a1a);font-size:1.125rem;font-weight:600;cursor:pointer;transition:background-color .1s ease}.accent-popup__option:hover{background:var(--accent-option-hover, #e8e8e8)}.accent-popup__option:active{background:var(--accent-option-active, #d0d0d0)}@media(max-width:480px){.keyboard,.keyboard__row{gap:.25rem}.key{min-width:1.875rem;height:2.75rem;font-size:.8rem}.key--wide{min-width:3.5rem;font-size:.65rem}.key.enter{min-width:3.75rem}}@media(max-width:360px){.key{min-width:1.625rem;height:2.5rem;font-size:.75rem;padding:0 .125rem}.key--wide{min-width:3rem}.key.enter{min-width:3.25rem}}}@layer components{.vocab-panel{background:var(--surface-1);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow)}.vocab-panel+.vocab-panel{margin-top:var(--space-3)}.vocab-panel--placeholder{text-align:center;color:var(--muted);font-style:italic}.vocab-panel__header{margin-bottom:var(--space-3)}.vocab-panel__headword{margin:0;font-size:var(--font-size-lg);font-weight:600;line-height:1.3;color:var(--heading)}.vocab-panel__reading{margin-left:var(--space-2);font-weight:400;color:var(--text-2)}.vocab-panel__pos{margin-left:var(--space-2);font-size:var(--font-size-sm);font-weight:400;color:var(--muted)}.vocab-panel__audio-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.vocab-panel__audio-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:var(--font-size-sm);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.vocab-panel__audio-btn:hover{background:var(--surface-3)}.vocab-panel__audio-btn:active{background:var(--icon-bg-active)}.vocab-panel__audio-btn--playing{background:color-mix(in oklab,var(--accent) 15%,var(--surface-2));border-color:var(--accent)}.vocab-panel__audio-icon{font-size:1em}.vocab-panel__audio-label{font-weight:500}.vocab-panel__images{display:grid;gap:var(--space-2);margin-bottom:var(--space-3)}.vocab-panel__image{width:100%;max-height:200px;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm);background:var(--surface-2)}.vocab-panel__block{margin-bottom:var(--space-3)}.vocab-panel__block:last-child{margin-bottom:0}.vocab-panel__label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:var(--space-1)}.vocab-panel__text{font-size:var(--font-size-md);line-height:1.5;color:var(--text)}.vocab-panel__text--translation{font-style:italic;color:var(--text)}.vocab-panel__regions{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.vocab-panel__region-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1)}.vocab-panel__region-item+.vocab-panel__region-item{margin-top:var(--space-1)}.vocab-panel__region-code{font-weight:600;color:var(--muted);min-width:3em}.vocab-panel__region-word{font-weight:500;color:var(--text)}.vocab-panel__region-also{color:var(--muted)}.vocab-panel__examples-section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.vocab-panel__examples-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;border:none;background:none;font-size:var(--font-size-sm);color:var(--link);cursor:pointer;transition:color .15s ease}.vocab-panel__examples-toggle:hover{color:var(--link-hover)}.vocab-panel__examples-arrow{font-size:.75em}.vocab-panel__examples-list{margin:var(--space-2) 0 0 0;padding-left:var(--space-4);list-style:disc}.vocab-panel__example{font-size:var(--font-size-sm);line-height:1.6;color:var(--text)}.vocab-panel__example+.vocab-panel__example{margin-top:var(--space-1)}.vocab-panel--compact{padding:var(--space-3)}.vocab-panel--compact .vocab-panel__headword{font-size:var(--font-size-md)}.vocab-panel--compact .vocab-panel__block{margin-bottom:var(--space-2)}.vocab-panel--compact .vocab-panel__text{font-size:var(--font-size-sm)}}@layer components{.vocab-panel-group{display:flex;flex-direction:column;gap:var(--space-sm, .5rem)}.vocab-panel-group--empty{padding:var(--space-lg, 1.5rem);text-align:center}.vocab-panel-group__empty-message{color:var(--color-text-muted, #666);font-style:italic}.vocab-panel-group__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm, .5rem);padding-bottom:var(--space-sm, .5rem);border-bottom:1px solid var(--color-border, #e0e0e0)}.vocab-panel-group__count{font-size:var(--font-size-sm, .875rem);color:var(--color-text-muted, #666)}.vocab-panel-group__controls{display:flex;gap:var(--space-xs, .25rem)}.vocab-panel-group__control-btn{padding:var(--space-xs, .25rem) var(--space-sm, .5rem);border:1px solid var(--color-border, #ccc);border-radius:var(--radius-sm, 4px);background:var(--color-surface, #fff);color:var(--color-text, #333);font-size:var(--font-size-xs, .75rem);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.vocab-panel-group__control-btn:hover:not(:disabled){background:var(--color-surface-hover, #f5f5f5);border-color:var(--color-border-hover, #999)}.vocab-panel-group__control-btn:disabled{opacity:.5;cursor:not-allowed}.vocab-panel-group__list{display:flex;flex-direction:column;gap:var(--space-xs, .25rem)}.vocab-panel-item{border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-sm, 4px);background:var(--color-surface, #fff);overflow:hidden}.vocab-panel-item--expanded{border-color:var(--color-border-active, #ccc)}.vocab-panel-item__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm, .5rem) var(--space-md, 1rem);border:none;background:var(--color-surface-alt, #fafafa);color:var(--color-text, #333);font-size:var(--font-size-base, 1rem);text-align:left;cursor:pointer;transition:background-color .15s ease}.vocab-panel-item__header:hover{background:var(--color-surface-hover, #f0f0f0)}.vocab-panel-item__header:focus-visible{outline:2px solid var(--color-focus, #0066cc);outline-offset:-2px}.vocab-panel-item--expanded .vocab-panel-item__header{border-bottom:1px solid var(--color-border, #e0e0e0)}.vocab-panel-item__title{display:flex;align-items:baseline;gap:var(--space-xs, .25rem);flex:1;min-width:0}.vocab-panel-item__word{font-weight:600}.vocab-panel-item__pos{font-size:var(--font-size-sm, .875rem);color:var(--color-text-muted, #666);font-style:italic}.vocab-panel-item__chevron{font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted, #666);transition:transform .15s ease}.vocab-panel-item__content{padding:var(--space-md, 1rem)}@media(max-width:480px){.vocab-panel-group__header{flex-direction:column;align-items:flex-start}.vocab-panel-group__controls{width:100%;justify-content:flex-end}.vocab-panel-item__header{padding:var(--space-xs, .25rem) var(--space-sm, .5rem)}.vocab-panel-item__content{padding:var(--space-sm, .5rem)}}}@layer components{.clue-list{background:var(--surface-1);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden}.clue-list__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--surface-2);border-bottom:1px solid var(--border)}.clue-list__title{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--text)}.clue-list__progress{font-size:var(--font-size-sm);font-weight:500;color:var(--muted);padding:var(--space-1) var(--space-2);background:var(--surface-1);border-radius:9999px}.clue-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(30%,1fr));gap:var(--space-1);padding:var(--space-2);border-bottom:1px solid var(--border)}.clue-gallery__item{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;cursor:default;transition:box-shadow .15s ease,opacity .3s ease,filter .3s ease}.clue-gallery__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:var(--radius-sm)}.clue-gallery__item--found{opacity:.35;filter:grayscale(100%) brightness(1.1)}.clue-gallery__check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--ok);background:#ffffff73;border-radius:var(--radius-sm);pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.2)}.clue-gallery__item--highlighted{opacity:1;filter:none;box-shadow:0 0 0 2.5px var(--accent),0 2px 8px #00000026;z-index:1}.clue-gallery__item--found.clue-gallery__item--highlighted{opacity:.65;filter:grayscale(60%)}.clue-list__items{list-style:none;margin:0;padding:0;max-height:20rem;overflow-y:auto}.clue-list__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);transition:background-color var(--fade-duration-fast, .12s) ease}.clue-list__item:last-child{border-bottom:none}.clue-list__item--found{background:color-mix(in oklab,var(--ok) 12%,var(--surface-1))}.clue-list__item--found .clue-list__primary{color:var(--ok);font-weight:600}.clue-list__item--clickable{cursor:pointer}.clue-list__item--clickable:hover{background:color-mix(in oklab,var(--ok) 18%,var(--surface-1))}.clue-list__item--clickable:focus{outline:2px solid var(--focus);outline-offset:-2px}.clue-list__item--highlighted{background:color-mix(in oklab,var(--accent) 8%,var(--surface-1));border-radius:var(--radius-xs, .25rem)}.clue-list__item--showing-grid .clue-list__primary{font-family:var(--font-mono);letter-spacing:.05em;color:var(--accent);animation:clue-pulse .3s ease-out}@keyframes clue-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.clue-list__check{flex-shrink:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:#fff;background:var(--ok);border-radius:50%}.clue-list__text{display:flex;flex-direction:column;min-width:0;flex:1}.clue-list__primary{font-weight:500;color:var(--text);font-size:var(--font-size-sm)}.clue-list__secondary{flex:1;font-size:var(--font-size-xs);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clue-list__audio-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;margin-left:auto;flex-shrink:0;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--muted);font-size:.6rem;cursor:pointer;transition:background .15s ease,color .15s ease}.clue-list__audio-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.clue-list__audio-btn:disabled{opacity:.5;cursor:default}.clue-list__hint{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);color:var(--muted);text-align:center;background:var(--surface-2);border-top:1px solid var(--border)}@media(max-width:480px){.clue-list__items{max-height:15rem}}}@layer components{.ws-found{padding:var(--space-3);background:var(--surface-1);border-radius:var(--radius-md);border:1px solid var(--border)}@keyframes ws-found-expand{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.ws-vocab-inline{position:relative;margin:var(--space-3) 0;padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);animation:ws-vocab-slide-in .25s ease-out}@keyframes ws-vocab-slide-in{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.ws-vocab-inline__close{position:absolute;top:var(--space-2);right:var(--space-2);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);color:var(--muted);background:var(--surface-3);border:none;border-radius:50%;cursor:pointer;transition:background-color var(--fade-duration-fast) ease,color var(--fade-duration-fast) ease}.ws-vocab-inline__close:hover{background:var(--icon-bg-hover);color:var(--text)}.ws-entry--loading,.ws-entry--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--space-4);padding:var(--space-4);text-align:center}.ws-entry--error{color:var(--down)}.ws-entry--error button{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--fade-duration-fast) ease}.ws-entry--error button:hover{background:var(--surface-3)}.ws-top-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}@media(max-width:480px){.ws-vocab-inline{margin:var(--space-2) 0;padding:var(--space-3)}}}@layer components{.image-zoom__clickable{cursor:pointer}.image-zoom__clickable:focus-visible{outline:2px solid var(--color-focus, #4a90d9);outline-offset:2px;border-radius:.25rem}.image-zoom__backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000bf;cursor:pointer;animation:image-zoom-fade-in .2s ease-out}@keyframes image-zoom-fade-in{0%{opacity:0}to{opacity:1}}.image-zoom__image{max-width:90vw;max-height:85vh;border-radius:.5rem;box-shadow:0 8px 32px #0006;cursor:pointer;animation:image-zoom-scale-in .2s ease-out}@keyframes image-zoom-scale-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}}@layer components{.auth-page{display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem;min-height:60vh}.auth-form{max-width:400px;width:100%}.auth-form h2{margin-bottom:.5rem}.auth-form p{margin-bottom:1rem;color:var(--text-secondary, #666)}.auth-form label{display:block;margin-bottom:.25rem;font-weight:600;font-size:.9rem}.auth-form input[type=email]{width:100%;padding:.6rem .75rem;font-size:1rem;border:1px solid var(--border-color, #ccc);border-radius:6px;margin-bottom:1rem;box-sizing:border-box}.auth-form input[type=email]:focus{outline:2px solid var(--accent-color, #4f46e5);outline-offset:1px;border-color:transparent}.auth-submit-btn{width:100%;padding:.7rem 1rem;font-size:1rem;font-weight:600;color:#fff;background:var(--accent-color, #4f46e5);border:none;border-radius:6px;cursor:pointer;transition:opacity .15s}.auth-submit-btn:hover:not(:disabled){opacity:.9}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:var(--error-color, #dc2626);font-size:.9rem;margin-bottom:.75rem}.auth-hint{font-size:.85rem;color:var(--text-secondary, #888)}.auth-switch{margin-top:1.5rem;text-align:center;font-size:.9rem}.auth-link-btn{background:none;border:none;color:var(--accent-color, #4f46e5);cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.auth-link-btn:hover{opacity:.8}.auth-verify{text-align:center;max-width:400px;width:100%}.auth-verify p{margin-bottom:1rem}.nav-auth-signin{font-size:.9rem}.nav-user-dropdown{position:relative}.nav-user-dropdown__trigger{display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:6px;color:inherit;font-size:.9rem;transition:background-color .15s}.nav-user-dropdown__trigger:hover{background-color:var(--hover-bg, rgba(0, 0, 0, .06))}.nav-user-dropdown__icon{display:flex;align-items:center}.nav-user-dropdown__name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-dropdown__caret{font-size:.7rem;opacity:.6}.nav-user-dropdown__menu{position:absolute;top:100%;right:0;margin-top:.25rem;background:var(--surface-color, #fff);border:1px solid var(--border-color, #ddd);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:10rem;z-index:100;overflow:hidden}.nav-user-dropdown__item{display:block;width:100%;padding:.6rem 1rem;background:none;border:none;cursor:pointer;text-align:left;font-size:.9rem;color:inherit;transition:background-color .1s}.nav-user-dropdown__item:hover{background-color:var(--hover-bg, rgba(0, 0, 0, .04))}.nav-user-dropdown__item+.nav-user-dropdown__item{border-top:1px solid var(--border-color, #eee)}}@layer pages{.settings__tabs{display:flex;gap:var(--space-xs, .25rem);margin-bottom:var(--space-lg, 1.5rem);border-bottom:1px solid var(--color-border, #e0e0e0)}.settings__tab{padding:var(--space-sm, .5rem) var(--space-md, 1rem);border:none;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-muted, #666);font-size:var(--font-size-sm, .875rem);font-weight:500;cursor:pointer;transition:color .15s ease,border-color .15s ease}.settings__tab:hover{color:var(--color-text, #333)}.settings__tab:focus-visible{outline:2px solid var(--color-focus, #0066cc);outline-offset:-2px}.settings__tab--active{color:var(--color-primary, #0066cc);border-bottom-color:var(--color-primary, #0066cc)}.settings__tab-content{min-height:12rem}.settings__form{display:flex;flex-direction:column;gap:var(--space-md, 1rem)}.settings__row{display:flex;flex-direction:column;gap:var(--space-sm, .5rem)}.settings__row>label{font-weight:500;color:var(--color-text, #333)}.settings__divider{margin:var(--space-lg, 1.5rem) 0;border:none;border-top:1px solid var(--color-border, #e0e0e0)}.settings__placeholder{color:var(--color-text-muted, #666);font-style:italic}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-xs, .25rem)}.chip{padding:var(--space-xs, .25rem) var(--space-sm, .75rem);border:1px solid var(--color-border, #ccc);border-radius:var(--radius-full, 9999px);background:var(--color-surface, #fff);color:var(--color-text, #333);font-size:var(--font-size-sm, .875rem);font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.chip:hover{border-color:var(--color-border-hover, #999);background:var(--color-surface-hover, #f5f5f5)}.chip:focus-visible{outline:2px solid var(--color-focus, #0066cc);outline-offset:2px}.chip--selected{border-color:var(--color-primary, #0066cc);background:var(--color-primary, #0066cc);color:var(--color-text-on-primary, #fff)}.chip--selected:hover{border-color:var(--color-primary-hover, #0052a3);background:var(--color-primary-hover, #0052a3)}.settings-tab{display:flex;flex-direction:column;gap:var(--space-lg, 1.5rem)}.chip-group--lang .chip,.chip-group--theme .chip{padding:var(--space-sm, .5rem) var(--space-md, 1rem)}.settings__form .actions{display:flex;gap:var(--space-sm, .5rem);justify-content:flex-start}@media(max-width:480px){.settings__tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings__tab{white-space:nowrap}.chip-group{flex-direction:column}.chip{text-align:center}}}@layer pages{.brand-line{line-height:1.6}.brand-line .nowrap{white-space:nowrap}.brand-line span{display:inline!important}}@layer pages{.dev-notes{max-width:900px}.dev-notes-list{list-style:none;padding:0;margin:1rem 0 0}.dev-notes-item{margin:0 0 1.25rem;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.08)}.dev-notes-item h2{margin:0;font-size:1.25rem;line-height:1.2}.dev-notes-item a{text-decoration:none}.dev-notes-date{margin:.5rem 0;font-size:.9rem;opacity:.75}.dev-notes-summary{margin:.5rem 0;opacity:.9}}@layer activities;@layer activities{.settings__divider{border:0;border-top:1px solid var(--stroke, rgba(0, 0, 0, .12));margin:1.5rem 0 0;height:0;opacity:.7}}@layer activities;@layer activities{.lh-dashboard{max-width:1200px;margin:0 auto;padding:2rem}.lh-dashboard__header{margin-bottom:3rem}.lh-dashboard__header h1{font-size:2rem;font-weight:700;color:var(--color-text-primary, #1a1a1a)}.lh-section{margin-bottom:3rem}.lh-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-text-secondary, #4a4a4a)}.lh-activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.lh-activity-tile{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.lh-activity-tile:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.lh-activity-tile__icon{font-size:2.5rem;line-height:1}.lh-activity-tile__content h3{font-size:1.125rem;font-weight:600;margin:0 0 .25rem;color:var(--color-text-primary, #1a1a1a)}.lh-activity-tile__content p{font-size:.875rem;margin:0;color:var(--color-text-secondary, #6b7280)}.lh-runs-list{display:flex;flex-direction:column;gap:.5rem;max-width:480px}.lh-run-card{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.lh-run-card:hover{border-color:#3b82f6;background:#f8fafc}.lh-run-card__icon{font-size:1.25rem;flex-shrink:0}.lh-run-card__info{display:flex;flex-direction:column;gap:.125rem;min-width:4rem}.lh-run-card__title{font-size:.875rem;font-weight:600;color:var(--color-text-primary, #1a1a1a)}.lh-run-card__meta{font-size:.75rem;color:var(--color-text-secondary, #6b7280)}.lh-run-card__progress{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:flex-end}.lh-run-card__progress-bar{width:80px;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.lh-run-card__progress-fill{display:block;height:100%;background:#3b82f6;border-radius:3px;transition:width .3s ease}.lh-run-card__progress-text{font-size:.75rem;font-weight:500;color:var(--color-text-secondary, #6b7280);min-width:2.5rem;text-align:right}.lh-run-card__chevron{font-size:1.25rem;color:#9ca3af;flex-shrink:0}.lh-dashboard.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.125rem;color:var(--color-text-secondary, #6b7280)}.button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.button--primary{background:#3b82f6;color:#fff}.button--primary:hover{background:#2563eb}}@layer activities{:root{--ll-cell: 3rem;--ll-cell-gap: .375rem;--ll-cell-radius: .5rem;--ll-reveal: calc(var(--ll-cell) * .8);--ll-key-h: 2.75rem;--ll-key-radius: .5rem;--ll-border: var(--outline, color-mix(in oklab, var(--text) 25%, transparent));--ll-bg: var(--surface-2, color-mix(in oklab, var(--surface-1) 92%, black));--ll-fg: var(--text);--ll-muted: var(--text-muted, color-mix(in oklab, var(--text) 55%, transparent));--ll-stage-max: 45rem;--ll-gap: var(--space-5, 1.25rem)}.ll-pills{grid-area:pills;display:flex;gap:.5rem}.ll-board{justify-self:center}#examples{overflow:visible}#keyboard,#examples{width:100%;max-width:var(--ll-stage-max);max-height:none;overflow:visible;margin-inline:auto;justify-self:center}@keyframes ll-reveal-strip-fade{0%{opacity:0}to{opacity:1}}.ll-board{display:grid;gap:var(--ll-cell-gap);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ll-board .row{display:grid;grid-auto-flow:column;grid-auto-columns:var(--ll-cell);gap:var(--ll-cell-gap);justify-content:center;width:-moz-fit-content;width:fit-content;margin-inline:auto}.ll-board .ll-cell{box-sizing:border-box;display:grid;place-items:center;inline-size:var(--ll-cell);block-size:var(--ll-cell);border:2px solid var(--ll-border);border-radius:var(--ll-cell-radius);background:var(--ll-bg);color:var(--ll-fg);font-weight:700;font-variant-numeric:tabular-nums;text-transform:uppercase;transition:background .18s ease,border-color .18s ease,transform .12s ease;position:relative}.ll-board .ll-cell:empty{color:var(--ll-muted)}.ll-board :is(.ll-cell):is([data-state=correct i],[data-eval=correct i],[data-correct=true],.state-correct,.correct,.is-correct){background:var(--ll-cell--correct);border-color:color-mix(in oklab,var(--ll-cell--correct) 85%,black);color:#fff}.ll-board :is(.ll-cell):is([data-state=present i],[data-eval=present i],[data-present=true],.state-present,.present,.is-present){background:var(--ll-cell--present);border-color:color-mix(in oklab,var(--ll-cell--present) 85%,black);color:#030303}.ll-board :is(.ll-cell):is([data-state=absent i],[data-eval=absent i],[data-absent=true],.state-absent,.absent,.is-absent){background:var(--ll-cell--absent);border-color:color-mix(in oklab,var(--ll-cell--absent) 85%,black);color:#fff}.ll-board .ll-cell .dup{content:attr(data-dup);position:absolute;top:.25rem;right:.25rem;min-inline-size:1.15em;block-size:1.15em;padding-inline:.25em;border-radius:999px;background:var(--surface-3, color-mix(in oklab, var(--surface-1) 85%, var(--text)));color:var(--text);font:600 .72rem/1 var(--font-sans, system-ui);display:grid;place-items:center;pointer-events:none;box-shadow:0 1px #00000014,0 0 0 1px color-mix(in oklab,var(--text) 10%,transparent)}.ll-board .ll-cell .dup{content:normal}@keyframes ll-bounce{0%{transform:translateY(0)}30%{transform:translateY(-18%)}to{transform:translateY(0)}}@keyframes ll-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes ll-check-glow{0%{box-shadow:0 0 #0000;border-color:var(--ll-border)}50%{box-shadow:0 0 18px color-mix(in oklab,var(--ll-cell--present) 70%,black);border-color:color-mix(in oklab,var(--ll-cell--present) 90%,black)}to{box-shadow:0 0 #0000;border-color:var(--ll-border)}}.ll-board .ll-cell.is-flipping{animation-name:ll-reveal-flip;animation-duration:.52s;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes ll-reveal-flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}:root[data-theme=dark] .ll-board .ll-cell:empty{background:color-mix(in oklab,#ffffff 6%,var(--surface-1))}:root[data-theme=highContrast] .ll-board .ll-cell:empty{background:transparent;border-color:#000}@media(max-width:22rem),(max-height:34rem){:root{--ll-cell: 2.7rem;--ll-reveal: calc(var(--ll-cell) * .8);--ll-key-h: 2.4rem;--ll-gap: .9rem}}.color-box{display:inline-block;width:.9rem;height:.9rem;border-radius:.2rem;margin:0 .25rem 0 0}.help-color-legend{margin:.35rem 0 1rem;display:grid;gap:.25rem}.legend-row{display:flex;align-items:center;gap:.5rem}.color-box{width:1rem;height:1rem;border-radius:.2rem;display:inline-block;transform:translateY(1px)}.color-box.correct{background:var(--ll-cell--correct)}.color-box.present{background:var(--ll-cell--present)}.color-box.absent{background:var(--ll-cell--absent)}.ll-subfield-pill{display:inline-flex;align-items:center;padding:.5rem .9rem;border-radius:999px;font-size:1.5rem;line-height:1.2;opacity:.85;background-color:#f3e0c8;color:#3d2b1f}}@layer activities{.ll-board{--ll-cell: 3rem;--ll-cell-gap: .375rem;--ll-cell-radius: .5rem;--ll-cell-font: 1.25rem;display:flex;flex-direction:column;gap:var(--ll-cell-gap);align-items:center}.ll-row{display:flex;gap:var(--ll-cell-gap);perspective:600px}.ll-cell{width:var(--ll-cell);height:var(--ll-cell);display:flex;align-items:center;justify-content:center;font-size:var(--ll-cell-font);font-weight:700;text-transform:uppercase;border:2px solid var(--ll-border, #d3d6da);border-radius:var(--ll-cell-radius);background:var(--ll-bg, #fff);color:var(--ll-fg, #000);transform-style:preserve-3d;transition:background .15s ease,border-color .15s ease}.ll-cell.is-flipping{animation:ll-cell-flip .52s ease-in-out forwards}@keyframes ll-cell-flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.ll-cell--cursor{border-color:var(--ll-cursor, #333)}@media(max-width:22rem),(max-height:34rem){.ll-board{--ll-cell: 2.7rem;--ll-cell-gap: .3rem;--ll-cell-font: 1.1rem}}@media(max-width:360px){.ll-board{--ll-cell: 2.4rem;--ll-cell-gap: .25rem;--ll-cell-font: 1rem}}}@layer activities{.ws-grid{position:relative;display:inline-flex;flex-direction:column;gap:0;padding:.75rem;border-radius:.75rem;border:1px solid var(--color-border, rgba(0, 0, 0, .08));box-shadow:0 3px 10px #0000000a;background:var(--color-grid-bg, #ffffff);touch-action:none;box-sizing:border-box;max-width:100%;--cell: clamp(18px, 5.2vw, 34px);--cellFont: calc(var(--cell) * .55);--cellRadius: .25rem}.ws-grid__row{display:flex;gap:0}.ws-grid__cell{width:var(--cell);height:var(--cell);display:grid;place-items:center;border-radius:var(--cellRadius);border:none;background:var(--color-cell-bg, #f7f7fb);font-weight:600;font-size:var(--cellFont);line-height:1;padding:0;margin:0;cursor:pointer;transition:background-color .1s ease}.ws-grid__cell:hover{background:var(--color-cell-bg-hover, #e8e8e8)}.ws-grid__cell--selected{background:var(--color-cell-selected, #b3d9ff)}.ws-selection-overlay{position:absolute;pointer-events:none;z-index:5;background:#f09d2880;border-radius:999px;transform-origin:center center;opacity:1}.ws-found-overlay{position:absolute;pointer-events:none;border-radius:999px;box-sizing:border-box;z-index:3}.ws-found-overlay{border:3px solid rgba(0,180,120,.9)}@media(max-width:480px){.ws-grid__cell{width:2rem;height:2rem;font-size:1rem}}}@layer activities{.story-browser,.story-mode-selector{padding:var(--space-4);max-width:600px;margin:0 auto}.story-mode-selector__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.story-mode-selector__story-info{display:flex;flex-direction:column;gap:var(--space-1)}.story-mode-selector__title{font-size:var(--font-size-xl);margin:0;color:var(--heading)}.story-mode-selector__level{font-size:var(--font-size-sm);color:var(--muted)}.story-mode-selector__prompt{font-size:var(--font-size-md);color:var(--text-2);margin-bottom:var(--space-4)}.story-reader{padding:var(--space-4);max-width:700px;margin:0 auto}.story-reader__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-4)}.story-reader__story-info{display:flex;flex-direction:column;gap:var(--space-1)}.story-reader__title{font-size:var(--font-size-xl);margin:0;color:var(--heading)}.story-reader__meta{display:flex;gap:var(--space-2);align-items:center}.story-reader__level{font-size:var(--font-size-sm);color:var(--muted);background:var(--surface-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.story-reader__progress{font-size:var(--font-size-sm);color:var(--muted);white-space:nowrap}.story-reader__content{min-height:340px;margin-bottom:var(--space-4)}.story-reader__controls{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.story-entry{padding:var(--space-4);max-width:700px;margin:0 auto}.st-entry__browse-header,.sentence-handler{margin-bottom:var(--space-4)}.sentence-handler--paragraph-break{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.sentence-handler__text{font-size:1.625rem;line-height:1.65;font-weight:600;color:var(--text);margin:var(--space-4) 0}.sentence-handler__word{cursor:pointer;border-bottom:1px dotted var(--muted);padding:1px 0;transition:background .15s,border-color .15s}.sentence-handler__word:hover,.sentence-handler__word:focus{background:color-mix(in oklab,var(--accent) 15%,transparent);border-bottom-color:var(--accent);outline:none;border-radius:2px}.sentence-handler__translation{margin-top:var(--space-2);padding-left:var(--space-4);border-left:2px solid var(--border);opacity:.8}.sentence-handler__translation .sentence-handler__text{font-size:var(--font-size-md);font-style:italic;font-weight:400;color:var(--text-2)}.sentence-handler__images{height:225px;display:flex;gap:var(--space-2);margin-bottom:var(--space-2);overflow:hidden}.sentence-handler__scene-image{height:100%;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md);background:var(--surface-3)}.sentence-handler__vocab-image{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.mode-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}.mode-toggle__btn{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-2);cursor:pointer;font-size:var(--font-size-sm);transition:all .15s}.mode-toggle__btn--active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.word-selection{padding:var(--space-4);max-width:600px;margin:0 auto}.word-selection__title{font-size:var(--font-size-lg);margin-bottom:var(--space-6);color:var(--heading)}.word-selection__panel{margin-bottom:var(--space-6)}.word-selection__panel-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-2);margin-bottom:var(--space-2)}.word-selection__word-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.word-selection__label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-1) 0}.word-selection__checkbox{width:18px;height:18px;accent-color:var(--accent)}.word-selection__word-text{font-size:var(--font-size-md);color:var(--text)}.word-selection__word-level{font-size:var(--font-size-xs);color:var(--muted);margin-left:var(--space-1)}.word-selection__actions{display:flex;justify-content:flex-end;gap:var(--space-4);margin-top:var(--space-6)}.back-button{background:none;border:none;color:var(--link);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-1) 0;display:inline-flex;align-items:center;gap:var(--space-1)}.back-button:hover{color:var(--link-hover)}.story-entry__vocab-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:100}.story-entry__vocab-panel{background:var(--surface-1);width:100%;max-width:500px;max-height:70vh;overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-4);position:relative}.story-entry__vocab-close{position:absolute;top:var(--space-2);right:var(--space-2);background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--muted);padding:var(--space-1)}@media(min-width:768px){.story-entry__vocab-overlay{align-items:center}.story-entry__vocab-panel{border-radius:var(--radius-lg);max-height:80vh}.sentence-handler__images{height:225px}.story-reader__content{min-height:400px}}}@layer components{.exercise__sentence{font-size:1.625rem;line-height:1.65;font-weight:600;color:var(--text);margin:var(--space-4) 0}.exercise__actions{margin-top:var(--space-4);display:flex;gap:var(--space-2)}.exercise-feedback__overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200}.exercise-feedback__popup{background:var(--color-surface, #fff);border-radius:12px;padding:32px 40px;text-align:center;box-shadow:0 8px 32px #0000002e;min-width:260px}.exercise-feedback__message{font-size:1.3rem;font-weight:700;margin:0 0 20px}.exercise-feedback__message--correct{color:#1a7f37}.exercise-feedback__message--incorrect{color:#cf222e}}@layer components;@layer themes.themes{:root[data-theme=colorblind]{color-scheme:light;--bg: #ffffff;--card: #f8fafc;--text: #0b0f12;--muted: #5a6472;--ok: #2b7bff;--warn: #ff7f0e;--down: #6e6e6e;--link: #0b66ff;--link-hover: #084ed1;--link-visited: #5a3dd5;--stroke: color-mix(in oklab, var(--text) 16%, transparent);--tile-correct: color-mix(in oklab, var(--ok) 20%, #fff);--tile-present: color-mix(in oklab, var(--warn) 18%, #fff);--tile-absent: color-mix(in oklab, var(--down) 14%, #fff);--tile-fg: var(--text)}}@layer themes.themes{:root[data-theme=highContrast]{--bg: #ffffff;--card: #ffffff;--text: #000000;--muted: #1f2937;--brand: #0000ff;--accent: #0000ff;--stroke: #000000;--dup-bg: #ffffff;--dup-fg: #000000;--dup-border: #000000;color-scheme:light}}@layer utilities{.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-i18n].missing-i18n,[data-i18n-attr].missing-i18n{outline:2px solid red!important;background-color:#ff00001a;position:relative}[data-i18n].missing-i18n:after{content:"⚠ missing";color:red;font-size:.7rem;position:absolute;top:-.5em;right:-.5em}.dev-only{display:none!important}html[data-dev="1"] .dev-only{display:revert!important}.page{width:100%;max-width:67.5rem;margin-inline:auto;padding-inline:clamp(.75rem,3vw,1.5rem);padding-block:clamp(.5rem,2.5vw,1.25rem)}.page--narrow{max-width:47.5rem}.card{background:var(--card);color:var(--text);border:1px solid var(--stroke);border-radius:var(--radius, .75rem);box-shadow:var(--shadow, 0 1px 2px rgba(0, 0, 0, .06));padding:clamp(.75rem,2.5vw,1.25rem)}.stack-xs>*+*{margin-top:.375rem}.stack-md>*+*{margin-top:.875rem}.stack-lg>*+*{margin-top:1.125rem}.actions{display:flex;gap:.625rem;justify-content:flex-start;align-items:center;flex-wrap:wrap}.loading{opacity:0;pointer-events:none}.button.inactive{opacity:.45;pointer-events:none;transition:opacity .15s ease-out}.button:not(.inactive){opacity:1;transition:opacity .15s ease-out}}@layer utilities{.sessions-panel{border:1px solid var(--border);padding:.5rem;font-size:.75rem;border-radius:.5rem;color:var(--muted)}.sessions-panel h2{margin:0 0 .5rem;font-size:1.1rem}.sessions-panel .controls{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:.5rem}.sessions-panel .controls input{width:7rem;padding:.25rem .375rem}.sessions-panel .list .empty{color:var(--muted);font-style:italic}.sessions-panel ul.sessions{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.sessions-panel li.session{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border:1px solid var(--border);border-radius:.375rem}.sessions-panel .meta{display:flex;gap:.625rem;align-items:baseline}.sessions-panel .meta .id{font-family:var(--font-mono);font-size:.85rem}.sessions-panel .meta .plan{color:var(--text)}.sessions-panel .meta .date{color:var(--text-2);font-size:.85rem}.sessions-panel .actions{display:flex;gap:.5rem}#sessions-panel[hidden]{display:none!important}#sessions-panel,.sessions-panel{display:none}}@layer utilities;