:root{--bg:#f7f7f7;--surface:#fff;--surface-2:#f3f3f3;--line:#e3e3e3;--line-soft:#eee;--text:#1d1d1d;--muted:#6b6b6b;--link:#0051c3;--link-hover:#003d94;--link-soft:#e8f0fc;--link-bar:#2563eb;--accent:#f6821f;--chart-faint:#a9c4ea;--ok:#0a7c3e;--ok-bg:#edf7f1;--ok-line:#c2e0d0;--warn:#92400e;--warn-bg:#fdf6ea;--warn-line:#f0d8a8;--danger:#bd2527;--danger-bg:#fdefee;--danger-line:#f3c7c6;--radius-sm:4px;--radius:6px;--radius-lg:8px;--shadow:0 1px 2px #0000000d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b0b0b;--surface:#161616;--surface-2:#1f1f1f;--line:#2b2b2b;--line-soft:#242424;--text:#ededed;--muted:#8f8f8f;--link:#4a9eff;--link-hover:#7cb8ff;--link-soft:#16243a;--link-bar:#2f6fd0;--chart-faint:#2c4a70;--ok:#3fb950;--ok-bg:#101a12;--ok-line:#23452c;--warn:#e3a33c;--warn-bg:#1c1710;--warn-line:#4a3a1c;--danger:#f2555a;--danger-bg:#1e1214;--danger-line:#522427;--shadow:0 1px 2px #00000080}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;margin:0}.shell{max-width:44rem;padding:1.75rem 1.25rem calc(5.5rem + env(safe-area-inset-bottom));margin:0 auto}.tabs{background:var(--surface);border-top:1px solid var(--line);padding:.4rem .5rem env(safe-area-inset-bottom);justify-content:center;gap:.25rem;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{max-width:9rem;min-height:2.75rem;color:var(--muted);border-radius:var(--radius);flex:1;justify-content:center;align-items:center;font-size:.82rem;font-weight:500;text-decoration:none;display:flex}.tab-on{color:var(--text);background:var(--surface-2);font-weight:600}h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.6rem;font-weight:600}h2{font-weight:600}.tagline{color:var(--muted);margin:0 0 1.5rem;font-size:.95rem}.head{border-bottom:1px solid var(--line);margin-bottom:1.5rem;padding-bottom:1rem}.head .tagline{margin-bottom:0}.muted{color:var(--muted);font-size:.9rem}.crumb{margin:0 0 .6rem;font-size:.85rem}a,.crumb a,.deck-name a{color:var(--link);text-decoration:none}a:hover,.crumb a:hover,.deck-name a:hover{color:var(--link-hover);text-decoration:underline}.status{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:1fr auto;gap:0;margin:0 0 1.5rem;padding:.25rem 1rem;font-size:.9rem;display:grid}.status dt,.status dd{border-top:1px solid var(--line-soft);padding:.55rem 0}.status dt:first-of-type,.status dt:first-of-type+dd{border-top:none}.status dt{color:var(--muted)}.status dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:500}.empty,.notice,.warn,.error{border:1px solid var(--line);border-radius:var(--radius);margin:1rem 0;padding:.85rem 1rem;font-size:.9rem}.empty{background:var(--surface);box-shadow:var(--shadow)}.empty ol{margin:.5rem 0 0;padding-left:1.1rem}.notice{background:var(--ok-bg);border-color:var(--ok-line);border-left:3px solid var(--ok)}.warn{background:var(--warn-bg);border-color:var(--warn-line);border-left:3px solid var(--accent)}.error{background:var(--danger-bg);border-color:var(--danger-line);border-left:3px solid var(--danger)}.warn p,.notice p,.error p{margin:0 0 .4rem}.warn p:last-child,.notice p:last-child,.error p:last-child{margin-bottom:0}.group{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-top:1.25rem;overflow:hidden}.group-head{background:var(--surface-2);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin:0;padding:.7rem 1rem;font-size:.92rem;font-weight:600;display:flex}.group-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:400}.group>:not(.group-head):not(.gallery){margin-left:1rem;margin-right:1rem}.group>:last-child{margin-bottom:.9rem}.group .chart{box-shadow:none;background:0 0;border:none;padding:.5rem 0 0}.button{min-height:44px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;justify-content:center;align-items:center;padding:.6rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .1s,border-color .1s;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted);text-decoration:none}.button:disabled{opacity:.5;cursor:default}.button-primary{color:#fff;background:var(--link);border-color:var(--link);font-weight:600}.button-primary:hover:not(:disabled){background:var(--link-hover);border-color:var(--link-hover)}.button-danger{color:#fff;background:var(--danger);border-color:var(--danger)}.button-danger:hover:not(:disabled){filter:brightness(.92)}.button:focus-visible,.search:focus-visible,.paste:focus-visible,.tab:focus-visible{outline:2px solid var(--link);outline-offset:2px}.row{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.search,.paste{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.6rem .75rem;font-size:1rem}.search{margin-bottom:1rem}.search:focus,.paste:focus{outline:2px solid var(--link);outline-offset:-1px;border-color:var(--link)}.paste{resize:vertical;font-family:ui-monospace,monospace;font-size:.85rem}.field{margin:1rem 0;font-size:.9rem;font-weight:500;display:block}.field .search{margin-top:.35rem;margin-bottom:0;font-weight:400}.preview{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.25rem}.toggle{cursor:pointer;align-items:flex-start;gap:.6rem;min-height:44px;margin:1rem 0;padding:.5rem 0;display:flex}.toggle input{width:1.15rem;height:1.15rem;accent-color:var(--link);margin-top:.15rem}.restore{margin-top:1rem}.restore input[type=file]{color:var(--muted);margin:.75rem 0;font-size:.85rem;display:block}.restore .paste{margin-bottom:.5rem}.decks,.cards{flex-direction:column;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.deck,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.deck{border-left:3px solid var(--link-bar);justify-content:space-between;align-items:flex-start}.deck-main,.card-body{min-width:0}.deck-main{flex:1}.deck-name,.card-name{margin:0 0 .15rem;font-size:.95rem;font-weight:600}.card-subtitle{color:var(--muted);font-weight:400}.card-meta,.deck-due{color:var(--muted);margin:.2rem 0 0;font-size:.82rem}.card-id{color:var(--muted);margin:.15rem 0 0;font-family:ui-monospace,monospace;font-size:.7rem}.deck-actions{flex-direction:column;gap:.4rem;display:flex}.card-text{padding:.5rem .75rem}.card-count{width:2rem;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.card-art{object-fit:cover;border-radius:var(--radius);background:var(--surface-2);flex:none;width:60px;height:84px}.badge{color:var(--link);background:var(--link-soft);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;border:1px solid #0000;padding:.15rem .5rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-block}.bar{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:.4rem;overflow:hidden}.bar-fill{background:var(--link);height:100%;transition:width .12s linear}.download{margin:1.25rem 0}.download .bar{margin-bottom:.4rem}.download .muted{margin:.4rem 0 0;font-size:.8rem}.chart{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:1.25rem 0;padding:1rem .5rem .5rem}.legend{flex-direction:column;gap:.3rem;margin:.5rem 0 0;padding:0;font-size:.8rem;list-style:none;display:flex}.legend li{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.swatch{background:var(--link);border-radius:999px;flex:none;width:.85rem;height:.2rem}.swatch-faint{background:var(--chart-faint)}.chart-caption{text-align:center;color:var(--muted);margin:.35rem 0 0;font-size:.78rem}.drill-head{border-bottom:1px solid var(--line);margin-bottom:2rem;padding-bottom:1rem}.drill-head .bar{margin:.5rem 0 .35rem}.prompt{text-align:center;touch-action:pan-y}.drill-cost{letter-spacing:-.04em;color:var(--link);font-variant-numeric:tabular-nums;margin:.5rem 0;font-size:4.5rem;font-weight:700;line-height:1}.drill-name{margin:.75rem 0 .25rem;font-size:1.35rem;font-weight:600;line-height:1.2}.prompt .button{margin-top:1.25rem}.grade-row{justify-content:center}.grade-row .button{flex:8rem;max-width:12rem;padding:1rem}.hint{margin-top:.75rem;font-size:.75rem}@media (hover:none){.hint{display:none}}.touch-hint{margin-top:.4rem;font-size:.75rem;display:none}@media (hover:none){.touch-hint{display:block}}.context{color:var(--muted);flex-direction:column;gap:.35rem;margin:.75rem 0 1.25rem;padding:0;list-style:none;display:flex}.art{text-align:center;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;justify-content:center;gap:.25rem;padding:.5rem;display:flex;position:relative;overflow:hidden}.art-full{aspect-ratio:5/7;border-radius:var(--radius-lg);width:min(15rem,62vw);margin:0 auto}.art-thumb{aspect-ratio:5/7;flex:none;width:60px;padding:.2rem}.art-tile{aspect-ratio:5/7;width:100%;padding:.3rem}.art-crest{aspect-ratio:7/5;width:100%;padding:.2rem}.art-name{font-size:.8rem;font-weight:600;line-height:1.2}.art-meta{color:var(--muted);font-size:.7rem}.art-tile .art-name{font-size:.7rem}.art-tile .art-meta{font-size:.6rem}.art-thumb .art-name,.art-thumb .art-meta,.art-crest .art-name{text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;overflow:hidden}.art-crest .art-meta{display:none}.deck-art{flex-direction:column;flex:none;gap:.25rem;width:4.75rem;display:flex}.art-img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .15s ease-in;position:absolute;inset:0}.art-img-on{opacity:1}.art-on .art-name,.art-on .art-meta{opacity:0}.art-empty{border-style:dashed}.gallery{overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:.6rem;margin:0;padding:.75rem 1rem;list-style:none;display:flex;overflow-x:auto}.tile{scroll-snap-align:start;flex:none;width:6.5rem}.tile-meta{font-variant-numeric:tabular-nums;gap:.3rem;margin:.35rem 0 0;font-size:.75rem;display:flex}.tile-count{font-weight:600}.tile-name{color:var(--muted);margin:.1rem 0 0;font-size:.7rem;line-height:1.25}.progress-group{margin-top:1.5rem}.progress-head{justify-content:space-between;align-items:baseline;gap:.5rem;margin:0 0 .25rem;font-size:.92rem;font-weight:600;display:flex}.progress-group .muted{margin:0 0 .6rem;font-size:.8rem}.group>p{max-width:34rem;line-height:1.6}.prose{max-width:34rem;margin:.75rem 0;padding-left:1.1rem;line-height:1.6}.prose li{margin-bottom:.5rem}code,.mono{font-family:ui-monospace,monospace;font-size:.85em}.mono{word-break:break-all;font-size:.8rem}kbd{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);border-bottom-width:2px;padding:.1rem .4rem;font-family:ui-monospace,monospace;font-size:.8em}.off-aspect{color:var(--warn);font-weight:600}.disclaimer{border-top:1px solid var(--line);color:var(--muted);margin-top:3rem;padding-top:1rem;font-size:.75rem}