:root{--rating-again:#b84b39;--rating-hard:#b06b29;--rating-good:#2563eb;--rating-easy:#22c55e;--rating-again-gradient:linear-gradient(90deg, #b84b39, #d26955);--rating-hard-gradient:linear-gradient(90deg, #b06b29, #c98a46);--rating-good-gradient:linear-gradient(90deg, #2563eb, #3b82f6);--rating-easy-gradient:linear-gradient(90deg, #22c55e, #4ade80);--badge-new:#2563eb;--badge-learning:#b06b29;--badge-review:#4c7f5f;--font-family-brisa:"Source Sans 3", "IBM Plex Sans", "Avenir Next", sans-serif;--font-family-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--app-radius-sm:14px;--app-radius-md:20px;--app-radius-lg:28px;--app-radius-xl:36px;--app-bg-accent-secondary:transparent}:root,[data-theme=classic-light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-sys-color-primary:#2563eb;--md-sys-color-on-primary:#f8fbff;--md-sys-color-primary-container:#e8f0ff;--md-sys-color-on-primary-container:#163b86;--md-sys-color-secondary:#5f655e;--md-sys-color-on-secondary:#f7f4ef;--md-sys-color-secondary-container:#e6e0d7;--md-sys-color-on-secondary-container:#403c35;--md-sys-color-tertiary:#2d6cdf;--md-sys-color-on-tertiary:#f8fbff;--md-sys-color-tertiary-container:#dfeaff;--md-sys-color-on-tertiary-container:#183d7f;--md-sys-color-error:#b84b39;--md-sys-color-on-error:#fff5f1;--md-sys-color-error-container:#f6ddd8;--md-sys-color-on-error-container:#6c2a20;--md-sys-color-background:#f4efe8;--md-sys-color-on-background:#1d1a17;--md-sys-color-surface:#fcfaf7;--md-sys-color-on-surface:#191614;--md-sys-color-surface-variant:#efe8df;--md-sys-color-on-surface-variant:#635d56;--md-sys-color-surface-container-lowest:#fffdf9;--md-sys-color-surface-container-low:#faf6f0;--md-sys-color-surface-container:#f3ede4;--md-sys-color-surface-container-high:#ece4d9;--md-sys-color-surface-container-highest:#e5dcd0;--md-sys-color-outline:#cfc4b8;--md-sys-color-outline-variant:#e1d8cc;--app-bg:#f4efe8;--app-bg-accent:#2563eb14;--app-shell:#fcf9f4d6;--app-surface:#fcfaf7e0;--app-surface-strong:#fffdf9f5;--app-surface-muted:#f4efe8ad;--app-border:#3a322a1a;--app-border-strong:#241f1b2e;--app-ink:#191614;--app-ink-muted:#5e5851;--app-accent:#2563eb;--app-bg-accent-secondary:#b06b2914;--app-accent-soft:#2563eb1f;--app-shadow:0 22px 64px #20181314;--app-shadow-soft:0 10px 28px #231c170f}[data-theme=classic-dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-sys-color-primary:#7fb0ff;--md-sys-color-on-primary:#10203f;--md-sys-color-primary-container:#18376f;--md-sys-color-on-primary-container:#dae7ff;--md-sys-color-secondary:#c5bbac;--md-sys-color-on-secondary:#2b2520;--md-sys-color-secondary-container:#3c352f;--md-sys-color-on-secondary-container:#f2e7d8;--md-sys-color-tertiary:#97bcff;--md-sys-color-on-tertiary:#10203f;--md-sys-color-tertiary-container:#1d3b72;--md-sys-color-on-tertiary-container:#dbe8ff;--md-sys-color-error:#ef9b8d;--md-sys-color-on-error:#451913;--md-sys-color-error-container:#61261d;--md-sys-color-on-error-container:#ffd9d2;--md-sys-color-background:#161311;--md-sys-color-on-background:#f0eae3;--md-sys-color-surface:#1d1a17;--md-sys-color-on-surface:#f5f0ea;--md-sys-color-surface-variant:#292520;--md-sys-color-on-surface-variant:#c2b9ae;--md-sys-color-surface-container-lowest:#100d0c;--md-sys-color-surface-container-low:#1a1714;--md-sys-color-surface-container:#211d19;--md-sys-color-surface-container-high:#2a2520;--md-sys-color-surface-container-highest:#342e28;--md-sys-color-outline:#4b433b;--md-sys-color-outline-variant:#36302b;--app-bg:#161311;--app-bg-accent:#7fb0ff1a;--app-shell:#1c1815db;--app-surface:#201c18eb;--app-surface-strong:#26221efa;--app-surface-muted:#14110fa3;--app-border:#f4eadf14;--app-border-strong:#f4eadf26;--app-ink:#f5f0ea;--app-ink-muted:#bdb3a7;--app-accent:#7fb0ff;--app-bg-accent-secondary:#b06b2914;--app-accent-soft:#7fb0ff29;--app-shadow:0 24px 72px #00000047;--app-shadow-soft:0 12px 30px #0003}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=classic-light]):not([data-theme=classic-dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-sys-color-primary:#3b82f6;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#1e40af;--md-sys-color-on-primary-container:#dbeafe;--md-sys-color-secondary:#94a3b8;--md-sys-color-on-secondary:#1e293b;--md-sys-color-secondary-container:#334155;--md-sys-color-on-secondary-container:#e2e8f0;--md-sys-color-tertiary:#10b981;--md-sys-color-on-tertiary:#064e3b;--md-sys-color-tertiary-container:#065f46;--md-sys-color-on-tertiary-container:#d1fae5;--md-sys-color-error:#ef4444;--md-sys-color-on-error:#7f1d1d;--md-sys-color-error-container:#991b1b;--md-sys-color-on-error-container:#fee2e2;--md-sys-color-background:#0f0f0f;--md-sys-color-on-background:#f8fafc;--md-sys-color-surface:#171717;--md-sys-color-on-surface:#f8fafc;--md-sys-color-surface-variant:#262626;--md-sys-color-on-surface-variant:#94a3b8;--md-sys-color-surface-container-lowest:#0a0a0a;--md-sys-color-surface-container-low:#1a1a1a;--md-sys-color-surface-container:#212121;--md-sys-color-surface-container-high:#2c2c2c;--md-sys-color-surface-container-highest:#363636;--md-sys-color-outline:#404040;--md-sys-color-outline-variant:#525252;--app-bg:#0f0f0f;--app-bg-accent:#3b82f614;--app-shell:#171717d6;--app-surface:#171717e0;--app-surface-strong:#171717f5;--app-surface-muted:#0a0a0aad;--app-border:#f8fafc14;--app-border-strong:#f8fafc26;--app-ink:#f8fafc;--app-ink-muted:#94a3b8;--app-accent:#60a5fa;--app-bg-accent-secondary:transparent;--app-accent-soft:#60a5fa1a;--app-shadow:0 24px 72px #0006;--app-shadow-soft:0 12px 30px #0000004d}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-sys-color-primary:#0f172a;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#e2e8f0;--md-sys-color-on-primary-container:#0f172a;--md-sys-color-secondary:#475569;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#f1f5f9;--md-sys-color-on-secondary-container:#1e293b;--md-sys-color-tertiary:#334155;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#f8fafc;--md-sys-color-on-tertiary-container:#0f172a;--md-sys-color-error:#b84b39;--md-sys-color-on-error:#fff5f1;--md-sys-color-error-container:#f6ddd8;--md-sys-color-on-error-container:#6c2a20;--md-sys-color-background:#fff;--md-sys-color-on-background:#0f172a;--md-sys-color-surface:#f8fafc;--md-sys-color-on-surface:#0f172a;--md-sys-color-surface-variant:#e2e8f0;--md-sys-color-on-surface-variant:#475569;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f8fafc;--md-sys-color-surface-container:#f1f5f9;--md-sys-color-surface-container-high:#e2e8f0;--md-sys-color-surface-container-highest:#cbd5e1;--md-sys-color-outline:#cbd5e1;--md-sys-color-outline-variant:#e2e8f0;--app-bg:#fff;--app-bg-accent:#0f172a0d;--app-shell:#f8fafcd6;--app-surface:#ffffffe0;--app-surface-strong:#fffffff5;--app-surface-muted:#f1f5f9ad;--app-border:#0f172a14;--app-border-strong:#0f172a26;--app-ink:#0f172a;--app-ink-muted:#64748b;--app-accent:#0f172a;--app-accent-soft:#0f172a14;--app-shadow:0 22px 64px #0f172a0f;--app-shadow-soft:0 10px 28px #0f172a0a}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-sys-color-primary:#3b82f6;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#1e40af;--md-sys-color-on-primary-container:#dbeafe;--md-sys-color-secondary:#94a3b8;--md-sys-color-on-secondary:#1e293b;--md-sys-color-secondary-container:#334155;--md-sys-color-on-secondary-container:#e2e8f0;--md-sys-color-tertiary:#10b981;--md-sys-color-on-tertiary:#064e3b;--md-sys-color-tertiary-container:#065f46;--md-sys-color-on-tertiary-container:#d1fae5;--md-sys-color-error:#ef4444;--md-sys-color-on-error:#7f1d1d;--md-sys-color-error-container:#991b1b;--md-sys-color-on-error-container:#fee2e2;--md-sys-color-background:#0f0f0f;--md-sys-color-on-background:#f8fafc;--md-sys-color-surface:#171717;--md-sys-color-on-surface:#f8fafc;--md-sys-color-surface-variant:#262626;--md-sys-color-on-surface-variant:#94a3b8;--md-sys-color-surface-container-lowest:#0a0a0a;--md-sys-color-surface-container-low:#1a1a1a;--md-sys-color-surface-container:#212121;--md-sys-color-surface-container-high:#2c2c2c;--md-sys-color-surface-container-highest:#363636;--md-sys-color-outline:#404040;--md-sys-color-outline-variant:#525252;--app-bg:#0f0f0f;--app-bg-accent:#3b82f614;--app-shell:#171717d6;--app-surface:#171717e0;--app-surface-strong:#171717f5;--app-surface-muted:#0a0a0aad;--app-border:#f8fafc14;--app-border-strong:#f8fafc26;--app-ink:#f8fafc;--app-ink-muted:#94a3b8;--app-accent:#60a5fa;--app-bg-accent-secondary:transparent;--app-accent-soft:#60a5fa1a;--app-shadow:0 24px 72px #0006;--app-shadow-soft:0 12px 30px #0000004d}body{font-family:var(--font-family-brisa);background:radial-gradient(circle at top left, var(--app-bg-accent), transparent 24rem), radial-gradient(circle at top right, var(--app-bg-accent-secondary), transparent 18rem), var(--md-sys-color-background);color:var(--md-sys-color-on-background);min-height:100vh;margin:0}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}html,body,#root{width:100%;height:100%;margin:0;padding:0}.page-container{--page-container-padding:40px 40px 56px;height:100%;padding:var(--page-container-padding);box-sizing:border-box;flex-direction:column;gap:28px;display:flex;position:relative}.page-header{box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;display:flex}.page-header h1{font-size:clamp(2rem,3vw,3rem);font-family:var(--font-family-display);letter-spacing:-.03em;color:var(--app-ink);margin:0;font-weight:600}.primary-button{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:15px;font-family:var(--font-family-brisa);cursor:pointer;border:none;border-radius:24px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:box-shadow .2s,opacity .15s;display:inline-flex}.primary-button:hover{box-shadow:0 4px 12px color-mix(in srgb, var(--md-sys-color-primary) 35%, transparent)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.btn-icon{cursor:pointer;color:var(--md-sys-color-on-surface-variant);font-family:var(--font-family-brisa);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .15s;display:flex}.btn-icon:hover{background:var(--md-sys-color-surface-variant)}.btn-icon:disabled{opacity:.35;cursor:default}.btn-icon--active{color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.icon-button{color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.icon-button:hover{background-color:var(--md-sys-color-surface-variant)}.fab{bottom:calc(100px + env(safe-area-inset-bottom,0px));background-color:var(--md-sys-color-primary-container);width:56px;height:56px;color:var(--md-sys-color-on-primary-container);cursor:pointer;z-index:100;border:none;border-radius:16px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;right:24px;box-shadow:0 4px 12px #0000001a}.fab:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000026}@media (width>=768px){.fab{bottom:32px}}.header-actions{gap:8px;display:flex}.root-layout{--app-nav-width:0px;background:0 0;min-height:100vh;display:flex}.root-layout__content{min-width:0;min-height:100vh;margin-left:var(--app-nav-width);padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;display:flex}.root-layout__content--immersive{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.root-layout__content--no-nav{padding-bottom:env(safe-area-inset-bottom,0px);margin-left:0}.root-layout__main{flex:1;min-height:0;overflow:hidden auto}.app-topbar{z-index:120;border-bottom:1px solid var(--app-border);background:color-mix(in srgb, var(--app-shell) 90%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 24px 18px;position:sticky;top:0}.app-topbar__inner{justify-content:space-between;align-items:center;gap:20px;width:min(100%,1520px);margin:0 auto;display:flex}.app-topbar__copy{flex-direction:column;gap:6px;min-width:0;display:flex}.app-topbar__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--app-ink-muted);font-size:12px;font-weight:700}.app-topbar__title{font-family:var(--font-family-display);letter-spacing:-.04em;color:var(--app-ink);font-size:clamp(1.55rem,2vw,2.35rem);line-height:1}.app-topbar__actions{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.app-search-pill,.app-utility-button,.app-user-chip{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-ink);border-radius:999px;font-family:inherit;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.app-search-pill{min-width:min(28rem,42vw);color:var(--app-ink-muted);cursor:pointer;align-items:center;gap:10px;padding:13px 18px;display:inline-flex}.app-utility-button{cursor:pointer;box-shadow:var(--app-shadow-soft);align-items:center;gap:8px;padding:12px 18px;display:inline-flex}.app-utility-button--accent{background:var(--app-accent);color:var(--md-sys-color-on-primary);border-color:#0000}.app-user-chip{cursor:pointer;align-items:center;gap:12px;min-width:0;padding:8px 10px 8px 8px;display:inline-flex}.app-user-chip__avatar{background:var(--app-accent-soft);width:36px;height:36px;color:var(--app-accent);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.app-user-chip__avatar img{object-fit:cover;width:100%;height:100%}.app-user-chip__meta{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.1;display:flex}.app-user-chip__label{color:var(--app-ink-muted);font-size:12px}.app-user-chip__value{color:var(--app-ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.app-surface{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-soft)}.app-surface--hero{background:linear-gradient(140deg, color-mix(in srgb, var(--app-accent-soft) 88%, transparent), transparent 56%), var(--app-surface-strong)}.app-surface--muted{background:var(--app-surface-muted)}.page-container--measure{width:min(100%,1520px);margin:0 auto}.app-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--app-ink-muted);font-size:12px;font-weight:700}.app-section-title{font-family:var(--font-family-display);letter-spacing:-.03em;color:var(--app-ink)}.app-muted{color:var(--app-ink-muted)}.app-action-row{justify-content:flex-end;align-items:center;gap:12px;min-height:40px;display:flex}.app-search-pill:hover,.app-utility-button:hover,.app-user-chip:hover{border-color:var(--app-border-strong);box-shadow:var(--app-shadow);transform:translateY(-1px)}@media (width>=768px){.root-layout{--app-nav-width:88px}.root-layout__content,.root-layout__content--immersive{padding-bottom:0}.root-layout__content--no-nav{margin-left:0;padding-bottom:0}}@media (width>=1280px){.root-layout{--app-nav-width:272px}.root-layout--nav-collapsed{--app-nav-width:88px}.app-topbar{padding:24px 32px 20px}}@media (width<=1279px){.page-container{--page-container-padding:32px 24px 40px}.app-topbar{padding:18px 20px 16px}.app-topbar__title{font-size:clamp(1.35rem,2.4vw,2rem)}.app-user-chip{padding-right:8px}.app-user-chip__meta{display:none}}@media (width<=767px){.root-layout{--app-nav-width:0px}.root-layout__content{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));margin-left:0}.root-layout__content--immersive{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));margin-left:0}.root-layout__content--no-nav{padding-bottom:env(safe-area-inset-bottom,0px);margin-left:0}.app-topbar{padding:18px 20px 16px}.app-topbar__inner{flex-direction:row;align-items:flex-start}.app-topbar__actions{flex-wrap:nowrap;flex:none}.app-topbar__copy{flex:1}.app-user-chip{align-self:flex-start}}@media (width<=639px){.page-container{--page-container-padding:28px 20px 36px}.app-topbar__title{font-size:1.45rem}}.navigation-bar{background:color-mix(in srgb, var(--app-shell) 92%, transparent);border-top:1px solid var(--app-border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);height:76px;padding:0 12px env(safe-area-inset-bottom,0px);z-index:200;justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.navigation-bar__brand,.navigation-bar__section-label,.navigation-bar__quick-action,.navigation-bar__brand-copy span,.navigation-bar__brand-row,.navigation-bar__toggle{display:none}.navigation-bar__section{min-width:0;display:flex}.navigation-bar__list{flex:1;justify-content:space-between;align-items:stretch;gap:4px;display:flex}.nav-item{color:var(--app-ink-muted);border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;text-decoration:none;transition:color .18s,transform .18s;display:flex}.nav-icon-container{border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;transition:background-color .18s,box-shadow .18s;display:flex}.nav-item-active{color:var(--app-ink)}.nav-item-active .nav-icon-container{background:var(--app-accent-soft);color:var(--app-accent);box-shadow:inset 0 0 0 1px #17594e14}.nav-label{white-space:nowrap;font-size:12px;font-weight:600}@media (width>=768px){.navigation-bar{border-top:none;border-right:1px solid var(--app-border);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:14px;width:88px;height:100vh;padding:18px 12px;inset:0 auto 0 0}.navigation-bar__brand,.navigation-bar__section-label{display:flex}.navigation-bar__brand-row{flex-direction:column;gap:12px;display:flex}.navigation-bar__brand{cursor:pointer;justify-content:center;align-items:center;gap:0;padding:8px 0 2px}.navigation-bar__brand-mark{background:var(--app-accent-soft);width:42px;height:42px;color:var(--app-accent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.navigation-bar__brand-logo{object-fit:contain;width:28px;height:28px;display:block}.navigation-bar__brand-copy,.navigation-bar__toggle{display:none}.navigation-bar__section{flex-direction:column;gap:10px;display:flex}.navigation-bar__section--secondary{margin-top:auto}.navigation-bar__section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--app-ink-muted);justify-content:center;padding:0;font-size:10px;font-weight:700}.navigation-bar__list{flex-direction:column;justify-content:flex-start;gap:6px}.nav-item{border:1px solid #0000;border-radius:20px;flex-direction:column;flex:none;justify-content:center;gap:6px;width:100%;height:auto;margin-bottom:0;padding:10px 4px}.nav-item:hover{color:var(--app-ink)}.nav-item-active{background:var(--app-surface-strong);border-color:var(--app-border);box-shadow:var(--app-shadow-soft)}.nav-icon-container{padding:10px}.nav-label{text-align:center;font-size:11px;line-height:1.2}}@media (width>=1280px){.navigation-bar{gap:20px;width:272px;padding:24px 18px}.navigation-bar__brand-row{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.navigation-bar__brand{flex:1;justify-content:flex-start;gap:14px;padding:8px 12px}.navigation-bar__brand-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.navigation-bar__brand-copy strong{font-family:var(--font-family-display);letter-spacing:-.04em;color:var(--app-ink);font-size:1.5rem;line-height:1}.navigation-bar__toggle{border:1px solid var(--app-border);background:var(--app-surface);width:40px;height:40px;color:var(--app-ink-muted);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.navigation-bar__toggle:hover{border-color:var(--app-border-strong);background:var(--app-surface-muted);box-shadow:var(--app-shadow-soft);transform:translateY(-1px)}.navigation-bar__section{gap:12px}.navigation-bar__section-label{letter-spacing:.16em;justify-content:flex-start;padding:0 12px;font-size:11px}.nav-item{flex-direction:row;justify-content:flex-start;gap:12px;padding:8px}.nav-label{text-align:left;font-size:14px;line-height:1.3}.navigation-bar--desktop-collapsed{gap:14px;width:88px;padding:18px 12px}.navigation-bar--desktop-collapsed .navigation-bar__brand-row{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px}.navigation-bar--desktop-collapsed .navigation-bar__brand{flex:none;justify-content:center;gap:0;padding:8px 0 2px}.navigation-bar--desktop-collapsed .navigation-bar__brand-copy{display:none}.navigation-bar--desktop-collapsed .navigation-bar__toggle{width:100%}.navigation-bar--desktop-collapsed .navigation-bar__section{gap:10px}.navigation-bar--desktop-collapsed .navigation-bar__section-label{letter-spacing:.14em;justify-content:center;padding:0;font-size:10px}.navigation-bar--desktop-collapsed .nav-item{flex-direction:column;justify-content:center;gap:6px;padding:10px 4px}.navigation-bar--desktop-collapsed .nav-label{text-align:center;font-size:11px;line-height:1.2}}@media (width<=767px){.navigation-bar__section{flex:1;display:flex}.navigation-bar__section--secondary{display:none}.navigation-bar__list{width:100%}}.flashcards-stats-row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.flashcards-page{gap:24px}.flashcards-hero{grid-template-columns:minmax(0,1.2fr) minmax(220px,.7fr);gap:24px;padding:32px;display:grid}.flashcards-hero__copy{flex-direction:column;gap:16px;display:flex}.flashcards-hero__title{font-size:clamp(2rem,3vw,3.2rem);line-height:.98}.flashcards-hero__copy p{max-width:52ch;margin:0}.flashcards-hero__actions{flex-wrap:wrap;gap:12px;display:flex}.flashcards-hero__stats{gap:14px;display:grid}.flashcards-hero-stat{border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-surface) 84%, transparent);color:var(--app-ink);border-radius:22px;flex-direction:column;gap:8px;padding:18px;display:flex}.flashcards-hero-stat svg{color:var(--app-accent)}.flashcards-hero-stat strong{font-size:clamp(1.9rem,2vw,2.6rem);line-height:1;font-family:var(--font-family-display)}.flashcards-hero-stat span{color:var(--app-ink-muted);font-size:13px}.flashcards-hero-stat--due{background:color-mix(in srgb, var(--app-accent-soft) 62%, var(--app-surface))}.flashcards-stat-chip{background:color-mix(in srgb, var(--app-surface) 84%, transparent);color:var(--app-ink-muted);border:1px solid var(--app-border);border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.flashcards-stat-chip--due{background:color-mix(in srgb, var(--app-accent-soft) 62%, transparent);color:var(--app-accent)}.flashcards-search-wrap{margin-bottom:4px}.flashcards-search{box-sizing:border-box;background:color-mix(in srgb, var(--app-surface) 86%, transparent);border:1px solid var(--app-border);width:100%;color:var(--app-ink);border-radius:18px;outline:none;padding:14px 18px;font-family:inherit;font-size:15px;transition:border-color .15s}.flashcards-search:focus{border-color:var(--app-border-strong)}.flashcards-list{flex-direction:column;gap:10px;padding-bottom:80px;display:flex}.flashcards-card-item{background:color-mix(in srgb, var(--app-surface) 96%, transparent);border:1px solid var(--app-border);cursor:pointer;border-radius:22px;align-items:flex-start;gap:12px;padding:18px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:flex}.flashcards-card-item:hover{background:var(--app-surface);border-color:var(--app-border-strong);box-shadow:var(--app-shadow-soft);transform:translateY(-1px)}.flashcards-card-item__content{flex:1;min-width:0}.flashcards-card-item__front{color:var(--app-ink);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:15px;font-weight:600;overflow:hidden}.flashcards-card-item__back{color:var(--app-ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:13px;display:-webkit-box;overflow:hidden}.flashcards-card-item__tags{flex-wrap:wrap;gap:6px;display:flex}.flashcards-tag{background:color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent);color:var(--md-sys-color-primary);border-radius:100px;padding:2px 10px;font-size:11px;font-weight:600}.flashcards-card-item__meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.flashcards-badge{background:var(--app-surface-muted);color:var(--app-ink-muted);border-radius:100px;padding:2px 10px;font-size:11px;font-weight:700}.flashcards-badge--due{background:color-mix(in srgb, var(--app-accent-soft) 68%, transparent);color:var(--app-accent)}.flashcards-card-item__delete{opacity:0;color:var(--md-sys-color-error);transition:opacity .15s}.flashcards-card-item:hover .flashcards-card-item__delete{opacity:1}.flashcards-empty{color:var(--app-ink-muted);text-align:center;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 20px;display:flex}.flashcards-empty p{margin:0;font-size:15px}@media (width<=960px){.flashcards-hero{grid-template-columns:1fr}}.flashcards-modal-backdrop{--flashcards-z-modal:1000;background:color-mix(in srgb, var(--app-ink) 45%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--flashcards-z-modal);justify-content:center;align-items:center;padding:24px;animation:.15s cd-fade-in;display:flex;position:fixed;inset:0}.flashcards-modal-backdrop__scrim{cursor:default;background:0 0;border:0;position:absolute;inset:0}.flashcards-modal{background:color-mix(in srgb, var(--md-sys-color-surface-container-high) 94%, transparent);border:1px solid var(--app-border);width:100%;box-shadow:var(--app-shadow);border-radius:28px;flex-direction:column;max-height:min(92vh,980px);animation:.18s cd-slide-up;display:flex;position:relative;overflow:hidden}.flashcards-modal--catalog{max-width:980px}.flashcards-modal--composer{max-width:1180px}.flashcards-modal__header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 24px 20px;display:flex}.flashcards-modal__header-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.flashcards-modal__header-copy{flex-direction:column;gap:10px;min-width:0;display:flex}.flashcards-modal__eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--app-accent);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.flashcards-modal__title{font-size:clamp(1.5rem,1.2rem + 1vw,2.2rem);font-weight:700;font-family:var(--font-family-display);letter-spacing:-.03em;color:var(--app-ink);margin:0;line-height:.98}.flashcards-modal__subtitle{max-width:62ch;color:var(--app-ink-muted);margin:0;font-size:14px;line-height:1.6}.flashcards-modal__header-actions{align-items:center;gap:10px;display:flex}.flashcards-modal__back-button{border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-surface) 82%, transparent);min-height:40px;color:var(--app-ink-muted);cursor:pointer;font:inherit;border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.flashcards-modal__back-button:hover{border-color:var(--app-border-strong);background:var(--app-surface-strong);color:var(--app-ink)}.flashcards-modal__progress{gap:12px;padding:18px 24px 0;display:flex}.flashcards-modal__progress-step{background:color-mix(in srgb, var(--app-surface) 88%, transparent);border:1px solid var(--app-border);color:var(--app-ink-muted);border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.flashcards-modal__progress-step span{background:var(--app-surface-muted);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.flashcards-modal__progress-step strong{font-size:13px;font-weight:700}.flashcards-modal__progress-step--active{border-color:color-mix(in srgb, var(--app-accent) 32%, var(--app-border));background:color-mix(in srgb, var(--app-accent-soft) 68%, transparent);color:var(--app-ink)}.flashcards-modal__progress-step--active span,.flashcards-modal__progress-step--done span{background:var(--app-accent);color:var(--md-sys-color-on-primary)}.flashcards-modal__body{flex:1;min-height:0;padding:20px 24px 24px;overflow-y:auto}.flashcards-type-catalog{flex-direction:column;gap:18px;display:flex}.flashcards-type-catalog__intro{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px;display:grid}.flashcards-type-catalog__intro-copy,.flashcards-type-catalog__summary,.flashcards-modal__surface{background:color-mix(in srgb, var(--app-surface) 84%, transparent);border:1px solid var(--app-border);border-radius:24px}.flashcards-type-catalog__intro-copy{flex-direction:column;gap:12px;padding:22px;display:flex}.flashcards-type-catalog__intro-copy h3,.flashcards-modal__surface-title{color:var(--app-ink);margin:0;font-size:1.05rem;font-weight:700}.flashcards-type-catalog__intro-copy p,.flashcards-modal__surface-copy{color:var(--app-ink-muted);margin:0;line-height:1.6}.flashcards-type-catalog__summary{color:var(--app-ink-muted);align-items:flex-start;gap:12px;padding:22px;line-height:1.55;display:flex}.flashcards-type-catalog__summary svg{color:var(--app-accent);flex-shrink:0;margin-top:2px}.flashcards-type-catalog__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.flashcards-type-card{border:1px solid var(--app-border);background:radial-gradient(circle at top right, var(--app-accent-soft), transparent 40%), color-mix(in srgb, var(--app-surface) 90%, transparent);min-height:260px;color:inherit;text-align:left;cursor:pointer;font:inherit;border-radius:24px;flex-direction:column;gap:16px;padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex}.flashcards-type-card:hover{border-color:var(--app-border-strong);box-shadow:var(--app-shadow-soft);transform:translateY(-2px)}.flashcards-type-card--active{border-color:color-mix(in srgb, var(--app-accent) 34%, var(--app-border));box-shadow:var(--app-shadow-soft);background:radial-gradient(circle at top right, color-mix(in srgb, var(--app-accent-soft) 90%, transparent), transparent 44%), color-mix(in srgb, var(--app-surface-strong) 96%, transparent)}.flashcards-type-card__header,.flashcards-modal__surface-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.flashcards-type-card__icon,.flashcards-modal__type-icon{background:color-mix(in srgb, var(--app-accent-soft) 82%, transparent);width:40px;height:40px;color:var(--app-accent);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.flashcards-type-card__family,.flashcards-modal__type-family{text-transform:uppercase;letter-spacing:.12em;color:var(--app-ink-muted);font-size:11px;font-weight:700;display:inline-flex}.flashcards-type-card__body{flex-direction:column;flex:1;gap:12px;display:flex}.flashcards-type-card__title{color:var(--app-ink);margin:0 0 8px;font-size:1.1rem;font-weight:700}.flashcards-type-card__description,.flashcards-type-card__outcome{color:var(--app-ink-muted);margin:0;line-height:1.6}.flashcards-type-card__highlights{flex-wrap:wrap;gap:8px;display:flex}.flashcards-type-card__highlight{background:color-mix(in srgb, var(--app-surface-muted) 82%, transparent);min-height:30px;color:var(--app-ink-muted);border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.flashcards-composer{flex-direction:column;gap:20px;display:flex}.flashcards-modal__footer{border-top:1px solid var(--app-border);background:color-mix(in srgb, var(--app-surface) 86%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:16px 24px 24px;display:flex}.flashcards-modal__footer-start,.flashcards-modal__footer-end{justify-content:flex-end;align-items:center;gap:8px;display:flex}.flashcards-composer__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.flashcards-view-toggle{border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-surface) 88%, transparent);border-radius:999px;align-items:center;padding:4px;display:inline-flex}.flashcards-view-toggle__button{min-height:34px;color:var(--app-ink-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 14px;font-size:13px;font-weight:700}.flashcards-view-toggle__button--active{background:color-mix(in srgb, var(--app-accent-soft) 62%, transparent);color:var(--app-ink)}.flashcards-modal .flashcards-button{cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;min-height:42px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .15s,background .15s,border-color .15s,color .15s;display:inline-flex}.flashcards-modal .flashcards-button--ghost{color:var(--md-sys-color-on-surface-variant);background:0 0}.flashcards-modal .flashcards-button--ghost:hover{background:var(--md-sys-color-surface-variant)}.flashcards-modal .flashcards-button--sm{min-height:34px;padding:0 12px}.flashcards-modal__footer .flashcards-button--primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.flashcards-modal__footer .flashcards-button--primary:disabled{opacity:.4;cursor:not-allowed}.flashcards-modal__footer .flashcards-button--primary:not(:disabled):hover{opacity:.88}.flashcards-modal__surface{flex-direction:column;gap:16px;padding:20px;display:flex}.flashcards-modal__surface--hero{background:radial-gradient(circle at top right, var(--app-accent-soft), transparent 38%), color-mix(in srgb, var(--app-surface) 88%, transparent)}.flashcards-modal__type-lockup{align-items:center;gap:14px;display:flex}.flashcards-modal__status-pill{background:color-mix(in srgb, var(--app-surface-muted) 82%, transparent);min-height:30px;color:var(--app-ink-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.flashcards-modal__section{flex-direction:column;gap:8px;display:flex}.flashcards-modal__label{text-transform:uppercase;letter-spacing:.08em;color:var(--app-ink-muted);font-size:12px;font-weight:700}.flashcards-modal__label-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.flashcards-modal__textarea,.flashcards-modal__select{background:color-mix(in srgb, var(--md-sys-color-surface) 92%, transparent);border:1.5px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface);box-sizing:border-box;border-radius:16px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .15s,background .15s}.flashcards-modal__textarea{resize:vertical;min-height:124px}.flashcards-modal__textarea:focus,.flashcards-modal__select:focus{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface)}.flashcards-modal__rich-editor{border:1.5px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb, var(--md-sys-color-surface) 92%, transparent);border-radius:16px;transition:border-color .15s,background .15s;overflow:hidden}.flashcards-modal__rich-editor:focus-within{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface)}.flashcards-modal__settings-grid{grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.flashcards-variant-builder,.flashcards-language-variants{border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-surface) 80%, transparent);border-radius:20px;flex-direction:column;gap:16px;padding:18px;display:flex}.flashcards-stepper{flex-wrap:wrap;gap:8px;display:flex}.flashcards-stepper__step{border:1px solid var(--app-border);cursor:pointer;text-align:left;min-height:38px;font:inherit;background:0 0;border-radius:999px;align-items:center;gap:10px;padding:0 14px;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.flashcards-stepper__step:hover{border-color:var(--app-border-strong);background:color-mix(in srgb, var(--app-surface) 68%, transparent)}.flashcards-stepper__step--active,.flashcards-stepper__step--done{border-color:color-mix(in srgb, var(--app-accent) 28%, var(--app-border));background:color-mix(in srgb, var(--app-accent-soft) 38%, transparent)}.flashcards-stepper__index{width:18px;height:18px;color:var(--app-ink-muted);background:0 0;border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.flashcards-stepper__step--active .flashcards-stepper__index,.flashcards-stepper__step--done .flashcards-stepper__index{color:var(--app-accent)}.flashcards-stepper__content{min-width:0;display:flex}.flashcards-stepper__content strong{color:var(--app-ink);font-size:13px;font-weight:600}.flashcards-stepper__content small{color:var(--app-ink-muted);line-height:1.45}.flashcards-stepper__actions{justify-content:space-between;gap:12px;display:flex}.flashcards-variant-summary{border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-surface) 88%, transparent);border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.flashcards-variant-summary__label{text-transform:uppercase;letter-spacing:.12em;color:var(--app-ink-muted);font-size:11px;font-weight:700}.flashcards-variant-summary strong{color:var(--app-ink);font-size:15px}.flashcards-variant-summary--compact{padding:12px 14px}.flashcards-multiple-empty-state{border:1px dashed var(--app-border-strong);background:color-mix(in srgb, var(--app-surface) 86%, transparent);border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex}.flashcards-mode-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.flashcards-mode-toggle__button,.flashcards-variant-flag,.flashcards-choice-chip,.flashcards-language-variant-card{border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-surface) 88%, transparent);color:inherit}.flashcards-mode-toggle__button,.flashcards-variant-flag,.flashcards-choice-chip{cursor:pointer;font:inherit;text-align:left;border-radius:18px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;display:flex}.flashcards-mode-toggle__button:hover,.flashcards-variant-flag:hover,.flashcards-choice-chip:hover{border-color:var(--app-border-strong);transform:translateY(-1px)}.flashcards-mode-toggle__button--active,.flashcards-variant-flag--active,.flashcards-choice-chip--active{border-color:color-mix(in srgb, var(--app-accent) 34%, var(--app-border));background:color-mix(in srgb, var(--app-accent-soft) 50%, transparent);box-shadow:var(--app-shadow-soft)}.flashcards-mode-toggle__title,.flashcards-variant-flag__title{color:var(--app-ink);font-size:15px;font-weight:700}.flashcards-mode-toggle__desc,.flashcards-variant-flag__desc,.flashcards-choice-chip small{color:var(--app-ink-muted);line-height:1.5}.flashcards-variant-flags{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.flashcards-choice-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;display:grid}.flashcards-choice-grid--difficulty{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.flashcards-choice-chip span{color:var(--app-ink);font-size:14px;font-weight:700}.flashcards-choice-chip:disabled{cursor:default;opacity:1}.flashcards-choice-chip:disabled:hover{transform:none}.flashcards-language-variant-block{flex-direction:column;gap:16px;padding-top:4px;display:flex}.flashcards-language-variant-block+.flashcards-language-variant-block{border-top:1px solid var(--app-border);padding-top:20px}.flashcards-language-variant-block__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.flashcards-language-variant-card__title{color:var(--app-ink);margin:6px 0 0;font-size:1rem;font-weight:700}.flashcards-preview-selector-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.flashcards-modal__code-editor-wrap{border:1.5px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb, var(--md-sys-color-surface) 92%, transparent);border-radius:16px;transition:border-color .15s,background .15s;overflow:hidden}.flashcards-modal__code-editor-wrap:focus-within{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface)}.flashcards-modal__code-editor-wrap .cm-editor{min-height:120px;max-height:300px;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:14px;line-height:1.6;overflow-y:auto}.flashcards-modal__code-editor-wrap .cm-editor.cm-focused{outline:none}.flashcards-modal__code-editor-wrap .cm-scroller{padding:12px 14px}.flashcards-modal__code-editor-wrap .cm-gutters{display:none}.flashcards-modal__inline-action{border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-surface) 86%, transparent);min-height:32px;color:var(--app-ink);border-radius:10px;padding:0 12px}.flashcards-modal__inline-action:hover{border-color:var(--app-border-strong);background:var(--app-surface-strong)}.flashcards-modal__inline-action:focus-visible{outline:2px solid color-mix(in srgb, var(--app-accent) 72%, transparent);outline-offset:2px}.flashcards-type-chips{flex-wrap:wrap;gap:10px;display:flex}.flashcards-type-chips--compact .flashcards-type-chip{min-width:0}.flashcards-type-chip{background:color-mix(in srgb, var(--md-sys-color-surface) 92%, transparent);border:1.5px solid var(--app-border);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:150px;padding:14px 16px;font-family:inherit;transition:border-color .15s,background .15s,transform .15s;display:flex}.flashcards-type-chip:hover{border-color:var(--app-border-strong);transform:translateY(-1px)}.flashcards-type-chip--active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb, var(--md-sys-color-primary) 10%, transparent)}.flashcards-type-chip__label{color:var(--md-sys-color-on-surface);font-size:14px;font-weight:600}.flashcards-type-chip__desc{color:var(--md-sys-color-on-surface-variant);font-size:12px}.flashcards-side-preview{flex-direction:column;gap:12px;display:flex}.flashcards-side-preview__hint{color:var(--app-ink-muted);align-items:center;gap:8px;font-size:13px;line-height:1.5;display:flex}.flashcards-side-preview__hint svg{color:var(--app-accent);flex-shrink:0}.flashcards-side-preview__stack,.flashcards-code-preview{flex-direction:column;gap:12px;display:flex}.flashcards-side-preview__panel,.flashcards-code-preview__panel{background:color-mix(in srgb, var(--md-sys-color-surface) 94%, transparent);border:1px solid var(--app-border);border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex}.flashcards-side-preview__panel--accent,.flashcards-code-preview__panel--answer{background:color-mix(in srgb, var(--md-sys-color-primary) 8%, var(--md-sys-color-surface));border-color:color-mix(in srgb, var(--md-sys-color-primary) 32%, var(--app-border))}.flashcards-code-preview__meta{flex-wrap:wrap;gap:8px;display:flex}.flashcards-side-preview__label{text-transform:uppercase;letter-spacing:.12em;color:var(--app-ink-muted);align-items:center;font-size:11px;font-weight:700;display:inline-flex}.flashcards-side-preview__placeholder{color:var(--app-ink-muted);margin:0;line-height:1.6}.flashcards-side-preview__markdown .editor-content-preview>:first-child{margin-top:0}.flashcards-side-preview__markdown .editor-content-preview>:last-child{margin-bottom:0}.flashcards-side-preview__markdown code:not(pre code){background:color-mix(in srgb, var(--md-sys-color-primary) 10%, transparent);color:var(--md-sys-color-primary);border-radius:6px;padding:.1rem .35rem}.flashcards-modal__help-text{color:var(--md-sys-color-on-surface-variant);margin:10px 0 0;font-size:13px;line-height:1.5}.flashcards-modal__help-text code{font-family:JetBrains Mono,Fira Code,SF Mono,monospace}.flashcards-modal__help-text--warning{color:var(--md-sys-color-error)}.flashcards-modal__footer-note{color:var(--app-ink-muted);font-size:13px;line-height:1.5}.flashcards-side-preview__markdown .md-code-block,.flashcards-code-preview__code{background:color-mix(in srgb, var(--app-ink) 92%, transparent);color:var(--md-sys-color-inverse-on-surface);white-space:pre-wrap;border-radius:12px;margin:0;padding:14px 16px;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:13px;line-height:1.6;overflow-x:auto}@media (width<=900px){.flashcards-type-catalog__grid,.flashcards-type-catalog__intro,.flashcards-composer__toolbar,.flashcards-mode-toggle,.flashcards-variant-flags,.flashcards-preview-selector-row{grid-template-columns:1fr}.flashcards-composer__toolbar{align-items:flex-start}}@media (width<=760px){.flashcards-modal-backdrop{padding:12px}.flashcards-modal{border-radius:24px;max-height:calc(100vh - 24px)}.flashcards-modal__header,.flashcards-modal__body,.flashcards-modal__footer,.flashcards-modal__progress{padding-left:18px;padding-right:18px}.flashcards-modal__header{flex-direction:column;align-items:stretch}.flashcards-modal__header-actions,.flashcards-modal__footer,.flashcards-modal__footer-end{flex-wrap:wrap}.flashcards-modal__footer{justify-content:flex-end}.flashcards-modal__footer-start{justify-content:flex-start;width:100%}.flashcards-modal__settings-grid{grid-template-columns:1fr}}@keyframes cd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cd-slide-up{0%{opacity:.7;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.flashcards-practice-card{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;padding:24px;display:flex}.flashcards-practice-card--prompt-collapsed{flex:1;min-height:0}.flashcards-practice-card--revealed{padding:24px}.flashcards-practice-card__intro{background:var(--app-surface-muted);border-radius:var(--app-radius-sm,14px);border:1px solid var(--app-border);overflow:hidden}.flashcards-practice-card__intro-bar{justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.flashcards-practice-card__intro-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.flashcards-practice-card__prompt-label{letter-spacing:.04em;text-transform:uppercase;color:var(--app-ink-muted);font-size:12px;font-weight:700}.flashcards-practice-card__prompt-toggle{border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-surface) 64%, transparent);color:var(--app-ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.flashcards-practice-card__prompt-toggle:hover{background:color-mix(in srgb, var(--app-surface) 88%, transparent);border-color:color-mix(in srgb, var(--md-sys-color-primary) 24%, transparent)}.flashcards-practice-card__prompt-toggle:active{transform:translateY(1px)}.flashcards-practice-card__prompt{padding:0 20px 18px}.flashcards-practice-card__prompt .editor-content-preview{color:var(--md-sys-color-on-surface)}.flashcards-practice-card__prompt .editor-content-preview>:first-child{margin-top:0}.flashcards-practice-card__prompt .editor-content-preview>:last-child{margin-bottom:0}.flashcards-practice-card__prompt .md-code-block{background:color-mix(in srgb, var(--app-ink) 92%, transparent);border-radius:12px;margin:12px 0 0}.flashcards-practice-card__prompt code:not(pre code){background:color-mix(in srgb, var(--md-sys-color-primary) 10%, transparent);color:var(--md-sys-color-primary);border-radius:6px;padding:.1rem .35rem}.flashcards-practice-card__prompt .md-list-item+.md-list-item,.flashcards-practice-card__prompt .md-check+.md-check{margin-top:6px}.flashcards-practice-card__prompt blockquote{margin:12px 0 0}.flashcards-practice-card__meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.flashcards-practice-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--app-bg-accent);color:var(--md-sys-color-primary);border:1px solid #0000;border-radius:100px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.flashcards-practice-badge--difficulty{background:color-mix(in srgb, var(--rating-hard) 12%, transparent);color:var(--rating-hard)}.flashcards-practice-editor-wrap{border-radius:var(--app-radius-sm,14px);border:1px solid var(--app-border);background:var(--app-surface-strong);gap:0;display:flex;position:relative;overflow:visible}.flashcards-practice-card--prompt-collapsed .flashcards-practice-editor-wrap{flex:1;min-height:320px}.flashcards-practice-editor-main{flex:1;min-width:0;position:relative;overflow:visible}.flashcards-practice-card--prompt-collapsed .flashcards-practice-editor-main{min-height:0;display:flex}.flashcards-practice-card--prompt-collapsed .flashcards-code-editor{flex:1;min-height:0}.flashcards-code-editor .cm-editor{min-height:200px;max-height:500px;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;overflow-y:auto}.flashcards-practice-card--prompt-collapsed .flashcards-code-editor .cm-editor{height:100%;min-height:320px;max-height:none}.flashcards-code-editor .cm-editor.cm-focused{outline:none}.flashcards-code-editor .cm-scroller{padding:12px 16px}.flashcards-practice-card--prompt-collapsed .flashcards-code-editor .cm-scroller{min-height:100%}.flashcards-code-editor .cm-content{caret-color:var(--md-sys-color-primary)}.flashcards-code-editor .cm-line{padding:0}.flashcards-code-editor .cm-gutters{background:0 0;border:none}.flashcards-practice-cm-gutter{background:var(--app-surface-muted);border-right:1px solid var(--app-border);-webkit-user-select:none;user-select:none;min-width:28px}.flashcards-practice-cm-gutter .cm-gutterElement{justify-content:center;align-items:center;padding:0;display:flex}.flashcards-practice-gutter__line{justify-content:center;align-items:center;width:100%;height:100%;font-family:monospace;font-size:11px;font-weight:700;display:flex}.flashcards-practice-gutter__line--correct{color:var(--rating-easy)}.flashcards-practice-gutter__line--renamed{color:var(--md-sys-color-tertiary)}.flashcards-practice-gutter__line--partial{color:var(--rating-hard)}.flashcards-practice-gutter__line--incorrect{color:var(--rating-again)}.flashcards-practice-gutter__line--not_written{color:#0000}.flashcards-practice-gutter__line--extra{color:var(--md-sys-color-outline)}.flashcards-practice-gutter__line--clickable{cursor:pointer;transition:background .12s;position:relative}.flashcards-practice-gutter__line--clickable:hover{background:color-mix(in srgb, var(--app-ink) 4%, transparent)}.flashcards-practice-cm-error{-webkit-text-decoration:wavy underline var(--rating-again);text-decoration:wavy underline var(--rating-again);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:2px;background:color-mix(in srgb, var(--md-sys-color-error) 8%, transparent);border-radius:2px}.cm-tooltip.cm-tooltip-hover:has(.flashcards-practice-cm-error-tooltip){background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);max-width:320px;box-shadow:0 4px 12px color-mix(in srgb, var(--app-ink) 25%, transparent);border:none;border-radius:6px;padding:6px 10px;font-size:.8rem;line-height:1.4}.flashcards-practice-cm-error-tooltip{font-family:var(--app-font,system-ui, sans-serif)}.flashcards-practice-cm-hint-line--del{background:color-mix(in srgb, var(--md-sys-color-error) 10%, transparent)}.flashcards-practice-cm-hint{background:color-mix(in srgb, var(--rating-easy) 10%, transparent);border-top:1px solid color-mix(in srgb, var(--rating-easy) 20%, transparent);align-items:baseline;min-height:22.4px;padding:0 16px 0 8px;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:14px;line-height:1.6;display:flex}.flashcards-practice-cm-hint__sign{text-align:center;width:18px;color:var(--rating-easy);-webkit-user-select:none;user-select:none;flex-shrink:0;font-weight:700}.flashcards-practice-cm-hint__code{white-space:pre;min-width:0;color:var(--app-ink);flex:1;margin:0}.flashcards-practice-cm-hint__ins{background:color-mix(in srgb, var(--rating-easy) 30%, transparent);border-radius:2px}.flashcards-practice-cm-hint__del{background:color-mix(in srgb, var(--md-sys-color-error) 30%, transparent);border-radius:2px}.flashcards-practice-cm-gap{all:unset;border:1px dashed color-mix(in srgb, var(--md-sys-color-primary) 48%, transparent);background:color-mix(in srgb, var(--md-sys-color-primary) 10%, transparent);min-width:92px;color:var(--md-sys-color-primary);letter-spacing:.03em;text-transform:uppercase;box-sizing:border-box;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:700;line-height:1.9;display:inline-flex}.flashcards-practice-cm-gap:hover{background:color-mix(in srgb, var(--md-sys-color-primary) 14%, transparent)}.flashcards-practice-cm-gap:focus-visible{border-style:solid;border-color:var(--md-sys-color-primary);background:color-mix(in srgb, var(--md-sys-color-primary) 24%, transparent)}.flashcards-practice-progress{align-items:center;gap:10px;display:flex}.flashcards-practice-progress__bar{background:var(--app-border);border-radius:100px;flex:1;height:6px;overflow:hidden}.flashcards-practice-progress__fill{background:var(--rating-easy);border-radius:100px;height:100%;transition:width .3s}.flashcards-practice-progress__label{color:var(--app-ink-muted);text-align:right;font-variant-numeric:tabular-nums;min-width:36px;font-size:13px;font-weight:600}.flashcards-practice-autocomplete{--flashcards-z-autocomplete:1;background:var(--app-surface-strong);border:1px solid var(--app-border);min-width:180px;max-width:320px;box-shadow:0 3px 12px color-mix(in srgb, var(--app-ink) 12%, transparent), 0 1px 4px color-mix(in srgb, var(--app-ink) 6%, transparent);z-index:var(--flashcards-z-autocomplete);border-radius:8px;position:absolute;top:0;left:0;overflow:hidden}.flashcards-practice-autocomplete__list{flex-direction:column;gap:0;margin:0;padding:4px;list-style:none;display:flex}.flashcards-practice-autocomplete__item{margin:0;padding:0}.flashcards-practice-autocomplete__btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:4px 8px;font-family:inherit;transition:background 80ms;display:flex}.flashcards-practice-autocomplete__btn:hover,.flashcards-practice-autocomplete__btn:focus-visible,.flashcards-practice-autocomplete__btn--active{background:var(--md-sys-color-primary);outline:none}.flashcards-practice-autocomplete__btn:hover .flashcards-practice-autocomplete__code,.flashcards-practice-autocomplete__btn:focus-visible .flashcards-practice-autocomplete__code,.flashcards-practice-autocomplete__btn--active .flashcards-practice-autocomplete__code{color:var(--md-sys-color-on-primary)}.flashcards-practice-autocomplete__btn:hover .flashcards-practice-autocomplete__icon,.flashcards-practice-autocomplete__btn:focus-visible .flashcards-practice-autocomplete__icon,.flashcards-practice-autocomplete__btn--active .flashcards-practice-autocomplete__icon{color:var(--md-sys-color-on-primary);opacity:.7}.flashcards-practice-autocomplete__icon{text-align:center;width:18px;color:var(--md-sys-color-primary);opacity:.6;flex-shrink:0;font-size:12px}.flashcards-practice-autocomplete__code{color:var(--app-ink);background:0 0;padding:0;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:13px}.flashcards-practice-card__controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.flashcards-practice-toggle{cursor:pointer;color:var(--app-ink-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.flashcards-practice-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--md-sys-color-primary);cursor:pointer}.flashcards-practice-toggle__label{font-weight:500}.flashcards-practice-check-btn{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;border:none;border-radius:100px;padding:10px 24px;font-size:14px;font-weight:600;transition:opacity .18s}.flashcards-practice-check-btn:hover{opacity:.9}.flashcards-practice-diff-view{border:1px solid var(--app-border);border-radius:var(--app-radius-sm,14px);overflow:hidden}.flashcards-practice-diff-view__header{border-bottom:1px solid var(--app-border);grid-template-columns:1fr 1fr;display:grid}.flashcards-practice-diff-view__col-header{text-transform:uppercase;letter-spacing:.04em;color:var(--app-ink-muted);background:var(--app-surface-muted);padding:10px 16px;font-size:12px;font-weight:700}.flashcards-practice-diff-view__col-header+.flashcards-practice-diff-view__col-header{border-left:1px solid var(--app-border)}.flashcards-practice-diff-view__body{max-height:400px;overflow-y:auto}.flashcards-practice-diff-view__row{border-bottom:1px solid var(--app-border);grid-template-columns:1fr 1fr;display:grid}.flashcards-practice-diff-view__row:last-child{border-bottom:none}.flashcards-practice-diff-view__cell{white-space:pre-wrap;word-break:break-all;margin:0;padding:2px 16px;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:13px;line-height:1.6}.flashcards-practice-diff-view__cell+.flashcards-practice-diff-view__cell{border-left:1px solid var(--app-border)}.flashcards-practice-diff-view__row--correct{background:color-mix(in srgb, var(--rating-easy) 6%, transparent)}.flashcards-practice-diff-view__row--renamed{background:color-mix(in srgb, var(--md-sys-color-tertiary) 8%, transparent)}.flashcards-practice-diff-view__row--correct .flashcards-practice-diff-view__cell{color:var(--app-ink)}.flashcards-practice-diff-view__row--partial{background:color-mix(in srgb, var(--rating-hard) 8%, transparent)}.flashcards-practice-diff-view__row--incorrect{background:color-mix(in srgb, var(--rating-again) 8%, transparent)}.flashcards-practice-diff-view__row--not_written{background:0 0}.flashcards-practice-diff-view__row--not_written .flashcards-practice-diff-view__cell:first-child{color:var(--md-sys-color-outline)}.flashcards-practice-diff-view__row--extra{background:color-mix(in srgb, var(--md-sys-color-outline) 8%, transparent)}@media (width<=600px){.flashcards-practice-card__intro-bar{flex-direction:column;align-items:flex-start}.flashcards-practice-card__prompt-toggle{justify-content:center;align-self:stretch}.flashcards-practice-diff-view__header,.flashcards-practice-diff-view__row{grid-template-columns:1fr}.flashcards-practice-diff-view__col-header+.flashcards-practice-diff-view__col-header,.flashcards-practice-diff-view__cell+.flashcards-practice-diff-view__cell{border-left:none;border-top:1px solid var(--app-border)}.flashcards-practice-card__controls{flex-direction:column;align-items:stretch}.flashcards-practice-check-btn{width:100%}}.flashcards-practice-timer-btn{all:unset;cursor:pointer;border:1px solid var(--app-border);color:var(--app-ink-muted);background:var(--app-surface-muted);font-variant-numeric:tabular-nums;border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.flashcards-practice-timer-btn:hover{background:var(--app-surface-hover)}.flashcards-practice-timer-btn--running{color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary);background:var(--app-bg-accent)}.flashcards-practice-timer-btn__icon{font-size:14px;line-height:1}.flashcards-practice-timer-btn__time{text-align:center;min-width:3em}.flashcards-practice-card__controls-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.flashcards-practice-reset-btn{all:unset;cursor:pointer;border-radius:var(--app-radius-sm,6px);color:var(--md-sys-color-outline);border:1px solid var(--app-border);padding:.3em .7em;font-size:.82rem;transition:background .15s}.flashcards-practice-reset-btn:hover{background:var(--app-surface-hover)}.flashcards-practice-hint-btn{all:unset;cursor:pointer;border-radius:var(--app-radius-sm,6px);color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-primary);padding:.3em .7em;font-size:.82rem;transition:background .15s,opacity .15s}.flashcards-practice-hint-btn:hover:not(:disabled){background:var(--app-bg-accent)}.flashcards-practice-hint-btn:disabled{opacity:.4;cursor:default}.flashcards-practice-hints{background:var(--app-bg-accent);border-radius:var(--app-radius-sm,6px);border-left:3px solid var(--md-sys-color-primary);margin-bottom:.75rem;padding:.6rem .75rem}.flashcards-practice-hints__label{color:var(--md-sys-color-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;font-size:.75rem;font-weight:600}.flashcards-practice-hints__line{color:var(--app-ink);white-space:pre;margin:0;padding:.15rem 0;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.5}.flashcards-practice-suggested-rating{border-radius:var(--app-radius-sm,6px);align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.5em .75em;font-size:.82rem;display:flex}.flashcards-practice-suggested-rating--again{background:color-mix(in srgb, var(--md-sys-color-error) 12%, transparent);color:var(--md-sys-color-error)}.flashcards-practice-suggested-rating--hard{background:color-mix(in srgb, var(--rating-hard) 12%, transparent);color:var(--rating-hard)}.flashcards-practice-suggested-rating--good{background:color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent);color:var(--md-sys-color-primary)}.flashcards-practice-suggested-rating--easy{background:color-mix(in srgb, var(--rating-easy) 12%, transparent);color:var(--rating-easy)}.flashcards-practice-stats{background:var(--app-surface-muted);border-radius:var(--app-radius-sm,6px);border:1px solid var(--app-border);margin-top:.75rem;padding:.6rem .75rem}.flashcards-practice-stats__header{color:var(--app-ink-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem;font-size:.7rem;font-weight:600}.flashcards-practice-stats__row{gap:1.5rem;display:flex}.flashcards-practice-stats__item{align-items:baseline;gap:.35rem;display:flex}.flashcards-practice-stats__value{color:var(--app-ink);font-size:.85rem;font-weight:600}.flashcards-practice-stats__label{color:var(--app-ink-muted);font-size:.72rem}.flashcards-practice-cm-error-tooltip{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.flashcards-practice-cm-error-tooltip__fix{all:unset;cursor:pointer;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);white-space:nowrap;border-radius:4px;padding:.2em .5em;font-size:.75rem;transition:opacity .15s}.flashcards-practice-cm-error-tooltip__fix:hover{opacity:.85}.flashcards-modal__label-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.flashcards-button--sm{padding:.2em .6em;font-size:.78rem}