:root{color-scheme:dark;--bg: #0b0d0b;--panel: #151815;--panel-2: #1d221e;--text: #f1f4ed;--muted: #98a198;--line: #313731;--accent: #a8e063;--accent-ink: #142008;--good: #74d99a;--bad: #ff8178;--focus: #e8bd68;--visual-viewport-height: 100dvh}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,select{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{width:min(100%,720px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:12px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.topbar,.nav,.card{border:1px solid var(--line);background:var(--panel)}.topbar{min-height:58px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 8px 13px}.brand{min-width:0;display:grid;gap:2px}.brand strong{font-size:15px}.brand span,.tiny{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.icon-button{width:42px;height:42px;flex:0 0 42px;border-radius:8px;display:grid;place-items:center;color:var(--text);background:var(--panel-2);border:1px solid var(--line)}.icon-button:hover{border-color:#515b51}.screen{min-height:0}.quiz{display:grid;gap:12px}.card{border-radius:8px;padding:16px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat{min-height:66px;border-radius:8px;background:var(--panel);border:1px solid var(--line);padding:9px 10px;display:grid;align-content:center;gap:2px}.stat strong{font-size:18px;overflow-wrap:anywhere}.stat span{color:var(--muted);font-size:11px}.prompt-card{min-height:400px;display:grid;grid-template-rows:auto minmax(150px,1fr) auto auto;gap:14px}.prompt-head{min-height:42px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.prompt-meta{min-width:0;display:grid;justify-items:start;gap:6px}.prompt-labels{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.pill,.type-tag,.status-dot{display:inline-flex;align-items:center;border:1px solid var(--line);color:var(--muted);background:var(--panel-2);line-height:1}.pill{min-height:28px;border-radius:999px;padding:5px 9px;font-size:12px;text-transform:capitalize}.direction{color:var(--muted);font-size:12px}.queue-state{min-height:22px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:4px;padding:3px 6px;background:transparent;font-size:11px;line-height:1}.queue-state-unseen{color:var(--focus);border-color:color-mix(in srgb,var(--focus) 38%,var(--line))}.queue-state-learning{color:#91c9ff;border-color:color-mix(in srgb,#91c9ff 35%,var(--line))}.queue-state-mastered{color:var(--good);border-color:color-mix(in srgb,var(--good) 35%,var(--line))}.term{min-width:0;align-self:center;display:grid;justify-items:center;gap:12px;text-align:center}.term h1{width:100%;margin:0;font-size:42px;line-height:1.06;font-weight:760;overflow-wrap:anywhere}.term.term-long h1{font-size:30px;line-height:1.16}.term span{color:var(--muted);font-size:14px}.answer-form{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:8px}.answer-input,.search,.type-select{width:100%;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px}.answer-input{min-width:0;min-height:54px;padding:0 14px;font-size:17px}.answer-input::placeholder,.search::placeholder{color:#707870}.submit-answer{width:52px;min-height:54px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink)}.primary,.secondary,.danger{min-height:48px;border-radius:8px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.primary{width:100%;background:var(--accent);color:var(--accent-ink)}.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}.show-answer{justify-self:center;min-height:40px;background:transparent;border-color:transparent;color:var(--muted);font-size:13px}.danger{width:100%;background:transparent;color:var(--bad);border:1px solid color-mix(in srgb,var(--bad) 45%,transparent)}.feedback{display:grid;gap:13px;padding-top:14px;border-top:1px solid var(--line)}.feedback-status{font-size:14px;font-weight:750}.feedback-good .feedback-status{color:var(--good)}.feedback-bad .feedback-status{color:var(--bad)}.override-answer{min-height:34px;justify-self:start;border:1px solid var(--line);border-radius:6px;padding:0 10px;background:var(--panel-2);color:var(--muted);font-size:12px;font-weight:650}.override-answer:hover{color:var(--text);border-color:var(--muted)}.override-answer:disabled{cursor:wait;opacity:.65}.answer-pair{display:grid;gap:4px}.answer-pair strong{font-size:20px;overflow-wrap:anywhere}.answer-pair span,.your-answer{color:var(--muted);font-size:14px;overflow-wrap:anywhere}.verb-context{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:3px 10px;padding-left:11px;border-left:2px solid var(--accent)}.verb-context span,.verb-context small{color:var(--muted);font-size:12px}.verb-context strong{overflow-wrap:anywhere}.verb-context small{grid-column:2}.expression-context{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:start;gap:4px 10px;padding-left:11px;border-left:2px solid var(--focus)}.expression-context>span,.expression-context small{color:var(--muted);font-size:12px}.expression-context>div{min-width:0;display:grid;gap:3px}.expression-context strong,.expression-context small{overflow-wrap:anywhere}.expression-context .icon-button{width:32px;min-height:32px}.nav{min-height:60px;border-radius:8px;display:grid;grid-template-columns:repeat(6,1fr);padding:5px;gap:5px}.tab{min-width:0;min-height:48px;border-radius:6px;background:transparent;color:var(--muted);display:grid;place-items:center;align-content:center;gap:2px;font-size:11px}.tab.active{background:var(--panel-2);color:var(--text)}.library{padding-bottom:4px}.list-tools{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:8px;margin-bottom:8px}.search,.type-select{min-height:46px;padding:0 12px}.type-select{color:var(--muted)}.results-count{min-height:26px;padding:0 2px;color:var(--muted);font-size:12px}.rows{display:grid;gap:8px}.row{min-width:0;border-radius:8px;border:1px solid var(--line);background:var(--panel);padding:11px 10px 11px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.row-copy{min-width:0;display:grid;gap:4px}.row-title{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:7px}.row strong{font-size:16px;overflow-wrap:anywhere}.row-copy>span{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.type-tag{min-height:20px;border-radius:4px;padding:3px 6px;font-size:10px;text-transform:capitalize}.stacks-page{display:grid;gap:8px;padding-bottom:4px}.stack-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.stack-tab{min-width:0;min-height:44px;border-radius:5px;padding:6px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px}.stack-tab strong{font-size:11px;font-weight:700}.stack-tab.active{background:var(--panel-2);color:var(--text)}.stack-rows{display:grid;gap:8px}.stack-row{min-width:0;border:1px solid var(--line);border-radius:8px;padding:11px 10px 10px 12px;background:var(--panel);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.stack-copy{min-width:0;display:grid;gap:5px}.stack-row .row-title>strong{font-size:16px;overflow-wrap:anywhere}.stack-copy>span{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.locked-tag,.family-tag{min-height:20px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:4px;padding:3px 6px;color:var(--muted);font-size:10px}.family-tag.active{color:var(--focus);border-color:color-mix(in srgb,var(--focus) 35%,var(--line))}.direction-streaks{display:flex;flex-wrap:wrap;gap:5px}.direction-streaks span{min-height:23px;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:4px;padding:3px 6px;color:var(--muted);font-size:10px}.direction-streaks span.complete{color:var(--good);border-color:color-mix(in srgb,var(--good) 35%,var(--line))}.direction-streaks strong{color:inherit;font-size:10px}.stack-more{min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text);font-size:13px;font-weight:700}.stack-toolbar{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px}.stack-toolbar .results-count{min-height:0}.stack-clear{min-height:30px;border:1px solid color-mix(in srgb,var(--bad) 38%,var(--line));border-radius:6px;padding:0 9px;background:transparent;color:var(--bad);font-size:11px;font-weight:650}.stack-clear:disabled{cursor:default;opacity:.45}.stats-page{display:grid;gap:18px;padding-bottom:4px}.stats-hero{min-height:116px;padding:14px 2px 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.stats-hero>div{min-width:0;display:grid;gap:4px}.stats-kicker,.stats-hero div>span:last-child,.section-heading span{color:var(--muted);font-size:12px}.stats-time{font-size:36px;line-height:1;overflow-wrap:anywhere}.tracking-badge{flex:0 0 auto;min-height:28px;border-radius:999px;border:1px solid var(--line);padding:5px 9px;color:var(--muted);background:var(--panel);font-size:11px}.tracking-badge.active{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,var(--line))}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.overview-grid>div{min-height:76px;padding:12px;display:grid;align-content:center;gap:3px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.overview-grid strong{font-size:20px;overflow-wrap:anywhere}.overview-grid span{color:var(--muted);font-size:11px}.stats-section{min-width:0;display:grid;gap:13px;padding-top:16px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-heading h2{margin:0;font-size:18px}.heatmap-layout{min-width:0;display:grid;grid-template-columns:16px minmax(0,1fr);gap:5px;overflow-x:auto;padding:2px 0 5px}.weekday-labels{display:grid;grid-template-rows:repeat(7,13px);gap:3px;color:var(--muted);font-size:8px;line-height:13px;text-align:center}.heatmap-grid{width:max-content;display:grid;grid-auto-flow:column;grid-template-columns:repeat(16,13px);grid-template-rows:repeat(7,13px);gap:3px}.heat-cell{width:13px;height:13px;min-height:0;padding:0;border-radius:2px;border:1px solid var(--line);background:var(--panel-2)}.heat-cell.level-1{border-color:#39543a;background:#2b482e}.heat-cell.level-2{border-color:#527b43;background:#456f3b}.heat-cell.level-3{border-color:#7aac50;background:#6da046}.heat-cell.level-4{border-color:var(--accent);background:var(--accent)}.heat-cell.selected{outline:2px solid var(--focus);outline-offset:1px}.heat-cell:disabled{cursor:default;opacity:.35}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:var(--muted);font-size:10px}.heatmap-legend .heat-cell{display:inline-block}.selected-day{min-height:52px;padding:10px 0;display:grid;gap:4px;border-top:1px solid var(--line)}.selected-day strong{font-size:14px}.selected-day span{color:var(--muted);font-size:12px}.daily-table{border-top:1px solid var(--line)}.daily-row{min-height:42px;display:grid;grid-template-columns:1.25fr .9fr .72fr .82fr;gap:8px;align-items:center;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.daily-row>:not(:first-child){text-align:right}.daily-row strong{color:var(--muted);font-size:12px;font-weight:600}.daily-row.has-activity strong,.daily-row.has-activity span{color:var(--text)}.daily-head{min-height:34px;font-size:10px;text-transform:uppercase}.settings{display:grid;gap:10px}.collection-summary{padding:14px 2px 10px}.collection-summary h2{margin:0 0 14px;font-size:24px}.count-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.count-grid>div{min-height:72px;padding:12px;display:grid;align-content:center;gap:2px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.count-grid strong{font-size:20px}.count-grid span{color:var(--muted);font-size:12px}.setting-row{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px}.setting-row>div{min-width:0;display:grid;gap:4px}.setting-row strong{font-size:14px}.setting-row div span{color:var(--muted);font-size:12px}.status-dot{flex:0 0 auto;min-height:26px;padding:4px 8px;border-radius:999px;color:var(--good);font-size:11px}.backup-setting p{color:var(--muted);font-size:13px;line-height:1.5}.backup-setting button{width:100%}.import-preview button+button{margin-top:8px}.backup-setting [data-export-status]:empty{display:none}.reset-actions{display:grid;gap:8px}.empty{padding:30px 12px;color:var(--muted);text-align:center}.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}@media(max-width:440px){.tab{font-size:9px}.list-tools{grid-template-columns:1fr}.stats-hero{align-items:flex-start;flex-direction:column}.term h1{font-size:36px}.term.term-long h1{font-size:27px}}@media(min-width:560px){.app{padding:20px}.prompt-card{min-height:470px;padding:20px}.term h1{font-size:54px}.term.term-long h1{font-size:36px}.count-grid,.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px),(pointer:coarse){.app{grid-template-rows:auto minmax(0,1fr);padding-bottom:calc(84px + env(safe-area-inset-bottom))}.nav{position:fixed;z-index:20;left:50%;bottom:calc(8px + env(safe-area-inset-bottom));width:min(calc(100% - 24px),696px);transform:translate(-50%);box-shadow:0 12px 34px #000a}body.mobile-input-focused .app{height:var(--visual-viewport-height);min-height:var(--visual-viewport-height);padding-bottom:12px;grid-template-rows:minmax(0,1fr)}body.mobile-input-focused .topbar,body.mobile-input-focused .nav,body.mobile-input-focused .quiz>.stats{display:none}body.mobile-input-focused .screen,body.mobile-input-focused .quiz{min-height:0;height:100%}body.mobile-input-focused .prompt-card{min-height:0;height:100%;max-height:100%;grid-template-rows:auto minmax(72px,1fr) auto auto;overflow-y:auto;overscroll-behavior:contain}body.mobile-input-focused .term h1{font-size:30px}body.mobile-input-focused .term.term-long h1{font-size:24px}}