.drill{--d-ok:#10b981;--d-ok-soft:#ecfdf5;--d-ok-line:#6ee7b7;--d-ok-ink:#065f46;--d-bad:#f43f5e;--d-bad-soft:#fff1f2;--d-bad-line:#fda4af;--d-bad-ink:#9f1239;--d-line:var(--border);--d-muted:var(--muted-foreground);max-width:720px;color:var(--foreground);margin:0 auto}.dark .drill{--d-ok-soft:#10b98124;--d-ok-line:#10b9818c;--d-ok-ink:#6ee7b7;--d-bad-soft:#f43f5e24;--d-bad-line:#f43f5e8c;--d-bad-ink:#fda4af}.drill .ko{font-family:Gowun Batang,Malgun Gothic,serif}.drill-stage{background:var(--card);border:1px solid var(--border);border-radius:1.5rem;padding:22px 28px 28px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px -12px #0f172a1f}@media (max-width:600px){.drill-stage{border-radius:1.25rem;padding:16px 16px 20px}}.drill-top{align-items:center;gap:10px;margin-bottom:26px;display:flex}.drill-bar{background:var(--secondary);border-radius:99px;flex:1;height:10px;overflow:hidden}.drill-bar>i{background:linear-gradient(90deg,#10b981,#14b8a6,#06b6d4);border-radius:99px;height:100%;transition:width .35s;display:block}.drill-score{background:var(--accent);min-width:52px;color:var(--accent-foreground);font-variant-numeric:tabular-nums;border-radius:99px;justify-content:center;align-items:center;gap:4px;padding:4px 12px;font-size:14px;font-weight:700;display:inline-flex}.drill-quit{width:36px;height:36px;color:var(--d-muted);cursor:pointer;background:0 0;border:0;border-radius:99px;justify-content:center;align-items:center;display:inline-flex}.drill-quit:hover{background:var(--secondary);color:var(--foreground)}.drill-lives{letter-spacing:2px;font-size:17px}.drill-timer{background:var(--d-bad-soft);border-radius:99px;height:6px;margin:-16px 0 14px;overflow:hidden}.drill-timer>i{background:linear-gradient(90deg,#fb7185,#f43f5e);border-radius:99px;height:100%;display:block}.drill-correct{text-align:right;color:var(--d-muted);margin:-4px 0 6px;font-size:13px}.drill-correct b{color:var(--d-ok)}.drill-card{text-align:center;padding:6px 0 2px}.drill-card .lbl{letter-spacing:.1em;color:var(--d-muted);margin-top:14px;font-size:11px;font-weight:700;display:block}.drill-card .word{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:2px;font-size:46px;font-weight:700;line-height:1.25;display:flex}.drill-card .rom{color:var(--d-muted);margin-top:2px;font-size:14px}.drill-card .mean{color:var(--primary);margin-top:2px;font-size:24px;font-weight:700}.drill-card .ex{background:var(--secondary);border-radius:1rem;max-width:520px;margin:18px auto 0;padding:12px 16px;font-size:17px;line-height:1.6}.drill-card .ex-vi{color:var(--d-muted);font-size:14px}.drill-card .hint{color:var(--d-muted);margin-top:16px;font-size:13px}.drill-q{color:var(--d-muted);background:var(--secondary);border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.drill-prompt{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:20px 0 24px;font-size:32px;font-weight:800;line-height:1.3;display:flex}.drill-prompt.ko{font-size:42px;font-weight:700}.drill-opts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.drill-opts.n6{grid-template-columns:1fr 1fr 1fr}@media (max-width:600px){.drill-opts{grid-template-columns:1fr;gap:8px}.drill-opts.n6{grid-template-columns:1fr 1fr}.drill-prompt{font-size:26px}.drill-prompt.ko{font-size:36px}.drill-card .word{font-size:38px}}.drill-opt{border:1.5px solid var(--border);background:var(--card);min-height:62px;color:var(--foreground);text-align:center;cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;padding:14px 16px 14px 48px;font-size:17px;font-weight:600;line-height:1.35;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s;display:flex;position:relative;box-shadow:0 1px 2px #0f172a0d}.drill-opt.ko{font-size:22px;font-weight:700}.drill-opt .num{background:var(--secondary);width:24px;height:24px;color:var(--d-muted);font-size:12px;font-weight:700;font-family:var(--font-sans);border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.drill-opt:hover:not(:disabled){border-color:var(--primary);background:var(--accent);box-shadow:0 4px 14px -6px #0891b259}.drill-opt:active:not(:disabled){transform:scale(.985)}.drill-opt:disabled{cursor:default}.drill-opt.ok{background:var(--d-ok-soft);border-color:var(--d-ok);color:var(--d-ok-ink)}.drill-opt.ok .num{background:var(--d-ok);color:#fff}.drill-opt.bad{background:var(--d-bad-soft);border-color:var(--d-bad);color:var(--d-bad-ink)}.drill-opt.bad .num{background:var(--d-bad);color:#fff}.drill-opt.dim{opacity:.55}.drill-listen{text-align:center;margin:18px 0 24px}.drill-spk{cursor:pointer;background:var(--accent);color:var(--primary);border:0;border-radius:999px;justify-content:center;align-items:center;transition:transform .1s,filter .15s;display:inline-flex}.drill-spk:hover{filter:brightness(.96)}.drill-spk:active{transform:scale(.95)}.drill-spk.sm{width:38px;height:38px}.drill-spk.big{color:#fff;background:linear-gradient(135deg,#10b981,#14b8a6 50%,#0891b2);width:104px;height:104px;box-shadow:0 10px 28px -10px #0891b299}.drill-input{text-align:center;border:1.5px solid var(--border);background:var(--background);width:100%;color:var(--foreground);border-radius:1rem;outline:none;padding:14px;font-size:30px;font-weight:700;transition:border-color .15s,box-shadow .15s;display:block}.drill-input::placeholder{font-family:var(--font-sans);color:var(--d-muted);font-size:16px;font-weight:400}.drill-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent)}.drill-input.ok{border-color:var(--d-ok);background:var(--d-ok-soft);color:var(--d-ok-ink)}.drill-input.bad{border-color:var(--d-bad);background:var(--d-bad-soft);color:var(--d-bad-ink)}.drill-tiles{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.drill-tile{border:1.5px solid var(--border);background:var(--card);min-width:54px;height:54px;color:var(--foreground);cursor:pointer;border-radius:.875rem;padding:0 12px;font-size:24px;font-weight:700;transition:border-color .15s,background .15s,transform .1s;box-shadow:0 1px 2px #0f172a0d}.drill-tile:hover:not(:disabled){border-color:var(--primary);background:var(--accent)}.drill-tile:active:not(:disabled){transform:scale(.95)}.drill-tile.tool{color:var(--d-muted);background:var(--secondary);font-size:18px}.drill-tile:disabled{opacity:.35;cursor:default}.drill-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.drill-btn{border:1.5px solid var(--border);background:var(--card);height:44px;color:var(--foreground);cursor:pointer;border-radius:.875rem;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-size:15px;font-weight:700;transition:background .15s,filter .15s,transform .1s;display:inline-flex}.drill-btn:hover:not(:disabled){background:var(--secondary)}.drill-btn:active:not(:disabled){transform:scale(.98)}.drill-btn.primary{background:var(--primary);color:var(--primary-foreground);box-shadow:0 6px 18px -8px color-mix(in srgb, var(--primary) 70%, transparent);border-color:#0000}.drill-btn.primary:hover:not(:disabled){background:var(--primary);filter:brightness(1.07)}.drill-btn.small{border-radius:.75rem;height:34px;padding:0 12px;font-size:13px}.drill-btn:disabled{opacity:.45;cursor:default}.drill-fb{border:1.5px solid;border-radius:1rem;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:12px 14px 12px 16px;font-size:15px;font-weight:600;animation:.2s ease-out drill-pop;display:flex}.drill-fb.ok{background:var(--d-ok-soft);border-color:var(--d-ok-line);color:var(--d-ok-ink)}.drill-fb.bad{background:var(--d-bad-soft);border-color:var(--d-bad-line);color:var(--d-bad-ink)}.drill-fb .ko{font-size:22px}.drill-fb .msg{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}@keyframes drill-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.drill-done{text-align:center;padding:10px 0 2px}.drill-done .big{background:linear-gradient(135deg,#d1fae5,#ccfbf1 50%,#cffafe);border-radius:999px;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 10px;font-size:44px;display:flex}.dark .drill-done .big{background:linear-gradient(135deg,#10b98140,#0891b240)}.drill-done h2{margin:4px 0 8px;font-size:24px;font-weight:800}.drill-done p{color:var(--d-muted);margin:4px 0;font-size:14px}.drill-count{text-align:center;background:linear-gradient(135deg,#f43f5e,#f97316);color:#0000;-webkit-background-clip:text;background-clip:text;padding:48px 0;font-size:112px;font-weight:800;line-height:1;animation:.3s ease-out drill-pop}.drill-modes{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}@media (max-width:600px){.drill-modes{grid-template-columns:1fr 1fr;gap:10px}}.drill-mode{text-align:left;border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;border-radius:1.25rem;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 1px 2px #0f172a0a}.drill-mode:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 45%, var(--border));transform:translateY(-2px);box-shadow:0 10px 24px -14px #0f172a4d}.drill-mode:disabled{opacity:.5;cursor:not-allowed}.drill-mode .ic{border-radius:.875rem;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:6px;display:inline-flex}.drill-mode .nm{font-size:15px;font-weight:700}.drill-mode .ds{color:var(--d-muted);font-size:12.5px}.drill-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.drill-stats>div{border:1px solid var(--border);background:var(--card);text-align:center;border-radius:1.25rem;padding:14px 12px}.drill-stats b{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1.15;display:block}.drill-stats span{color:var(--d-muted);font-size:12.5px}.drill-stats .hot{background:#fbbf241a;border-color:#fbbf24}.drill-stats .hot b{color:#d97706}@media (max-width:600px){.drill-stats{grid-template-columns:repeat(2,1fr)}}.drill-flash{border:1.5px solid var(--border);cursor:pointer;width:100%;min-height:240px;color:var(--foreground);background:linear-gradient(180deg, var(--card), var(--secondary));border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:28px 20px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #0f172a0d}.drill-flash:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:0 10px 24px -14px #0f172a4d}.drill-flash .word{font-size:48px;font-weight:700;line-height:1.2}.drill-flash .rom{color:var(--d-muted);font-size:14px}.drill-flash .mean{color:var(--primary);font-size:24px;font-weight:700;animation:.2s ease-out drill-pop}.drill-flash .ex{text-align:center;margin-top:8px;font-size:16px;line-height:1.6}.drill-flash .ex-vi{color:var(--d-muted);font-size:14px}.drill-flash .tap{color:var(--d-muted);margin-top:8px;font-size:13px}@media (max-width:600px){.drill-flash{min-height:210px}.drill-flash .word{font-size:40px}}.drill-rate{text-align:center;margin-top:18px}.drill-rate .lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--d-muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.drill-rate .chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.drill-chip{border:1.5px solid var(--border);background:var(--card);height:38px;color:var(--foreground);cursor:pointer;border-radius:999px;padding:0 16px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s}.drill-chip:hover{border-color:var(--primary);background:var(--accent)}.drill-chip.on{border-color:var(--primary);background:var(--accent);color:var(--accent-foreground)}.drill-srs{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;animation:.2s ease-out drill-pop;display:grid}.drill-srs button{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:1rem;padding:14px 4px;transition:transform .12s}.drill-srs button:hover{transform:scale(1.03)}.drill-srs b{font-size:15px;font-weight:700;display:block}.drill-srs span{opacity:.85;font-size:12px;display:block}.drill-srs .again{color:#fff;background:#ef4444;box-shadow:0 6px 14px -6px #ef444480}.drill-srs .hard{color:#d97706;background:#fffbeb;border-color:#fde68a}.drill-srs .good{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.drill-srs .easy{color:#fff;background:#3b82f6;box-shadow:0 6px 14px -6px #3b82f680}.dark .drill-srs .hard{background:#f59e0b1f;border-color:#f59e0b66}.dark .drill-srs .good{background:#10b9811f;border-color:#10b98166}@media (max-width:600px){.drill-input{min-height:56px;padding:10px 12px;font-size:26px}.drill-tiles{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.drill-tile{min-width:0;height:52px;padding:0;font-size:24px}.drill-actions{flex-wrap:nowrap;gap:6px}.drill-actions .drill-btn{white-space:nowrap;flex:1 1 0;gap:4px;min-width:0;padding:0 6px;font-size:13.5px}.drill-actions .drill-btn svg{flex-shrink:0;width:15px;height:15px}}.drill-btn.idk{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.drill-btn.idk:hover:not(:disabled){background:#ffe4e6}.dark .drill-btn.idk{color:#fda4af;background:#f43f5e1f;border-color:#f43f5e59}.dark .drill-btn.idk:hover:not(:disabled){background:#f43f5e33}.drill-btn .next-ic{transition:transform .15s}.drill-btn:hover:not(:disabled) .next-ic{transform:translate(3px)}.drill-btn.primary{padding-right:18px}@media (max-width:600px){.drill-fb{flex-direction:column;align-items:stretch;gap:10px}.drill-fb .drill-btn{width:100%;height:46px;font-size:15px}}