@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;font-display:swap;src:url(/recallflow_poc/assets/atkinson-hyperlegible-next-latin-Cw9WDUCC.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;font-display:swap;src:url(/recallflow_poc/assets/atkinson-hyperlegible-next-latin-ext-DROZLvFa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:200 800;font-display:swap;src:url(/recallflow_poc/assets/atkinson-hyperlegible-mono-latin-CdaEDQQS.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:200 800;font-display:swap;src:url(/recallflow_poc/assets/atkinson-hyperlegible-mono-latin-ext-GvaMbDTz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#1d252c;font-synthesis:none;text-rendering:optimizelegibility;--font-ui:"Atkinson Hyperlegible Next", system-ui, sans-serif;--font-data:"Atkinson Hyperlegible Mono", monospace;--color-bg:#f4f0e8;--color-surface:#fffcf5;--color-surface-soft:#eae4d8;--color-border:#c9c0b2;--color-control-border:#8a8175;--color-text:#1d252c;--color-muted:#5e676e;--color-accent:#2447a8;--color-accent-strong:#19378d;--color-accent-soft:#dde5fa;--color-on-action:#fff;--color-correct:#1f6f50;--color-correct-surface:#e2f2e8;--color-incorrect:#a62f3e;--color-incorrect-surface:#f8e4e6;--color-warning:#7a4600;--color-warning-surface:#fff0d2;--color-focus:#2447a8;--color-focus-inner:#fffcf5;--radius-sm:.25rem;--radius-md:.25rem;--space-page:clamp(1rem, 4vw, 3rem);background:#f4f0e8;font-family:Atkinson Hyperlegible Next,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color:#dce4f6;--color-bg:#13171a;--color-surface:#1b2024;--color-surface-soft:#232a2f;--color-border:#3b444b;--color-control-border:#68747c;--color-text:#dce4f6;--color-muted:#aab4ba;--color-accent:#8ea8ff;--color-accent-strong:#b1c2ff;--color-accent-soft:#27365c;--color-on-action:#13171a;--color-correct:#68d39e;--color-correct-surface:#19382d;--color-incorrect:#ff8e9b;--color-incorrect-surface:#46272d;--color-warning:#f2c66d;--color-warning-surface:#45371c;--color-focus:#8ea8ff;--color-focus-inner:#13171a;background:#13171a}}*{box-sizing:border-box}body{background:var(--color-bg);min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.reference-preview:focus-visible,.file-picker:focus-within{outline:2px solid var(--color-focus-inner);outline-offset:2px;box-shadow:0 0 0 4px var(--color-focus)}.skip-link{z-index:20;border-radius:var(--radius-sm);color:var(--color-on-action);background:var(--color-accent);padding:.65rem .85rem;font-weight:750;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{outline:2px solid var(--color-text);outline-offset:3px;transform:translateY(0)}#root,.app-shell{min-height:100vh}.app-shell{color:var(--color-text);font-family:var(--font-ui)}.font-serif{font-family:Georgia,Times New Roman,serif}.font-mono{font-family:var(--font-data)}.focus-mode .app-content{align-content:center;min-height:100vh;padding-top:2rem;padding-bottom:2rem;display:grid}.app-header{z-index:10;padding:.85rem var(--space-page);border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:2rem;display:flex;position:sticky;top:0}.connectivity-status{border:1px solid var(--color-warning);border-radius:var(--radius-sm);width:min(64rem,100% - 2rem);color:var(--color-warning);background:var(--color-warning-surface);justify-content:center;align-items:center;gap:.5rem;margin:1rem auto 0;padding:.75rem 1rem;font-size:.82rem;display:flex}.connectivity-status span{color:inherit}.brand{color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.7rem;padding:0;display:inline-flex}.brand-mark{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);place-items:center;width:2.5rem;height:2.5rem;display:grid}.brand-mark img,.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.02em;font-size:1rem}.brand small{color:var(--color-muted);margin-top:.1rem;font-size:.7rem;font-weight:500}.app-navigation{gap:1.25rem;display:flex}.app-navigation button{color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:.4rem;padding:.6rem 0;font-size:.9375rem;font-weight:600;display:inline-flex}.app-navigation button:hover{color:var(--color-accent)}.app-navigation button.active{border-bottom-color:var(--color-accent);color:var(--color-accent)}.icon{flex:none;display:block}.app-content{width:min(70rem,100% - 2rem);margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) 0}.preview-banner{color:#173f62;text-align:center;background:#eef6ff;border-bottom:1px solid #b8d8f5;justify-content:center;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.preview-banner span{font-size:.9rem}.preview-tour-button,.preview-tutorial-skip{color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;border-radius:0;padding:.15rem 0;font-weight:700}.preview-tour-button{flex:none}.app-shell.tutorial-open{padding-right:clamp(20rem,36vw,26rem)}.preview-tutorial-panel{z-index:20;border-left:1px solid var(--color-border);width:clamp(20rem,36vw,26rem);height:100vh;color:var(--color-text);background:var(--color-surface);position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-.75rem 0 2rem #00000024}.preview-tutorial-header,.preview-tutorial-actions,.preview-tutorial-navigation{align-items:center;display:flex}.preview-tutorial-header{justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem 0}.preview-tutorial-header strong{color:var(--color-accent);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}.preview-tutorial-header p{color:var(--color-muted);font-family:var(--font-data);margin:.2rem 0 0;font-size:.75rem}.preview-tutorial-close{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;color:var(--color-muted);cursor:pointer;background:0 0;flex:none;place-items:center;padding:0;display:grid}.preview-tutorial-close span{font-size:1.5rem;line-height:1}.preview-tutorial-close:hover,.preview-tutorial-skip:hover{color:var(--color-accent)}.preview-tutorial-body{padding:clamp(1.5rem,6vw,2.25rem) 1.25rem}.preview-tutorial-body h2{margin:0;font-size:clamp(1.75rem,6vw,2.25rem);line-height:1.15}.preview-tutorial-body h2:focus{outline:none}.preview-tutorial-body p{color:var(--color-muted);margin:.85rem 0 1.5rem;line-height:1.65}.preview-tutorial-copy-action{flex-wrap:wrap;align-items:center;gap:.75rem;margin:-.25rem 0 1.5rem;display:flex}.preview-tutorial-copy-action p{color:var(--color-accent);margin:0;font-size:.8rem;line-height:1.4}.preview-tutorial-copy-action [role=alert]{color:var(--color-incorrect)}.preview-tutorial-body progress{appearance:none;background:var(--color-border);border:0;border-radius:999px;width:100%;height:.35rem;overflow:hidden}.preview-tutorial-body progress::-webkit-progress-bar{background:var(--color-border)}.preview-tutorial-body progress::-webkit-progress-value{background:var(--color-accent)}.preview-tutorial-body progress::-moz-progress-bar{background:var(--color-accent)}.preview-tutorial-actions{border-top:1px solid var(--color-border);background:var(--color-surface-soft);justify-content:space-between;gap:1rem;padding:1rem 1.25rem 1.25rem}.preview-tutorial-skip{color:var(--color-muted)}.preview-tutorial-navigation{gap:.6rem}.preview-unavailable{background:#f7f9fb;border:1px solid #d7e0e8;border-radius:.75rem;padding:1.25rem}h1{letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(2.25rem,5vw,2.5rem);font-weight:700;line-height:1.1}h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}.lede{max-width:68ch;color:var(--color-muted);margin:0 0 2rem;font-size:1.1rem;line-height:1.6}.status-card{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);max-width:32rem;padding:1.25rem 0}.status-card h2{margin-top:0}.status-card button{border-radius:var(--radius-sm);color:var(--color-on-action);background:var(--color-accent);cursor:pointer;border:0;padding:.65rem 1rem;font-weight:750}.status-card button:hover{background:var(--color-accent-strong)}.primary-button{border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-on-action);background:var(--color-accent);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1rem;font-weight:750;display:inline-flex}.primary-button:hover{background:var(--color-accent-strong)}.secondary-button{border:1px solid var(--color-control-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;background:0 0;padding:.65rem .85rem;font-size:.8125rem;font-weight:600}.secondary-button:hover{border-color:var(--color-accent)}.danger-button{border:1px solid var(--color-incorrect);border-radius:var(--radius-sm);color:var(--color-incorrect);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.4rem;padding:.65rem .8rem;font-size:.8125rem;font-weight:600;display:inline-flex}.danger-button:hover{background:var(--color-incorrect-surface)}.library-empty{border:1px dashed var(--color-border);border-radius:var(--radius-sm);text-align:center;background:var(--color-surface);align-content:center;place-items:center;min-height:20rem;padding:2rem;display:grid}.library-empty-icon{border:1px solid var(--color-border);color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-sm);place-items:center;width:4rem;height:4rem;display:grid}.library-empty h2{margin:1rem 0 0}.library-empty p{color:var(--color-muted);margin:.5rem 0 1.25rem}.library-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.library-heading p,.session-note{color:var(--color-muted);font-size:.8rem}.library-heading-actions{gap:.6rem;display:flex}.management-status{border:1px solid var(--color-correct);border-radius:var(--radius-sm);color:var(--color-correct);background:var(--color-correct-surface);margin:0 0 1rem;padding:.7rem .85rem;font-size:.8rem}.management-status-error{border-color:var(--color-incorrect);color:var(--color-incorrect);background:var(--color-incorrect-surface)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:wait;opacity:.55}.library-empty .management-status{margin:0 0 1rem}.library-grid{border-top:1px solid var(--color-border)}.library-card{border-bottom:1px solid var(--color-border);min-width:0;padding:1.4rem 0}.library-card-summary{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.library-card-summary>div{min-width:0}.question-count{color:var(--color-muted);flex:none;font-size:.875rem;font-weight:600}.library-card h2{overflow-wrap:anywhere;margin:0;font-size:1.375rem;font-weight:650;line-height:1.25}.library-card p{color:var(--color-muted);margin:0;font-size:.8rem}.library-description{max-width:68ch;line-height:1.6;margin-top:.35rem!important}.library-metadata-form{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft);gap:.55rem;max-width:42rem;margin-top:1rem;padding:1rem;display:grid}.library-metadata-form label{font-size:.8125rem;font-weight:650}.library-metadata-form input{border:1px solid var(--color-control-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background:var(--color-bg);font:inherit;padding:.7rem .8rem}.library-metadata-form-actions{justify-content:flex-end;gap:.6rem;margin-top:.35rem;display:flex}.library-metadata{flex-wrap:wrap;gap:.5rem 1.5rem;margin:.85rem 0 0;display:flex}.library-metadata div{gap:.4rem;min-width:0;display:flex}.library-metadata dt{color:var(--color-muted);font-size:.8125rem;font-weight:600}.library-metadata dd{color:var(--color-text);font-family:var(--font-data);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8125rem;overflow:hidden}.question-preview summary{color:var(--color-accent);cursor:pointer;font-size:.875rem;font-weight:600}.question-preview ol{border-left:2px solid var(--color-border);gap:.65rem;max-height:14rem;margin:.85rem 0 0;padding:.5rem .5rem .5rem 2rem;display:grid;overflow-y:auto}.question-preview li{color:var(--color-muted);padding-left:.25rem;font-size:.875rem;line-height:1.55}.library-card-footer{justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:1rem;display:flex}.library-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.quiz-statistics-dialog{border:1px solid var(--color-border);width:min(42rem,100% - 2rem);max-height:calc(100vh - 2rem);color:var(--color-text);background:var(--color-surface);font:inherit;border-radius:.5rem;padding:0;overflow:auto;box-shadow:0 1.5rem 4rem #00000073}.quiz-statistics-dialog::backdrop{background:#13171ab8}.quiz-statistics-content{padding:clamp(1.25rem,5vw,2rem)}.quiz-statistics-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.quiz-statistics-header>div{min-width:0}.quiz-statistics-header .secondary-button{flex:none}.quiz-statistics-header h2,.quiz-statistics-header p,.quiz-statistics-note,.quiz-statistics-state p{margin:0}.quiz-statistics-header h2{overflow-wrap:anywhere;margin:0;font-size:1.375rem}.quiz-statistics-summary{margin-top:1.5rem}.quiz-statistics-note,.quiz-statistics-state{color:var(--color-muted);font-size:.82rem;line-height:1.55}.quiz-statistics-state{justify-items:start;gap:1rem;padding:2rem 0;display:grid}.quiz-statistics-history-title{margin:2rem 0 1rem;font-size:1.1rem}.session-note{margin:1rem 0 0}.desktop-status{margin-top:2rem}.quiz-session{width:min(54rem,100%);margin:0 auto}.quiz-preferences{justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.quiz-preferences button[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent)}.quiz-session-header{margin-bottom:2rem}.quiz-session-header h1{font-size:clamp(1.5rem,3vw,2rem)}.quiz-session-header .secondary-button{margin-bottom:2rem}.quiz-session-header h1:focus,.quiz-question h2:focus{outline:none}.quiz-progress-summary{justify-content:space-between;align-items:center;gap:1rem;display:flex}.quiz-progress-summary p{margin:0}.quiz-progress-summary p:last-child{color:var(--color-muted);font-family:var(--font-data);font-size:.8125rem}.quiz-progress-summary strong{color:var(--color-accent)}.quiz-progress{appearance:none;background:var(--color-border);border:0;width:100%;height:.1875rem;margin:.75rem 0 1.25rem}.quiz-progress::-webkit-progress-bar{background:var(--color-border)}.retention-progress::-webkit-progress-bar{background:var(--color-border)}.quiz-progress::-webkit-progress-value{background:var(--color-accent)}.retention-progress::-webkit-progress-value{background:var(--color-accent)}.quiz-progress::-moz-progress-bar{background:var(--color-accent)}.retention-progress::-moz-progress-bar{background:var(--color-accent)}.quiz-question{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:clamp(1.5rem,5vw,2.5rem) clamp(1rem,4vw,2rem)}.quiz-question-position{color:var(--color-muted);font-family:var(--font-data);margin:0;font-size:.8125rem}.question-type{color:var(--color-muted);margin:0;font-size:.8125rem;font-weight:600}.quiz-question h2{max-width:68ch;margin:.75rem 0 1.5rem;font-size:clamp(1.875rem,4vw,2.125rem);font-weight:650;line-height:1.25}.quiz-answer-list{border:0;gap:0;min-width:0;margin:0;padding:0;list-style:none;display:grid}.quiz-answer-list legend{color:var(--color-muted);margin-bottom:.75rem;font-size:.875rem}.quiz-answer-list li,.quiz-answer-option{border:0;border-top:1px solid var(--color-border);color:var(--color-text);background:0 0;border-radius:0;padding:1rem .25rem;font-size:1.125rem;line-height:1.5}.quiz-answer-option:last-child{border-bottom:1px solid var(--color-border)}.quiz-answer-option{cursor:pointer;align-items:center;gap:.75rem;display:flex}.quiz-answer-option:hover{background:var(--color-accent-soft)}.quiz-answer-option.selected{background:var(--color-accent-soft);box-shadow:inset 3px 0 0 var(--color-accent)}.quiz-answer-option input{appearance:none;border:2px solid var(--color-control-border);background:var(--color-surface);border-radius:0;width:1.125rem;height:1.125rem;margin:0}.quiz-answer-option input[type=radio]{border-radius:50%}.quiz-answer-option input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.quiz-answer-option input:checked{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 3px var(--color-surface)}.quiz-answer-list:disabled .quiz-answer-option{cursor:default;pointer-events:none}.quiz-answer-option.correct{color:var(--color-correct);background:var(--color-correct-surface);box-shadow:inset 3px 0 0 var(--color-correct)}.quiz-answer-option.incorrect{color:var(--color-incorrect);background:var(--color-incorrect-surface);box-shadow:inset 3px 0 0 var(--color-incorrect)}.quiz-answer-option.correct input{border-color:var(--color-correct);background:var(--color-correct)}.quiz-answer-option.incorrect input{border-color:var(--color-incorrect);background:var(--color-incorrect)}.answer-option-result{color:var(--color-correct);margin-left:auto;font-size:.8125rem;font-weight:700}.quiz-answer-option.correct .answer-option-result:before{content:"✓ "}.quiz-answer-option.incorrect .answer-option-result{color:var(--color-incorrect)}.quiz-answer-option.incorrect .answer-option-result:before{content:"× "}.quiz-answer-actions{gap:1rem;margin-top:1.25rem;display:grid}.quiz-answer-actions .primary-button{justify-self:start}.quiz-check-button:disabled{cursor:not-allowed}.answer-feedback{border-left:3px solid var(--color-correct);color:var(--color-correct);background:var(--color-correct-surface);margin:0;padding:.75rem 1rem;line-height:1.5}.answer-feedback:focus{outline:2px solid var(--color-focus-inner);outline-offset:2px;box-shadow:0 0 0 4px var(--color-focus)}.answer-feedback.incorrect{border-color:var(--color-incorrect);color:var(--color-incorrect);background:var(--color-incorrect-surface)}.answer-explanation{padding:.25rem 0}.answer-explanation h3{margin:0;font-size:1rem}.answer-explanation p{max-width:68ch;color:var(--color-muted);margin:.4rem 0 0;font-size:1.0625rem;line-height:1.65}.mnemonic-generator{border-top:1px solid var(--color-border);gap:.75rem;padding:1rem 0 0;display:grid}.mnemonic-generator h3,.mnemonic-generator p{margin:0}.mnemonic-generator>p,.mnemonic-generator label{color:var(--color-muted);font-size:.82rem}.mnemonic-generator-controls{gap:.75rem;display:flex}.mnemonic-generator-controls input{border:1px solid var(--color-control-border);border-radius:var(--radius-md);min-width:0;color:var(--color-text);background:var(--color-bg);font:inherit;flex:1;padding:.75rem .85rem}.mnemonic-generation-status{min-height:1.5rem}.mnemonic-generation-status>p{color:var(--color-muted);font-size:.82rem}.mnemonic-generation-status>[role=alert]{color:var(--color-incorrect)}.mnemonic-generation-status>div{border-left:3px solid var(--color-accent);background:var(--color-accent-soft);padding:.85rem}.mnemonic-generation-status>div p{margin:.35rem 0 0;line-height:1.55}.mnemonic-save-status{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.mnemonic-generation-status>div .mnemonic-save-status p{color:var(--color-muted);margin:0;font-size:.82rem}.mnemonic-generation-status>div .mnemonic-save-status [role=alert]{color:var(--color-incorrect)}.quiz-question-navigation{justify-content:flex-end;display:flex}.quiz-summary{width:min(42rem,100%);margin:0 auto}.quiz-summary h1{font-size:clamp(2.25rem,5vw,2.5rem)}.quiz-summary-title{color:var(--color-muted);margin:.5rem 0 0;font-size:1.125rem}.quiz-summary h1:focus{outline:none}.quiz-summary-score{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0 1rem;display:grid}.quiz-summary-score>div{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);gap:.4rem;padding:1rem 0;display:grid}.quiz-summary-score dt,.quiz-summary-message{color:var(--color-muted)}.quiz-summary-score dd{color:var(--color-accent);gap:.4rem;margin:0;font-size:1.5rem;font-weight:750;display:grid}.quiz-summary-score strong{font-size:inherit}.quiz-summary-score small{color:var(--color-muted)}.retention-progress{appearance:none;background:var(--color-border);border:0;width:100%;height:.1875rem}.quiz-attempt-save-status{min-height:2.5rem;margin-top:1.5rem}.quiz-attempt-save-status p{margin:0}.quiz-attempt-save-status [role=alert]{color:var(--color-incorrect);justify-content:space-between;align-items:center;gap:1rem;display:flex}.quiz-answer-review{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.5rem}.quiz-answer-review h2{margin:0;font-size:1.25rem}.quiz-answer-review-list{border-top:1px solid var(--color-border);gap:0;margin:1rem 0 0;padding:0;list-style:none;display:grid}.quiz-answer-review-item{border-bottom:1px solid var(--color-border);border-left:3px solid var(--color-border);padding:1rem 0 1rem 1rem}.quiz-answer-review-item.correct{border-left-color:var(--color-correct)}.quiz-answer-review-item.incorrect{border-left-color:var(--color-incorrect)}.quiz-answer-review-status{color:var(--color-correct);margin:0 0 .4rem;font-size:.8125rem;font-weight:700}.quiz-answer-review-item.correct .quiz-answer-review-status:before{content:"✓ "}.quiz-answer-review-item.incorrect .quiz-answer-review-status{color:var(--color-incorrect)}.quiz-answer-review-item.incorrect .quiz-answer-review-status:before{content:"× "}.quiz-answer-review-item h3{margin:0;font-size:1rem;line-height:1.5}.quiz-answer-review-answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 0;display:grid}.quiz-answer-review-answers>div{border-top:1px solid var(--color-border);padding:.75rem 0}.quiz-answer-review-answers dt{color:var(--color-muted);font-size:.72rem}.quiz-answer-review-answers dd{overflow-wrap:anywhere;margin:.3rem 0 0;line-height:1.45}.quiz-answer-review-explanation,.quiz-answer-review-empty{color:var(--color-muted);margin:1rem 0 0;line-height:1.55}.quiz-answer-review-mnemonic{border-left:3px solid var(--color-accent);background:var(--color-accent-soft);margin:1rem 0 0;padding:.75rem 1rem;line-height:1.55}.quiz-summary-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.quiz-history-list{border-top:1px solid var(--color-border);gap:0;margin:0;padding:0;list-style:none;display:grid}.quiz-history-card{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 0;display:flex}.quiz-history-card h3,.quiz-history-card p{margin:0}.quiz-history-card h3{font-size:1.05rem}.quiz-history-score{text-align:right;flex:none;gap:.2rem;display:grid}.quiz-history-score strong{color:var(--color-accent);font-size:1.35rem}.quiz-history-score span{color:var(--color-muted);font-size:.72rem}.quiz-history-score .retention-progress{width:8rem}.narrow-page{width:min(42rem,100%);margin:0 auto}.settings-card{border-top:1px solid var(--color-border);gap:.75rem;margin-top:1.5rem;padding:1.5rem 0;display:grid}.settings-card+.settings-card{margin-top:0}.settings-card h2,.settings-card>p{margin:0}.settings-card>p{color:var(--color-muted);font-size:.82rem;line-height:1.55}.settings-card label{margin-top:.35rem;font-size:.875rem;font-weight:650}.settings-card select,.settings-card input[type=password]{border:1px solid var(--color-control-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background:var(--color-bg);font:inherit}.settings-card select{padding:.75rem 2rem .75rem .85rem}.settings-card input[type=password]{padding:.75rem .85rem}.settings-key-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.settings-toggle{cursor:pointer;align-items:flex-start;gap:.75rem;display:flex}.settings-toggle input{width:1rem;height:1rem;accent-color:var(--color-accent);margin:.15rem 0 0}.settings-toggle span,.settings-toggle small{display:block}.settings-toggle small{color:var(--color-muted);margin-top:.25rem;font-size:.75rem;font-weight:500;line-height:1.5}.settings-security-list{color:var(--color-muted);gap:.5rem;margin:0;padding-left:1.2rem;font-size:.82rem;line-height:1.55;display:grid}.settings-security-list strong{color:var(--color-text)}.settings-privacy{color:var(--color-muted);margin:.35rem 0 0;font-size:.82rem;line-height:1.55}.drop-zone{border:1px dashed var(--color-border);border-radius:var(--radius-sm);text-align:center;background:var(--color-surface);justify-items:center;gap:1.25rem;min-height:24rem;padding:clamp(2rem,7vw,3.5rem) 2rem;display:grid}.drop-zone.dragging,.drop-zone.success{border-color:var(--color-accent);background-color:var(--color-accent-soft)}.drop-zone-icon{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:4.5rem;height:4.5rem;color:var(--color-accent);background:var(--color-accent-soft);place-items:center;display:grid}.drop-zone h2{margin:0}.drop-zone p{max-width:28rem;color:var(--color-muted);margin:.5rem 0 0;line-height:1.5}.file-picker{border:1px solid var(--color-control-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface-soft);cursor:pointer;padding:.7rem 1rem;font-weight:700}.file-picker:hover{border-color:var(--color-accent)}.file-picker input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.import-status{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:min(32rem,100%);min-height:3.25rem;padding:.75rem 1rem}.import-status p{margin:0}.import-status [role=alert]{color:var(--color-incorrect)}.import-divider{color:var(--color-muted);align-items:center;gap:1rem;margin:2rem 0;font-size:.75rem;font-weight:750;display:flex}.import-divider:before,.import-divider:after{background:var(--color-border);content:"";flex:1;height:1px}.quiz-generator{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:2rem 0}.quiz-generator header h2{margin:.35rem 0 .5rem;font-size:1.5rem}.quiz-generator header>p:last-child,.field-hint,.generated-quiz>p{color:var(--color-muted);line-height:1.55}.quiz-generator header>p:last-child{margin:0;font-size:.82rem}.generation-form{gap:.65rem;margin-top:1.5rem;display:grid}.generation-form label{margin-top:.35rem;font-size:.875rem;font-weight:650}.generation-options{grid-template-columns:minmax(0,1fr) 8rem;gap:.75rem;margin-top:.35rem;display:grid}.generation-options>div{gap:.65rem;display:grid}.source-options{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.source-options button{border:0;border-right:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;background:0 0;padding:.6rem .75rem;font-weight:650}.source-options button:last-child{border-right:0}.source-options button[aria-pressed=true]{color:var(--color-on-action);background:var(--color-accent)}.source-options button:disabled{cursor:wait;opacity:.55}.generation-form textarea,.generation-form input,.generation-form select{border:1px solid var(--color-control-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background:var(--color-bg);font:inherit}.generation-form textarea{resize:vertical;min-height:12rem;padding:.9rem;line-height:1.55}.generation-form input{padding:.75rem .85rem}.generation-form select{padding:.75rem 2rem .75rem .85rem}.generation-form textarea::placeholder,.generation-form input::placeholder{color:var(--color-muted)}.field-hint{margin:0;font-size:.72rem}.offline-hint{color:var(--color-warning);margin:.25rem 0 0;font-size:.8rem;line-height:1.5}.character-count{justify-self:end}.generation-form .primary-button{justify-self:start;margin-top:.5rem}.generation-status{margin-top:1rem}.generation-status>p{border-left:3px solid var(--color-accent);color:var(--color-text);background:var(--color-accent-soft);margin:0;padding:.8rem;font-size:.8rem}.generation-status>[role=alert]{border-color:var(--color-incorrect);color:var(--color-incorrect);background:var(--color-incorrect-surface)}.generation-progress{border-left:3px solid var(--color-accent);background:var(--color-accent-soft);align-items:center;gap:.75rem;padding:.8rem;display:flex}.generation-progress p{margin:0}.generation-progress progress{width:min(14rem,40vw)}.generation-quality-message{border-left:3px solid var(--color-accent);background:var(--color-accent-soft);padding:.75rem}.generated-quiz{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:1rem 0}.generated-quiz-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.generated-quiz-heading h3{margin:.25rem 0 0}.generated-quiz-heading>span{color:var(--color-accent);flex:none;font-size:.72rem;font-weight:750}.generated-question-list{border-left:2px solid var(--color-border);background:0 0;gap:.55rem;max-height:16rem;margin:1rem 0;padding:.85rem .85rem .85rem 2.25rem;display:grid;overflow-y:auto}.generated-question-list>li{color:var(--color-muted);padding-left:.25rem;font-size:.8rem;line-height:1.45}.generated-question-list summary{color:var(--color-text);cursor:pointer;font-weight:700}.generated-question-list ul{gap:.35rem;margin:.75rem 0;padding-left:1.25rem;display:grid}.generated-question-list details>p{color:var(--color-muted);margin:.75rem 0 0}.generated-question-list .correct-answer{color:var(--color-correct)}.generated-quiz-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.generated-quiz .draft-note{color:var(--color-accent);margin:0;font-size:.75rem}.generated-quiz .save-error{color:var(--color-incorrect);margin:.75rem 0 0;font-size:.75rem}.external-reference{border-top:1px solid var(--color-border);gap:1rem;margin-top:2rem;padding-top:2rem;display:grid}.external-reference header h2{margin:.35rem 0 .5rem;font-size:1.5rem}.external-reference header>p:last-child,.reference-card-heading p{color:var(--color-muted);margin:0;font-size:.82rem;line-height:1.55}.reference-steps{color:var(--color-muted);gap:.45rem;margin:0;padding-left:1.25rem;font-size:.8rem;line-height:1.55;display:grid}.reference-steps strong{color:var(--color-text)}.reference-card{border-top:1px solid var(--color-border);min-width:0;padding:1rem 0}.reference-card-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.reference-card-heading h3{margin:0 0 .25rem;font-size:1rem}.reference-card-heading .secondary-button{flex:none}.reference-preview{border:1px solid var(--color-control-border);border-radius:var(--radius-sm);max-height:20rem;color:var(--color-text);background:var(--color-surface);font-family:var(--font-data);white-space:pre-wrap;margin:0;padding:.9rem;font-size:.7rem;line-height:1.55;overflow:auto}.copy-feedback{min-height:1.1rem;margin-top:.6rem;font-size:.75rem}.copy-feedback p{color:var(--color-accent);margin:0}.copy-feedback [role=alert]{color:var(--color-incorrect)}@media (width<=40rem){.app-header{flex-direction:column;align-items:stretch;gap:.8rem}.app-navigation{overflow-x:auto}.app-navigation button{flex:1 0 auto;justify-content:center}.connectivity-status{flex-direction:column;align-items:flex-start}.preview-banner{flex-wrap:wrap}.preview-tutorial-actions{flex-direction:column;align-items:stretch}.preview-tutorial-skip{align-self:flex-start}.preview-tutorial-navigation{grid-template-columns:1fr 1fr;display:grid}.quiz-preferences{flex-direction:column;align-items:stretch}.quiz-summary-score,.quiz-answer-review-answers{grid-template-columns:1fr}.mnemonic-generator-controls{flex-direction:column;align-items:stretch}.quiz-history-card{flex-direction:column;align-items:flex-start}.quiz-history-score{text-align:left}.quiz-attempt-save-status [role=alert]{flex-direction:column;align-items:flex-start}.library-grid{grid-template-columns:1fr}.library-card-footer{flex-direction:column;align-items:stretch}.library-card-actions{justify-content:flex-start}.library-heading{flex-direction:column;align-items:stretch}.library-heading-actions{flex-wrap:wrap}.reference-card-heading{flex-direction:column;align-items:stretch}.reference-card-heading .secondary-button{align-self:flex-start}.generation-options{grid-template-columns:1fr}.generated-quiz-actions{flex-direction:column;align-items:stretch}}@media (width<=52rem){.app-shell.tutorial-open{padding-right:0}.preview-tutorial-panel{border-bottom:1px solid var(--color-border);width:auto;height:auto;max-height:none;box-shadow:none;border-left:0;position:static}.preview-tutorial-panel-copy{z-index:20;position:sticky;top:0}.tutorial-open .preview-banner span,.tutorial-open .preview-tour-button{display:none}.preview-tutorial-header{padding:.85rem 1rem 0}.preview-tutorial-body{padding:1rem}.preview-tutorial-body h2{font-size:1.5rem}.preview-tutorial-body p{margin:.6rem 0 1rem;line-height:1.45}.preview-tutorial-copy-action{margin:0 0 1rem}.preview-tutorial-actions{flex-direction:row;align-items:center;padding:.75rem 1rem 1rem}.preview-tutorial-skip{align-self:auto}.preview-tutorial-navigation{display:flex}.preview-tutorial-navigation .primary-button,.preview-tutorial-navigation .secondary-button{padding:.6rem .75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}