:root{color-scheme:light;--color-canvas: #f4f7f5;--color-surface: #ffffff;--color-text: #263a34;--color-heading: #173b32;--color-muted: #687a74;--color-border: #dce5e1;--color-accent: #087f68;--color-accent-contrast: #ffffff;--color-image-placeholder: #000000;--color-backdrop: #00000080;--color-set-overlay: #182b26;--color-set-overlay-text: #ffffff;--font-body: system-ui, sans-serif}:root[data-theme=dark]{color-scheme:dark;--color-canvas: #111916;--color-surface: #1b2621;--color-text: #e2ebe6;--color-heading: #f2f7f4;--color-muted: #a4b5ad;--color-border: #394840;--color-accent: #38b99a;--color-accent-contrast: #10251e;--color-image-placeholder: #0c1310;--color-backdrop: #000000a6;--color-set-overlay: #0c1713;--color-set-overlay-text: #f2f7f4}:root{font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}body{background:var(--color-canvas);color:var(--color-text)}.app{min-height:calc(100vh - 4.5rem)}.site-header{min-height:4.5rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.site-header__inner{display:flex;min-height:inherit;max-width:72rem;align-items:center;justify-content:space-between;gap:1rem;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.site-header__title{margin:0;color:var(--color-heading);font-size:1.125rem;font-weight:650}.site-header__actions{display:flex;align-items:center;gap:.75rem}.site-header__counter{display:flex;align-items:baseline;gap:.5rem;margin:0;color:var(--color-muted);font-size:.875rem;white-space:nowrap}.site-header__counter strong{color:var(--color-heading);font-size:1rem;font-variant-numeric:tabular-nums}.site-header__menu-button{display:inline-grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-heading);font-size:1.375rem;line-height:1;cursor:pointer}.site-header__menu-button:focus-visible,.site-sidebar__close:focus-visible,.site-sidebar__theme-input:focus-visible+.site-sidebar__theme-label{outline:2px solid var(--color-accent);outline-offset:3px}.site-sidebar{position:fixed;inset:0 0 0 auto;width:min(24rem,100%);height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:1.25rem;border:0;border-left:1px solid var(--color-border);border-radius:0;background:var(--color-surface);color:var(--color-text);overflow-y:auto;transform:translate(100%);transition:transform .18s ease}.site-sidebar[open]{transform:translate(0)}.site-sidebar::backdrop{background:var(--color-backdrop)}body:has(.set-dialog[open]),body:has(.site-sidebar[open]){overflow:hidden}.site-sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.site-sidebar__header h2{margin:0;color:var(--color-heading);font-size:1.25rem}.site-sidebar__close{display:inline-grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-heading);font:inherit;font-size:1.5rem;cursor:pointer}.site-sidebar__theme{margin:1.5rem 0 0;padding:0;border:0}.site-sidebar__theme legend{margin-bottom:.75rem;color:var(--color-heading);font-size:.9375rem;font-weight:600}.site-sidebar__theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-canvas)}.site-sidebar__theme-option{position:relative;cursor:pointer}.site-sidebar__theme-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.site-sidebar__theme-label{display:flex;min-height:2.5rem;align-items:center;justify-content:center;border-radius:4px;color:var(--color-text);font-size:.875rem;transition:background-color .14s ease,color .14s ease}.site-sidebar__theme-input:checked+.site-sidebar__theme-label{background:var(--color-surface);box-shadow:0 1px 3px #0000001a;color:var(--color-heading)}.site-sidebar__theme-input:focus-visible+.site-sidebar__theme-label{outline:2px solid var(--color-accent);outline-offset:2px}.practice-page{max-width:72rem;margin-inline:auto;padding:2.5rem clamp(1rem,4vw,2rem) 4rem}.practice-page__heading{margin:0 0 1.5rem;color:var(--color-heading);font-size:1.5rem;font-weight:650;line-height:1.25}.practice-set-search{width:min(100%,32rem);margin:0 auto 1.5rem}.practice-set-search__input{display:block;width:100%;min-height:2.75rem;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font:inherit}.practice-set-search__input::placeholder{color:var(--color-muted)}.practice-set-search__input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.difficulty-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem;padding:0;border:0}.difficulty-filter__pill{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);font:inherit;font-size:.875rem;text-transform:capitalize;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.difficulty-filter__pill[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast)}.difficulty-filter__pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.practice-set-empty{margin:0;color:var(--color-muted)}.practice-set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1rem}.practice-set-card{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface)}.practice-set-card__header{display:flex;min-height:4rem;flex-direction:column;gap:5px;padding:5px 10px}.practice-set-card__title{margin:0;color:var(--color-heading);font-size:1.125rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.practice-set-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--color-muted);font-size:.8125rem}.practice-set-card__difficulty{padding:.2rem .45rem;border-radius:3px;background:var(--color-accent);color:var(--color-accent-contrast);font-size:.75rem;font-weight:600;text-transform:capitalize}.practice-set-card__image{position:absolute;inset:0;display:block;width:100%;height:100%;background:var(--color-image-placeholder);object-fit:cover}.practice-set-card__media{position:relative;aspect-ratio:16 / 10}.practice-set-card__overlay{position:absolute;inset:0;overflow:auto;padding:1rem;background:var(--color-set-overlay);color:var(--color-set-overlay-text);opacity:0;transition:opacity .16s ease}.practice-set-card__description{margin:0;font-size:.9375rem;line-height:1.6;overflow-wrap:anywhere}.practice-set-card:hover .practice-set-card__overlay,.practice-set-card:has(:focus-visible) .practice-set-card__overlay{opacity:1}.practice-set-card:has(:focus-visible){outline:2px solid var(--color-accent);outline-offset:3px}.practice-set-card__trigger{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;cursor:pointer}.set-dialog{width:min(30rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:1.5rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);overflow-wrap:anywhere}.set-dialog::backdrop{background:var(--color-backdrop)}.set-dialog h2{margin:0 0 1rem;color:var(--color-heading);font-size:1.375rem}.set-dialog p{line-height:1.6}.set-dialog__count{color:var(--color-muted)}.set-dialog__languages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.language-button,.cancel-button{min-height:2.75rem;padding:.75rem;border:1px solid var(--color-border);border-radius:4px;font:inherit;cursor:pointer}.language-button{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast)}.cancel-button{width:100%;margin-top:.75rem;background:var(--color-surface);color:var(--color-text)}.language-button:focus-visible,.cancel-button:focus-visible,.flashcard__side-button:focus-visible,.flashcard-controls__button:focus-visible,.flashcard-controls__home:focus-visible,.practice-complete__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.flashcard-session{max-width:40rem;margin:2rem auto 0}.flashcard-progress{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.75rem;color:var(--color-muted);font-size:.9375rem}.flashcard-progress__bar{display:block;width:100%;height:.5rem;margin-bottom:1.5rem;accent-color:var(--color-accent)}.flashcard{position:relative;display:block;width:100%;height:22rem;padding:0;border:0;border-radius:8px;background:transparent;font:inherit;text-align:center;perspective:1200px}.flashcard__side-button{position:absolute;top:0;bottom:0;z-index:1;width:50%;padding:0;border:0;background:transparent;cursor:pointer}.flashcard__side-button--back{left:0}.flashcard__side-button--forward{right:0}.flashcard__side-button:before,.flashcard__side-button:after{position:absolute;top:50%;opacity:0;pointer-events:none;transition:opacity .14s ease}.flashcard__side-button:before{width:26%;height:100%;background:#087f6808;content:"";transform:translateY(-50%)}.flashcard__side-button--back:before{left:0;border-radius:0 50% 50% 0}.flashcard__side-button--forward:before{right:0;border-radius:50% 0 0 50%}.flashcard__side-button:after{left:50%;color:var(--color-accent);font-size:1.5rem;line-height:1;transform:translate(-50%,-50%)}.flashcard__side-button--back:after{left:13%;content:"←"}.flashcard__side-button--forward:after{left:87%;content:"→"}.flashcard__side-button:hover:not(:disabled):before,.flashcard__side-button:hover:not(:disabled):after{opacity:1}.flashcard__side-button:disabled{cursor:default}.flashcard-controls{display:flex;max-width:40rem;align-items:center;justify-content:space-between;margin:1rem auto 0}.flashcard-controls__home,.flashcard-controls__button{display:inline-flex;min-width:2.75rem;min-height:2.75rem;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:4px;font:inherit;text-decoration:none}.flashcard-controls__home{padding-inline:1rem;border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast)}.flashcard-controls__navigation{display:flex;gap:.5rem}.flashcard-controls__button{background:var(--color-surface);color:var(--color-heading);font-size:1.25rem;cursor:pointer}.flashcard-controls__button:disabled{cursor:not-allowed;opacity:.45}.flashcard__inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .28s ease}.flashcard__inner--flipped{transform:rotateY(180deg)}.flashcard__face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;overflow:auto;padding:1.5rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-heading);backface-visibility:hidden}.flashcard__face--back{transform:rotateY(180deg);background:var(--color-set-overlay);color:var(--color-set-overlay-text)}.flashcard__language{font-size:.9375rem}.flashcard__word{width:100%;font-size:1.75rem;line-height:1.4;overflow-wrap:anywhere}.practice-complete{display:flex;width:min(100%,32rem);min-height:18rem;flex-direction:column;margin:clamp(2rem,8vh,5rem) auto;padding:2rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);text-align:center}.practice-complete__title{margin:0;color:var(--color-heading);font-size:1.375rem;overflow-wrap:anywhere}.practice-complete__count{margin:1rem 0 0;color:var(--color-muted)}.practice-complete__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:auto;padding-top:2rem}.practice-complete__button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;padding:.75rem;border:1px solid var(--color-border);border-radius:4px;font:inherit;text-decoration:none;cursor:pointer}.practice-complete__button--home{background:var(--color-surface);color:var(--color-text)}.practice-complete__button--again{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast)}@media(hover:none){.practice-set-card__overlay{opacity:1}}@media(prefers-reduced-motion:reduce){.practice-set-card__overlay,.flashcard__inner,.flashcard__side-button:before,.flashcard__side-button:after,.site-sidebar{transition:none}}