:root{--color-bg:#fff;--color-surface:#f4f5f8;--color-surface-raised:#fff;--color-border:#dfe2e8;--color-border-input:#7a828f;--color-text:#15181e;--color-text-muted:#555d6b;--color-accent:#0e6b64;--color-accent-hover:#0a524c;--color-accent-soft:#dff3f0;--color-on-accent:#fff;--color-danger:#b42323;--color-on-danger:#fff;--color-success:#17704a;--color-on-success:#fff;--color-warning:#8a5a00;--color-warning-soft:#fdf1d6;--color-info:#1b6a8a;--color-again:#b42323;--color-hard:#8a5a00;--color-good:#17704a;--color-easy:#1b6a8a;--color-count-new:#2d4fb8;--color-count-learning:#b42323;--color-count-review:#17704a;--color-flag-1:#d93a3a;--color-flag-2:#e07a1a;--color-flag-3:#2f9e5a;--color-flag-4:#3a78d9;--color-flag-5:#d94aa8;--color-flag-6:#1fa3a3;--color-flag-7:#8a54d9;--color-overlay:#15181e7a;--font-sans:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif:"Source Serif 4", Georgia, "Times New Roman", serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs:12px;--text-xs-line:16px;--text-xs-weight:500;--text-sm:14px;--text-sm-line:20px;--text-sm-weight:400;--text-base:16px;--text-base-line:24px;--text-base-weight:400;--text-lg:20px;--text-lg-line:28px;--text-lg-weight:600;--text-xl:28px;--text-xl-line:34px;--text-xl-weight:700;--text-display:40px;--text-display-line:44px;--text-display-weight:700;--text-card:22px;--text-card-line:32px;--text-card-weight:400;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 1px 2px #15181e0f, 0 1px 3px #15181e1a;--shadow-pop:0 12px 32px #15181e29;--motion-fast:.12s;--motion-base:.2s;--motion-ease:cubic-bezier(.2,.8,.2,1);--layout-content-max:960px;--layout-study-max:720px;--layout-sidebar:264px;--layout-header:56px;--layout-tabbar:64px;--layout-tap-min:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#12141a;--color-surface:#1b1e26;--color-surface-raised:#232731;--color-border:#323744;--color-border-input:#8a92a2;--color-text:#eceef3;--color-text-muted:#a4abb8;--color-accent:#5fd3c6;--color-accent-hover:#85e3d8;--color-accent-soft:#0f3a36;--color-on-accent:#04211e;--color-danger:#ff8f8f;--color-on-danger:#2a0707;--color-success:#5fd39b;--color-on-success:#04210f;--color-warning:#f0b94d;--color-warning-soft:#3a2c0c;--color-info:#6cc4e6;--color-again:#ff8f8f;--color-hard:#f0b94d;--color-good:#5fd39b;--color-easy:#6cc4e6;--color-count-new:#8ea6ff;--color-count-learning:#ff8f8f;--color-count-review:#5fd39b;--color-flag-1:#ff6b6b;--color-flag-2:#ff9d4d;--color-flag-3:#4fcf87;--color-flag-4:#6aa3ff;--color-flag-5:#ff7ccb;--color-flag-6:#42d1d1;--color-flag-7:#b48cff;--color-overlay:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--color-bg:#12141a;--color-surface:#1b1e26;--color-surface-raised:#232731;--color-border:#323744;--color-border-input:#8a92a2;--color-text:#eceef3;--color-text-muted:#a4abb8;--color-accent:#5fd3c6;--color-accent-hover:#85e3d8;--color-accent-soft:#0f3a36;--color-on-accent:#04211e;--color-danger:#ff8f8f;--color-on-danger:#2a0707;--color-success:#5fd39b;--color-on-success:#04210f;--color-warning:#f0b94d;--color-warning-soft:#3a2c0c;--color-info:#6cc4e6;--color-again:#ff8f8f;--color-hard:#f0b94d;--color-good:#5fd39b;--color-easy:#6cc4e6;--color-count-new:#8ea6ff;--color-count-learning:#ff8f8f;--color-count-review:#5fd39b;--color-flag-1:#ff6b6b;--color-flag-2:#ff9d4d;--color-flag-3:#4fcf87;--color-flag-4:#6aa3ff;--color-flag-5:#ff7ccb;--color-flag-6:#42d1d1;--color-flag-7:#b48cff;--color-overlay:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font:var(--text-base-weight) var(--text-base)/var(--text-base-line) var(--font-sans);margin:0}h1{font-size:var(--text-xl);line-height:var(--text-xl-line);font-weight:var(--text-xl-weight);margin:0 0 var(--space-4)}h2{font-size:var(--text-lg);line-height:var(--text-lg-line);font-weight:var(--text-lg-weight);margin:0 0 var(--space-3)}p{margin:0 0 var(--space-3)}a{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.muted{color:var(--color-text-muted);font-size:var(--text-sm)}.skip-link{background:var(--color-bg);padding:var(--space-2) var(--space-3);z-index:100;position:absolute;top:0;left:-999px}.skip-link:focus{left:var(--space-2);top:var(--space-2)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar{z-index:10;align-items:center;gap:var(--space-4);height:var(--layout-header);padding:0 var(--space-4);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.brand{color:var(--color-text);font-weight:700;text-decoration:none}.topnav{gap:var(--space-1);flex:1;display:flex}.topnav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);align-items:center;min-height:36px;text-decoration:none;display:inline-flex}.topnav a[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.container{max-width:var(--layout-content-max);padding:var(--space-5) var(--space-4) var(--space-6);margin:0 auto}.tabbar{display:none}.btn{font:600 var(--text-sm)/var(--text-sm-line) var(--font-sans);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-input);background:var(--color-surface-raised);color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);transition:background var(--motion-fast) var(--motion-ease);text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-surface)}.btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.btn.primary:hover{background:var(--color-accent-hover)}.btn.ghost{background:0 0;border-color:#0000}.btn.danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-danger)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.field{gap:var(--space-1);margin-bottom:var(--space-4);display:grid}.field>label,.label{font:500 var(--text-xs)/var(--text-xs-line) var(--font-sans);color:var(--color-text-muted)}.input,select.input,textarea.input{width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font:inherit}textarea.input{resize:vertical;min-height:96px}.input[aria-invalid=true]{border-color:var(--color-danger)}.error{color:var(--color-danger);font-size:var(--text-sm)}.notice{background:var(--color-warning-soft);color:var(--color-warning);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.toast{animation:kk-toast-in var(--toast-open) var(--toast-ease) both;left:50%;bottom:var(--space-5);background:var(--color-text);color:var(--color-bg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);z-index:50;position:fixed;transform:translate(-50%)}.panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5)}.row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.spacer{flex:1}.deck{align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border);margin-bottom:var(--space-1);color:var(--color-text);text-decoration:none;display:flex}.deck:hover{background:var(--color-surface)}.deck .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.deck-name{min-width:0;min-height:48px;color:inherit;text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;text-decoration:none;display:flex;overflow:hidden}.deck.skeleton{min-height:48px}.counts{gap:var(--space-3);font:600 var(--text-xs)/var(--text-xs-line) var(--font-sans);font-variant-numeric:tabular-nums;display:flex}.count{text-align:right;min-width:2.2ch}.count.new{color:var(--color-count-new)}.count.learning{color:var(--color-count-learning)}.count.review{color:var(--color-count-review)}.count.zero{color:var(--color-text-muted);font-weight:400}.count.active{text-underline-offset:4px;font-weight:700;text-decoration:underline}dialog{border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-pop);background:var(--color-surface-raised);color:var(--color-text);width:min(440px, calc(100vw - 2 * var(--space-4)));border:0}dialog::backdrop{background:var(--color-overlay)}.study{max-width:var(--layout-study-max);padding:var(--space-4);gap:var(--space-4);margin:0 auto;display:grid}.study-head{align-items:center;gap:var(--space-3);display:flex}.card-box{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-3)}.card-frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;opacity:0;filter:blur(2px);width:100%;min-height:120px;transition:opacity var(--card-swap) ease-in-out, filter var(--card-swap) ease-in-out;background:0 0;border:0;display:block}@media (prefers-color-scheme:dark){.card-frame{--lightningcss-light: ;--lightningcss-dark:initial}}.card-frame.ready{opacity:1;filter:none}.show-answer{width:100%;height:56px;font-size:var(--text-base)}.answers{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.ans{background:var(--color-surface-raised);border-width:1.5px;flex-direction:column;gap:0;height:56px}.ans small{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:400}.ans.again{border-color:var(--color-again);color:var(--color-again)}.ans.hard{border-color:var(--color-hard);color:var(--color-hard)}.ans.good{border-color:var(--color-good);color:var(--color-good);border-width:2px}.ans.easy{border-color:var(--color-easy);color:var(--color-easy)}.ans:hover{background:var(--color-accent-soft)}.kbd{font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width:640px){.topnav{display:none}.topbar{justify-content:space-between}.container{padding-bottom:calc(var(--layout-tabbar) + var(--space-5))}.tabbar{height:var(--layout-tabbar);background:var(--color-surface-raised);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);z-index:10;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--color-text-muted);min-height:var(--layout-tap-min);justify-content:center;align-items:center;text-decoration:none;display:flex}.tabbar a[aria-current=page]{color:var(--color-accent);font-weight:600}.btn{min-height:var(--layout-tap-min)}.answers{grid-template-columns:repeat(2,1fr)}.ans{height:64px}.counts{gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--toast-open:.35s;--toast-ease:cubic-bezier(.22, 1, .36, 1);--card-swap:.18s}@keyframes kk-toast-in{0%{opacity:0;filter:blur(2px);transform:translate(-50%,16px)scale(.97)}to{opacity:1;filter:none;transform:translate(-50%)scale(1)}}.skeleton{min-height:160px;animation:1s ease-in-out infinite alternate kk-pulse}@keyframes kk-pulse{0%{opacity:1}to{opacity:.5}}.count-row{justify-content:center;display:flex}.count-label{color:var(--color-text-muted);font-weight:400}.count.zero .count-label{color:var(--color-text-muted)}.speak-toggle{align-items:center;gap:var(--space-2);min-height:var(--layout-tap-min);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex}.speak-toggle input{width:20px;height:20px;accent-color:var(--color-accent)}.btn svg{flex:none}@media (hover:none){.kbd-hint{display:none}}.progress{border-radius:var(--radius-pill);background:var(--color-border);height:8px;overflow:hidden}.progress>span{background:var(--color-accent);border-radius:inherit;height:100%;transition:width var(--motion-base) var(--motion-ease);display:block}.progress-caption{margin:var(--space-2) 0 0;text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.progress-card{margin-bottom:var(--space-4)}.progress-card .progress-caption{text-align:left;margin-bottom:var(--space-3)}.progress-card h2{margin-bottom:var(--space-3)}.progress-card strong{color:var(--color-text)}.btn.sm{min-height:36px;padding:0 var(--space-3)}.done{text-align:center}.done-count{font-size:var(--text-display);line-height:var(--text-display-line);color:var(--color-accent);margin:var(--space-3) 0 0;font-weight:700}.streak{font-weight:600}.topbar{padding-top:env(safe-area-inset-top);height:calc(var(--layout-header) + env(safe-area-inset-top))}.container{padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right))}.study{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}@media (max-width:640px){body:has(input:focus,textarea:focus,select:focus) .tabbar{display:none}}