:root{--bg:#f7f7f5;--surface:#fff;--text:#1d1d1b;--muted:#6b6b66;--border:#e2e1dc;--accent:#1f4e79;--accent-text:#fff;--mark:#fff1b8;--again:#b3261e;--hard:#a35c00;--good:#1f6f43;--easy:#1f4e79;--t-studypoint:#5b3fa8;--t-mistake:#c2410c;--t-listening:#0f766e;--t-pronunciation:#be185d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#161615;--surface:#222220;--text:#ecebe6;--muted:#a09f98;--border:#34332f;--accent:#7fb2e5;--accent-text:#0f1a24;--mark:#5a4a12;--again:#f2877f;--hard:#e8b267;--good:#7cc99b;--easy:#7fb2e5;--t-studypoint:#b9a4f5;--t-mistake:#fb9a5b;--t-listening:#5fd4c4;--t-pronunciation:#f29ac0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:640px;padding:max(16px, env(safe-area-inset-top)) 16px 32px;margin:0 auto}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}h1{margin:0;font-size:1.25rem}h2{margin:0 0 4px;font-size:1.25rem}.status{color:var(--muted);align-items:center;gap:8px;font-size:.875rem;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.on{background:var(--good)}.dot.off{background:var(--hard)}.pill{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:0 8px}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;min-height:44px;padding:10px 16px}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.link{color:var(--accent);background:0 0;border:none;min-height:0;padding:0 4px;text-decoration:underline}.settings{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:12px;margin-bottom:16px;padding:16px;display:grid}.settings label{color:var(--muted);gap:4px;font-size:.875rem;display:grid}.settings input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:10px}.settings button:not(.link){background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.progress{color:var(--muted);margin:0 0 8px;font-size:.875rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;justify-content:center;min-height:240px;padding:32px 20px;display:flex;position:relative}.center{text-align:center;align-items:center}.sentence{margin:0;font-size:1.5rem;line-height:1.4}.sentence.bare{text-align:center;font-weight:600}mark{background:var(--mark);color:inherit;border-radius:4px;padding:0 2px}.tag{color:var(--type,var(--muted));background:color-mix(in srgb, var(--type,var(--muted)) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--type,var(--muted)) 35%, var(--surface));border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-size:.8125rem;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.tag .level{color:var(--muted);border-left:1px solid var(--border);padding-left:6px;font-weight:400}.card.typed{box-shadow:inset 0 5px 0 var(--type);padding-top:56px}.type-studypoint{--type:var(--t-studypoint)}.type-mistake{--type:var(--t-mistake)}.type-listening{--type:var(--t-listening)}.type-pronunciation{--type:var(--t-pronunciation)}.hint{color:var(--muted);margin:24px 0 0;font-size:.875rem}.answer{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.target{margin:0;font-weight:600}.gloss{color:var(--muted);margin:4px 0 0}.muted{color:var(--muted)}.reveal{background:var(--accent);width:100%;color:var(--accent-text);border-color:var(--accent);margin-top:16px}.back{width:100%;margin-top:8px}.ratings{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.rate{flex-direction:column;align-items:center;padding:10px 4px;font-weight:600;display:flex}.rate small{color:var(--muted);font-size:.75rem;font-weight:400}.rate.again{color:var(--again)}.rate.hard{color:var(--hard)}.rate.good{color:var(--good)}.rate.easy{color:var(--easy)}.play{align-self:flex-start;margin-top:8px}.sentence.wrong{-webkit-text-decoration:underline wavy var(--again);text-decoration:underline wavy var(--again);text-underline-offset:6px}.sentence.right{color:var(--good);margin-bottom:8px}.reading{color:var(--muted);margin:8px 0 0}.translation{margin:4px 0 12px}.error{color:var(--again);margin:8px 0}.toggle{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;min-height:0;margin-bottom:16px;padding:16px 20px}.toggle p{margin:4px 0 0;font-size:.875rem}.pending{min-height:0;margin-bottom:16px;padding:20px;display:block}.pending h2{margin:2px 0}.pending .muted{margin:0;font-size:.875rem}.label{color:var(--muted);gap:4px;margin:12px 0 0;font-size:.875rem;display:grid}.anchors{margin:4px 0 0;padding-left:20px}textarea,.pending input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;width:100%;padding:10px}.actions{gap:8px;margin-top:16px;display:flex}.actions .approve{background:var(--good);border-color:var(--good);color:var(--accent-text)}.actions .reject{color:var(--again)}a.link{color:var(--accent);font-size:.875rem}select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:10px}.pending p{margin:4px 0}.app>.label{margin-bottom:12px}