@font-face{font-family:Short Stack;src:url(/Short_Stack/ShortStack-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Cooper Hewitt;src:url(/CooperHewitt-WebFonts-public/CooperHewitt-Book.woff)format("woff");font-display:swap}:root{--paper:#f7f2e7;--ink:#15233f;--ink-soft:#38527d;--accent:#ff8f3f;--accent-deep:#de5f2f;--sky:#9ad3f5;--panel:#ffffffdb;--panel-strong:#fffffff0;--shadow:0 18px 50px #18274626;--line:#15233f1f}[data-astro-cid-jhkbhhnv]{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 0 0,#ffdb8cbf,#0000 30%),radial-gradient(circle at 100% 0,#7ac6ffcc,#0000 28%),linear-gradient(#fefaf3 0%,#edf5ff 52%,#f7f2e7 100%);margin:0;font-family:Cooper Hewitt,Trebuchet MS,sans-serif}.page-shell[data-astro-cid-jhkbhhnv]{width:min(1180px,100% - 24px);margin:0 auto;padding:18px 0 48px}.hero[data-astro-cid-jhkbhhnv]{background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(18px);border:1px solid #fffc;border-radius:28px;padding:30px 24px 24px}.eyebrow[data-astro-cid-jhkbhhnv]{color:var(--accent-deep);letter-spacing:.04em;text-transform:uppercase;background:#ff8f3f29;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.92rem;display:inline-flex}h1[data-astro-cid-jhkbhhnv]{margin:16px 0 12px;font-family:Short Stack,Cooper Hewitt,sans-serif;font-size:clamp(2.2rem,6vw,4.6rem);line-height:1.02}.hero[data-astro-cid-jhkbhhnv] p[data-astro-cid-jhkbhhnv]{max-width:60ch;color:var(--ink-soft);margin:0;font-size:1.14rem;line-height:1.55}.stats[data-astro-cid-jhkbhhnv]{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:24px;display:grid}.stat-card[data-astro-cid-jhkbhhnv]{background:var(--panel-strong);border:1px solid var(--line);border-radius:18px;padding:16px}.stat-label[data-astro-cid-jhkbhhnv]{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.82rem;display:block}.stat-value[data-astro-cid-jhkbhhnv]{margin-top:10px;font-family:Short Stack,Cooper Hewitt,sans-serif;font-size:1.8rem;display:block}.workspace[data-astro-cid-jhkbhhnv]{grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:18px;margin-top:20px;display:grid}.panel[data-astro-cid-jhkbhhnv]{background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(18px);border:1px solid #fffc;border-radius:24px;padding:20px}.panel[data-astro-cid-jhkbhhnv] h2[data-astro-cid-jhkbhhnv]{margin:0 0 10px;font-family:Short Stack,Cooper Hewitt,sans-serif;font-size:1.5rem}.panel[data-astro-cid-jhkbhhnv] p[data-astro-cid-jhkbhhnv],.panel[data-astro-cid-jhkbhhnv] li[data-astro-cid-jhkbhhnv]{color:var(--ink-soft)}.control-stack[data-astro-cid-jhkbhhnv]{gap:16px;display:grid}.control[data-astro-cid-jhkbhhnv]{gap:8px;display:grid}.control[data-astro-cid-jhkbhhnv] label[data-astro-cid-jhkbhhnv],.toggle-row[data-astro-cid-jhkbhhnv] label[data-astro-cid-jhkbhhnv],.input-header[data-astro-cid-jhkbhhnv] label[data-astro-cid-jhkbhhnv]{letter-spacing:.03em;text-transform:uppercase;font-size:.92rem;font-weight:700}.range-head[data-astro-cid-jhkbhhnv]{justify-content:space-between;align-items:center;gap:12px;display:flex}.range-value[data-astro-cid-jhkbhhnv],.status[data-astro-cid-jhkbhhnv]{font-family:ui-monospace,SF Mono,Menlo,monospace}input[data-astro-cid-jhkbhhnv][type=range]{width:100%;accent-color:var(--accent)}select[data-astro-cid-jhkbhhnv],textarea[data-astro-cid-jhkbhhnv],button[data-astro-cid-jhkbhhnv]{font:inherit}select[data-astro-cid-jhkbhhnv],textarea[data-astro-cid-jhkbhhnv]{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffeb;border-radius:16px;padding:14px 16px}textarea[data-astro-cid-jhkbhhnv]{resize:vertical;min-height:180px;line-height:1.5}.toggle-row[data-astro-cid-jhkbhhnv]{border:1px solid var(--line);background:#ffffffb8;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.toggle-row[data-astro-cid-jhkbhhnv] input[data-astro-cid-jhkbhhnv]{width:20px;height:20px}.button-row[data-astro-cid-jhkbhhnv]{flex-wrap:wrap;gap:10px;display:flex}button[data-astro-cid-jhkbhhnv]{cursor:pointer;border:none;border-radius:999px;padding:12px 18px;transition:transform .18s,box-shadow .18s,background .18s}button[data-astro-cid-jhkbhhnv]:hover{transform:translateY(-1px);box-shadow:0 10px 18px #15233f1f}button[data-astro-cid-jhkbhhnv]:active{transform:translateY(0)}button[data-astro-cid-jhkbhhnv]:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.primary[data-astro-cid-jhkbhhnv]{background:linear-gradient(135deg, var(--accent), #ffb15f);color:#fffef8}.secondary[data-astro-cid-jhkbhhnv]{color:var(--ink);background:#15233f17}.ghost[data-astro-cid-jhkbhhnv]{color:var(--ink);border:1px solid var(--line);background:#ffffffbf}.status[data-astro-cid-jhkbhhnv]{color:var(--ink);background:#15233f14;border-radius:16px;margin-top:14px;padding:14px 16px}.status[data-astro-cid-jhkbhhnv].error{color:#7d2608;background:#de5f2f26}.helper[data-astro-cid-jhkbhhnv]{margin:10px 0 0;font-size:.94rem;line-height:1.55}.piano-wall[data-astro-cid-jhkbhhnv]{gap:12px;max-height:62vh;padding-right:6px;display:grid;overflow:auto}.octave-band[data-astro-cid-jhkbhhnv]{border:1px solid var(--line);background:#ffffffad;border-radius:20px;padding:12px}.octave-band[data-astro-cid-jhkbhhnv] h3[data-astro-cid-jhkbhhnv]{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 10px;font-size:1rem}.key-row[data-astro-cid-jhkbhhnv]{flex-wrap:wrap;gap:8px;display:flex}.key[data-astro-cid-jhkbhhnv]{text-align:center;border:1px solid #0000;border-radius:14px;min-width:70px;padding:12px 10px;font-weight:700}.key[data-astro-cid-jhkbhhnv].is-white{color:#22334f;background:linear-gradient(#fffdfa 0%,#ebe3d0 100%);border-color:#22334f1f}.key[data-astro-cid-jhkbhhnv].is-black{color:#fdf5e6;background:linear-gradient(#2a3447 0%,#111722 100%);border-color:#ffffff1a}.key[data-astro-cid-jhkbhhnv].active{color:#231405;background:linear-gradient(#ffcf59 0%,#ff8f3f 100%);border-color:#23140533}.song-panel[data-astro-cid-jhkbhhnv]{gap:18px;display:grid}.input-header[data-astro-cid-jhkbhhnv]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hint-grid[data-astro-cid-jhkbhhnv]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.hint-card[data-astro-cid-jhkbhhnv]{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;padding:14px}.hint-card[data-astro-cid-jhkbhhnv] strong[data-astro-cid-jhkbhhnv]{margin-bottom:6px;display:block}@media (width<=900px){.workspace[data-astro-cid-jhkbhhnv]{grid-template-columns:1fr}.page-shell[data-astro-cid-jhkbhhnv]{width:min(100%,100% - 16px)}}@media (width<=640px){.hero[data-astro-cid-jhkbhhnv],.panel[data-astro-cid-jhkbhhnv]{border-radius:20px;padding:18px}.stats[data-astro-cid-jhkbhhnv]{grid-template-columns:1fr 1fr}.key[data-astro-cid-jhkbhhnv]{min-width:calc(50% - 4px)}}