:root{--bg:#f7f7f8;--card:#fff;--text:#16181d;--muted:#6b7280;--line:#e5e7eb;--accent:#1d4ed8;--accent-text:#fff;--danger:#b91c1c;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}main{max-width:720px;padding:0 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}h1{margin:16px 0 8px;font-size:1.5rem}h2{margin:0 0 12px;font-size:1.15rem}a{color:var(--accent);text-decoration:none}button{font:inherit;border-radius:var(--radius);background:var(--accent);min-height:44px;color:var(--accent-text);cursor:pointer;border:none;padding:0 16px}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--line);color:var(--text)}button.danger{background:var(--danger)}button.link{color:var(--accent);background:0 0;min-height:32px;padding:0 8px}label{margin-bottom:12px;font-weight:600;display:block}input{width:100%;font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-top:6px;padding:12px;font-weight:400;display:block}input:focus{outline:2px solid var(--accent);outline-offset:1px}[hidden]{display:none!important}.error{color:var(--danger)}.muted{color:var(--muted)}.center{text-align:center;padding-top:40vh}.login{max-width:400px;padding-top:15vh}.login h1{text-align:center;margin-bottom:24px}.login button[type=submit]{width:100%;margin-top:8px}.topbar{background:var(--bg);padding:calc(12px + env(safe-area-inset-top)) 0 12px;border-bottom:1px solid var(--line);z-index:1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.crumbs{flex-wrap:wrap;gap:4px;min-width:0;font-weight:600;display:flex}.crumbs .sep{color:var(--muted);margin:0 4px}.toolbar{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.toolbar button{white-space:nowrap;flex:1}.toolbar button.secondary{flex-basis:100%}@media (width>=640px){.toolbar button.secondary{flex-basis:auto}}.items,.cards{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.items:empty,.cards:empty{display:none}.item{border-bottom:1px solid var(--line);align-items:stretch;display:flex}.item:last-child{border-bottom:none}.item-main{min-height:52px;color:var(--text);flex:1;align-items:center;gap:10px;min-width:0;padding:8px 12px;display:flex}.item-main .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.item-main .count,.badge{color:var(--muted);white-space:nowrap;font-size:.85rem}.badge{border:1px solid var(--line);border-radius:999px;padding:1px 8px}.more{color:var(--muted);background:0 0;border-radius:0;padding:0 14px;font-size:1.4rem}.cards li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.cards li:last-child{border-bottom:none}.cards .back{color:var(--muted);text-align:right}.overlay{z-index:10;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog{background:var(--card);width:100%;max-width:480px;max-height:85vh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:var(--radius) var(--radius) 0 0;overflow:auto}.actions{gap:8px;margin-top:8px;display:flex}.actions button{flex:1}.menu{flex-direction:column;gap:8px;display:flex}.menu button{background:var(--line);color:var(--text);text-align:left}.menu button.danger{color:var(--danger)}@media (width>=640px){.overlay{align-items:center;padding:16px}.dialog{border-radius:var(--radius)}}.set-summary{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 16px;display:flex}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:16px}textarea{width:100%;font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);resize:vertical;margin-top:6px;padding:12px;font-weight:400;display:block}textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.segmented{background:var(--line);border-radius:var(--radius);margin-bottom:12px;padding:3px;display:flex}.segmented button{min-height:38px;color:var(--text);border-radius:calc(var(--radius) - 3px);background:0 0;flex:1}.segmented button[aria-checked=true]{background:var(--card);font-weight:600;box-shadow:0 1px 2px #0000001a}.cloze-help{align-items:center;gap:12px;margin-bottom:12px;display:flex}.cloze-help button{white-space:nowrap;flex-shrink:0}.cards li{align-items:stretch;padding:0}.cards li.editing{padding:12px;display:block}.card-main{min-height:52px;color:var(--text);text-align:left;background:0 0;border-radius:0;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:10px 12px 10px 0;line-height:1.3;display:flex}.card-main:disabled{opacity:1}.card-main .back{color:var(--muted);text-align:left}.star{color:var(--muted);background:0 0;border-radius:0;padding:0 12px;font-size:1.4rem}.star.on{color:#d97706}.set .topbar button.link:disabled,.set-summary button:disabled{opacity:.4}.progress{margin:0 0 16px}.progress-bar{background:var(--line);border-radius:999px;height:10px;display:flex;overflow:hidden}.progress-bar .seg{display:block}.progress-legend{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:.85rem;display:flex}.dot{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.seg.mastered,.dot.mastered{background:#15803d}.seg.almost,.dot.almost{background:#65a30d}.seg.learning,.dot.learning{background:#f59e0b}.seg.new,.dot.new{background:#cbd5e1}.prompt-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;min-height:140px;margin:16px 0;padding:32px 16px;display:flex}.prompt-card.correct{border-color:#15803d}.prompt-card.close{border-color:#d97706}.prompt-card.wrong{border-color:var(--danger)}.prompt{margin:0;font-size:1.6rem;line-height:1.3}.small{font-size:.9rem}.answer-form input{margin:0 0 12px;font-size:1.2rem}.feedback{border-radius:var(--radius);margin:0 0 12px;padding:12px 14px;font-size:1.05rem}.feedback.correct{color:#14532d;background:#dcfce7}.feedback.close{color:#78350f;background:#fef3c7}.feedback.wrong{color:#7f1d1d;background:#fee2e2}.tally{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.tally li{text-align:center;border-radius:var(--radius);flex:1;padding:12px 6px;font-weight:600}.tally .correct{color:#14532d;background:#dcfce7}.tally .close{color:#78350f;background:#fef3c7}.tally .wrong{color:#7f1d1d;background:#fee2e2}.review-list{margin-bottom:16px}.review-list li{border-left:4px solid #0000;padding:10px 12px}.review-list li.correct{border-left-color:#15803d}.review-list li.close{border-left-color:#d97706}.review-list li.wrong{border-left-color:var(--danger)}.flashcard{background:var(--card);width:100%;min-height:42vh;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);text-align:center;white-space:normal;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:16px 0;padding:24px 16px;display:flex}.flashcard.flipped{border-color:var(--accent);background:#eff6ff}.flashcard .side-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.8rem}.flash-actions{gap:8px;display:flex}.flash-actions>button{flex:1}.flash-actions .star.big{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);flex:0 0 56px;font-size:1.8rem}button.success{background:#15803d}.settings h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:16px 0 6px;font-size:.85rem}.settings h3:first-child{margin-top:0}.toggle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:0;padding:4px 0;font-weight:500;display:flex}.toggle>span:first-child{flex-direction:column;display:flex}.toggle small{font-weight:400}.toggle input[type=checkbox]{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;flex-shrink:0;width:48px;height:28px;margin:0;position:relative}.toggle input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.toggle input[type=checkbox]:checked{background:var(--accent)}.toggle input[type=checkbox]:checked:after{left:23px}.stepper{align-items:center;gap:12px;display:flex}.stepper button{background:var(--line);width:36px;min-height:36px;color:var(--text);padding:0;font-size:1.2rem}.segmented.small{width:150px;margin:0}.segmented.small button{min-height:32px}.menu button small{font-weight:400;display:block}.settings>button.danger{width:100%}.actions.column{flex-direction:column}.preview{border-radius:var(--radius);max-height:40vh;margin:12px auto;display:block}.raw{margin-top:12px}.raw pre{white-space:pre-wrap;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px;font-size:.85rem}.pairs{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.pairs li{grid-template-columns:1fr 1fr auto;align-items:center;gap:6px;display:grid}.pairs input{margin:0;padding:10px}.pairs .remove{width:40px;min-height:44px;color:var(--muted);background:0 0;padding:0;font-size:1.4rem}select{width:100%;font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-top:6px;padding:12px;font-weight:400;display:block}.save-panel button:last-child{width:100%}@media (width>=640px){.pairs li{grid-template-columns:1fr 1fr 44px}}