:root{--bg:#0a0a0b;--surface:#111113;--surface2:#1a1a1e;--border:#26262b;--text:#e8e6e3;--dim:#8a8a90;--accent:#e84400;--accent-dim:#e8440026;--blue:#60a5fa;--red:#f87171;--warn:#fb923c;--green:#4ade80;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Noto Sans SC", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--serif:"Crimson Pro", Georgia, "Noto Serif SC", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0;padding:6px 10px}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent)}a{color:inherit}kbd{font-family:var(--mono);border:1px solid var(--border);color:var(--dim);border-radius:4px;padding:0 5px;font-size:10px}.muted{color:var(--dim)}.small{font-size:12px}.grow{flex:1}.accent{color:var(--accent)}.blue{color:var(--blue)}.red{color:var(--red)}.pulse{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.4}}.app{max-width:760px;margin:0 auto;padding:0 16px 60px}.top{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 0 10px;display:flex}.brand{font-family:var(--mono);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:flex}.brand .mark{color:var(--accent);font-size:22px;font-weight:700}.deck-select{font-family:var(--mono);font-size:13px}.help-btn{border:1px solid var(--border);background:var(--surface);width:26px;height:26px;color:var(--dim);cursor:pointer;font-family:var(--mono);border-radius:50%}.nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:10px 0;display:flex}.nav a{font-family:var(--mono);color:var(--dim);border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;text-decoration:none;display:flex}.nav a:hover{background:var(--surface2)}.nav a[aria-current=page]{color:var(--text);border-color:var(--accent);background:var(--surface2)}.nav-count{color:var(--accent);font-size:11px}main{padding-top:14px}.page{animation:.25s fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.toolbar,.filters,.row,.add-row,.pager{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.filters .search{flex:1;min-width:180px}.pill{font-family:var(--mono);color:var(--dim);cursor:pointer;background:0 0;border:1px solid #333;border-radius:20px;padding:4px 11px;font-size:12px}.pill:hover:not(:disabled){color:var(--text);border-color:#555}.pill.is-on{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.pill.is-danger{color:var(--red);border-color:#dc262666}.pill:disabled{opacity:.35;cursor:default}.btn{font-family:var(--mono);border:1px solid var(--border);background:var(--surface2);cursor:pointer;border-radius:8px;padding:7px 14px;font-size:13px}.btn:hover:not(:disabled){filter:brightness(1.2)}.btn:disabled{opacity:.45;cursor:default}.btn.is-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.is-danger{color:#fff;background:#b91c1c;border-color:#b91c1c}.btn.is-ghost-danger{color:var(--red);background:0 0;border-color:#dc262666}.icon{color:var(--dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:14px}.icon:hover{color:var(--accent);background:var(--surface2)}.icon.is-danger:hover{color:var(--red)}.spk{color:#666;cursor:pointer;vertical-align:middle;background:0 0;border:none;padding:2px;display:inline-flex}.spk:hover{color:var(--accent)}.field{flex-direction:column;flex:1;gap:4px;min-width:140px;margin-bottom:10px;display:flex}.field-label{font-family:var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.hint{color:var(--dim);margin-bottom:10px;font-size:13px}.form-error{color:var(--red);margin:6px 0;font-size:13px}.notice{color:var(--green);margin:6px 0;font-size:13px}.toggle{cursor:pointer;align-items:flex-start;gap:10px;margin:8px 0;display:flex}.toggle small{color:var(--dim);font-size:12px;display:block}.kv{grid-template-columns:auto 1fr;gap:4px 14px;margin-bottom:12px;font-size:14px;display:grid}.kv dt{color:var(--dim)}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{font-family:var(--mono);color:var(--dim);cursor:pointer;background:0 0;border:1px solid #333;border-radius:14px;padding:3px 9px;font-size:11px}.chip.is-on{color:#a78bfa;background:#8b5cf622;border-color:#8b5cf6}.badge{font-family:var(--mono);color:var(--dim);border:1px solid #444;border-radius:10px;padding:1px 7px;font-size:10px}.badge.is-theme{color:#a78bfa;border-color:#8b5cf644}.stats{flex-wrap:wrap;gap:4px;display:flex}.stats.is-center{justify-content:center}.stat{font-family:var(--mono);color:#999;background:#1c1c20;border-radius:4px;padding:2px 6px;font-size:10px}.stat.is-accent{color:var(--accent)}.stat.is-blue{color:var(--blue)}.stat.is-red{color:var(--red)}.stat.is-warn{color:var(--warn)}.counts{font-family:var(--mono);justify-content:center;gap:14px;margin:4px 0 10px;font-size:13px;display:flex}.c-learn{color:var(--warn)}.c-review{color:var(--green)}.c-new{color:var(--blue)}.review-nav{justify-content:center;gap:6px;margin-bottom:10px;display:flex}.review-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;padding:22px 20px 26px}.badges{justify-content:center;gap:6px;min-height:18px;margin-bottom:6px;display:flex}.question{font-family:var(--serif);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:6px 0 10px;font-size:30px;font-weight:700;display:flex}.question b.cloze,.note-front b.cloze,.preview b.cloze{color:var(--accent)}.show-btn{border:1px solid var(--border);background:var(--surface2);cursor:pointer;width:100%;font-family:var(--mono);border-radius:10px;margin-top:22px;padding:13px}.answer{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:6px;margin-top:18px;padding-top:14px;display:flex}.answer .a1{font-size:20px;font-weight:500}.answer .a2{font-family:var(--mono);color:#999}.cue{color:var(--dim);font-size:13px}.grades{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px;display:grid}.grade{cursor:pointer;font-family:var(--mono);background:0 0;border:1px solid;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.grade small{opacity:.85;font-size:11px}.grade kbd{color:inherit;opacity:.7;border-color:currentColor}.grade.r1{color:var(--red);background:#dc262618;border-color:#dc262655}.grade.r2{color:var(--warn);background:#ea580c18;border-color:#ea580c55}.grade.r3{color:var(--green);background:#16a34a18;border-color:#16a34a55}.grade.r4{color:var(--blue);background:#2563eb18;border-color:#2563eb55}.grade:hover{filter:brightness(1.25)}.keys{text-align:center;margin-top:14px;line-height:1.9}.empty{text-align:center;color:var(--dim);flex-direction:column;align-items:center;gap:10px;padding:50px 0;display:flex}.big-check{color:var(--green);font-size:46px}.note-list{flex-direction:column;gap:3px;list-style:none;display:flex}.note{background:var(--surface);cursor:pointer;border-left:3px solid #0000;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.note:hover{background:#161618}.note.is-due{box-shadow:inset 0 0 0 1px #e8440055}.note.is-sel{border-left-color:var(--accent);background:#1a1410}.note input[type=checkbox]{accent-color:var(--accent);margin-top:5px}.note-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.note-front{font-family:var(--serif);flex-wrap:wrap;align-items:center;gap:6px;font-size:17px;font-weight:600;display:flex}.note-mean{color:var(--dim);font-size:13px}.note-mean .t2,.recent .t2{font-family:var(--mono);color:#777;font-size:12px}.sep{color:#444;margin:0 6px}.note-meta{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.note-actions{flex-shrink:0;gap:2px;display:flex}.batch{background:var(--surface);border-radius:8px;padding:8px}.pager{justify-content:center;margin-top:14px}.pages{align-items:center;gap:6px;margin-left:10px;display:inline-flex}.word-input{border-width:2px;border-radius:10px;flex:1;min-width:200px;padding:11px 14px;font-size:16px}.sub{font-family:var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin:18px 0 8px;font-size:11px}.recent{list-style:none}.recent li{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:8px;padding:7px 0;display:flex}.recent b{font-family:var(--serif)}.arrow{color:var(--accent)}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.deck{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:16px 14px;position:relative}.deck:hover,.deck.is-on{border-color:var(--accent)}.deck h3{font-family:var(--serif);margin-bottom:4px;font-size:17px}.deck-actions{display:flex;position:absolute;top:6px;right:6px}.settings section{margin-bottom:30px}.settings h2,section>h2{font-family:var(--serif);margin-bottom:12px;font-size:20px}.grid2{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 14px;display:grid}.danger-zone{border-top:1px dashed #dc262655;margin-top:18px;padding-top:14px}.map-row{justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}.onboarding{text-align:center;max-width:560px;margin:60px auto;padding:0 16px}.onboarding h1{font-family:var(--serif);margin-bottom:8px;font-size:32px}.choices{text-align:left;flex-direction:column;gap:10px;margin-top:24px;display:flex}.choice{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.choice:hover{border-color:var(--accent)}.choice span{color:var(--dim);font-size:13px}.sync-badge{font-family:var(--mono);border:1px solid var(--border);color:var(--dim);cursor:pointer;background:0 0;border-radius:12px;padding:3px 9px;font-size:11px;text-decoration:none}.sync-badge.is-ok{color:var(--green)}.sync-badge.is-pending{color:var(--warn);border-color:#ea580c55}.sync-badge.is-error{color:var(--red);border-color:#dc262666}.sync-badge.is-busy{color:var(--blue)}.modal{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;width:min(560px,100vw - 24px);max-height:88vh;margin:auto}.modal::backdrop{background:#000000b3}.modal-inner{flex-direction:column;max-height:88vh;display:flex}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-head h2{font-family:var(--serif);font-size:19px}.modal-body{padding:16px 18px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.icon-btn{color:var(--dim);cursor:pointer;background:0 0;border:none;display:flex}.preview{color:var(--dim);margin:-4px 0 10px;font-size:14px}.help-sec{margin-bottom:14px}.help-sec h3{font-family:var(--mono);color:var(--dim);text-transform:uppercase;margin-bottom:4px;font-size:11px}.help-row{border-bottom:1px solid var(--border);gap:12px;padding:5px 0;font-size:13px;display:flex}.help-row span:first-child{font-family:var(--mono);flex:0 0 140px}.help-row span:last-child{color:var(--dim)}.toast{font-family:var(--mono);background:var(--surface2);border:1px solid var(--border);z-index:300;border-radius:10px;max-width:calc(100vw - 24px);padding:8px 16px;font-size:13px;animation:.2s fade;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast.is-error{color:var(--red);border-color:#dc262688}@media (width<=560px){.question{font-size:24px}.grades{grid-template-columns:repeat(2,1fr)}.help-row span:first-child{flex-basis:96px}}