:root{color:#23382d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#fffdf9;--soft:#ebece4;--muted:#58665d;--accent:#285a40;--on-accent:#fff;--warning:#7a352a;--warning-bg:#f9e9e3;--line:#d7dbd0;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f3ed;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8ede4;--surface:#202e25;--soft:#2c3b30;--muted:#b7c4b9;--accent:#b6d5ab;--on-accent:#17281b;--warning:#f5bbb0;--warning-bg:#402e29;--line:#405044;background:#17221c}}*{box-sizing:border-box}body{min-width:280px;margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{background:var(--soft);min-height:48px;color:inherit;cursor:pointer;border:0;border-radius:12px;padding:10px 16px;line-height:1.4}button:hover{filter:brightness(.96)}button:disabled{opacity:.6;cursor:not-allowed}button.primary{background:var(--accent);color:var(--on-accent);font-weight:650}button.again{background:var(--warning-bg);color:var(--warning)}a{color:var(--accent);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input,select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:48px;color:inherit;border-radius:10px;padding:10px 12px}label{gap:6px;margin-block:12px;font-weight:550;display:grid}p{overflow-wrap:anywhere;max-width:65ch;margin:0 0 16px}h1,h2,h3{overflow-wrap:anywhere;line-height:1.2}h1{letter-spacing:-.035em;margin:4px 0 0;font-size:1.9rem}h2{margin:0 0 16px;font-size:1.5rem}h3{margin:0 0 14px;font-size:1.4rem}small{font-size:.8rem}.app-shell{width:100%;max-width:1600px;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 110px max(16px, env(safe-area-inset-left));margin-inline:auto}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.app-header a{align-items:center;min-height:48px;font-size:.875rem;display:inline-flex}.app-header .brand{gap:10px;font:700 1.8rem Georgia,serif;text-decoration:none}.brand span{letter-spacing:-.025em;font:650 1.1rem system-ui,sans-serif}.mock-notice{background:var(--soft);color:var(--muted);border-radius:10px;padding:12px 16px;font-size:.8rem}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 24px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.04em;margin-bottom:8px;font-size:.75rem;font-weight:650}.chip{background:var(--soft);color:var(--muted);border-radius:8px;align-items:center;padding:6px 10px;font-size:.75rem;line-height:1.4;display:inline-flex}.summary{background:var(--soft);border-radius:16px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:24px;padding:16px;display:flex}.summary strong,.summary div>span{display:block}.summary div>span{color:var(--muted);font-size:.8rem}.week{gap:8px;margin-left:auto;display:flex}.week>span{text-align:center;color:var(--muted);font-size:.75rem;display:grid}.week .done{color:var(--accent)}.week small{font-size:.9rem}.learner-layout{align-items:start;gap:24px;display:grid}.session-pane{min-width:0;container-type:inline-size}.session-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:.8rem;display:flex}progress{appearance:none;background:var(--soft);width:100%;height:5px;accent-color:var(--accent);border:0;border-radius:10px;margin-block:10px 20px;display:block}progress::-webkit-progress-bar{background:var(--soft);border-radius:10px}progress::-webkit-progress-value{background:var(--accent);border-radius:10px}.flashcard{background:var(--surface);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;max-width:42rem;min-height:300px;margin-inline:auto;padding:28px 20px;display:flex}.flashcard .lemma{letter-spacing:-.03em;margin:20px 0 14px;font-family:Georgia,serif;font-size:2.75rem}.lemma>span{font-size:.75em;font-weight:400}.flashcard p{color:var(--muted)}.answer{border-top:1px solid var(--line);width:100%;margin-top:12px;padding-top:22px;animation:.16s ease-out reveal}.answer h3{font-size:1.8rem}.answer p{margin-inline:auto}.secondary-text{color:var(--muted);font-size:.9rem}.note{background:var(--soft);border-radius:10px;padding:12px;font-size:.85rem}.session-actions{bottom:calc(76px + env(safe-area-inset-bottom));z-index:2;background:color-mix(in srgb, var(--surface) 96%, transparent);border-radius:16px;margin-top:20px;padding:12px 0;position:sticky;box-shadow:0 8px 28px #00000008}.reveal{width:100%;min-height:56px}.grading-hint{text-align:center;color:var(--muted);margin-bottom:10px;font-size:.8rem}.grading-row{grid-template-columns:1fr 1fr;gap:8px;padding:0 8px;display:grid}.grading-row button{flex-direction:column;justify-content:center;min-width:0;padding:10px;display:flex}.grading-row button span{font-size:.75rem}.grading-row button:first-child{order:0}.grading-row button:nth-child(3){order:1}.grading-row button:nth-child(2){order:2}.grading-row button:nth-child(4){order:3}.today-pane{min-width:0;display:none}.panel{background:var(--surface);border-radius:20px;min-width:0;padding:20px}.word-list{max-width:52rem}.word-list ul{margin:20px 0 0;padding:0;list-style:none}.word-list li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.word-list li div{gap:3px;display:grid}.word-list li div>span{color:var(--muted);font-size:.875rem}.side-list{display:none}.queue-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.queue-heading h2{margin-bottom:8px}.review-status{color:var(--accent)}.review-status:empty{display:none}.review-grid{gap:20px;display:grid}.review-card{flex-direction:column;display:flex;container-type:inline-size}.card-top{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px;display:flex}.review-card h3{font-family:Georgia,serif;font-size:1.85rem}.review-card h3 small{color:var(--muted);font-family:system-ui,sans-serif}.gloss{font-size:1.2rem}.review-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:8px;display:grid}.review-actions button:last-child{grid-column:1/-1}.review-search{max-width:42rem}.inline-edit{width:100%}.inline-edit h3{font-family:system-ui,sans-serif;font-size:1.2rem}del{color:var(--muted);overflow-wrap:anywhere;font-size:.875rem;font-weight:400;display:block}.edit-pickers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.edit-buttons{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.alternatives-dialog{color:inherit;background:var(--surface);padding:24px max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));overscroll-behavior:contain;border:0;border-radius:24px 24px 0 0;width:100%;max-width:none;max-height:88dvh;margin:auto 0 0;overflow-y:auto}.alternatives-dialog::backdrop{background:#0008}.drawer-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.drawer-heading h2{font-size:1.4rem}.drawer-heading button{flex-shrink:0;min-width:48px}.field-tabs{flex-wrap:wrap;gap:8px;display:flex}.field-tabs button{flex:44%;font-size:.9rem}.field-tabs button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.original-value{color:var(--muted);margin-top:20px}.alternative-list{gap:12px;display:grid}.alternative-list button{text-align:left;overflow-wrap:anywhere;gap:8px;padding:16px;display:grid}.alternative-list small{color:var(--muted)}.drawer-footer{border-top:1px solid var(--line);gap:12px;margin-top:24px;padding-top:20px;display:grid}fieldset{border:0;margin:0;padding:0}.check-label{align-items:center;gap:12px;min-height:48px;display:flex}.check-label input{width:24px;height:24px;min-height:24px;accent-color:var(--accent)}.alternatives-dialog form>button{width:100%;margin-top:12px}.shell-footer{color:var(--muted);text-align:center;margin-top:28px;font-size:.75rem}.bottom-nav{z-index:4;padding:8px max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-height:48px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;padding:10px 8px;font-weight:550;text-decoration:none;display:flex}.bottom-nav [aria-current=page]{background:var(--soft);color:var(--accent)}.settings{max-width:42rem}.login-panel{max-width:28rem;margin-inline:auto}.login-panel form>button{width:100%;margin-top:8px}.account-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;min-width:0;max-width:100%;margin-left:auto;display:flex}.account-name{color:var(--muted);overflow-wrap:anywhere;min-width:0;max-width:24ch;font-size:.875rem}.account-controls button{font-size:.875rem}.auth-skeleton{max-width:28rem;margin-inline:auto}.auth-skeleton p{color:var(--muted)}.auth-skeleton div{gap:16px;display:grid}.auth-skeleton span{background:var(--soft);border-radius:10px;height:48px;display:block}.auth-skeleton span:first-child{width:60%;height:16px}.auth-error{color:var(--warning)}.update-banner,.install-banner{background:var(--soft);border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;padding:16px;display:flex}.update-banner p{margin-bottom:0;font-size:.875rem}.debug dl{margin:0}.debug dl>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;padding:12px 0;display:grid}.debug dd{overflow-wrap:anywhere;margin:0}.debug pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--surface);padding:16px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}@keyframes reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=640px){h1{font-size:2.25rem}.app-shell{padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right))}.flashcard{padding:36px}}@media (width>=768px){.learner-layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.today-pane{gap:20px;display:grid}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{border-radius:20px 20px 0 0;width:min(600px,100%);left:50%;right:auto;transform:translate(-50%)}.flashcard{min-height:420px}.session-actions{max-width:42rem;margin-inline:auto;position:static}}@media (width>=1024px){.app-shell{padding-left:max(32px, env(safe-area-inset-left));padding-right:max(32px, env(safe-area-inset-right))}.panel{padding:24px}.summary{gap:32px;padding:20px 24px}}@media (width>=1280px){.side-list{display:block}.today-details{display:none}.learner-layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:40px}.alternatives-dialog{width:480px;max-width:min(600px,46vw);height:100dvh;max-height:100dvh;padding-top:max(28px, env(safe-area-inset-top));border-radius:24px 0 0 24px;margin:0 0 0 auto}}@media (width>=1536px){.review-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (width>=560px){.grading-row{grid-template-columns:1.25fr 1fr 1.25fr 1fr}.grading-row button:nth-child(n){order:initial}}@container (width>=360px){.review-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.review-actions button:last-child{grid-column:auto}}
