.keypop-page[data-astro-cid-khzb3l6i]{--kp-deep:#20164a;--kp-ink:#292044;--kp-muted:#625b74;color:var(--kp-ink);background:#fffdf7}.kp-wrap[data-astro-cid-khzb3l6i]{width:min(1080px,100% - 40px);margin-inline:auto}.kp-hero[data-astro-cid-khzb3l6i]{background:var(--kp-deep);color:#fffdf7;text-align:center;padding:clamp(3rem,7vw,5rem) 0 2.5rem}.kp-label[data-astro-cid-khzb3l6i]{color:#ded5f7;margin:0 0 1.7rem;font-size:1rem}.kp-logo[data-astro-cid-khzb3l6i]{width:min(540px,100%);height:auto;margin:0 auto 1.8rem}.kp-hero[data-astro-cid-khzb3l6i] h1[data-astro-cid-khzb3l6i]{letter-spacing:.02em;margin:0;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.25}.kp-lead[data-astro-cid-khzb3l6i]{max-width:740px;margin:1.5rem auto 1.8rem;line-height:1.9}.kp-button[data-astro-cid-khzb3l6i]{color:var(--kp-deep);background:#ffd43b;border-bottom:4px solid #caa218;border-radius:12px;justify-content:center;align-items:center;gap:1rem;min-height:52px;padding:1rem 1.8rem;font-weight:800;text-decoration:none;transition:transform .15s;display:inline-flex}.kp-button[data-astro-cid-khzb3l6i]:hover{transform:translateY(-2px)}.kp-button[data-astro-cid-khzb3l6i]:focus-visible{outline-offset:5px;outline:3px solid #4dabf7}.kp-caption[data-astro-cid-khzb3l6i]{color:#ded5f7;margin:1rem 0 2.8rem;font-size:1rem}.kp-screen[data-astro-cid-khzb3l6i]{max-width:940px;margin:0 auto}.kp-screen[data-astro-cid-khzb3l6i] img[data-astro-cid-khzb3l6i]{border:1px solid #746995;border-radius:14px;width:100%;height:auto}.kp-screen[data-astro-cid-khzb3l6i] figcaption[data-astro-cid-khzb3l6i]{color:#ded5f7;margin-top:1rem;font-size:1rem}.kp-section[data-astro-cid-khzb3l6i]{padding-block:clamp(3.5rem,7vw,6rem)}.kp-heading[data-astro-cid-khzb3l6i]>p[data-astro-cid-khzb3l6i]{color:#6b489b;margin:0 0 .8rem;font-weight:800}.kp-heading[data-astro-cid-khzb3l6i] h2[data-astro-cid-khzb3l6i]{margin:0 0 2rem;font-size:clamp(1.8rem,3.5vw,2.6rem);line-height:1.4}.kp-how[data-astro-cid-khzb3l6i]{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;display:grid}.kp-step[data-astro-cid-khzb3l6i]{border:2px solid var(--kp-ink);background:#fff;border-bottom-width:5px;border-radius:9px;place-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:800;display:grid}.kp-how[data-astro-cid-khzb3l6i] h3[data-astro-cid-khzb3l6i],.kp-sound-list[data-astro-cid-khzb3l6i] h3[data-astro-cid-khzb3l6i]{margin:1.2rem 0 .7rem;font-size:1.25rem}.kp-how[data-astro-cid-khzb3l6i] p[data-astro-cid-khzb3l6i],.kp-sound-list[data-astro-cid-khzb3l6i] p[data-astro-cid-khzb3l6i],.kp-parent[data-astro-cid-khzb3l6i] p[data-astro-cid-khzb3l6i]{color:var(--kp-muted);margin:0;line-height:1.9}.kp-sounds[data-astro-cid-khzb3l6i]{background:#f0eaf8}.kp-sound-list[data-astro-cid-khzb3l6i]{grid-template-columns:1fr 1fr;gap:2.5rem 3rem;display:grid}.kp-sound-list[data-astro-cid-khzb3l6i] article[data-astro-cid-khzb3l6i]{border-top:2px solid #d4c8e6;padding-top:1.6rem}.kp-keys[data-astro-cid-khzb3l6i]{gap:8px;display:flex}.kp-keys[data-astro-cid-khzb3l6i] span[data-astro-cid-khzb3l6i]{background:var(--kp-deep);color:#fff;border-bottom:5px solid var(--key-color);border-radius:9px;place-items:center;width:52px;height:52px;font-size:1.25rem;font-weight:800;display:grid}.kp-sound-note[data-astro-cid-khzb3l6i]{color:var(--kp-muted);margin:2.5rem 0 0}.kp-parent[data-astro-cid-khzb3l6i]{grid-template-columns:1fr 1.2fr;gap:3rem;display:grid}.kp-parent[data-astro-cid-khzb3l6i] p[data-astro-cid-khzb3l6i]+p[data-astro-cid-khzb3l6i]{margin-top:1rem}.kp-parent[data-astro-cid-khzb3l6i] kbd[data-astro-cid-khzb3l6i]{background:#f0eaf8;border:1px solid #d4c8e6;border-radius:4px;margin-inline:.25em;padding:.1em .35em;font-size:1rem}details[data-astro-cid-khzb3l6i]{border-block:1px solid #d4c8e6;margin-top:1.5rem}summary[data-astro-cid-khzb3l6i]{cursor:pointer;min-height:48px;padding:1rem 0;font-weight:700}details[data-astro-cid-khzb3l6i] p[data-astro-cid-khzb3l6i]{padding-bottom:1rem}.kp-final[data-astro-cid-khzb3l6i]{background:var(--kp-deep);color:#fffdf7;text-align:center;padding:3.5rem 0 4rem}.kp-final[data-astro-cid-khzb3l6i] h2[data-astro-cid-khzb3l6i]{margin:0 0 1.8rem;font-size:clamp(1.6rem,3vw,2.3rem)}.kp-mobile-break[data-astro-cid-khzb3l6i]{display:none}@media (width<=700px){.kp-how[data-astro-cid-khzb3l6i],.kp-sound-list[data-astro-cid-khzb3l6i],.kp-parent[data-astro-cid-khzb3l6i]{grid-template-columns:1fr}.kp-parent[data-astro-cid-khzb3l6i]{gap:0}.kp-how[data-astro-cid-khzb3l6i]{gap:2rem}.kp-mobile-break[data-astro-cid-khzb3l6i]{display:initial}.kp-label[data-astro-cid-khzb3l6i]{max-width:240px;margin-inline:auto}.kp-lead[data-astro-cid-khzb3l6i] br[data-astro-cid-khzb3l6i]{display:none}}@media (prefers-reduced-motion:reduce){.kp-button[data-astro-cid-khzb3l6i]{transition:none}.kp-button[data-astro-cid-khzb3l6i]:hover{transform:none}}