:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#efedf7;--color-background:#f6f4ff;--color-surface:#fff;--color-text:#272344;--color-muted:#706b83;--color-accent:#6b55d5;--color-accent-strong:#55449f;--color-border:#dedbe9;--color-action:#191919;--color-on-action:#fff;--color-question:#fff;--color-answer:#d0f0e5;--color-error:#a52838;--category-lavender:#ddd5ff;--category-mint:#d0f0e5;--category-peach:#ffe6c7;--category-blue:#daebff;--category-pink:#ffd7e3;--category-yellow:#fff0b8;--category-aqua:#d0f2f2;--category-gray:#e5e5ed;--category-periwinkle:#cbd5ff;--category-orchid:#f1d4fa;--category-apricot:#f9d7c2;--category-sage:#cde6c8;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-caption:.875rem;--text-body:1rem;--text-subtitle:1.125rem;--text-title:clamp(1.75rem, 5.6vw, 2.25rem);--card-text-small:22px;--card-text-medium:30px;--card-text-large:42px;--card-text-extra-large:56px;--card-text-2x-large:72px;--card-text-3x-large:88px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-small:12px;--radius-medium:18px;--radius-large:24px;--radius-shell:28px;--radius-pill:999px;--touch-target:48px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#14121d;--color-background:#201d30;--color-surface:#2c283e;--color-text:#f4f0ff;--color-muted:#bcb5d0;--color-accent:#c3b5ff;--color-accent-strong:#d4c8ff;--color-border:#49425e;--color-action:#eee8ff;--color-on-action:#211c32;--color-question:#2c283e;--color-answer:#204a40;--color-error:#ffadb8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#14121d;--color-background:#201d30;--color-surface:#2c283e;--color-text:#f4f0ff;--color-muted:#bcb5d0;--color-accent:#c3b5ff;--color-accent-strong:#d4c8ff;--color-border:#49425e;--color-action:#eee8ff;--color-on-action:#211c32;--color-question:#2c283e;--color-answer:#204a40;--color-error:#ffadb8}}*{box-sizing:border-box}body{background:var(--color-canvas);color:var(--color-text);font:var(--text-body)/1.5 var(--font-family);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}svg{flex-shrink:0}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}button,a{overflow-wrap:anywhere}h1,h2,p{margin:0}h1{font-size:var(--text-title);letter-spacing:-.035em;font-weight:700;line-height:1.2}h2{font-size:1.25rem;line-height:1.35}h1,h2,h3,.modal p{overflow-wrap:anywhere}.breadcrumbs>*{overflow-wrap:anywhere;min-width:0}.app-shell{width:min(100%,620px);min-height:calc(100dvh - 48px);padding:var(--space-6);background:var(--color-background);border-radius:var(--radius-shell);flex-direction:column;margin:24px auto;display:flex}.app-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);display:flex}.brand{align-items:center;gap:var(--space-3);min-width:0;font-size:clamp(1.05rem,4.6vw,1.4rem);font-weight:700;line-height:1.2;text-decoration:none;display:flex}.brand__icon{border-radius:var(--radius-medium);color:#fff;background:#6b55d5;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.icon-button{width:var(--touch-target);height:var(--touch-target);color:var(--color-muted);border-radius:var(--radius-small);background:0 0;border:0;place-items:center;display:inline-grid}.global-menu{position:relative}.menu-panel{z-index:10;width:min(310px,100vw - 48px);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-medium);position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #18102e1a}.menu-panel a{align-items:center;gap:var(--space-3);min-height:var(--touch-target);padding:var(--space-3);border-radius:var(--radius-small);text-decoration:none;display:flex}.menu-panel svg{width:20px;color:var(--color-accent)}.menu-panel a:hover{background:var(--color-background)}main{flex:1;min-width:0}.page-heading{margin-bottom:var(--space-6)}.page-heading p{margin-top:var(--space-2);font-size:var(--text-subtitle);color:var(--color-muted)}.surface{border-radius:var(--radius-large);background:var(--color-surface);padding:var(--space-6)}.empty-library{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-10) var(--space-6);flex-direction:column;display:flex}.empty-library p{max-width:28ch;color:var(--color-muted)}.icon-tile{border-radius:var(--radius-medium);color:#55449f;flex-shrink:0;place-items:center;width:60px;height:60px;display:inline-grid}.icon-tile--lavender{background:var(--category-lavender)}.icon-tile--mint{background:var(--category-mint)}.icon-tile--peach{background:var(--category-peach)}.icon-tile--white{background:#fff}.foundation-badge{font-size:var(--text-caption);color:var(--color-accent-strong);background:var(--color-background);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4)}.navigation-row{align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--row-color,var(--category-lavender));color:#272344;border-radius:var(--radius-large);min-height:112px;text-decoration:none;display:flex}.navigation-row__copy{gap:var(--space-1);min-width:0;display:grid}.navigation-row strong{font-size:1.2rem;font-weight:650}.navigation-row__copy>span{color:#5f596e}.navigation-row__chevron{color:#706b83;margin-left:auto}.button{justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--touch-target);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:1px solid #0000;width:100%;font-weight:600;line-height:1.4;text-decoration:none;display:flex}.button--primary{background:var(--color-action);color:var(--color-on-action)}.button--secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.back-link{align-items:center;gap:var(--space-2);min-height:var(--touch-target);color:var(--color-muted);margin:-12px 0 var(--space-4);text-decoration:none;display:inline-flex}.breadcrumbs{align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-caption);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.breadcrumbs a{min-height:var(--touch-target);align-items:center;display:inline-flex}.stage-notice{margin-bottom:var(--space-6)}.stage-notice p{margin:var(--space-3) 0}.eyebrow{font-size:var(--text-caption);color:var(--color-accent-strong);font-weight:650}.muted{color:var(--color-muted)}.segmented-nav{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.segmented-nav a{min-height:var(--touch-target);padding:var(--space-2) var(--space-6);color:var(--color-muted);border-radius:var(--radius-pill);place-items:center;text-decoration:none;display:grid}.segmented-nav a.active{background:var(--color-surface);color:var(--color-text);font-weight:650}.app-footer{justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--color-border);margin-top:var(--space-8);padding-top:var(--space-6);color:var(--color-muted);font-size:var(--text-caption);flex-wrap:wrap;display:flex}.skip-link{z-index:20;top:-100px;left:var(--space-4);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-small);position:fixed}.skip-link:focus{top:var(--space-4)}.flashcard-content{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;max-width:100%}@media (max-width:480px){body{background:var(--color-background)}.app-shell{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));border-radius:0;margin:0 auto}.surface{padding:var(--space-5)}.empty-library{padding:var(--space-10) var(--space-5)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.record-list{gap:20px;margin:20px 0;padding:0;list-style:none;display:grid}.record-list>li{min-width:0}.record-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;margin:4px 0 8px;display:flex}.record-actions .icon-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-accent-strong)}.record-actions .icon-button:disabled{opacity:.35}.navigation-row{color:var(--row-ink,#272344)}.navigation-row__copy>span,.navigation-row__chevron{color:inherit}.section-actions{margin:20px 0}label{color:var(--color-text);gap:8px;min-width:0;font-weight:600;display:grid}input,textarea,select{border:1px solid var(--color-border);background:var(--color-background);width:100%;min-width:0;min-height:48px;color:var(--color-text);border-radius:12px;padding:12px;font-size:16px;font-weight:400}textarea{resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere}.form-hint{color:var(--color-muted);font-size:var(--text-caption);overflow-wrap:anywhere;margin:12px 0}.example-options{font-size:var(--text-caption);color:var(--color-muted);margin-top:24px}.example-options summary{cursor:pointer;min-height:48px;color:var(--color-accent-strong);padding:12px 0}.example-options p{margin:8px 0 16px}.storage-error{border:1px solid var(--color-error);border-radius:18px;margin:0 0 24px;padding:16px}.storage-error p{margin:8px 0 16px}.inline-error,.danger-text{color:var(--color-error)!important}.button--danger{background:var(--color-error);color:var(--color-surface)}.modal{border:1px solid var(--color-border);background:var(--color-surface);width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--color-text);border-radius:24px;padding:24px;overflow:auto}.modal::backdrop{background:#17122780}.modal h2{margin-bottom:20px}.modal form{gap:16px;display:grid}.modal>.button,.modal .inline-error{margin-top:16px}.card-filters{gap:16px;margin:24px 0 16px;display:grid}.card-text,.card-snippet{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 20px}.card-snippet{max-height:160px;overflow:auto}.card-actions{flex-wrap:wrap;gap:8px;display:flex}.card-actions .button{flex:110px;width:auto}.deck-summary{background:var(--category-lavender);color:#272344;text-align:center;overflow-wrap:anywhere;border-radius:18px;justify-items:center;gap:12px;margin-bottom:24px;padding:24px;display:grid}.app-footer small{flex-basis:100%}@media (max-width:360px){.navigation-row{gap:12px;padding:16px}.navigation-row .icon-tile{width:48px;height:48px}.navigation-row strong{font-size:1.05rem}.modal{padding:20px}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.study-entry{margin:16px 0}.study-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.study-topbar .back-link{margin:-12px 0 12px}.study-topbar output{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:1.125rem}.study-progress{background:var(--color-border);border-radius:999px;height:7px;overflow:hidden}.study-progress>span{border-radius:inherit;background:var(--color-accent);height:100%;display:block}.study-mode{color:var(--color-accent-strong);text-align:center;justify-content:center;align-items:center;gap:8px;margin:18px 0;display:flex}.study-card{border:1px solid var(--color-border);border-radius:var(--radius-large);width:100%;min-width:0;min-height:clamp(300px,45dvh,480px);color:var(--color-text);text-align:center;font-family:var(--font-family);touch-action:pan-y pinch-zoom;flex-direction:column;justify-content:center;align-items:center;gap:24px;margin:0;padding:32px 24px;line-height:1.4;display:flex}.study-card--question{background:var(--color-question)}.study-card--answer{background:var(--color-answer)}.study-face-label{border-radius:var(--radius-pill);background:var(--category-lavender);color:#55449f;font-size:var(--text-caption);padding:6px 16px;font-weight:650;display:block}.study-card--answer .study-face-label{background:#ace3d2}.study-copy{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;unicode-bidi:plaintext;width:100%;min-width:0;max-width:100%;font-weight:600;line-height:1.4;display:block}.study-flip-hint{font-size:var(--text-caption);color:var(--color-muted);align-items:center;gap:10px;display:inline-flex}.study-navigation,.study-restart-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:16px;display:grid}.study-restart-controls{margin-top:12px}.study-navigation .button,.study-restart-controls .button{gap:8px;padding:12px 8px}.study-reveal,.study-text-options{margin-top:16px}.study-text-options summary{min-height:48px;color:var(--color-accent-strong);cursor:pointer;padding:12px 4px}.study-help{font-size:var(--text-caption);color:var(--color-muted);text-align:center;margin-top:8px}.text-size-control{border:0;min-width:0;margin:0;padding:0}.text-size-control legend{margin-bottom:16px;font-weight:600}.text-size-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.text-size-options label{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-height:48px;font-size:var(--text-caption);cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-weight:500;display:flex}.text-size-options label:has(input:checked){background:var(--color-background);border-color:var(--color-accent)}.text-size-options input{appearance:auto;accent-color:var(--color-accent);flex-shrink:0;width:18px;height:18px;min-height:18px;padding:0}.text-size-preview{text-align:center;border-radius:var(--radius-large);background:var(--color-background);align-content:center;gap:20px;min-height:200px;margin-top:24px;padding:24px 16px;display:grid}.appearance-settings{margin-bottom:24px}.settings-stack{gap:24px;display:grid}.settings-stack .appearance-settings{margin-bottom:0}.settings-options,.appearance-fieldset{border:0;min-width:0;margin:0;padding:0}.settings-options legend,.appearance-fieldset legend{margin-bottom:16px;font-size:1.1rem;font-weight:650}.settings-options>label{border:1px solid var(--color-border);border-radius:16px;align-items:center;gap:12px;min-height:48px;margin-bottom:8px;padding:12px;font-weight:500;display:flex}.settings-options input{width:18px;height:18px;min-height:18px;accent-color:var(--color-accent);flex-shrink:0;padding:0}.settings-options>label:has(input:checked){border-color:var(--color-accent);background:var(--color-background)}.text-size-pixels{color:var(--color-muted);font-size:.8rem;display:block}.category-form{gap:24px;display:grid}.color-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.color-presets button{border:1px solid var(--color-border);background:var(--color-background);min-height:64px;color:var(--color-text);border-radius:14px;justify-items:center;gap:6px;padding:8px 4px;font-size:.8rem;display:grid}.color-presets button>span{border:1px solid #0003;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.color-presets button[aria-pressed=true],.icon-picker button[aria-pressed=true]{border:2px solid var(--color-accent)}.icon-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.icon-picker button{border:1px solid var(--color-border);min-width:0;min-height:76px;color:var(--color-text);background:var(--color-background);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 4px;font-size:.8rem;display:flex}.icon-picker span{overflow-wrap:anywhere;max-width:100%}.category-preview{gap:12px;min-width:0;display:grid}.category-preview__main{border-radius:18px;align-items:center;gap:16px;min-height:100px;padding:20px;display:flex}.category-preview__main strong{overflow-wrap:anywhere;min-width:0}.category-preview__child{overflow-wrap:anywhere;border-radius:16px;padding:16px}.excel-import{gap:20px;display:grid}.excel-management{gap:28px;display:grid}.backup-management{gap:24px;display:grid}.backup-management h2{margin-bottom:16px}.backup-management input[type=file]{margin-top:8px}.backup-download{gap:12px;margin-top:16px;display:grid}.backup-download .export-download{margin-top:0}.excel-export h2{margin-bottom:16px}.export-download{gap:16px;margin-top:20px;display:grid}.export-download p{overflow-wrap:anywhere}.export-example{border-top:1px solid var(--color-border);margin-top:20px;padding-top:20px}.excel-import h2{margin-bottom:16px}.import-intro{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.import-intro h2{margin-bottom:8px}.import-intro p{line-height:1.5}.excel-import input[type=file]{margin-top:8px;padding:10px;overflow:hidden}.excel-import input[type=file]::file-selector-button{background:var(--category-lavender);color:#272344;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:12px;margin-right:8px;padding:8px 12px}.import-help summary{min-height:48px;color:var(--color-accent-strong);cursor:pointer;padding:12px 0}.import-help p{margin:8px 0;line-height:1.6}.import-totals{background:var(--color-background);border-radius:16px;margin:20px 0;padding:16px;font-weight:600}.import-topics,.import-topics ul,.import-issues{gap:12px;margin:16px 0;padding:0;list-style:none;display:grid}.import-topics>li{background:var(--color-background);border-radius:16px;padding:16px}.import-topics h3{overflow-wrap:anywhere;font-size:1.05rem}.import-topics ul>li{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;display:flex}.import-topics strong,.import-issues li,.import-success p{overflow-wrap:anywhere;white-space:pre-wrap}.import-topics li span{color:var(--color-muted)}.import-issues>li{border:1px solid var(--color-border);border-radius:12px;padding:12px;line-height:1.5}.import-issues p{margin-top:8px}.import-destination{border:0;min-width:0;margin:24px 0;padding:0}.import-destination legend{margin-bottom:16px;font-weight:650}.import-destination>label:has(input[type=radio]){border:1px solid var(--color-border);border-radius:16px;align-items:center;gap:12px;min-height:48px;margin-bottom:8px;padding:12px;font-weight:500;display:flex}.import-destination input[type=radio]{width:18px;height:18px;min-height:18px;accent-color:var(--color-accent);flex-shrink:0;padding:0}.import-destination>label:has(input:checked){border-color:var(--color-accent);background:var(--color-background)}.import-success{border:1px solid var(--color-accent)}.import-success .button{margin-top:16px}.study-complete{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.study-complete>svg{color:var(--color-accent-strong)}.study-complete p{color:var(--color-muted)}.study-empty>.button{margin-top:24px}@media (max-width:360px){.study-card{padding:24px 16px}.study-navigation .button,.study-restart-controls .button{gap:4px;font-size:.875rem}.text-size-options label{gap:6px;padding:8px}}.pwa-notice{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);margin-block:16px;padding:16px}.pwa-notice p{overflow-wrap:anywhere;margin-top:0}