:root{--bg: #0d1117;--bg-2: #131820;--surface: #1a2030;--surface-2: #212840;--line: #2a3348;--line-soft: #1e2a3c;--text: #e8edf5;--text-soft: #9aaabf;--muted: #5a6b82;--accent: #4f9ef8;--accent-deep: #3a88e8;--accent-soft: rgba(79, 158, 248, .12);--gold: #f0c060;--gold-soft: rgba(240, 192, 96, .12);--correct: #34c98a;--correct-soft: rgba(52, 201, 138, .12);--wrong: #f06060;--wrong-soft: rgba(240, 96, 96, .12);--font-body: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-display: "Plus Jakarta Sans", "Noto Sans JP", sans-serif;--font-en: "Plus Jakarta Sans", "Georgia", serif;--fs-eyebrow: .72rem;--fs-body: 1rem;--fs-lead: 1.1rem;--fs-h3: 1.25rem;--fs-h2: clamp(1.6rem, 3.5vw, 2.25rem);--fs-hero: clamp(2rem, 5vw, 3.2rem);--section-y: clamp(56px, 7vw, 96px);--container: 1100px;--gutter: clamp(16px, 4vw, 40px);--radius: 14px;--radius-sm: 8px;--ease: cubic-bezier(.2, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:var(--fs-body);line-height:1.8;color:var(--text);background:var(--bg);font-feature-settings:"palt";-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.4;letter-spacing:.005em;margin:0}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none;font:inherit}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-y)}.section--alt{background:var(--bg-2)}.eyebrow{font-family:var(--font-display);font-size:var(--fs-eyebrow);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:700;display:inline-flex;align-items:center;gap:.7em}.eyebrow:before{content:"";width:24px;height:2px;background:var(--accent);border-radius:2px}.section-title{font-size:var(--fs-h2);margin-top:14px}.lead{font-size:var(--fs-lead);color:var(--text-soft);margin-top:14px;max-width:44em;line-height:1.95}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:12px 24px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.01em;border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.btn--primary{background:var(--accent);color:#03142c}.btn--primary:hover{background:var(--accent-deep);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.btn--gold{background:var(--gold);color:#1a1000}.btn--gold:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn--block{width:100%}.badge{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:3px 10px;border-radius:999px}.badge--blue{background:var(--accent-soft);color:var(--accent)}.badge--gold{background:var(--gold-soft);color:var(--gold)}.badge--correct{background:var(--correct-soft);color:var(--correct)}.badge--wrong{background:var(--wrong-soft);color:var(--wrong)}.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease),transform .55s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.progress-bar{width:100%;height:6px;background:var(--line);border-radius:999px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s var(--ease)}.score-display{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-en);font-size:.88rem;font-weight:600;color:var(--text-soft)}.score-display strong{color:var(--text)}.flashcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:40px 32px;text-align:center;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.flashcard:hover{box-shadow:0 8px 32px #00000059}.flashcard__en{font-family:var(--font-en);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;color:var(--text);letter-spacing:.01em}.flashcard__phonetic{font-family:var(--font-en);font-size:1rem;color:var(--muted);letter-spacing:.03em}.flashcard__ja{font-size:1.2rem;font-weight:600;color:var(--gold);opacity:0;transition:opacity .3s var(--ease)}.flashcard__ja.is-shown{opacity:1}.flashcard__pos{font-size:.78rem;color:var(--muted);font-family:var(--font-en)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.choice{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:12px 16px;font-size:.9rem;color:var(--text);cursor:pointer;text-align:left;transition:border-color .18s,background .18s,color .18s}.choice:hover{border-color:var(--accent);background:var(--accent-soft)}.choice.is-correct{border-color:var(--correct);background:var(--correct-soft);color:var(--correct)}.choice.is-wrong{border-color:var(--wrong);background:var(--wrong-soft);color:var(--wrong)}.choice:disabled{cursor:default}.drill-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.drill-nav .count{font-family:var(--font-en);font-size:.88rem;color:var(--muted)}.tab-list{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:32px}.tab-btn{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-soft);padding:10px 18px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:1px solid transparent;border-bottom:none;cursor:pointer;transition:color .18s,background .18s}.tab-btn:hover{color:var(--text)}.tab-btn.is-active{color:var(--accent);background:var(--surface);border-color:var(--line);border-bottom-color:var(--surface);margin-bottom:-1px}.phrase-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px;display:flex;flex-direction:column;gap:10px}.phrase-card__en{font-family:var(--font-en);font-size:1.1rem;font-weight:600;color:var(--text)}.phrase-card__ja{font-size:.92rem;color:var(--text-soft)}.phrase-card__note{font-size:.78rem;color:var(--muted);font-style:italic}.phrase-card__toggle{align-self:flex-start;font-size:.8rem;color:var(--accent);cursor:pointer;background:var(--accent-soft);border-radius:4px;padding:2px 8px}.grammar-q{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px 32px;margin-bottom:16px}.grammar-q__text{font-size:1.1rem;line-height:2}.grammar-q__blank{display:inline-block;min-width:80px;border-bottom:2px solid var(--accent);text-align:center;color:var(--accent);font-weight:700;padding:0 8px;vertical-align:baseline;font-family:var(--font-en)}.grammar-q__answer{margin-top:12px;font-size:.88rem;color:var(--text-soft);display:none}.grammar-q__answer.is-shown{display:block}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-item{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:14px 18px;cursor:pointer;font-size:.9rem;transition:border-color .18s,background .18s;user-select:none}.match-item:hover{border-color:var(--accent);background:var(--accent-soft)}.match-item.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.match-item.is-matched{border-color:var(--correct);background:var(--correct-soft);color:var(--correct);cursor:default}.match-item.is-wrong-flash{border-color:var(--wrong);background:var(--wrong-soft);animation:wrong-flash .5s ease}@keyframes wrong-flash{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.result-banner{display:none;text-align:center;padding:40px 24px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);margin-top:24px}.result-banner.is-shown{display:block}.result-banner__score{font-family:var(--font-en);font-size:3rem;font-weight:800;color:var(--gold)}.result-banner__label{color:var(--text-soft);margin-top:8px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.choice,.match-item,.btn{transition:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width: 600px){.choices,.match-grid{grid-template-columns:1fr}.flashcard{padding:28px 20px}.grammar-q{padding:20px}}.site-header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:100;background:#0d1117e6;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.site-header__inner[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:24px;height:64px}.site-header__logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:baseline;gap:4px;font-family:var(--font-display);font-weight:800;flex-shrink:0}.logo-en[data-astro-cid-3ef6ksr2]{font-size:1.15rem;color:var(--accent)}.logo-drills[data-astro-cid-3ef6ksr2]{font-size:1.15rem;color:var(--text)}.site-nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:2px;margin-left:auto}.site-nav__link[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;align-items:center;padding:6px 14px;border-radius:var(--radius-sm);transition:background .18s,color .18s}.site-nav__link[data-astro-cid-3ef6ksr2]:hover{background:var(--surface)}.site-nav__link[data-astro-cid-3ef6ksr2].is-active{background:var(--accent-soft)}.site-nav__link[data-astro-cid-3ef6ksr2].is-active .site-nav__en[data-astro-cid-3ef6ksr2]{color:var(--accent)}.site-nav__en[data-astro-cid-3ef6ksr2]{font-family:var(--font-en);font-size:.8rem;font-weight:700;color:var(--text-soft)}.site-nav__ja[data-astro-cid-3ef6ksr2]{font-size:.65rem;color:var(--muted)}.site-nav__link[data-astro-cid-3ef6ksr2].is-active .site-nav__ja[data-astro-cid-3ef6ksr2]{color:var(--accent);opacity:.7}.nav-toggle[data-astro-cid-3ef6ksr2]{display:none;flex-direction:column;gap:5px;padding:6px;margin-left:auto}.nav-toggle[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{display:block;width:22px;height:2px;background:var(--text-soft);border-radius:2px;transition:transform .2s,opacity .2s}@media (max-width: 700px){.site-nav[data-astro-cid-3ef6ksr2]{display:none}.nav-toggle[data-astro-cid-3ef6ksr2]{display:flex}.site-nav[data-astro-cid-3ef6ksr2].is-open{display:flex;flex-direction:column;align-items:stretch;position:fixed;top:64px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 16px}.site-nav[data-astro-cid-3ef6ksr2].is-open .site-nav__link[data-astro-cid-3ef6ksr2]{flex-direction:row;gap:10px;justify-content:flex-start}}.site-footer[data-astro-cid-sz7xmlte]{background:var(--bg-2);border-top:1px solid var(--line);margin-top:auto}.site-footer__inner[data-astro-cid-sz7xmlte]{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;padding-block:48px;flex-wrap:wrap}.site-footer__brand[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:10px;font-family:var(--font-display)}.site-footer__brand[data-astro-cid-sz7xmlte] .logo-en[data-astro-cid-sz7xmlte]{font-size:1.1rem;font-weight:800;color:var(--accent)}.site-footer__brand[data-astro-cid-sz7xmlte] .logo-drills[data-astro-cid-sz7xmlte]{font-size:1.1rem;font-weight:800;color:var(--text)}.site-footer__brand[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{font-size:.85rem;color:var(--muted);max-width:22em}.site-footer__nav[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:10px}.site-footer__nav[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{font-family:var(--font-en);font-size:.85rem;color:var(--text-soft);transition:color .18s}.site-footer__nav[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--accent)}.site-footer__copy[data-astro-cid-sz7xmlte]{padding-bottom:24px}.site-footer__copy[data-astro-cid-sz7xmlte] small[data-astro-cid-sz7xmlte]{font-size:.75rem;color:var(--muted)}