.kana-practice{--ki:#182821;--ka:#c5f27d;--kw:#fafbf5;background:var(--ki);color:var(--kw);margin:48px 0 64px;border-radius:24px;overflow:hidden;scroll-margin-top:20px;font-family:'DM Sans',sans-serif;box-shadow:0 24px 64px #18282116}.kana-practice *{box-sizing:border-box}.kana-practice [hidden]{display:none!important}.kana-practice button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:48px;border:0}.kana-practice button:focus-visible{outline:3px solid #7ab4ff;outline-offset:4px}.kana-practice button:disabled{cursor:default}.kp-heading{padding:36px 40px 24px;display:flex;justify-content:space-between;gap:20px}.kp-heading .kp-eyebrow{font-size:10px;letter-spacing:.17em;color:var(--ka);margin:0 0 20px}.kp-heading h2{font:400 clamp(42px,5vw,62px)/.98 'Instrument Serif',Georgia,serif;letter-spacing:-.02em;margin:0}.kp-heading h2 em{color:var(--ka);font-weight:400}.kp-heading p:last-child{color:#c7d0c5;font-size:14px;max-width:300px;line-height:1.6;margin:18px 0 0}.kp-seal{align-self:center;border:1px solid #ffffff29;border-radius:50%;width:100px;height:100px;display:grid;place-items:center;color:#ffffffa8;font:48px 'Noto Sans JP',sans-serif;transform:rotate(-10deg)}.kp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 30px 20px}.kp-mode{display:flex;background:#0d1b15;border-radius:30px;padding:4px;gap:4px}.kp-mode button{border-radius:24px;padding:8px 22px;background:transparent;color:#bdc8bd;font-size:14px}.kp-mode button[aria-pressed=true]{background:var(--kw);color:var(--ki);font-weight:700}.kana-practice #kp-browse{background:transparent;color:var(--kw);border:1px solid #ffffff38;border-radius:24px;padding:8px 18px;font-size:14px}.kp-library{margin:0 30px 20px;padding:20px;border:1px solid #ffffff30;border-radius:18px}.kp-library p{font-size:13px;margin:0 0 12px}.kp-library #kp-sets{display:flex;gap:8px;flex-wrap:wrap}.kp-library button{background:#ffffff13;color:var(--kw);border-radius:12px;padding:10px 14px}.kp-library button[aria-pressed=true]{background:var(--ka);color:var(--ki)}#kp-round{margin:0 16px 16px;background:var(--kw);color:var(--ki);border-radius:18px;padding:22px 30px 26px;min-height:440px;animation:kp-in .2s ease-out}.kp-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#69786b}.kp-dots{display:flex;gap:5px;flex-wrap:wrap}.kp-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#dce2d6}.kp-dots i.done{background:#315e39}.kp-dots i.current{background:#a9472b;box-shadow:0 0 0 3px #a9472b16}.kp-prompt{text-align:center;font-size:13px;color:#617164;margin:24px 0 0}.kp-glyph{font:500 clamp(100px,15vw,150px)/1.25 'Noto Sans JP',sans-serif;text-align:center;margin:4px 0 0;letter-spacing:0}.kp-reading{font-size:23px;font-weight:500;text-align:center;min-height:32px;margin:0 0 12px}.kp-note{text-align:center;max-width:480px;margin:0 auto 16px;font-size:12px;line-height:1.6;color:#637266}.kp-word{border-top:1px solid #dde4d7;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;margin-top:18px;text-align:left}.kp-word small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#68786b;margin-bottom:5px}.kp-word strong{font:500 27px 'Noto Sans JP',sans-serif;letter-spacing:.12em}.kp-word mark{background:transparent;color:#b13f29}.kp-word .kp-gloss{display:block;font-size:12px;color:#647468;margin-top:4px}.kp-sound{background:var(--ki);color:var(--kw);border-radius:50%;width:52px;height:52px;display:grid;place-items:center;flex-shrink:0}.kp-sound svg{width:22px;height:22px}.kp-sound[data-playing=true]{background:#486d3b}.kp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.kana-practice .kp-primary{background:var(--ka);color:var(--ki);font-weight:700;border-radius:14px;padding:15px 20px;width:100%;min-height:54px}.kana-practice .kp-secondary{background:#eaf0e3;color:#344d39;border-radius:14px;padding:15px 14px}.kp-reveal{margin-top:20px}.kp-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0}.kp-options button{background:#eaf0e3;color:#213e2b;border-radius:14px;min-height:54px;font-size:20px}.kp-options [data-result=correct]{background:#c5f27d}.kp-options [data-result=wrong]{background:#f5d6cc;color:#8b3725}.kp-feedback{text-align:center;font-size:13px;min-height:20px;margin:12px 0}.kp-result{text-align:center;padding:25px 0}.kp-result h3{font:400 45px/1.1 'Instrument Serif',Georgia,serif;margin:10px 0 20px}.kp-result p{font-size:14px;line-height:1.7}.kp-result .kp-result-kana{font:28px 'Noto Sans JP',sans-serif;letter-spacing:.12em;margin:25px 0;word-break:break-all}.kp-footer{display:flex;justify-content:space-between;gap:12px;padding:4px 32px 20px;font-size:10px;color:#bdc8bc}.kp-footer b{display:inline-grid;place-items:center;border:1px solid #bdc8bc66;border-radius:50%;width:24px;height:24px;margin-right:6px}.kp-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes kp-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:650px){.kp-heading{padding:26px 24px 22px}.kp-heading h2{font-size:43px}.kp-heading p:last-child{font-size:12px;max-width:230px}.kp-toolbar{margin:0 16px 16px;gap:8px}.kp-mode button{padding:8px 17px}.kana-practice #kp-browse{padding:8px 12px}.kp-library{margin:0 16px 16px;padding:14px}#kp-round{padding:20px 20px 22px;margin:0 10px 14px;min-height:400px}.kp-glyph{font-size:112px}.kp-heading .kp-eyebrow{font-size:8px}.kp-footer{padding:2px 22px 18px;font-size:9px}.kp-seal{display:none}.kp-word strong{font-size:25px}.kp-actions button{font-size:13px}}@media(prefers-reduced-motion:reduce){#kp-round{animation:none}}

.kp-target-word{text-align:center;font:500 30px/1.5 "Noto Sans JP",sans-serif;margin:0 0 14px}.kp-options button{overflow-wrap:anywhere}.kp-reading{overflow-wrap:anywhere}.kp-learning-links{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;font-size:14px}.kp-learning-links a{padding:12px 16px;border:1px solid #a6b2a4;border-radius:24px;color:#183723;text-decoration:none}.kp-learning-links [aria-current=page]{background:#183723;color:#fff}