:root{--c-bg:#f7f8fa;--c-surface:#fff;--c-surface-2:#f0f2f5;--c-border:#dfe3e8;--c-border-strong:#c4cad2;--c-text:#1c1f23;--c-text-muted:#5c6470;--c-text-faint:#8a919c;--c-accent:#3b6fd4;--c-accent-hover:#2f5cb5;--c-accent-text:#fff;--c-accent-soft:#e6eefb;--c-danger:#c0392b;--c-danger-soft:#fdecea;--c-success:#1f7a4d;--c-success-soft:#e7f5ee;--c-warning:#9a6300;--c-warning-soft:#fdf3e2;--c-rating-again:#c0392b;--c-rating-hard:#9a6300;--c-rating-good:#1f7a4d;--c-rating-easy:#3b6fd4;--c-count-new:#2f6fd0;--c-count-learning:#c0392b;--c-count-review:#1f7a4d;--c-focus:#3b6fd4;--c-overlay:#00000073;--shadow-1:0 1px 2px #1018280f, 0 1px 3px #1018281a;--shadow-2:0 4px 12px #1018281a;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--radius-1:4px;--radius-2:8px;--radius-3:12px;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.5rem;--fs-2xl:2rem;--font-sans:system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--header-h:56px;--content-max:960px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--c-bg:#14161a;--c-surface:#1c1f25;--c-surface-2:#23272e;--c-border:#2f343d;--c-border-strong:#454c58;--c-text:#e7e9ec;--c-text-muted:#a2aab6;--c-text-faint:#79818d;--c-accent:#6d9bf1;--c-accent-hover:#86adf5;--c-accent-text:#10131a;--c-accent-soft:#22304a;--c-danger:#f07167;--c-danger-soft:#3a2220;--c-success:#5fcf9a;--c-success-soft:#16302a;--c-warning:#e2b45c;--c-warning-soft:#362c1a;--c-rating-again:#f07167;--c-rating-hard:#e2b45c;--c-rating-good:#5fcf9a;--c-rating-easy:#6d9bf1;--c-count-new:#6d9bf1;--c-count-learning:#f07167;--c-count-review:#5fcf9a;--c-focus:#86adf5;--c-overlay:#000000a6;--shadow-1:0 1px 2px #0006;--shadow-2:0 4px 14px #00000080}}:root[data-theme=dark]{--c-bg:#14161a;--c-surface:#1c1f25;--c-surface-2:#23272e;--c-border:#2f343d;--c-border-strong:#454c58;--c-text:#e7e9ec;--c-text-muted:#a2aab6;--c-text-faint:#79818d;--c-accent:#6d9bf1;--c-accent-hover:#86adf5;--c-accent-text:#10131a;--c-accent-soft:#22304a;--c-danger:#f07167;--c-danger-soft:#3a2220;--c-success:#5fcf9a;--c-success-soft:#16302a;--c-warning:#e2b45c;--c-warning-soft:#362c1a;--c-rating-again:#f07167;--c-rating-hard:#e2b45c;--c-rating-good:#5fcf9a;--c-rating-easy:#6d9bf1;--c-count-new:#6d9bf1;--c-count-learning:#f07167;--c-count-review:#5fcf9a;--c-focus:#86adf5;--c-overlay:#000000a6;--shadow-1:0 1px 2px #0006;--shadow-2:0 4px 14px #00000080}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul[role=list],ol[role=list]{padding:0;list-style:none}body{background:var(--c-bg);min-height:100dvh;color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;line-height:1.6}img,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:var(--c-accent);text-decoration:none}a:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;border-radius:var(--radius-1)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--sp-2);left:var(--sp-2);z-index:100;padding:var(--sp-2) var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-2);position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:20;align-items:center;gap:var(--sp-4);height:var(--header-h);padding:0 var(--sp-4);background:var(--c-surface);border-bottom:1px solid var(--c-border);display:flex;position:sticky;top:0}.app-brand{align-items:center;gap:var(--sp-2);color:var(--c-text);font-weight:650;display:inline-flex}.app-brand:hover{text-decoration:none}.app-nav{gap:var(--sp-1);scrollbar-width:none;display:flex;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.app-nav a{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-2);color:var(--c-text-muted);white-space:nowrap}.app-nav a:hover{background:var(--c-surface-2);color:var(--c-text);text-decoration:none}.app-nav a[aria-current=page]{background:var(--c-accent-soft);color:var(--c-accent);font-weight:600}.app-header-spacer{flex:1}.app-main{width:100%;max-width:var(--content-max);padding:var(--sp-5) var(--sp-4) var(--sp-7);flex:1;margin:0 auto}.app-footer{padding:var(--sp-4);color:var(--c-text-faint);font-size:var(--fs-xs);text-align:center}@media (max-width:640px){.app-header{gap:var(--sp-2);padding:0 var(--sp-3)}.app-nav{z-index:20;padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + env(safe-area-inset-bottom));background:var(--c-surface);border-top:1px solid var(--c-border);justify-content:space-around;position:fixed;inset:auto 0 0}.app-main{padding-bottom:calc(var(--sp-7) + 56px)}}.page-title{margin-bottom:var(--sp-2);font-size:var(--fs-xl);font-weight:650;line-height:1.3}.page-lead{margin-bottom:var(--sp-5);color:var(--c-text-muted)}.card{padding:var(--sp-5);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-3);box-shadow:var(--shadow-1)}.stack{gap:var(--sp-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.placeholder{padding:var(--sp-6) var(--sp-4);border:1px dashed var(--c-border-strong);border-radius:var(--radius-3);color:var(--c-text-muted);text-align:center}.muted{color:var(--c-text-muted)}.kbd{background:var(--c-surface-2);border:1px solid var(--c-border-strong);border-radius:var(--radius-1);min-width:1.6em;font-family:var(--font-mono);font-size:var(--fs-xs);text-align:center;border-bottom-width:2px;padding:0 .4em;display:inline-block}.field{gap:var(--sp-1);flex-direction:column;display:flex}.field-label{font-size:var(--fs-sm);font-weight:600}.field-control{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-2);transition:border-color .15s}.field-control:hover:not(:disabled){border-color:var(--c-accent)}.field-control:disabled{background:var(--c-surface-2);color:var(--c-text-faint);cursor:not-allowed}.field-control[aria-invalid=true]{border-color:var(--c-danger)}.field-hint{color:var(--c-text-muted);font-size:var(--fs-xs)}.field-error{color:var(--c-danger);font-size:var(--fs-xs)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:40px;padding:var(--sp-2) var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-2);cursor:pointer;font-weight:550;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--c-surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-text)}.btn-primary:hover:not(:disabled){background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.btn-ghost{color:var(--c-text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text)}.btn-danger{color:var(--c-danger)}.btn-block{width:100%}.alert{gap:var(--sp-1);padding:var(--sp-3);border-radius:var(--radius-2);font-size:var(--fs-sm);border:1px solid #0000;flex-direction:column;display:flex}.alert-error{background:var(--c-danger-soft);border-color:var(--c-danger);color:var(--c-danger)}.alert-success{background:var(--c-success-soft);border-color:var(--c-success);color:var(--c-success)}.alert-info{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-accent)}.alert-request-id{opacity:.8;font-family:var(--font-mono);font-size:var(--fs-xs)}.auth-page{min-height:100dvh;padding:var(--sp-5) var(--sp-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:400px}.auth-switch{margin-top:var(--sp-4);color:var(--c-text-muted);font-size:var(--fs-sm);text-align:center}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.route-loading{justify-content:center;align-items:center;gap:var(--sp-2);min-height:40dvh;color:var(--c-text-muted);display:flex}.card-sandbox{color-scheme:normal;background:0 0;border:0;width:100%;display:block}.modal-backdrop{z-index:60;padding:var(--sp-5) var(--sp-4);background:var(--c-overlay);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{width:100%;max-width:420px;padding:var(--sp-5);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-3);box-shadow:var(--shadow-2);margin:auto}.modal-wide{max-width:640px}.modal-title{margin-bottom:var(--sp-4);font-size:var(--fs-lg);font-weight:650}.modal-footer{margin-top:var(--sp-4)}.form-section{gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--radius-2);flex-direction:column;margin:0;display:flex}.form-section>legend{padding:0 var(--sp-2);font-size:var(--fs-sm);color:var(--c-text-muted);font-weight:650}.form-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.form-actions{margin-top:var(--sp-2)}.checkbox{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);cursor:pointer;display:flex}.checkbox input{width:16px;height:16px;accent-color:var(--c-accent)}.note-field{min-height:72px;font-family:var(--font-mono);font-size:var(--fs-sm);resize:vertical}.deck-page-head{align-items:flex-start}.deck-tree-card{padding:var(--sp-2) var(--sp-3)}.deck-tree{flex-direction:column;display:flex}.deck-tree-head,.deck-tree-row{align-items:center;gap:var(--sp-2);min-height:40px;padding:var(--sp-1) 0;grid-template-columns:minmax(0,1fr) 3.5rem 3.5rem 3.5rem auto;display:grid}.deck-tree-head{border-bottom:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-text-faint)}.deck-tree-row+.deck-tree-row{border-top:1px solid var(--c-border)}.deck-tree-row:hover{background:var(--c-surface-2)}.deck-tree-name{align-items:center;gap:var(--sp-1);min-width:0;display:flex}.deck-name{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.deck-name.is-done{color:var(--c-text-faint);font-weight:450}.deck-toggle{width:20px;height:20px;color:var(--c-text-muted);cursor:pointer;background:0 0;border:0;flex:none;padding:0;line-height:1}.deck-toggle-empty{cursor:default;display:inline-block}.deck-count{font-family:var(--font-mono);font-size:var(--fs-sm);text-align:right;font-variant-numeric:tabular-nums;font-weight:650}.count-new{color:var(--c-count-new)}.count-learning{color:var(--c-count-learning)}.count-review{color:var(--c-count-review)}.deck-count.is-zero{color:var(--c-text-faint);font-weight:450}.deck-count.is-pending{color:var(--c-text-faint)}.deck-tree-actions{justify-content:flex-end;gap:2px;display:flex}.btn-icon{min-height:28px;padding:0 var(--sp-2)}.deck-legend{align-items:baseline;gap:var(--sp-2);font-size:var(--fs-sm);display:flex}.deck-legend .deck-count{min-width:1.5rem}.deck-hint{font-size:var(--fs-sm)}@media (max-width:560px){.deck-tree-head,.deck-tree-row{grid-template-columns:minmax(0,1fr) 2.5rem 2.5rem 2.5rem}.deck-tree-actions{grid-column:1/-1;justify-content:flex-start}}.review-page{gap:var(--sp-3)}.review-header{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.review-deck-link{color:var(--c-text-muted);font-size:var(--fs-sm)}.review-counts{gap:var(--sp-3);padding:var(--sp-1) var(--sp-3);background:var(--c-surface-2);border-radius:999px;display:flex}.review-counts .deck-count{font-size:var(--fs-md)}.review-actions{gap:var(--sp-1);flex-wrap:wrap;margin-left:auto;display:flex}.review-actions .btn{min-height:32px;padding:0 var(--sp-2);font-size:var(--fs-sm)}.review-card{gap:var(--sp-4);border-left:4px solid #0000;flex-direction:column;display:flex}.review-controls{border-top:1px solid var(--c-border);padding-top:var(--sp-4)}.review-hint{font-size:var(--fs-xs);text-align:center}.rating-bar{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.rating-btn{min-height:60px;padding:var(--sp-2);border-color:currentColor;flex-direction:column;gap:2px}.rating-label{font-weight:650}.rating-interval{color:var(--c-text-muted);font-family:var(--font-mono);font-size:var(--fs-xs)}.rating-key{display:none}@media (min-width:480px){.rating-key{display:inline-block}}.rating-1{color:var(--c-rating-again)}.rating-2{color:var(--c-rating-hard)}.rating-3{color:var(--c-rating-good)}.rating-4{color:var(--c-rating-easy)}.flag-picker{align-items:center;gap:3px;display:flex}.flag-dot{border:1px solid var(--c-border-strong);background:var(--flag-color,transparent);cursor:pointer;border-radius:50%;width:14px;height:14px;padding:0}.flag-dot.is-active{outline:2px solid var(--c-focus);outline-offset:1px}.flag-1{--flag-color:#d64545}.flag-2{--flag-color:#d98324}.flag-3{--flag-color:#2f9e5f}.flag-4{--flag-color:#3b6fd4}.flag-5{--flag-color:#d466a8}.flag-6{--flag-color:#2aa7b8}.flag-7{--flag-color:#8b5cd6}.flag-border-1{border-left-color:#d64545}.flag-border-2{border-left-color:#d98324}.flag-border-3{border-left-color:#2f9e5f}.flag-border-4{border-left-color:#3b6fd4}.flag-border-5{border-left-color:#d466a8}.flag-border-6{border-left-color:#2aa7b8}.flag-border-7{border-left-color:#8b5cd6}.summary-grid{gap:var(--sp-3);grid-template-columns:repeat(4,1fr);margin:0;display:grid}.summary-grid dt{color:var(--c-text-muted);font-size:var(--fs-xs)}.summary-grid dd{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;margin:0;font-weight:650}