@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:light dark;font-family:var( --font-body, "Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif );background:var(--color-bg, #0f172a);color:var(--color-text, #f8fafc);--shell-surface-bg: var(--color-surface, rgba(15, 23, 42, .98));--shell-surface-border: var(--color-border, rgba(148, 163, 184, .4));--shell-link-color: #38bdf8;--shell-link-hover-color: #7dd3fc;--shell-active-bg: rgba(56, 189, 248, .2);--shell-active-border: #38bdf8;--shell-active-text: var(--color-text, #f8fafc);--shell-overlay-bg: rgba(15, 23, 42, .72);--shell-primary-bg: #38bdf8;--shell-primary-text: #0f172a;--shell-primary-shadow: none;--shell-primary-disabled-opacity: .4;--shell-header-padding: 0;--shell-header-radius: 0;--shell-header-bg: transparent;--shell-header-border: 0 solid transparent;--shell-header-shadow: none;--shell-card-bg: rgba(15, 23, 42, .6);--shell-card-border: rgba(148, 163, 184, .3);--shell-card-shadow: none;--shell-landing-cta-bg: radial-gradient(circle at top right, rgba(56, 189, 248, .25), rgba(15, 23, 42, .6));--shell-landing-cta-border: rgba(56, 189, 248, .5);--shell-landing-cta-hover-shadow: 0 12px 24px rgba(15, 23, 42, .35);--shell-landing-cta-label: #bae6fd;--shell-control-bg: var(--color-surface, rgba(15, 23, 42, .4));--shell-control-border: var(--color-border, rgba(148, 163, 184, .4));--shell-control-text: var(--color-text, #f8fafc);--shell-title-audio-bg: var(--color-surface, rgba(15, 23, 42, .45));--shell-title-audio-border: var(--color-border, rgba(148, 163, 184, .45));--shell-title-audio-hover-border: var(--shell-active-border);--shell-title-audio-active-border: #22c55e;--shell-nav-sticky-bg: var(--color-bg, rgba(15, 23, 42, .98));--shell-nav-row-bg: var(--shell-surface-bg);--shell-nav-row-resources-bg: rgba(14, 165, 233, .08);--shell-nav-row-activities-bg: rgba(248, 231, 28, .1);--shell-nav-row-shadow: none;--shell-nav-button-bg: var(--shell-surface-bg);--shell-nav-button-border: var(--shell-surface-border);--shell-nav-button-text: var(--color-text, #f8fafc);--shell-nav-button-active-shadow: none;--shell-nav-label-bg: rgba(248, 231, 28, .9);--shell-nav-label-text: #1f2937;--shell-nav-label-border: rgba(234, 179, 8, .8);--shell-nav-label-active-bg: rgba(14, 165, 233, .9);--shell-nav-label-active-text: #0f172a;--shell-nav-label-active-border: rgba(14, 165, 233, .9);--shell-footer-text: rgba(226, 232, 240, .72);--shell-user-pill-bg: var(--shell-surface-bg);--shell-user-pill-border: rgba(148, 163, 184, .6);--shell-user-pill-link: var(--shell-link-color);--shell-card-status-text: rgba(226, 232, 240, .65)}body{margin:0;background:var(--color-bg, #0f172a);color:var(--color-text, #f8fafc)}.page{max-width:960px;margin:0 auto;padding:2rem}.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:var(--shell-header-padding);border-radius:var(--shell-header-radius);background:var(--shell-header-bg);border:var(--shell-header-border);box-shadow:var(--shell-header-shadow)}.site-title-group{display:inline-flex;align-items:center;gap:.65rem;min-width:0;flex:1 1 auto}.site-title-heading{margin:0;min-width:0}.site-title-link{display:inline-flex;align-items:center;gap:.75rem;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;line-height:1.1;text-align:left;min-width:0}.site-title-link:hover .site-title-text,.site-title-link:focus-visible .site-title-text{text-decoration:underline;text-underline-offset:.18em}.site-title-link:focus-visible{outline:2px solid currentColor;outline-offset:.35rem;border-radius:.75rem}.site-title-logo{display:block;flex:0 1 auto;width:auto;height:1.45em;max-width:min(30vw,4.5em);object-fit:contain}.site-title-text{display:block;overflow-wrap:anywhere}.site-title-audio-button{width:2rem;height:2rem;border-radius:999px;border:1px solid var(--shell-title-audio-border);background:var(--shell-title-audio-bg);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.site-title-audio-button:hover{transform:scale(1.04);border-color:var(--shell-title-audio-hover-border)}.site-title-audio-button.playing{border-color:var(--shell-title-audio-active-border);box-shadow:0 0 10px #22c55e66}.site-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 640px){.site-title-group{max-width:100%}.site-title-link{align-items:center;gap:.6rem;max-width:100%}.site-title-logo{height:1.3em;max-width:min(32vw,4em)}}.theme-select{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text)}.theme-select select{background:var(--shell-control-bg);border:1px solid var(--shell-control-border);color:var(--shell-control-text);padding:.25rem .65rem;border-radius:.5rem}.main-nav{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0;position:sticky;top:0;z-index:5;background:var(--shell-nav-sticky-bg);padding-bottom:.75rem}.main-nav-row{display:inline-flex;list-style:none;margin:0;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.5rem .75rem;border-radius:1rem;border:1px solid var(--shell-surface-border);background:var(--shell-nav-row-bg);box-shadow:var(--shell-nav-row-shadow);width:auto;max-width:100%}.main-nav-row--resources{justify-content:flex-start;align-self:flex-start;background:var(--shell-nav-row-resources-bg)}.main-nav-row--activities{justify-content:flex-start;align-self:flex-start;margin-left:auto;background:var(--shell-nav-row-activities-bg)}.main-nav button{background:var(--shell-nav-button-bg);border:1px solid var(--shell-nav-button-border);color:var(--shell-nav-button-text);padding:.4rem 1rem;border-radius:999px;cursor:pointer;min-width:140px;text-align:center}.main-nav button.active{background:var(--shell-active-bg);border-color:var(--shell-active-border);color:var(--shell-active-text);box-shadow:var(--shell-nav-button-active-shadow)}@media (max-width: 640px){.page[data-view]:not([data-view=landing]) .main-nav{display:none}}.main-nav-label{font-weight:600;color:var(--shell-nav-label-text);background:var(--shell-nav-label-bg);border-radius:999px;padding:.4rem 1rem;display:inline-flex;align-items:center;border:1px solid var(--shell-nav-label-border);min-width:140px;justify-content:center;cursor:pointer;box-shadow:0 0 10px #eab30859}.main-nav-label.active{background:var(--shell-nav-label-active-bg);color:var(--shell-nav-label-active-text);border-color:var(--shell-nav-label-active-border);box-shadow:0 0 10px #0ea5e959}.site-footer{margin-top:3rem;padding:1.5rem 1.75rem 2rem;text-align:center;font-size:.8rem;color:var(--shell-footer-text)}.site-footer .footer-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.site-footer .footer-link:hover,.site-footer .footer-link:focus-visible{color:var(--shell-link-hover-color)}.user-pill{display:flex;gap:.5rem;background:var(--shell-user-pill-bg);padding:.4rem .8rem;border-radius:999px;border:1px solid var(--shell-user-pill-border)}.user-pill .logout-button{border:none;background:transparent;color:var(--shell-user-pill-link);cursor:pointer;text-decoration:underline;padding:0}.role{text-transform:uppercase;font-size:.75rem;padding:.1rem .5rem;border-radius:.5rem;border:1px solid currentColor}.role-admin{color:#fbbf24}.role-teacher{color:#38bdf8}.role-manager{color:#f472b6}.role-user,.role-learner{color:#34d399}.role-guest{color:#a5b4fc}.view-panel{margin-top:.01rem}.landing-cta{margin-top:1.5rem}.landing-cta-card{display:flex;flex-direction:column;gap:1rem;background:var(--shell-landing-cta-bg);border-color:var(--shell-landing-cta-border)}.card[role=button]{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card[role=button]:hover,.card[role=button]:focus{border-color:var(--shell-active-border);box-shadow:var(--shell-landing-cta-hover-shadow);transform:translateY(-2px)}.card[role=button]:focus-visible{outline:2px solid var(--shell-active-border);outline-offset:4px}.landing-cta-text h2{margin-top:.25rem;margin-bottom:.25rem}.landing-cta-label{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--shell-landing-cta-label);margin:0}@media (min-width: 768px){.landing-cta-card{flex-direction:row;align-items:center;justify-content:space-between}.landing-cta-card .primary-button{flex-shrink:0}}.view-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.1rem;margin-bottom:.5rem}.link-button{background:none;border:none;color:var(--shell-link-color);cursor:pointer;font-size:.95rem}.card{background:var(--shell-card-bg);border:1px solid var(--shell-card-border);box-shadow:var(--shell-card-shadow);border-radius:1rem;padding:1.5rem;margin-top:1rem;position:relative}.account-required-card{border:1px dashed rgba(248,113,113,.8);background:rgba(248,113,113,.08)}.auth-card{max-width:500px;margin:1rem auto 2rem}.lockdown-contact{font-weight:600;color:#f87171}.tos-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10}.tos-modal{background:#0f172a;border:1px solid rgba(148,163,184,.6);border-radius:1rem;padding:2rem;max-width:480px;max-height:85vh;overflow-y:auto}.tos-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.tos-page{display:flex;flex-direction:column;gap:.75rem;max-width:900px}.tos-page ul{padding-left:1.25rem;margin:0;display:flex;flex-direction:column;gap:.4rem}.headword-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.headword-row h3{margin:0;flex:1}.audio-action-button,.audio-speed-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--shell-control-border, rgba(148, 163, 184, .45));background:var(--shell-control-bg, rgba(15, 23, 42, .7));color:var(--shell-control-text, #e2e8f0);border-radius:999px;transition:border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease,opacity .2s ease;text-decoration:none;flex-shrink:0}.audio-action-button:not(:disabled),.audio-speed-toggle:not(:disabled){cursor:pointer}.audio-action-button:focus-visible,.audio-speed-toggle:focus-visible{outline:2px solid color-mix(in srgb,currentColor 45%,white 55%);outline-offset:2px}.audio-action-button svg{display:block}.audio-icon-button{width:3rem;height:3rem;padding:0}.audio-icon-button svg{width:1.5rem;height:1.5rem}.audio-btn{min-height:2rem;padding:.3rem .6rem}.audio-btn svg{width:1rem;height:1rem}.audio-speed-toggle{min-height:2.25rem;padding:.35rem .8rem;font-weight:600;line-height:1.2}.audio-icon-label{margin:0;font-size:.9rem;color:var(--shell-text-muted, #94a3b8);text-align:center}.audio-icon-label.unavailable{color:color-mix(in srgb,var(--shell-text-muted, #94a3b8) 88%,white 12%);font-weight:600}.audio-action-button:not(:disabled):hover,.audio-speed-toggle:not(:disabled):hover{border-color:var(--shell-active-border, #7dd3fc);background:var(--shell-active-bg, rgba(56, 189, 248, .15));color:var(--shell-active-text, #f8fafc)}.audio-icon-button.playing,.summary-play-button.playing,.audio-speed-toggle.active{border-color:var(--shell-primary-bg, #22c55e);background:color-mix(in srgb,var(--shell-primary-bg, #22c55e) 18%,transparent);color:var(--shell-primary-text, #f8fafc);box-shadow:0 0 10px color-mix(in srgb,var(--shell-primary-bg, #22c55e) 35%,transparent)}.audio-action-button:disabled,.audio-speed-toggle:disabled{opacity:.5;cursor:not-allowed}.audio-action-button.is-unavailable,.audio-speed-toggle.is-unavailable{border-style:dashed}.audio-action-button.is-unavailable:disabled,.audio-speed-toggle.is-unavailable:disabled{opacity:.78;color:var(--shell-text-muted, #94a3b8);background:color-mix(in srgb,var(--shell-control-bg, rgba(15, 23, 42, .7)) 75%,transparent)}.entry-table-wrapper{margin-top:1rem;overflow-x:auto}.entry-table{width:100%;border-collapse:collapse}.entry-table th,.entry-table td{border-bottom:1px solid rgba(148,163,184,.2);padding:.6rem;text-align:left}.phrase-table td{border-bottom:none;vertical-align:middle}.phrase-table tbody tr{border-bottom:1px solid rgba(148,163,184,.2)}.phrase-table tbody tr:last-child{border-bottom:none}.entry-table tr{cursor:pointer}.entry-table tr:hover{background:var(--shell-active-bg)}.headword-cell{display:flex;align-items:center;height:100%;gap:.4rem}.media-cell{min-width:120px}.view-toggle{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 1rem}.view-toggle.inline{margin:0}.view-toggle button{border:1px solid var(--shell-control-border);background:transparent;color:inherit;padding:.2rem .8rem;border-radius:.5rem;cursor:pointer}.view-toggle button.active{background:var(--shell-active-bg);border-color:var(--shell-active-border);color:var(--shell-active-text)}.search-row{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;margin:.5rem 0 1rem}.search-row.inline{margin:0}.search-row input{border-radius:.5rem;border:1px solid var(--shell-control-border);background:var(--shell-control-bg);padding:.45rem .65rem;color:var(--shell-control-text);width:12rem}.letter-nav{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.letter-nav button{border:1px solid var(--shell-control-border);background:transparent;color:inherit;padding:.25rem .5rem;border-radius:.4rem;cursor:pointer}.letter-nav button.active{background:var(--shell-active-bg);border-color:var(--shell-active-border);color:var(--shell-active-text)}.letter-nav button:disabled{opacity:.3;cursor:not-allowed}.writing-system-select{margin-bottom:1rem}.writing-system-select.inline{margin-bottom:0}.writing-system-select select,.semantic-domain-select select{margin-left:.5rem;padding:.4rem;border-radius:.4rem;border:1px solid var(--shell-control-border);background:var(--shell-control-bg);color:var(--shell-control-text)}.semantic-domain-select{margin-bottom:1rem}.filter-pill-row{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.filter-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.phrase-selectors{display:flex;flex-wrap:wrap;gap:1rem}.phrase-source{display:flex;flex-direction:column;gap:.15rem}.phrase-gloss{font-size:.85rem;opacity:.75}.phrase-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.9rem;margin-top:.5rem}.modal-overlay,.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--shell-overlay-bg);display:flex;justify-content:center;align-items:center;z-index:20;padding:1rem}.modal-card,.modal-panel,.drawer-panel{background:var(--shell-surface-bg);border:1px solid var(--shell-surface-border);border-radius:1rem;width:min(720px,100%);max-height:90vh;overflow:auto;padding:1.25rem}.modal-card h2{margin-top:0}.modal-header,.modal-footer,.drawer-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.modal-header,.modal-footer,.drawer-header{margin-bottom:1rem}.drawer-body{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;padding-right:.5rem}.surprise-view-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.surprise-toggle{border-radius:999px;border:1px solid rgba(148,163,184,.5);background:rgba(15,23,42,.6);color:#e2e8f0;padding:.35rem .9rem;cursor:pointer;font-size:.85rem;margin-right:.75rem}.surprise-toggle:hover{border-color:#38bdf8;color:#bae6fd}.random-entry-modal{background:#0f172a;border-radius:1rem;border:1px solid rgba(148,163,184,.4);padding:1.25rem;width:min(520px,92vw);max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.random-entry-media{width:100%;min-height:180px;background:rgba(15,23,42,.7);border-radius:.75rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.random-entry-media img{width:100%;height:auto;object-fit:cover}.random-entry-audio{display:flex;justify-content:center}.random-entry-translation{margin:.25rem 0 0;color:#e2e8f0e6}.random-entry-example{border-top:1px solid rgba(148,163,184,.2);padding-top:.75rem}.random-entry-example .muted-text{margin-top:.35rem}.random-entry-link{text-align:center}.random-entry-footer{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.random-entry-loading{font-size:.9rem;color:#94a3b8e6;text-align:center}.drawer-body label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.drawer-body label.checkbox-row{flex-direction:row;align-items:center;gap:.5rem}.drawer-body label.checkbox-row input[type=checkbox]{width:auto}.drawer-footer{display:flex;gap:.75rem;justify-content:space-between;margin-top:1rem}.modal-title-separator{font-weight:600}.choose-word-note{margin-top:.75rem;font-size:.9rem;color:#f87171e6}.choose-word-modal{width:100%;max-width:760px}.choose-word-modal-title{display:flex;flex-wrap:wrap;gap:.35rem;align-items:baseline;font-size:clamp(1.1rem,2.2vw,1.5rem);margin:0;color:#f8fafc}.choose-word-modal-subtitle{font-size:.9rem;font-weight:500;color:#e2e8f0d9}.choose-word-meta{display:flex;justify-content:space-between;font-size:.9rem;color:#94a3b8d9}.choose-word-audio{display:flex;justify-content:center;margin:.5rem 0 1rem;flex-direction:column;align-items:center;gap:.35rem}.choose-word-question{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-weight:600}.choose-word-question p{margin:0}.choose-word-hint{font-size:.9rem;font-weight:500;color:#fbbf24}.choose-word-hint.correct{color:#22c55e}.choose-word-hint.incorrect{color:#fbbf24}.choose-word-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem;padding-bottom:.25rem}.choose-word-choices .choice-button{border:1px solid rgba(148,163,184,.4);border-radius:.75rem;padding:.85rem;text-align:left;background:rgba(15,23,42,.6);transition:border-color .2s ease,transform .2s ease,background .2s ease}.choose-word-choices .choice-button:not(:disabled):hover{border-color:#38bdf8;transform:translateY(-1px)}.choose-word-choices .choice-button.choice-correct{border-color:#22c55e;background:rgba(34,197,94,.15)}.choose-word-choices .choice-button.choice-incorrect{border-color:#f87171;background:rgba(248,113,113,.15)}.choose-word-choices .choice-button.choice-muted{opacity:.7}.choice-primary{display:block;font-weight:600;font-size:1.1rem;color:#fff}.choice-secondary{display:block;font-size:.85rem;color:#e2e8f0cc}.build-phrase-session{display:flex;flex-direction:column;gap:1rem}.build-phrase-actions{display:flex;flex-wrap:wrap;gap:.75rem}.build-phrase-summary-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.75rem}.build-phrase-summary-list li{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(148,163,184,.4);border-radius:.75rem;padding:.6rem .9rem;font-size:.95rem}.summary-left{display:flex;align-items:center;gap:.5rem;min-width:0}.summary-text-block{display:flex;flex-direction:column;gap:.15rem;min-width:0}.summary-text{white-space:normal;overflow:visible;text-overflow:clip}.summary-subtext{font-size:.85rem;color:#94a3b8f2;white-space:normal;overflow:visible;text-overflow:clip}.summary-play-button{width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:rgba(15,23,42,.7);color:#38bdf8;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease,background .2s ease}.summary-play-button:not(:disabled):hover{border-color:#7dd3fc;color:#7dd3fc;background:rgba(56,189,248,.15)}.summary-play-button.playing{border-color:#22c55e;color:#86efac;box-shadow:0 0 10px #22c55e80}.summary-play-button:disabled{opacity:.4;cursor:not-allowed}.summary-status{font-weight:600}.close-btn,.secondary-button,.primary-button{border-radius:.5rem;cursor:pointer}.close-btn,.secondary-button{border:1px solid var(--shell-control-border);background:transparent;color:var(--shell-control-text)}.close-btn{padding:.25rem .5rem}.secondary-button{padding:.4rem .8rem}.primary-button{background:var(--shell-primary-bg);border:none;color:var(--shell-primary-text);padding:.6rem 1.25rem;font-weight:600;box-shadow:var(--shell-primary-shadow)}.primary-button:disabled{opacity:var(--shell-primary-disabled-opacity);box-shadow:none;cursor:not-allowed}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:1rem}.card-grid.home-info-grid{gap:1.25rem}@media (min-width: 1024px){.card-grid.home-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card-grid .card{margin:0!important;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.card-grid.four-column{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (min-width: 1200px){.card-grid.four-column{grid-template-columns:repeat(4,minmax(0,1fr))}}.card-grid.five-column{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem}@media (min-width: 1200px){.card-grid.five-column{grid-template-columns:repeat(5,minmax(0,1fr))}}.card-grid-item{display:flex;flex-direction:column;gap:.75rem;text-align:center;align-items:center;height:100%}.card-grid-item--full-span{grid-column:1 / -1}.card-grid-item h3{width:100%;text-align:center;margin-bottom:.25rem}.card-grid-item p{margin:0;flex:1}.ghost-button{border:1px solid rgba(148,163,184,.5);border-radius:.6rem;background:transparent;color:inherit;padding:.35rem .8rem;cursor:pointer}.lesson-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.78);display:flex;align-items:center;justify-content:center;z-index:25}.lesson-detail{background:#0f172a;border-radius:1rem;border:1px solid rgba(148,163,184,.4);padding:1.5rem;width:min(640px,95vw);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.lesson-summary{font-style:italic;color:#e2e8f0e6}.lesson-body p{line-height:1.6}.lesson-body h2,.lesson-body h3,.lesson-body h4,.lesson-relations{margin-top:1.25rem}.relation-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.relation-pill{border:1px solid rgba(148,163,184,.5);background:transparent;color:inherit;padding:.35rem .8rem;border-radius:999px;cursor:pointer}.phrase-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.4rem}.lesson-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin:1rem 0}.lesson-meta dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#f8fafcb3}.lesson-meta dd{margin:0;font-weight:600}.lesson-source{margin-top:1rem;font-size:.85rem;color:#e2e8f0cc}.lesson-pill{border:1px solid rgba(148,163,184,.4);border-radius:999px;padding:.2rem .75rem;font-size:.8rem;display:inline-flex;align-items:center;gap:.35rem}.lesson-pill button{border:none;background:transparent;color:inherit;cursor:pointer;font-size:.85rem;line-height:1}.lesson-pill.muted{opacity:.7}.lesson-pill-label{font-weight:600}.lesson-chip{font-size:.75rem;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(148,163,184,.4)}.lesson-section{border-top:1px solid rgba(148,163,184,.2);padding-top:.75rem}.lesson-example{padding:.5rem 0;border-bottom:1px solid rgba(148,163,184,.1)}.lesson-example:last-child{border-bottom:none}.lesson-example-tags{display:flex;gap:.3rem}.lesson-detail-muted{opacity:.7;font-size:.85rem}.card-grid-item .link-button{margin-top:auto}.resources-view-body{display:flex;flex-direction:column;gap:1rem}.resources-header-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem}.resources-chip{font-size:.78rem}.resources-listing-intro{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.resources-listing-intro h3,.resources-card-body h3,.resources-detail-heading h3,.resources-section-block h3{margin:0}.resources-listing-intro p,.resources-card-summary,.resources-detail-description,.resources-section-block p,.resources-links-table p,.resources-action-meta,.resources-detail-note{margin:0;color:var(--theme-surface-text-muted, var(--shell-card-status-text))}.resources-listing-intro--compact{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:1rem}.resources-collection-grid,.resources-browse-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.resources-collection-card,.resources-resource-card{gap:0;padding:1rem;text-align:left}.resources-resource-card{display:grid;grid-template-columns:minmax(140px,180px) minmax(0,1fr);align-items:start;column-gap:1rem}.resources-card-media{margin:-.2rem -.2rem 0}.resources-card-media--browse{margin:0}.resources-card-body{display:flex;flex-direction:column;gap:.75rem;min-width:0}.resources-card-kicker-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.resources-card-kicker,.resources-card-count{font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.resources-card-kicker{color:inherit}.resources-card-count{color:var(--theme-surface-text-muted, var(--shell-card-status-text))}.resources-card-cta{margin-top:auto;font-size:.92rem;font-weight:700;color:var(--shell-link-color)}.resources-collection-image{width:100%;max-height:220px;object-fit:cover;border-radius:.85rem;border:1px solid var(--shell-control-border);background:var(--shell-control-bg)}.resources-browse-image{height:100%;max-height:190px}.resources-resource-card .resources-card-body{gap:.65rem}.resources-resource-card .resources-fact-grid--compact{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.resources-detail-image{max-height:180px;object-fit:contain;object-position:center}.resources-media-fallback{display:flex;flex-direction:column;justify-content:center;gap:.45rem;min-height:180px;padding:1rem;border-radius:.85rem;border:1px dashed var(--shell-control-border);background:color-mix(in srgb,var(--shell-card-bg) 65%,transparent);text-align:left}.resources-media-fallback-title{font-size:.96rem;font-weight:700;color:inherit}.resources-media-fallback-body{font-size:.92rem;line-height:1.45;color:var(--theme-surface-text-muted, var(--shell-card-status-text))}.resources-fact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin:0}.resources-fact-grid--compact{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.resources-fact-grid dt{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--theme-surface-text-muted, var(--shell-card-status-text))}.resources-fact-grid dd{margin:.15rem 0 0}.resources-links-table-wrapper{border-radius:1rem;overflow:hidden}.resources-links-table th,.resources-links-table td{vertical-align:top}.resources-links-title-cell{width:60%;max-width:420px}.resources-links-title-block{display:flex;flex-direction:column;gap:.35rem}.resources-links-title-block strong{line-height:1.35}.resources-table-button{margin-top:.5rem;padding-left:0}.resources-detail-card{gap:1rem}.resources-detail-card--hero{padding:1.15rem}.resources-detail-hero{display:grid;gap:1rem;align-items:start}.resources-detail-summary{display:flex;flex-direction:column;gap:.9rem}.resources-detail-heading{display:flex;flex-direction:column;gap:.35rem}.resources-action-panel,.resources-action-list,.resources-section-stack{display:flex;flex-direction:column;gap:.9rem}.resources-action-panel{padding:.85rem;border-radius:.85rem;border:1px solid var(--shell-control-border);background:color-mix(in srgb,var(--shell-control-bg) 78%,transparent)}.resources-action-block{display:flex;flex-direction:column;gap:.45rem}.resources-action-block--inline{flex-direction:row;align-items:center;flex-wrap:wrap;gap:.75rem}.resources-action-link{display:inline-flex;align-self:flex-start;text-decoration:none}.resources-action-url{color:var(--theme-surface-text-muted, var(--shell-card-status-text));text-decoration:none;overflow-wrap:anywhere}.resources-section-block{display:flex;flex-direction:column;gap:.45rem;padding-top:.9rem;border-top:1px solid var(--shell-card-border)}.resources-section-block:first-child{padding-top:0;border-top:0}.resources-link-list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.45rem}.resources-link-list a{overflow-wrap:anywhere}.resources-empty-card{max-width:720px}@media (min-width: 900px){.resources-detail-hero{grid-template-columns:minmax(240px,320px) minmax(0,1fr)}}@media (max-width: 640px){.resources-resource-card{grid-template-columns:1fr}.resources-card-media--browse{margin-bottom:.8rem}.resources-listing-intro--compact{align-items:flex-start;flex-direction:column}.resources-fact-grid{grid-template-columns:1fr}.resources-media-fallback{min-height:140px}}@media (max-width: 768px){.lesson-detail{padding:.75rem}}.inline-link{color:#38bdf8f2;text-decoration:underline;text-underline-offset:2px}.inline-link:hover,.inline-link:focus-visible{color:#7dd3fcf2}.muted,.muted-copy,.muted-text{color:#94a3b8}.muted-copy{margin-top:.25rem}.muted-text{margin:0}.media-placeholder,.error{opacity:.5}.error{color:#f87171;opacity:1}.icon-row.compact{gap:.35rem;font-size:.95rem;margin:0}.entry-meta,.icon-row,.chip-row,.chip-group{display:flex;gap:.4rem}.entry-meta{opacity:.7;font-size:.8rem}.icon-row{margin:.25rem 0;font-size:1rem}.chip-row,.chip-group{flex-wrap:wrap}.chip{border:1px solid rgba(148,163,184,.45);background:rgba(15,23,42,.35);color:inherit;padding:.3rem .75rem;border-radius:999px;font-size:.8rem}.chip.passive{opacity:.8}.chip.selected{border-color:#38bdf8;background:rgba(56,189,248,.18)}.chip:disabled{opacity:.45;cursor:not-allowed}.card-status{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--shell-card-status-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.grammar-card{overflow:hidden}.token-form{display:flex;flex-direction:column;gap:.5rem;max-width:320px}.token-form input{padding:.5rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.5)}.token-form button{padding:.6rem;border-radius:.5rem;background:#38bdf8;color:#0f172a;border:none;cursor:pointer}.secondary{margin-top:.75rem;background:transparent;color:#e2e8f0;border:1px solid rgba(148,163,184,.5)}.entry-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1rem}.entry-list article{border:1px solid rgba(148,163,184,.3);border-radius:.75rem;padding:.75rem;background:rgba(15,23,42,.4);cursor:pointer}.entry-list h3{margin:0 0 .5rem}.sounds-grid{display:flex;flex-direction:column;gap:1.5rem}.sound-category{margin-bottom:1.5rem}.sound-category-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.sound-chip{border:1px solid rgba(148,163,184,.5);border-radius:999px;padding:.25rem .75rem;font-size:.85rem;color:#e2e8f0;white-space:nowrap}.sound-cells{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.4rem;margin-top:.5rem}@media (max-width: 1024px){.sound-cells{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.sound-card-button{border:none;border-radius:.85rem;padding:.65rem;background:rgba(15,23,42,.65);color:inherit;display:flex;flex-direction:column;gap:.25rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-align:left;min-height:110px;box-shadow:inset 0 0 0 1px #94a3b873}.sound-card-button:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #38bdf8}.sound-card-symbol{font-size:1.7rem;font-weight:700}.sound-card-example{font-size:1rem;color:#e2e8f0d9}.sound-list{list-style:none;padding:0;margin:.75rem 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;width:100%}@media (max-width: 1024px){.sound-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.sound-list{grid-template-columns:1fr}}.sound-list-row{width:100%;border:1px solid rgba(148,163,184,.3);border-radius:.75rem;background:rgba(15,23,42,.2);padding:.6rem;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;cursor:pointer;color:inherit;text-align:left;box-sizing:border-box;min-width:0}.sound-list-row:focus{outline:2px solid rgba(56,189,248,.6);outline-offset:2px}.sound-list-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.sound-list-header .audio-icon-button{width:32px;height:32px;padding:0}.sound-list-symbol{font-size:1.2rem;font-weight:600;min-width:0}.sound-list-example{font-size:.85rem;color:#e2e8f0d9;word-break:break-word}.sound-playlist-controls{display:flex;gap:.75rem;align-items:center;margin-top:1rem}.example-letter{color:#94a3b8;font-size:.85rem}.grammar-layout{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;width:100%}.grammar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.grammar-card-button{border:1px solid rgba(148,163,184,.4);background:rgba(15,23,42,.35);color:inherit;border-radius:.9rem;padding:.65rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;transition:border-color .2s ease,transform .2s ease,background .2s ease}.grammar-card-button:hover{border-color:#38bdf8cc;transform:translateY(-1px)}.grammar-card-button.active{border-color:#38bdf8;background:rgba(56,189,248,.12)}.grammar-card-heading{display:flex;flex-direction:column;gap:.2rem}.grammar-card-summary{font-size:.78rem;color:#e2e8f0c7;line-height:1.2;max-height:2.4em;overflow:hidden;margin:0}.muted{color:#e2e8f0b3}@media (max-width: 768px){.grammar-layout{grid-template-columns:1fr}}.sense-card{border-top:1px solid rgba(148,163,184,.3);padding-top:.75rem;margin-top:.75rem}.relations{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.relation-pill{border:1px solid rgba(148,163,184,.4);padding:.15rem .4rem;border-radius:.4rem;font-size:.75rem}.detail-images{display:flex;flex-direction:column;align-items:center;gap:.5rem}.detail-images figure{margin:0;width:100%;display:flex;justify-content:center}.detail-images img{width:100%;max-width:320px;height:auto;max-height:320px;border-radius:.5rem;display:block;margin:0 auto;object-fit:contain}.detail-images figcaption{text-align:center;font-size:.85rem;opacity:.8}.sense-card{margin-bottom:1rem;padding-left:1rem}.bundle-groups{display:flex;flex-direction:column;gap:.75rem}.bundle-group h4{margin:0 0 .35rem}.bundle-group ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.bundle-group li button{border:1px solid rgba(148,163,184,.3);border-radius:.5rem;padding:.4rem .6rem;background:transparent;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.1rem;min-width:120px}.bundle-group li button.active{border-color:#38bdf8;background:rgba(56,189,248,.15)}.bundle-form{font-weight:600}.bundle-code,.bundle-person{font-size:.8rem;opacity:.8}.bundle-detail .bundle-surface{font-size:1.25rem;margin:0}.variant-list{list-style:none;padding-left:1rem;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.2rem}.variant-list li{font-size:.95rem}.variant-type{opacity:.7}.example-block{margin-top:.5rem;padding-left:.5rem}.example-block ul{padding-left:1rem;margin:.25rem 0 0;display:flex;flex-direction:column;gap:.4rem}.example-text{display:flex;flex-wrap:wrap;gap:.3rem}.example-audio audio{display:block;margin-top:.3rem}.domain-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.25rem}.domain-chip{border-radius:999px;padding:.15rem .6rem;font-size:.75rem;background:rgba(148,163,184,.2);color:inherit;border:none;cursor:default;font:inherit}.domain-chip.clickable{cursor:pointer;background:rgba(59,130,246,.2)}.domain-chip.muted{opacity:.8}.practise-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.practise-card:hover,.practise-card:focus{border-color:#38bdf880;box-shadow:0 12px 24px #0f172a4d;transform:translateY(-2px)}.practise-card:focus-visible{outline:2px solid rgba(56,189,248,.6);outline-offset:3px}.practise-card.disabled{cursor:default;box-shadow:none;transform:none}.practise-card.disabled:hover,.practise-card.disabled:focus{border-color:#94a3b84d;box-shadow:none;transform:none}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media (max-width: 1024px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.video-grid{grid-template-columns:1fr}}.video-card{display:flex;flex-direction:column;gap:.75rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.video-card:hover,.video-card:focus{border-color:#38bdf880;box-shadow:0 12px 24px #0f172a4d;transform:translateY(-2px)}.video-card img{width:100%;border-radius:.75rem;aspect-ratio:16 / 9;object-fit:cover;background:rgba(15,23,42,.5)}.video-card-placeholder{width:100%;border-radius:.75rem;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.5);color:#e2e8f0b3;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.video-card-body h3{margin:0}.video-card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.video-duration{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;background:rgba(15,23,42,.45);border:1px solid rgba(148,163,184,.25);color:#e2e8f0e6}.video-meta{margin:0;opacity:.7}.video-modal{max-width:920px;max-height:80vh;overflow-y:auto}.video-player video{width:100%;border-radius:.75rem;margin-top:1rem;background:#0b1220;max-height:55vh}.home-info-card{padding:1rem 1.25rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.home-info-card:hover,.home-info-card:focus{border-color:#38bdf880;box-shadow:0 12px 24px #0f172a4d;transform:translateY(-2px)}.home-info-card p{font-size:.95rem}.alert{border-radius:.75rem;border:1px solid rgba(148,163,184,.4);padding:.85rem 1rem;margin:.75rem 0;background:rgba(15,23,42,.5);font-size:.95rem}.alert p{margin:.25rem 0 0}.alert-error{border-color:#f8717199;color:#fecaca}.alert-success{border-color:#34d39980;color:#d1fae5}.alert-warning{border-color:#fbbf2480;color:#fef3c7}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.form-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:#f8fafcd9}.form-grid input,.form-grid select{padding:.5rem .6rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.4);background:rgba(15,23,42,.35);color:inherit}.checkbox-inline{display:flex;align-items:center;gap:.4rem;font-size:.9rem}.preset-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.75rem;font-size:.85rem;color:#e2e8f0cc}.preset-row .link-button{padding:.2rem .4rem}.section-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.checkbox-inline{display:flex;align-items:center;gap:.35rem;font-size:.9rem}.flag-grid{display:flex;flex-direction:column;gap:.2rem}.primary-button.mini{padding:.3rem .85rem;font-size:.85rem}.fib-panel{margin-top:1.5rem}.fib-filters{margin-bottom:1.5rem}.fib-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.fib-filter-actions{display:flex;gap:.75rem}.fib-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.fib-filter-grid label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.fib-filter-grid select{padding:.45rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#030712;color:#fff}.fib-filter-summary{margin-top:.75rem;font-size:.85rem;opacity:.85}.fib-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.fib-action-group{display:flex;gap:1rem;flex-wrap:wrap}.fib-filter-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.fib-layout{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:1.5rem}.fib-set-list{background:#0f172a;border-radius:12px;padding:1rem}.fib-set-list ul{list-style:none;margin:0;padding:0}.fib-set-list li{margin-bottom:.75rem}.fib-set-list .link-button{display:flex;flex-direction:column;align-items:flex-start;padding-left:0}.fib-set-list .link-button.active{color:#38bdf8}.fib-set-title{font-weight:600}.fib-set-meta{font-size:.8rem;opacity:.8}.fib-active-set{background:#0f172a;border-radius:12px;padding:1.5rem}.fib-set-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.fib-set-description{margin-top:.5rem}.fib-set-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}.fib-set-controls label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem}.fib-set-controls input,.fib-set-controls textarea{width:100%;padding:.5rem;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:#030712;color:#fff}.fib-set-description-input{grid-column:1 / -1}.fib-set-checkbox{display:flex;align-items:center;gap:.5rem}.fib-set-buttons{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.link-button.danger{color:#f87171}.link-button.danger:hover{color:#fecaca}.fib-items{list-style:decimal;padding-left:1.25rem}.fib-item{margin-bottom:1.5rem}.fib-prompt{font-size:1rem;font-weight:600;margin-bottom:.5rem}.fib-input{width:100%;padding:.5rem;border-radius:6px;border:1px solid rgba(255,255,255,.25);margin-bottom:.4rem;background:#030712;color:#fff}.fib-feedback{font-size:.9rem;margin-bottom:.25rem}.fib-feedback.correct{color:#22c55e}.fib-feedback.incorrect{color:#f97316}.fib-translation{font-size:.85rem;opacity:.8}.fib-play-body{display:flex;flex-direction:column;gap:.75rem}.fib-audio-player{width:100%}.fib-option-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.fib-option-button{border:1px solid rgba(148,163,184,.4);background:rgba(15,23,42,.6);border-radius:.6rem;padding:.6rem .75rem;text-align:left;color:inherit;font-size:.95rem;transition:border-color .2s ease,background .2s ease}.fib-option-button:hover{border-color:#38bdf8}.fib-option-button.selected{border-color:#38bdf8;background:rgba(56,189,248,.15)}.fib-option-button.correct{border-color:#22c55e;background:rgba(34,197,94,.15)}.fib-option-button.incorrect{border-color:#f97316;background:rgba(249,115,22,.15)}@media (max-width: 900px){.fib-layout{grid-template-columns:1fr}.fib-set-list{order:2}.fib-active-set{order:1}}.sound-detail-modal{background:#0f172a;border-radius:1rem;border:1px solid rgba(148,163,184,.4);padding:1.25rem;width:min(520px,90vw);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.sound-detail-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sound-detail-title{display:flex;align-items:baseline;gap:.65rem}.sound-detail-title h3{margin:0}.sound-detail-letter-description{font-weight:400;font-size:.95rem;color:#e2e8f0cc}.sound-detail-category,.sound-detail-description{margin:.25rem 0 0;color:#e2e8f0cc}.sound-detail-nav{display:flex;gap:.75rem;margin-bottom:.35rem}.sound-modal-meta{display:flex;gap:1rem;flex-wrap:wrap}.sound-modal-meta div{min-width:120px}.sound-detail-audio audio{width:100%}.sound-audio-control{display:flex;align-items:center;gap:.6rem}.sound-detail-examples ul{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.5rem}.sound-detail-examples li{border:1px solid rgba(148,163,184,.25);border-radius:.75rem;padding:.6rem .8rem;background:rgba(15,23,42,.2)}.sound-example-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.sound-example-headword{font-weight:600}.sound-example-gloss{font-size:.85rem;color:#e2e8f0bf;font-style:italic}.stories-layout{display:flex;flex-wrap:wrap;gap:1.5rem}.stories-list-panel{width:100%}.stories-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}@media (min-width: 1024px){.stories-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.story-card-button{border:1px solid var(--theme-surface-border, rgba(148, 163, 184, .4));border-radius:.9rem;padding:.75rem;background:var(--theme-surface-card-bg, rgba(15, 23, 42, .25));color:var(--theme-surface-text, #f1f5f9);text-align:left;display:flex;flex-direction:column;gap:.35rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.story-card-button.active{border-color:var(--theme-surface-active-border, #38bdf8);background:var(--theme-surface-active-bg, rgba(56, 189, 248, .15));box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-surface-active-border, #38bdf8) 35%,transparent);transform:translateY(-2px)}.story-card-button h4{margin:0;font-size:.95rem}.story-card-status{align-self:flex-start;border:1px solid var(--theme-surface-active-border, #38bdf8);border-radius:999px;background:var(--theme-surface-active-bg, rgba(56, 189, 248, .15));color:var(--theme-surface-active-text, var(--theme-surface-text, #f1f5f9));font-size:.72rem;font-weight:600;line-height:1;padding:.2rem .45rem}.story-card-subtitle{margin:0;font-size:.8rem;color:var(--theme-surface-text-muted, rgba(226, 232, 240, .8));font-style:italic}.story-chip-icons{display:flex;gap:.4rem;margin-top:.35rem;color:var(--theme-surface-text-muted, rgba(226, 232, 240, .75));font-size:.9rem}.story-chip-icon{line-height:1}.choose-word-view .card{margin-bottom:1.5rem}.choose-word-session{display:flex;flex-direction:column;gap:1rem}.choose-word-feedback{font-weight:600}.choose-word-feedback.correct{color:#22c55e}.choose-word-feedback.incorrect{color:#f87171}.choose-word-view .choose-word-hint{color:var(--theme-surface-danger-text, #7f1d1d)}.choose-word-view .choose-word-hint.correct{color:var(--theme-surface-success-text, #0f5132)}.choose-word-view .choose-word-hint.incorrect{color:var(--theme-surface-danger-text, #7f1d1d)}.choose-word-view .choose-word-choices .choice-button{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;background:var(--theme-surface-control-bg, rgba(15, 23, 42, .6));color:var(--theme-surface-text, #0f172a)}.choose-word-view .choose-word-choices .choice-button .choice-primary{color:inherit}.choose-word-view .choose-word-choices .choice-button .choice-secondary{color:var(--theme-surface-text-muted, rgba(226, 232, 240, .8))}.choose-word-view .choose-word-choices .choice-button.is-selected{box-shadow:inset 0 0 0 2px currentColor}.choose-word-view .choose-word-choices .choice-button.choice-correct{border-width:2px;background:var(--theme-surface-success-bg, rgba(34, 197, 94, .15));color:var(--theme-surface-success-text, #0f5132)}.choose-word-view .choose-word-choices .choice-button.choice-incorrect{border-width:2px;border-style:dashed;background:var(--theme-surface-danger-bg, rgba(248, 113, 113, .15));color:var(--theme-surface-danger-text, #7f1d1d)}.choose-word-view .choose-word-choices .choice-button.choice-correct .choice-secondary,.choose-word-view .choose-word-choices .choice-button.choice-incorrect .choice-secondary{color:inherit;opacity:.85}.choose-word-view .choice-state-chip{display:inline-flex;align-items:center;border:1px solid currentColor;border-radius:999px;padding:.15rem .45rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.choose-word-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding-bottom:.5rem}.choose-word-view .choose-word-actions .secondary-button,.choose-word-view .choose-word-actions .ghost-button{background:var(--theme-surface-control-bg, rgba(15, 23, 42, .08));color:var(--theme-surface-text, #0f172a);border-color:var(--theme-surface-border, rgba(148, 163, 184, .45))}.choose-word-view .choose-word-actions .ghost-button{border-style:dashed}.audio-playlist-modal{width:80%;max-width:640px}.audio-playlist-session{display:flex;flex-direction:column;gap:1rem}.audio-playlist-text{text-align:center}.audio-playlist-primary{margin:0;font-size:1.1rem;font-weight:600;color:var(--theme-surface-text, #f8fafc);white-space:normal;overflow-wrap:anywhere}.audio-playlist-translation{margin:.2rem 0 0;color:#94a3b8f2;white-space:normal;overflow-wrap:anywhere}.audio-playlist-start{margin-top:.6rem}.audio-playlist-tabs{display:inline-flex;border:1px solid rgba(148,163,184,.3);border-radius:999px;overflow:hidden;margin-top:.75rem}.audio-playlist-tabs button{border:none;background:transparent;color:var(--theme-surface-text-muted, rgba(248, 250, 252, .85));padding:.5rem 1.25rem;cursor:pointer}.audio-playlist-tabs button.active{background:var(--theme-surface-active-bg, rgba(56, 189, 248, .2));color:var(--theme-surface-active-text, #0f172a);font-weight:600}.audio-playlist-cta-row{display:flex;flex-direction:column;align-items:flex-start}.audio-playlist-tabs button+button{border-left:1px solid rgba(148,163,184,.35)}@media (max-width: 640px){.audio-playlist-modal{max-width:100%;padding:.2rem}.audio-playlist-modal .modal-header,.audio-playlist-modal .modal-footer{margin-bottom:.6rem}}.matching-pairs-view .card{margin-bottom:1.5rem}.matching-pairs-modal{width:100%;max-width:860px}.matching-pairs-modal-title{display:flex;flex-wrap:wrap;gap:.35rem;align-items:baseline;font-size:clamp(1.1rem,2.2vw,1.5rem);margin:0;color:var(--theme-surface-text, #f8fafc)}.matching-pairs-modal-subtitle{font-size:.9rem;font-weight:500;color:var(--theme-surface-text-muted, rgba(226, 232, 240, .85))}.matching-pairs-note{margin-top:.75rem;font-size:.9rem;color:#f87171e6}.matching-pairs-session{display:flex;flex-direction:column;gap:1rem}.matching-pairs-meta{display:flex;justify-content:space-between;font-size:.9rem;color:#94a3b8d9}.matching-pairs-instructions{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-weight:600}.matching-pairs-instructions p{margin:0}.matching-pairs-feedback{font-size:.95rem;font-weight:500;color:#fbbf24f2}.matching-pairs-feedback.correct{color:#22c55e}.matching-pairs-feedback.incorrect{color:#fbbf24}.matching-pairs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.matching-pairs-column{border:1px solid rgba(148,163,184,.35);border-radius:.85rem;padding:.85rem;background:var(--theme-surface-card-bg, rgba(15, 23, 42, .55));display:flex;flex-direction:column;gap:.75rem}.matching-pairs-column-header{display:flex;justify-content:space-between;align-items:center}.matching-pairs-column-header.align-right{justify-content:flex-end}.matching-pairs-column-header h3{margin:0;font-size:1rem;color:var(--theme-surface-text, rgba(226, 232, 240, .95))}.matching-pairs-column-body{display:grid;gap:.65rem}.matching-pairs-card{border:1px solid rgba(148,163,184,.4);border-radius:.75rem;padding:.75rem;background:var(--theme-surface-card-bg, rgba(15, 23, 42, .7));text-align:left;transition:border-color .2s ease,transform .2s ease,background .2s ease;font-size:1.05rem;font-weight:600;color:var(--theme-surface-text, rgba(248, 250, 252, .95))}.matching-pairs-card:not(:disabled):hover{border-color:#38bdf8;transform:translateY(-1px)}.matching-pairs-card.selected{border-width:2px;border-color:var(--theme-surface-active-border, #38bdf8);background:var(--theme-surface-active-bg, rgba(56, 189, 248, .14));color:var(--theme-surface-active-text, var(--theme-surface-text, rgba(248, 250, 252, .95)));box-shadow:inset 0 0 0 1px currentColor,0 0 12px #38bdf84d}.matching-pairs-card.head.playing{border-color:#38bdf8;box-shadow:0 0 14px #38bdf873}.matching-pairs-card.matched{border-width:2px;border-style:dashed;border-color:color-mix(in srgb,var(--theme-surface-success-text, #22c55e) 36%,var(--theme-surface-border, rgba(148, 163, 184, .4)) 64%);background:var(--theme-surface-success-bg, rgba(34, 197, 94, .15));color:var(--theme-surface-success-text, #f0fdf4)}.matching-pairs-card:disabled{cursor:default}.matching-pairs-primary{display:block;line-height:1.3}.matching-pairs-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding-bottom:.5rem}.matching-pairs-summary{display:flex;flex-direction:column;gap:.75rem}.matching-pairs-summary-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.75rem}.matching-pairs-summary-list li{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(148,163,184,.4);border-radius:.75rem;padding:.6rem .9rem;font-size:.95rem}.matching-pairs-summary-list li.summary-success{border-color:#22c55e99;color:#22c55e}.matching-pairs-view .matching-pairs-actions .secondary-button,.matching-pairs-view .matching-pairs-actions .ghost-button{background:var(--theme-surface-control-bg, rgba(15, 23, 42, .08));color:var(--theme-surface-text, #0f172a);border-color:var(--theme-surface-border, rgba(148, 163, 184, .45))}.matching-pairs-view .matching-pairs-actions .ghost-button{border-style:dashed}@media (max-width: 720px){.matching-pairs-grid{grid-template-columns:1fr}}.memory-game-modal{width:100%;max-width:720px;height:min(92vh,760px);overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.memory-game-body,.memory-game-session{flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem}.memory-game-counter{font-size:.9rem;font-weight:600;color:var(--theme-surface-text-muted, rgba(226, 232, 240, .9))}.memory-game-summary{display:flex;flex-direction:column;gap:.35rem}.memory-game-summary .build-phrase-summary-list{margin-top:.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.memory-game-summary .build-phrase-summary-list li{padding:.45rem .6rem;font-size:.85rem}.memory-game-summary .summary-play-button{width:1.6rem;height:1.6rem}.memory-game-summary .summary-status{font-size:.8rem}.memory-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:0 auto;width:min(90vw,70vh);height:min(90vw,70vh);max-width:620px;max-height:620px;align-self:center;aspect-ratio:1 / 1}.memory-card{border-radius:.85rem;border:1px solid rgba(148,163,184,.35);background:var(--theme-surface-card-bg, rgba(15, 23, 42, .85));aspect-ratio:1 / 1;position:relative;overflow:hidden;padding:0;cursor:pointer}.memory-card:disabled{cursor:default;opacity:.85}.memory-card.flipped{box-shadow:inset 0 0 0 2px var(--theme-surface-active-border, rgba(56, 189, 248, .45))}.memory-card.matched{border-style:dashed;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--theme-surface-success-text, #22c55e) 28%,transparent),0 0 0 2px color-mix(in srgb,var(--theme-surface-success-text, #22c55e) 16%,transparent)}.memory-card-front,.memory-card-back{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem}.memory-card-back{color:var(--theme-surface-text-muted, rgba(226, 232, 240, .7))}.memory-card-logo{width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;background:rgba(56,189,248,.15);color:var(--theme-surface-text, rgba(226, 232, 240, .85))}.memory-card-image{width:100%;height:65%;display:flex;align-items:center;justify-content:center;padding:.4rem}.memory-card-image img{width:100%;height:100%;object-fit:contain}.memory-card-labels{text-align:center;padding:0 .4rem .4rem}.memory-card-headword{margin:0;font-weight:600;color:var(--theme-surface-text, #f8fafc)}.memory-card-gloss{margin:.15rem 0 0;font-size:.8rem;color:#94a3b8f2}.memory-game-view .memory-game-actions .secondary-button,.memory-game-view .memory-game-actions .ghost-button{background:var(--theme-surface-control-bg, rgba(15, 23, 42, .08));color:var(--theme-surface-text, #0f172a);border-color:var(--theme-surface-border, rgba(148, 163, 184, .45))}.memory-game-view .memory-game-actions .ghost-button{border-style:dashed}@media (max-width: 640px){.memory-game-modal{height:90vh;gap:.6rem}.memory-game-body,.memory-game-session{gap:.6rem}.memory-game-summary .build-phrase-summary-list{grid-template-columns:1fr}.memory-game-grid{gap:.5rem}.memory-card-headword{font-size:.9rem}.memory-card-gloss{font-size:.7rem}}.build-phrase-view .card{margin-bottom:1rem;padding:1rem}.build-phrase-modal{width:100%;max-width:860px;padding:1.25rem}.build-phrase-title{display:flex;flex-direction:column;gap:.35rem}.build-phrase-title h2{margin:0}.build-phrase-modal-intro{margin:0;font-size:.95rem;color:var(--theme-surface-text-muted, rgba(226, 232, 240, .9))}.build-phrase-meta-inline{margin:0;font-size:.9rem;color:#94a3b8d9;display:flex;gap:.5rem;flex-wrap:wrap;align-items:baseline}.build-phrase-audio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;margin:.25rem 0 .75rem}.build-phrase-question{font-weight:600}.build-phrase-instructions{font-size:.95rem;color:#94a3b8e6}.phrase-bank,.phrase-builder{border:1px solid rgba(148,163,184,.4);border-radius:.75rem;padding:1rem;background:var(--theme-surface-card-bg, rgba(15, 23, 42, .6))}.phrase-bank+.phrase-builder{margin-top:1rem}.phrase-bank-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem;font-weight:600;gap:1rem}.phrase-bank-title-row{display:flex;align-items:baseline;gap:.75rem;width:100%}.phrase-bank-hint{margin:0 0 0 auto;font-size:.9rem;font-weight:500;color:var(--theme-surface-text-muted, rgba(248, 250, 252, .85));text-align:right}.phrase-builder-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;font-weight:600}.phrase-builder-actions{display:flex;align-items:center;gap:.75rem}.phrase-builder-hint{margin:0;font-size:.9rem;font-weight:500;color:var(--theme-surface-text-muted, rgba(248, 250, 252, .85))}.phrase-token-grid,.phrase-builder-body{display:flex;flex-wrap:wrap;gap:.5rem}.phrase-token{border:1px solid rgba(148,163,184,.35);border-radius:999px;padding:.4rem .9rem;background:var(--theme-surface-control-bg, rgba(30, 41, 59, .8));color:var(--theme-surface-text, #fff);cursor:pointer;transition:border-color .2s ease,background .2s ease}.phrase-token:hover{border-color:#38bdf8;box-shadow:inset 0 0 0 1px currentColor}.phrase-token.placed{border-color:var(--theme-surface-active-border, rgba(59, 130, 246, .8));border-style:dashed;background:var(--theme-surface-active-bg, rgba(59, 130, 246, .2));color:var(--theme-surface-active-text, var(--theme-surface-text, #fff));box-shadow:inset 0 0 0 1px currentColor}.phrase-builder-placeholder{color:#94a3b8d9;font-style:italic}.build-phrase-feedback{font-weight:600;margin-top:.75rem}.build-phrase-feedback.correct{color:#22c55e}.build-phrase-feedback.incorrect{color:#f87171}.build-phrase-translation{margin-top:.5rem;display:flex;gap:.5rem;align-items:center;font-size:.95rem}.build-phrase-translation span{color:var(--theme-surface-text, #f8fafc)}.build-phrase-summary-list li.summary-success{border-color:#22c55e99;color:#22c55e}.build-phrase-summary-list li.summary-pending{border-color:#fbbf2499;color:#fbbf24}.build-phrase-view .card-grid.two-column{gap:1rem}.build-phrase-view .build-phrase-actions .secondary-button,.build-phrase-view .build-phrase-actions .ghost-button,.build-phrase-view .phrase-builder-actions .ghost-button{background:var(--theme-surface-control-bg, rgba(15, 23, 42, .08));color:var(--theme-surface-text, #0f172a);border-color:var(--theme-surface-border, rgba(148, 163, 184, .45))}.build-phrase-view .build-phrase-actions .ghost-button,.build-phrase-view .phrase-builder-actions .ghost-button{border-style:dashed}.complete-sentence-view .card{margin-bottom:1.5rem}.complete-sentence-modal{width:100%;max-width:760px}.complete-sentence-session{display:flex;flex-direction:column;gap:1rem}.complete-sentence-prompt{font-size:1.2rem;font-weight:600;color:var(--theme-surface-text, rgba(248, 250, 252, .95));padding:.5rem 0}.complete-sentence-hint{font-size:.9rem;color:#94a3b8f2;margin:-.5rem 0 .5rem}.complete-sentence-input{display:flex;flex-direction:column;gap:.35rem}.complete-sentence-input span{font-size:.85rem;color:#94a3b8d9}.complete-sentence-input input{border-radius:.75rem;border:1px solid rgba(148,163,184,.4);background:var(--theme-surface-control-bg, rgba(15, 23, 42, .65));padding:.75rem 1rem;color:var(--theme-surface-text, #f8fafc);font-size:1rem}.complete-sentence-input input:disabled{opacity:.7}.complete-sentence-feedback{font-weight:600;font-size:.95rem}.complete-sentence-feedback.correct{color:#22c55e}.complete-sentence-feedback.incorrect{color:#fbbf24}.complete-sentence-feedback.revealed{color:var(--theme-surface-text-muted, rgba(148, 163, 184, .95))}.complete-sentence-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.complete-sentence-action-group{display:flex;gap:.5rem}.complete-sentence-view .choose-word-hint.revealed{color:var(--theme-surface-text-muted, rgba(148, 163, 184, .95))}.complete-sentence-view .choose-word-choices .choice-button{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;background:var(--theme-surface-control-bg, rgba(15, 23, 42, .6));color:var(--theme-surface-text, #0f172a)}.complete-sentence-view .choose-word-choices .choice-button .choice-primary{color:inherit}.complete-sentence-view .choose-word-choices .choice-button .choice-secondary{color:var(--theme-surface-text-muted, rgba(226, 232, 240, .8))}.complete-sentence-view .choose-word-choices .choice-button.is-selected{box-shadow:inset 0 0 0 2px currentColor}.complete-sentence-view .choose-word-choices .choice-button.choice-correct{border-width:2px;background:var(--theme-surface-success-bg, rgba(34, 197, 94, .15));color:var(--theme-surface-success-text, #0f5132)}.complete-sentence-view .choose-word-choices .choice-button.choice-incorrect{border-width:2px;border-style:dashed;background:var(--theme-surface-danger-bg, rgba(248, 113, 113, .15));color:var(--theme-surface-danger-text, #7f1d1d)}.complete-sentence-view .choose-word-choices .choice-button.choice-revealed{border-width:2px;border-style:dotted;background:var(--theme-surface-active-bg, rgba(56, 189, 248, .15));color:var(--theme-surface-active-text, #0f172a)}.complete-sentence-view .choose-word-choices .choice-button.choice-correct .choice-secondary,.complete-sentence-view .choose-word-choices .choice-button.choice-incorrect .choice-secondary,.complete-sentence-view .choose-word-choices .choice-button.choice-revealed .choice-secondary{color:inherit;opacity:.85}.complete-sentence-view .choice-state-chip{display:inline-flex;align-items:center;border:1px solid currentColor;border-radius:999px;padding:.15rem .45rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.complete-sentence-view .complete-sentence-actions .secondary-button,.complete-sentence-view .complete-sentence-actions .ghost-button{background:var(--theme-surface-control-bg, rgba(15, 23, 42, .08));color:var(--theme-surface-text, #0f172a);border-color:var(--theme-surface-border, rgba(148, 163, 184, .45))}.complete-sentence-view .complete-sentence-actions .ghost-button{border-style:dashed}.fst-editor-card{margin-top:1rem}.fst-editor-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:1rem}@media (max-width: 960px){.fst-editor-layout{grid-template-columns:1fr}}.fst-entry-list{border:1px solid rgba(148,163,184,.3);border-radius:.9rem;padding:.75rem;background:rgba(15,23,42,.35);display:flex;flex-direction:column;gap:.65rem}.fst-entry-search{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.fst-entry-search input{border-radius:.5rem;border:1px solid rgba(148,163,184,.4);background:rgba(15,23,42,.4);padding:.4rem .6rem;color:inherit}.fst-entry-items{display:flex;flex-direction:column;gap:.5rem;max-height:60vh;overflow-y:auto}.fst-entry-button{width:100%;text-align:left;border:1px solid rgba(148,163,184,.3);background:rgba(15,23,42,.25);padding:.5rem .65rem;border-radius:.65rem;display:flex;flex-direction:column;gap:.2rem;cursor:pointer;transition:border-color .2s ease,background .2s ease}.fst-entry-button.active{border-color:#38bdf8;background:rgba(56,189,248,.12)}.fst-entry-button small{font-size:.75rem;color:#94a3b8e6}.fst-entry-count{font-size:.75rem;opacity:.8}.fst-entry-detail{border:1px solid rgba(148,163,184,.3);border-radius:.9rem;padding:1rem;background:rgba(15,23,42,.35)}.fst-entry-summary h3{margin:0}.fst-entry-summary .muted{font-size:.85rem;margin:.15rem 0 0}.fst-entry-summary .warning{font-size:.85rem;margin-top:.35rem;color:#fbbf24}.fst-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:.9rem}.fst-form-grid label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.fst-form-grid input,.fst-form-grid textarea{border-radius:.5rem;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.4);padding:.4rem .5rem;color:inherit;font:inherit}.fst-form-grid textarea{min-height:80px;resize:vertical}.fst-form-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.75rem}.fst-editor-alert{font-size:.85rem;color:#34d399}.fst-editor-alert.error{color:#f87171}.fst-bundle-section{margin-top:1.25rem;border-top:1px solid rgba(148,163,184,.2);padding-top:1rem}.fst-bundle-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.fst-bundle-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.fst-bundle-chip{border:1px solid rgba(148,163,184,.3);background:rgba(15,23,42,.25);border-radius:.6rem;padding:.3rem .6rem;font-size:.8rem;display:flex;flex-direction:column;gap:.15rem;cursor:pointer;transition:border-color .2s ease,background .2s ease}.fst-bundle-chip.active{border-color:#38bdf8;background:rgba(56,189,248,.15)}.fst-bundle-chip .muted{font-size:.75rem;opacity:.8}.fst-bundle-form{border:1px dashed rgba(148,163,184,.35);border-radius:.9rem;padding:.75rem;background:rgba(15,23,42,.25)}.fst-metadata-field{display:flex;flex-direction:column;gap:.35rem}.fst-metadata-field textarea{min-height:120px}.fst-kv-group{display:flex;flex-direction:column;gap:.4rem}.fst-kv-row{display:flex;gap:.4rem;align-items:center}.fst-kv-row .fst-kv-key,.fst-kv-row .fst-kv-value{border-radius:.45rem;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.4);padding:.35rem .5rem;color:inherit;font:inherit}.fst-kv-row .fst-kv-key{flex:.5}.fst-kv-row .fst-kv-value{flex:1}.fst-kv-row .link-button{padding:.2rem .35rem;line-height:1}.vocab-editor{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.vocab-layout{display:grid;grid-template-columns:minmax(200px,220px) 1fr;gap:1rem}.vocab-sidebar{border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:.75rem;background:rgba(15,23,42,.4)}.vocab-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.vocab-sidebar .icon-button{border:1px solid rgba(148,163,184,.4);border-radius:.4rem;width:1.75rem;height:1.75rem;background:rgba(15,23,42,.6);color:inherit;cursor:pointer}.vocab-sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.sidebar-input-row input{width:100%;padding:.4rem .5rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.5);background:rgba(15,23,42,.6);color:inherit;font-size:.95rem}.vocab-sidebar button{width:100%;text-align:left;padding:.4rem .6rem;border:1px solid transparent;border-radius:.5rem;background:none;color:inherit;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.vocab-sidebar button.active{border-color:#38bdf880;background:rgba(56,189,248,.12)}.vocab-content{border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:.75rem;background:rgba(15,23,42,.4);overflow-x:auto}.vocab-content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.vocab-content-header .icon-button{border:1px solid rgba(148,163,184,.4);border-radius:.4rem;width:1.75rem;height:1.75rem;background:rgba(15,23,42,.6);color:inherit;cursor:pointer}.vocab-content table{width:100%;border-collapse:collapse}.vocab-content th,.vocab-content td{border-bottom:1px solid rgba(148,163,184,.15);padding:.4rem}.vocab-content input[type=text],.vocab-content input[type=number]{width:100%;padding:.25rem;border-radius:.3rem;border:1px solid rgba(148,163,184,.4);background:rgba(15,23,42,.6);color:inherit}.vocab-content td:nth-child(2) input[type=text]{width:90%}.vocab-content th.order-column{width:4rem;text-align:center}.order-cell{text-align:center}.order-display{display:inline-block;min-width:2rem;padding:.15rem .4rem;border-radius:.4rem;background:rgba(15,23,42,.65);border:1px solid rgba(148,163,184,.35);font-variant-numeric:tabular-nums}.vocab-content th.drag-column{width:2.5rem}.vocab-drag-cell{width:2.5rem;text-align:right}.drag-handle{border:1px solid transparent;border-radius:.4rem;padding:.2rem .35rem;background:rgba(15,23,42,.45);color:#e2e8f0d9;cursor:grab}.drag-handle:focus-visible{outline:2px solid rgba(56,189,248,.7);border-color:#38bdf8b3}.vocab-row-dragging{background:rgba(56,189,248,.08)}.vocab-row-active{background:rgba(56,189,248,.05)}.drag-handle:active{cursor:grabbing}.vocab-form{border:1px dashed rgba(148,163,184,.5);border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.vocab-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}.vocab-form input[type=text],.vocab-form input[type=number]{width:100%;padding:.35rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.4);background:rgba(15,23,42,.6);color:inherit}.tagging-card-list{display:flex;flex-direction:column;gap:.75rem}.tag-row{position:relative;border:1px solid rgba(148,163,184,.25);border-radius:.9rem;padding:.6rem .75rem .75rem;background:rgba(15,23,42,.45);display:flex;flex-direction:column;gap:.4rem}.tag-row-selected{border-color:#38bdf899;background:rgba(56,189,248,.08)}.tag-row-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:stretch}.row-main{display:grid;grid-template-columns:minmax(220px,260px) minmax(300px,1.2fr) minmax(320px,1fr);gap:1rem;align-items:stretch;width:100%}.row-headword{display:flex;flex-direction:column;gap:.25rem}.entry-gloss{font-weight:400;font-size:.95rem;color:#e2e8f0bf;margin:0}.row-tags{display:flex;gap:.75rem;flex-direction:column}.row-tag-column>.summary-chips{min-height:1.5rem}.row-tag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.4rem .75rem;align-items:start}.row-tag-grid p{margin:0}.inline-label{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8e6;margin-bottom:.1rem}.summary-chips{display:flex;gap:.3rem;flex-wrap:wrap}.summary-chip{border-radius:999px;background:rgba(56,189,248,.15);color:#e2e8f0e6;padding:.1rem .45rem;font-size:.75rem}.summary-chip.subtle{background:rgba(148,163,184,.25);color:#e2e8f0cc}.row-note{display:flex;gap:.75rem;justify-content:flex-end;align-items:center}.note-pill{border:1px dashed rgba(148,163,184,.5);border-radius:.6rem;padding:.35rem .75rem;background:transparent;color:#e2e8f0d9;font-size:.85rem;cursor:pointer}.tag-row-body{display:flex;flex-wrap:wrap;gap:.35rem .75rem;padding-top:.5rem;border-top:1px solid rgba(148,163,184,.15)}.tag-row-body .stacked-label{flex-direction:row;align-items:center;gap:.35rem;margin-bottom:0}.tag-flag-group{display:flex;flex-wrap:wrap;gap:.4rem}.toggle-pill{border:1px solid rgba(148,163,184,.4);border-radius:999px;padding:.2rem .7rem;background:transparent;color:#e2e8f0d9;font-size:.85rem;cursor:pointer}.toggle-pill.on{background:rgba(56,189,248,.3);border-color:#38bdf8cc;color:#0f172a}.tag-field-group{display:flex;flex-direction:column}.tagging-editor{display:flex;flex-direction:column;gap:1.5rem}.tagging-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.tagging-controls label{display:flex;flex-direction:column;font-size:.9rem;gap:.4rem}.tagging-controls input[type=text]{min-width:240px;padding:.4rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.4);background:rgba(15,23,42,.6);color:inherit}.tagging-controls-actions{margin-left:auto;display:flex;align-items:center;gap:.75rem}.tagging-table-wrapper{overflow-x:auto}.tagging-table{width:100%;border-collapse:collapse;min-width:900px}.tagging-table th,.tagging-table td{border-bottom:1px solid rgba(148,163,184,.15);padding:.5rem .4rem;vertical-align:top}.tagging-table th{text-align:left;font-size:.85rem;letter-spacing:.02em;color:#f8fafcb3}.entry-headword{margin:0;font-weight:600;font-size:1rem}.stacked-label{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.35rem}.stacked-label select,.stacked-label textarea{width:100%;padding:.25rem .35rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.4);background:rgba(15,23,42,.6);color:inherit;font-size:.9rem}.stacked-label textarea{min-height:80px;resize:vertical}.stacked-label.compact{flex-direction:row;align-items:center;gap:.35rem;margin-bottom:.15rem}.stacked-label.compact>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8d9}.stacked-label.compact select{max-width:140px}.entry-meta{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.25rem}.entry-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .4rem;border-radius:999px;background:rgba(56,189,248,.18);color:#e2e8f0}.entry-badge.subtle{background:rgba(148,163,184,.25);color:#e2e8f0cc}.tagging-table .select-col{width:36px;text-align:center}.toggle-pill.bulk{padding:.25rem .75rem;font-size:.8rem}.toggle-pill.off{border-color:#94a3b859;background:rgba(15,23,42,.35);color:#e2e8f099}.flag-state{margin-left:.35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7}@media (max-width: 1024px){.row-main{grid-template-columns:minmax(200px,1fr)}.row-tags{flex-direction:row;flex-wrap:wrap;gap:.5rem}.row-tag-column{flex:1 1 200px}.row-tag-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.bulk-panel{border:1px solid rgba(148,163,184,.3);border-radius:.75rem;padding:.75rem;background:rgba(15,23,42,.45);display:flex;flex-direction:column;gap:.6rem}.bulk-panel-header{display:flex;justify-content:space-between;align-items:center}.bulk-panel-actions{display:flex;gap:.5rem;align-items:center}.bulk-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.bulk-panel .stacked-label textarea{min-height:70px}.bulk-flags{flex-direction:row;flex-wrap:wrap;gap:.4rem 1rem}.link-button.tiny{font-size:.75rem;padding:0}.bulk-panel-footer{display:flex;justify-content:flex-end}.row-actions{display:flex;gap:.4rem;align-items:center}.verb-generator .verb-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.verb-generator .verb-toolbar input{margin-left:.5rem;padding:.4rem .6rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.4);background:rgba(15,23,42,.4);color:inherit}.verb-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem;margin-top:1rem}.verb-card{border:1px solid rgba(148,163,184,.3);border-radius:.75rem;padding:.75rem;background:rgba(15,23,42,.4);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;color:inherit}.verb-card .verb-lemma{font-weight:600}.verb-card .verb-meta{font-size:.8rem;opacity:.8}.verb-table-wrapper{margin-top:1rem;overflow-x:auto}.verb-table{width:100%;border-collapse:collapse}.verb-table th,.verb-table td{border:1px solid rgba(148,163,184,.2);padding:.5rem;text-align:left}.verb-table tbody tr{cursor:pointer}.verb-table tbody tr:hover{background:rgba(56,189,248,.08)}.verb-modal{max-width:900px}.verb-modal-body{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.verb-modal-groups{flex:1 1 55%;max-height:60vh;overflow-y:auto;padding-right:.5rem}.verb-modal-detail{flex:1 1 35%;border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:1rem;background:rgba(15,23,42,.5)}.gramble-builder{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;flex-direction:column}.gramble-slots{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:.85rem}.gramble-slots>.gramble-slot{min-width:0}.gramble-slot{border:1px solid rgba(148,163,184,.25);border-radius:.75rem;padding:.75rem;background:rgba(15,23,42,.35);display:flex;flex-direction:column;gap:.5rem}.gramble-slot-header h3{margin:0}.gramble-subtitle{font-size:.8rem;opacity:.7}.gramble-toggle{display:flex;align-items:center;gap:.4rem;font-size:.85rem;opacity:.8}.gramble-options{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.gramble-options button{width:100%;border:1px solid rgba(148,163,184,.25);border-radius:.6rem;padding:.45rem .6rem;background:transparent;color:inherit;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.2rem}.gramble-options button.active{border-color:#38bdf8;background:rgba(56,189,248,.12)}.gramble-options button.slot-root.active{border-color:var(--slot-root);background:color-mix(in srgb,var(--slot-root) 18%,transparent)}.gramble-options button.slot-stem.active{border-color:var(--slot-stem);background:color-mix(in srgb,var(--slot-stem) 18%,transparent)}.gramble-options button.slot-tense.active{border-color:var(--slot-tense);background:color-mix(in srgb,var(--slot-tense) 18%,transparent)}.gramble-options button.slot-subject.active{border-color:var(--slot-subject);background:color-mix(in srgb,var(--slot-subject) 18%,transparent)}.gramble-options button.slot-object.active{border-color:var(--slot-object);background:color-mix(in srgb,var(--slot-object) 18%,transparent)}.gramble-text{font-weight:600}.gramble-gloss{font-size:.8rem;opacity:.75}.gramble-output{border:1px solid rgba(148,163,184,.25);border-radius:.75rem;padding:1rem;background:rgba(15,23,42,.874);position:sticky;top:.75rem;z-index:2}.verb-generator{--slot-root: #f59e0b;--slot-stem: #f97316;--slot-tense: #22c55e;--slot-subject: #38bdf8;--slot-object: #a78bfa}.gramble-output-grid{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(200px,.8fr);gap:1rem;align-items:start}.gramble-output-main{min-width:0}@media (max-width: 1024px){.gramble-slots{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width: 640px){.gramble-slots{grid-template-columns:1fr}}.gramble-surface{font-size:1.5rem;margin:.25rem 0 .5rem}.gramble-surface .slot-chip,.gramble-gloss-line .slot-chip{display:inline-block;margin-right:.35rem;font-weight:600}.slot-chip.slot-root{color:var(--slot-root)}.slot-chip.slot-stem{color:var(--slot-stem)}.slot-chip.slot-tense{color:var(--slot-tense)}.slot-chip.slot-subject{color:var(--slot-subject)}.slot-chip.slot-object{color:var(--slot-object)}.gramble-gloss-line{margin:0;opacity:.8}.gramble-recap ul{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.2rem;font-size:.9rem}@media (max-width: 640px){.gramble-output-grid{grid-template-columns:1fr}}.flashcard-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}.flashcard-controls button{border:1px solid rgba(148,163,184,.5);background:var(--theme-surface-control-bg, rgba(56, 189, 248, .15));color:var(--theme-surface-text, inherit);border-radius:999px;padding:.4rem .9rem;cursor:pointer}.deck-meta{font-size:.85rem;color:var(--theme-surface-text-muted, rgba(226, 232, 240, .8))}.deck-filters{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem;font-size:.9rem}.flashcards-overlay{z-index:35}.flashcards-modal{background:var(--theme-surface-card-bg, #0f172a);border:1px solid var(--theme-surface-border, rgba(148, 163, 184, .5));border-radius:1rem;padding:1.25rem;width:min(1100px,96vw);height:min(92vh,760px);overflow:hidden;display:flex;flex-direction:column;gap:1rem}.flashcards-modal-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.flashcards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.flashcards-grid.deck-modal-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:.7rem;margin:0 auto;width:min(96vw,80vh);height:min(90vw,66vh);max-width:1240px;max-height:660px;align-content:center}.deck-modal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:.7rem;margin:0 auto;width:min(90vw,70vh);height:min(90vw,70vh);max-width:960px;max-height:600px;align-content:center;flex:1;min-height:0}.flashcard{border:1px solid rgba(148,163,184,.3);border-radius:.9rem;padding:1rem;background:var(--theme-surface-card-bg, rgba(15, 23, 42, .45));color:var(--theme-surface-text, #0f172a);min-height:240px;display:flex;flex-direction:column;gap:.75rem;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.flashcard:hover{border-color:var(--theme-surface-active-border, rgba(56, 189, 248, .6));transform:translateY(-2px)}.flashcard.is-revealed{border-width:2px;border-style:dashed;border-color:var(--theme-surface-active-border, #38bdf8);background:var(--theme-surface-active-bg, rgba(56, 189, 248, .12));box-shadow:inset 0 0 0 1px currentColor,0 10px 30px #38bdf833}.flashcard-front{display:flex;flex-direction:column;gap:.4rem}.flashcard-front h3{margin:0;font-size:1.35rem}.flashcard-media{border-radius:.75rem;overflow:hidden;border:1px solid rgba(148,163,184,.2)}.flashcard-media img{display:block;width:100%;height:120px;object-fit:cover}.deck-modal-grid .flashcard{min-height:0;padding:.6rem;gap:.4rem}.tag-pill{border:1px solid rgba(148,163,184,.5);background:var(--theme-surface-control-bg, rgba(15, 23, 42, .08));border-radius:999px;padding:.05rem .6rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.deck-modal-grid .flashcard-front h3{font-size:1.05rem}.deck-modal-grid .flashcard-media img{height:90px}.pos-pill{border:1px solid rgba(148,163,184,.6);background:var(--theme-surface-control-bg, rgba(15, 23, 42, .08));border-radius:999px;padding:.15rem .6rem;font-size:.75rem;text-transform:uppercase}.reveal-hint{font-size:.85rem;color:var(--theme-surface-text-muted, rgba(148, 163, 184, .9))}.reveal-hint.revealed{color:var(--theme-surface-active-text, rgba(226, 232, 240, .95));font-weight:600}.flashcard-back{border-top:1px dashed rgba(148,163,184,.3);padding-top:.5rem;display:none;gap:.4rem;flex-direction:column}.flashcard.is-revealed .flashcard-back{display:flex}.flashcard-translation{font-size:1.1rem;font-weight:600;margin:0;color:var(--theme-surface-text, #0f172a)}.deck-modal-grid .flashcard-translation{font-size:1rem}.flashcard-example{font-size:.9rem;color:var(--theme-surface-text-muted, rgba(226, 232, 240, .9))}.flashcard-example-block{display:flex;flex-direction:column;gap:.2rem}.flashcard-example-label{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--theme-surface-text-muted, rgba(148, 163, 184, .9))}.flashcard-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.random-pill-trigger{background:var(--theme-surface-control-bg, rgba(56, 189, 248, .15));border-color:var(--theme-surface-active-border, rgba(56, 189, 248, .4));color:var(--theme-surface-text, #0f172a)}.random-pill-trigger.active{background:var(--theme-surface-active-bg, rgba(56, 189, 248, .35));border-color:var(--theme-surface-active-border, #38bdf8);color:var(--theme-surface-active-text, #0f172a);box-shadow:inset 0 0 0 1px currentColor}.deck-builder-modal{background:var(--theme-surface-card-bg, #0f172a);border:1px solid var(--theme-surface-border, rgba(148, 163, 184, .6));border-radius:1rem;padding:1.5rem;width:min(640px,95vw);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.deck-builder-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.deck-builder-actions{display:flex;gap:.5rem;flex-wrap:wrap}.flashcards-modal-actions .secondary-button,.flashcards-modal-actions .link-button,.deck-builder-actions .secondary-button,.deck-builder-actions .link-button,.deck-filters .link-button{background:var(--theme-surface-control-bg, rgba(15, 23, 42, .08));color:var(--theme-surface-text, #0f172a);border:1px solid var(--theme-surface-border, rgba(148, 163, 184, .45));border-radius:.6rem;padding:.4rem .8rem;text-decoration:none}.flashcards-modal-actions .link-button,.deck-builder-actions .link-button,.deck-filters .link-button{border-style:dashed}.flashcards-modal-actions .secondary-button[aria-pressed=true],.deck-builder-footer .random-pill-trigger[aria-pressed=true]{border-color:var(--theme-surface-active-border, #38bdf8);box-shadow:inset 0 0 0 1px currentColor}@media (max-width: 900px){.deck-modal-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));width:min(92vw,68vh);height:min(92vw,68vh);max-width:720px;max-height:480px}}@media (max-width: 600px){.flashcards-grid{grid-template-columns:1fr}.flashcards-grid.deck-modal-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));width:min(96vw,70vh);height:min(92vw,62vh);max-width:980px;max-height:560px}}.lessons-view{display:flex;flex-direction:column;gap:1rem}.lessons-filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;background:rgba(15,23,42,.4);padding:1rem;border-radius:.75rem}.lessons-grid{width:100%}.card-grid.lessons-grid{gap:1.25rem;margin-top:0}.lesson-card{border:1px solid rgba(148,163,184,.35);border-radius:1rem;padding:1rem;background:rgba(15,23,42,.4);display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.lesson-headword{display:flex;align-items:baseline;gap:.5rem}.lesson-headword h3{margin:0}.lesson-item-type{font-size:.8rem;opacity:.7}.lesson-chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.lesson-chip-action{background:transparent;cursor:pointer;transition:border-color .2s ease,background .2s ease}.lesson-chip-action:hover{border-color:#38bdf8;background:rgba(56,189,248,.12)}.lesson-chip-tier{border-color:#38bdf8}.lesson-chip-audience{border-color:#a5b4fc}.lesson-chip-audio{border-color:#34d399}.lesson-description{margin:0;min-height:3rem;color:#e2e8f0d9}.lesson-footer{margin-top:auto;display:flex;gap:.5rem;align-items:stretch;justify-content:space-between;flex-wrap:nowrap}.lesson-footer .secondary-button{flex:1;min-width:0;text-align:center}.lesson-function{font-size:.8rem;opacity:.8;margin:0}.candidate-grid .grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.candidate-card{border:1px solid var(--theme-surface-border, rgba(148, 163, 184, .35));border-radius:1rem;background:var(--theme-surface-card-bg, rgba(15, 23, 42, .35));display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.candidate-card.selected{border-color:var(--theme-surface-active-border, #38bdf8);background:var(--theme-surface-active-bg, rgba(56, 189, 248, .08));box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-surface-active-border, #38bdf8) 35%,transparent)}.candidate-card h4{margin:0}.candidate-card .chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.candidate-media-pill{margin-left:.5rem;font-size:.75rem;border:1px solid var(--theme-surface-border-strong, rgba(148, 163, 184, .4));border-radius:999px;padding:.1rem .4rem;display:inline-flex;align-items:center;gap:.2rem;color:var(--theme-surface-text-muted, rgba(148, 163, 184, .9))}.candidate-media-pill.has-image{border-color:color-mix(in srgb,var(--theme-surface-success-text, #0f5132) 35%,var(--theme-surface-border, rgba(148, 163, 184, .4)) 65%);color:var(--theme-surface-success-text, #4ade80)}.candidate-media-pill.missing{border-color:color-mix(in srgb,var(--theme-surface-danger-text, #7f1d1d) 35%,var(--theme-surface-border, rgba(148, 163, 184, .4)) 65%);color:var(--theme-surface-danger-text, #f87171)}.candidate-thumb{border:1px solid var(--theme-surface-border, rgba(148, 163, 184, .25));border-radius:.75rem;background:var(--theme-surface-control-bg, rgba(15, 23, 42, .55));min-height:140px;display:flex;align-items:center;justify-content:center;padding:.5rem}.candidate-thumb img{max-width:100%;max-height:130px;object-fit:contain}.candidate-thumb.placeholder{font-size:.85rem;color:var(--theme-surface-text-muted, rgba(226, 232, 240, .7))}.candidate-card.compact{padding:.75rem 1rem;gap:.4rem}.candidate-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.candidate-headword{font-weight:600}.candidate-translation{font-size:.9rem;color:var(--theme-surface-text-muted, rgba(226, 232, 240, .8))}.candidate-selection-state{display:inline-flex;align-items:center;margin-left:.45rem;border:1px solid var(--theme-surface-active-border, #38bdf8);border-radius:999px;background:var(--theme-surface-active-bg, rgba(56, 189, 248, .12));color:var(--theme-surface-active-text, var(--theme-surface-text, inherit));font-size:.72rem;font-weight:600;line-height:1;padding:.18rem .45rem}.worksheet-full-phrase{font-weight:500;font-size:1rem}.worksheet-answer-highlight{font-weight:700;font-style:italic;color:#fbbf24}.selection-card{background:var(--theme-surface-panel-bg, rgba(15, 23, 42, .5))}.selection-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.selection-list li{border:1px solid var(--theme-surface-border, rgba(148, 163, 184, .3));border-radius:.75rem;padding:.75rem;display:flex;gap:.75rem;flex-wrap:wrap;background:var(--theme-surface-card-bg, rgba(15, 23, 42, .35))}.selection-controls{display:flex;gap:.35rem}.selection-controls .link-button{border:1px solid var(--theme-surface-border-strong, rgba(148, 163, 184, .3));border-radius:.35rem;background:var(--theme-surface-control-bg, rgba(255, 255, 255, .08));color:var(--theme-surface-link, inherit);padding:.25rem .5rem}.selection-content{flex:1;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem}.selection-content label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem}.selection-content input{padding:.45rem .55rem;border-radius:.4rem;border:1px solid var(--theme-surface-border-strong, rgba(148, 163, 184, .35));background:var(--theme-surface-control-bg, rgba(15, 23, 42, .45));color:var(--theme-surface-text, inherit)}.selection-thumb{border:1px solid var(--theme-surface-border, rgba(148, 163, 184, .35));border-radius:.6rem;padding:.35rem;display:flex;align-items:center;justify-content:center}.selection-thumb img{max-width:160px;max-height:120px;object-fit:contain}.selection-content .no-image{align-self:center;font-size:.85rem;color:var(--theme-surface-text-muted, rgba(226, 232, 240, .8))}.history-card{background:var(--theme-surface-panel-bg, rgba(15, 23, 42, .45))}.history-list{display:flex;flex-direction:column;gap:1rem}.history-list.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.history-card-item{border:1px solid var(--theme-surface-border, rgba(148, 163, 184, .35));border-radius:.85rem;padding:1rem;background:var(--theme-surface-card-bg, rgba(15, 23, 42, .35));display:flex;flex-direction:column;gap:.75rem}.history-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin:.75rem 0}.history-meta dt{text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;color:var(--theme-surface-text-muted, rgba(248, 250, 252, .6));margin:0}.history-meta dd{margin:0;font-weight:600}.history-config{background:var(--theme-surface-control-bg, rgba(15, 23, 42, .5));border-radius:.5rem;padding:.75rem;font-size:.85rem;overflow-x:auto}.history-actions{display:flex;flex-wrap:wrap;gap:.5rem}.history-actions .link-button{border:1px solid var(--theme-surface-border-strong, rgba(148, 163, 184, .3));border-radius:999px;background:var(--theme-surface-control-bg, rgba(255, 255, 255, .08));color:var(--theme-surface-link, inherit);font-weight:600;padding:.45rem .85rem;text-decoration:underline;text-underline-offset:.18rem}.books-single-column{display:flex;flex-direction:column;gap:1rem}.books-drawer-buttons{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:flex-start}.books-drawer-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.books-summary{flex:1;min-width:240px;font-size:.85rem;color:var(--theme-surface-text-muted, rgba(248, 250, 252, .8))}.books-summary p{margin:0}.compact-card{padding:1rem}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.candidate-table{display:flex;flex-direction:column;gap:.35rem}.candidate-table-header{display:grid;grid-template-columns:1fr 1fr auto;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--theme-surface-text-muted, rgba(248, 250, 252, .6));padding:0 .2rem}.candidate-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:.3rem .2rem;border-bottom:1px solid rgba(148,163,184,.15)}.candidate-row:last-child{border-bottom:none}.candidate-actions{display:flex;justify-content:flex-end}.candidate-row.selected{background:var(--theme-surface-active-bg, rgba(56, 189, 248, .08));box-shadow:inset 4px 0 0 var(--theme-surface-active-border, #38bdf8)}.compact-selection{gap:.5rem}.selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.selection-content.two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}.selection-choices{grid-column:1 / -1;display:flex;flex-direction:column;gap:.4rem}.selection-full-phrase{grid-column:1 / -1;display:flex;flex-direction:column;gap:.35rem;padding:.4rem .6rem;border:1px solid var(--theme-surface-border, rgba(148, 163, 184, .25));border-radius:.5rem;background:var(--theme-surface-card-bg, rgba(15, 23, 42, .35))}.selection-full-phrase-text{font-size:.9rem;color:var(--theme-surface-text, rgba(226, 232, 240, .9))}.selection-summary{margin-left:auto;display:flex;gap:.5rem;align-items:center;font-size:.85rem}.selection-summary .link-button{padding:0}.books-tabs{display:inline-flex;border:1px solid var(--theme-surface-border, rgba(148, 163, 184, .3));border-radius:999px;overflow:hidden;margin-bottom:1rem}.books-tabs button{border:none;background:transparent;color:var(--theme-surface-text-muted, rgba(248, 250, 252, .85));padding:.5rem 1.25rem;cursor:pointer}.books-tabs button.active{background:var(--theme-surface-active-bg, rgba(56, 189, 248, .2));color:var(--theme-surface-active-text, #0f172a);font-weight:600;text-decoration:underline;text-underline-offset:.18rem}.books-wizard-card{max-width:960px;width:min(960px,100%);max-height:85vh;height:85vh;display:flex;flex-direction:column}.books-wizard-card:after{content:""}.wizard-scroll{flex:1;overflow-y:auto;padding-right:.5rem;margin-top:1rem}.wizard-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--theme-surface-border, rgba(148, 163, 184, .3));pointer-events:none;position:sticky;top:0;background:var(--theme-surface-panel-bg, rgba(15, 23, 42, .98));z-index:3}.wizard-header>div:first-child{flex:1 1 320px;min-width:240px}.wizard-header .muted-copy{white-space:normal}.wizard-header h2,.wizard-header .muted-copy,.wizard-controls,.wizard-controls *{pointer-events:auto}.wizard-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;align-self:flex-start}.wizard-controls .primary-button{min-width:160px;text-align:center}.books-wizard-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;list-style:none;padding:0;margin:1rem 0}.books-wizard-step{border:1px solid var(--theme-surface-border, rgba(148, 163, 184, .35));border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;background:var(--theme-surface-card-bg, rgba(15, 23, 42, .4))}.books-wizard-step .step-index{font-weight:600;font-size:.95rem;color:var(--theme-surface-text, rgba(248, 250, 252, .8))}.books-wizard-step .step-status{align-self:flex-start;border:1px solid var(--theme-surface-border-strong, rgba(148, 163, 184, .35));border-radius:999px;background:var(--theme-surface-control-bg, rgba(255, 255, 255, .08));color:var(--theme-surface-text-muted, rgba(248, 250, 252, .8));font-size:.72rem;font-weight:600;line-height:1;padding:.22rem .45rem}.books-wizard-step.active{border-color:var(--theme-surface-active-border, #38bdf8);background:var(--theme-surface-active-bg, rgba(56, 189, 248, .15));box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-surface-active-border, #38bdf8) 35%,transparent)}.books-wizard-step.active .step-status{border-color:var(--theme-surface-active-border, #38bdf8);background:var(--theme-surface-active-bg, rgba(56, 189, 248, .15));color:var(--theme-surface-active-text, var(--theme-surface-text, inherit))}.books-wizard-step.completed{border-color:color-mix(in srgb,var(--theme-surface-success-text, #0f5132) 30%,var(--theme-surface-border, rgba(56, 189, 248, .5)) 70%);opacity:.9}.books-wizard-step.completed .step-status{border-color:color-mix(in srgb,var(--theme-surface-success-text, #0f5132) 35%,var(--theme-surface-border, rgba(56, 189, 248, .5)) 65%);background:var(--theme-surface-success-bg, rgba(34, 197, 94, .16));color:var(--theme-surface-success-text, #0f5132)}.wizard-body{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.wizard-nav-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.wizard-inline-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:.75rem}.candidate-sticky-bar{position:sticky;top:4.5rem;z-index:2;background:var(--theme-surface-panel-bg, rgba(15, 23, 42, .95));padding:.85rem 0 .75rem;border-bottom:1px solid var(--theme-surface-border, rgba(148, 163, 184, .2));pointer-events:none}.candidate-sticky-bar .wizard-inline-actions{pointer-events:auto}.wizard-section{display:flex;flex-direction:column;gap:.75rem}.wizard-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.selection-list.readonly li{display:flex;justify-content:space-between;align-items:center}.book-html-modal{background:var(--theme-surface-panel-bg, #0f172a);border-radius:1rem;border:1px solid var(--theme-surface-border, rgba(148, 163, 184, .4));padding:1.25rem;width:min(900px,95vw);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.book-html-content{background:var(--theme-surface-control-bg, rgba(15, 23, 42, .6));border:1px solid var(--theme-surface-border, rgba(148, 163, 184, .3));border-radius:.75rem;padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.75rem;color:var(--theme-surface-text, #f8fafc);white-space:pre-wrap;word-break:break-word}.book-html-frame{width:100%;min-height:70vh;border:1px solid var(--theme-surface-border, rgba(148, 163, 184, .35));border-radius:.75rem;background:#fff}
