body{color:#2f241d;background:radial-gradient(circle at top left,rgba(255,206,112,.35),transparent 24%),radial-gradient(circle at 85% 10%,rgba(108,196,255,.28),transparent 20%),linear-gradient(180deg,#fff9f2,#fff4e7)}.page[data-astro-cid-yeiqttva]{width:min(1360px,calc(100% - 24px));margin:0 auto;padding:18px 0 32px}.topbar[data-astro-cid-yeiqttva]{margin-bottom:12px}.back-link[data-astro-cid-yeiqttva]{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(47,36,29,.12);background:#fffdf9e0;text-decoration:none;font-weight:700}.hero[data-astro-cid-yeiqttva],.piano-shell[data-astro-cid-yeiqttva]{background:#fffdf9eb;border:1px solid rgba(47,36,29,.12);border-radius:28px;box-shadow:0 22px 48px #5b44301a}.hero[data-astro-cid-yeiqttva]{padding:22px}.eyebrow[data-astro-cid-yeiqttva]{display:inline-block;padding:8px 14px;border-radius:999px;background:#fff3d6;font-weight:700}h1[data-astro-cid-yeiqttva]{margin:16px 0 8px;font-size:clamp(2.4rem,7vw,4.8rem);line-height:.96;letter-spacing:-.05em;text-transform:uppercase}.lead[data-astro-cid-yeiqttva]{margin:0;max-width:760px;color:#6d5a4b;font-size:1.05rem;line-height:1.65}.piano-shell[data-astro-cid-yeiqttva]{margin-top:16px;padding:18px}.songs-panel[data-astro-cid-yeiqttva]{margin-bottom:18px;padding:16px;border-radius:22px;background:#fff8ef;border:1px solid #eadfce}.songs-copy[data-astro-cid-yeiqttva] h2[data-astro-cid-yeiqttva],.panel-copy[data-astro-cid-yeiqttva] h2[data-astro-cid-yeiqttva]{margin:0 0 4px;font-size:1.45rem}.songs-copy[data-astro-cid-yeiqttva] p[data-astro-cid-yeiqttva],.panel-copy[data-astro-cid-yeiqttva] p[data-astro-cid-yeiqttva]{margin:0 0 12px;color:#6d5a4b}.song-grid[data-astro-cid-yeiqttva]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.song-button[data-astro-cid-yeiqttva]{appearance:none;min-height:54px;padding:12px 14px;border:2px solid #d9c9b7;border-radius:18px;background:#fffdf9;color:#2f241d;font:inherit;font-weight:800;cursor:pointer}.song-button[data-astro-cid-yeiqttva].is-playing{background:#ffe18d;border-color:#2f241d}.stop-button[data-astro-cid-yeiqttva]{background:#f9ece4}.panel[data-astro-cid-yeiqttva]{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.status[data-astro-cid-yeiqttva]{min-width:260px;padding:12px 16px;border-radius:18px;background:#fff8ef;border:1px solid #eadfce;text-align:center;font-weight:700;color:#6d5a4b}.piano[data-astro-cid-yeiqttva]{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#2f241d,#4b382d)}.key[data-astro-cid-yeiqttva]{appearance:none;border:0;border-radius:0 0 20px 20px;cursor:pointer;font:inherit;transition:transform 90ms ease,filter 90ms ease;user-select:none}.key[data-astro-cid-yeiqttva].white{min-height:320px;padding:16px 10px 18px;box-shadow:inset 0 0 0 2px #eadfce,0 10px 18px #00000029;display:flex;flex-direction:column;justify-content:end;align-items:center}.tone-yellow[data-astro-cid-yeiqttva]{background:linear-gradient(180deg,#ffe58f,#f9c55f)}.tone-green[data-astro-cid-yeiqttva]{background:linear-gradient(180deg,#bde8c2,#74c69d)}.tone-blue[data-astro-cid-yeiqttva]{background:linear-gradient(180deg,#b9dbff,#5a8dee);color:#fffdf9}.tone-orange[data-astro-cid-yeiqttva]{background:linear-gradient(180deg,#ffd1b7,#f88f71)}.tone-red[data-astro-cid-yeiqttva]{background:linear-gradient(180deg,#f5b1b1,#e45757);color:#fffdf9}.tone-purple[data-astro-cid-yeiqttva]{background:linear-gradient(180deg,#d8c2ff,#9b6de5);color:#fffdf9}.tone-pink[data-astro-cid-yeiqttva]{background:linear-gradient(180deg,#ffc5d7,#ec6d90)}.tone-teal[data-astro-cid-yeiqttva]{background:linear-gradient(180deg,#c2ece6,#74b3b8)}.key[data-astro-cid-yeiqttva].black{position:absolute;top:18px;width:calc((100% - 36px)*.0775);height:190px;padding:12px 6px 14px;background:linear-gradient(180deg,#4a4a4a,#141414);box-shadow:inset 0 0 0 2px #ffffff14,0 8px 14px #00000047;color:#fffdf9;z-index:2;display:flex;flex-direction:column;justify-content:end;align-items:center}.key[data-astro-cid-yeiqttva].black[data-note="C#4"]{left:calc(18px + (100% - 36px)/8*.7)}.key[data-astro-cid-yeiqttva].black[data-note="D#4"]{left:calc(18px + (100% - 36px)/8*1.7)}.key[data-astro-cid-yeiqttva].black[data-note="F#4"]{left:calc(18px + (100% - 36px)/8*3.7)}.key[data-astro-cid-yeiqttva].black[data-note="G#4"]{left:calc(18px + (100% - 36px)/8*4.7)}.key[data-astro-cid-yeiqttva].black[data-note="A#4"]{left:calc(18px + (100% - 36px)/8*5.7)}.key[data-astro-cid-yeiqttva].is-active{transform:translateY(4px);filter:brightness(.88)}.note-name[data-astro-cid-yeiqttva]{font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.key-hint[data-astro-cid-yeiqttva]{margin-top:6px;font-size:.9rem;opacity:.72;font-weight:700}@media(max-width:980px){.panel[data-astro-cid-yeiqttva]{flex-direction:column;align-items:start}.status[data-astro-cid-yeiqttva]{min-width:0;width:100%}.key[data-astro-cid-yeiqttva].white{min-height:260px}.key[data-astro-cid-yeiqttva].black{height:150px}}@media(max-width:700px){.page[data-astro-cid-yeiqttva]{width:min(100% - 16px,1360px)}.hero[data-astro-cid-yeiqttva],.piano-shell[data-astro-cid-yeiqttva]{border-radius:22px}.hero[data-astro-cid-yeiqttva],.piano-shell[data-astro-cid-yeiqttva]{padding:14px}.song-grid[data-astro-cid-yeiqttva]{grid-template-columns:1fr}.piano[data-astro-cid-yeiqttva]{gap:4px;padding:12px;overflow-x:auto}.key[data-astro-cid-yeiqttva].white{min-width:74px;min-height:220px;border-radius:0 0 16px 16px}.key[data-astro-cid-yeiqttva].black{width:44px;height:126px;top:12px;border-radius:0 0 12px 12px}.key[data-astro-cid-yeiqttva].black[data-note="C#4"]{left:58px}.key[data-astro-cid-yeiqttva].black[data-note="D#4"]{left:136px}.key[data-astro-cid-yeiqttva].black[data-note="F#4"]{left:292px}.key[data-astro-cid-yeiqttva].black[data-note="G#4"]{left:370px}.key[data-astro-cid-yeiqttva].black[data-note="A#4"]{left:448px}}