.pitch-tool[data-astro-cid-apvbnzb3]{display:flex;flex-direction:column;gap:1.5rem}.page-title[data-astro-cid-apvbnzb3]{font-size:1.5rem;font-weight:700}.page-desc[data-astro-cid-apvbnzb3]{margin-top:.5rem;color:var(--text-secondary)}.section-title[data-astro-cid-apvbnzb3]{font-size:1.1rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-label[data-astro-cid-apvbnzb3]{font-size:.95rem;font-weight:600;margin-bottom:.75rem}.screen[data-astro-cid-apvbnzb3]{transition:opacity .3s}.level-select[data-astro-cid-apvbnzb3]{text-align:center}.level-cards[data-astro-cid-apvbnzb3]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.level-card[data-astro-cid-apvbnzb3]{padding:1.25rem .75rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;transition:all .2s;text-align:center;font-family:inherit}.level-card[data-astro-cid-apvbnzb3]:hover{border-color:var(--brand);transform:translateY(-2px)}.level-icon[data-astro-cid-apvbnzb3]{font-size:2rem;margin-bottom:.5rem}.level-name[data-astro-cid-apvbnzb3]{font-size:1.1rem;font-weight:700;margin-bottom:.35rem}.level-desc[data-astro-cid-apvbnzb3]{font-size:.75rem;color:var(--text-secondary);line-height:1.5}.volume-hint[data-astro-cid-apvbnzb3]{margin-top:1rem;font-size:.8rem;color:var(--text-tertiary)}.test-header[data-astro-cid-apvbnzb3]{display:flex;flex-direction:column;gap:.5rem}.progress-info[data-astro-cid-apvbnzb3]{font-size:.85rem;color:var(--text-secondary);font-weight:600}.progress-bar[data-astro-cid-apvbnzb3]{height:6px;background:var(--bg-secondary);border-radius:99px;overflow:hidden}.progress-fill[data-astro-cid-apvbnzb3]{height:100%;background:var(--brand);border-radius:99px;transition:width .3s;width:0%}.score-display[data-astro-cid-apvbnzb3]{font-size:.85rem;color:var(--text-secondary);text-align:right}.play-section[data-astro-cid-apvbnzb3]{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0}.play-btn[data-astro-cid-apvbnzb3]{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border:2px solid var(--brand);border-radius:99px;background:color-mix(in srgb,var(--brand) 10%,var(--bg));color:var(--brand);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.play-btn[data-astro-cid-apvbnzb3]:hover{background:color-mix(in srgb,var(--brand) 20%,var(--bg))}.play-btn[data-astro-cid-apvbnzb3]:active{transform:scale(.97)}.play-icon[data-astro-cid-apvbnzb3]{font-size:1.2rem}.feedback[data-astro-cid-apvbnzb3]{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:.9rem;font-weight:700;animation:fadeIn .2s}.feedback[data-astro-cid-apvbnzb3].correct{background:color-mix(in srgb,#22c55e 15%,var(--bg));color:#22c55e}.feedback[data-astro-cid-apvbnzb3].wrong{background:color-mix(in srgb,#ef4444 15%,var(--bg));color:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.keyboard-section[data-astro-cid-apvbnzb3]{text-align:center}.keyboard-hint[data-astro-cid-apvbnzb3]{font-size:.8rem;color:var(--text-tertiary);margin-bottom:.75rem}.piano[data-astro-cid-apvbnzb3]{position:relative;display:flex;justify-content:center;margin:0 auto;user-select:none;-webkit-user-select:none}.key[data-astro-cid-apvbnzb3]{position:relative;border:1px solid var(--border);cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.5rem;font-size:.7rem;font-weight:600;transition:background .1s;-webkit-tap-highlight-color:transparent}.key-white[data-astro-cid-apvbnzb3]{width:40px;height:150px;background:#f8f8f8;color:#666;border-radius:0 0 var(--radius-sm) var(--radius-sm);z-index:1}.key-black[data-astro-cid-apvbnzb3]{width:26px;height:95px;background:#1a1a1a;color:#999;border-radius:0 0 3px 3px;margin-left:-13px;margin-right:-13px;z-index:2;font-size:.6rem;padding-bottom:.4rem}.key-white[data-astro-cid-apvbnzb3]:active,.key-white[data-astro-cid-apvbnzb3].pressed,.key-black[data-astro-cid-apvbnzb3]:active,.key-black[data-astro-cid-apvbnzb3].pressed{background:var(--brand);color:#fff}.key[data-astro-cid-apvbnzb3].disabled{opacity:.4;pointer-events:none}.result-card[data-astro-cid-apvbnzb3]{text-align:center;padding:2rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.result-grade[data-astro-cid-apvbnzb3]{font-size:4rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--brand),#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-label[data-astro-cid-apvbnzb3]{font-size:.85rem;color:var(--text-secondary);font-weight:600;margin-top:.25rem}.result-score[data-astro-cid-apvbnzb3]{font-size:1.2rem;font-weight:700;margin-top:.75rem;color:var(--text)}.result-pct[data-astro-cid-apvbnzb3]{font-size:.9rem;color:var(--text-secondary)}.result-comment[data-astro-cid-apvbnzb3]{margin-top:.75rem;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.result-detail[data-astro-cid-apvbnzb3]{margin-top:1rem}.detail-list[data-astro-cid-apvbnzb3]{display:flex;flex-direction:column;gap:.4rem}.detail-row[data-astro-cid-apvbnzb3]{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.82rem;background:var(--bg-secondary)}.detail-num[data-astro-cid-apvbnzb3]{font-weight:600;color:var(--text-tertiary);width:1.5rem;text-align:right}.detail-answer[data-astro-cid-apvbnzb3]{flex:1;color:var(--text)}.detail-correct[data-astro-cid-apvbnzb3]{color:#22c55e;font-weight:700}.detail-wrong[data-astro-cid-apvbnzb3]{color:#ef4444;font-weight:700}.result-actions[data-astro-cid-apvbnzb3]{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.btn-share[data-astro-cid-apvbnzb3],.btn-retry[data-astro-cid-apvbnzb3]{padding:.7rem 1.25rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;border:none;transition:opacity .2s}.btn-share[data-astro-cid-apvbnzb3]{background:var(--brand);color:#fff}.btn-share[data-astro-cid-apvbnzb3]:hover{opacity:.85}.btn-retry[data-astro-cid-apvbnzb3]{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)}.btn-retry[data-astro-cid-apvbnzb3]:hover{border-color:var(--brand)}.seo-content[data-astro-cid-apvbnzb3]{margin-top:1rem;padding-top:2rem;border-top:1px solid var(--border);line-height:1.8;font-size:.9rem;color:var(--text-secondary)}.seo-content[data-astro-cid-apvbnzb3] h2[data-astro-cid-apvbnzb3]{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.seo-content[data-astro-cid-apvbnzb3] h3[data-astro-cid-apvbnzb3]{font-size:.95rem;font-weight:600;color:var(--text);margin-top:1.25rem;margin-bottom:.5rem}.seo-content[data-astro-cid-apvbnzb3] p[data-astro-cid-apvbnzb3]{margin-bottom:.75rem}.seo-content[data-astro-cid-apvbnzb3] ul[data-astro-cid-apvbnzb3]{padding-left:1.25rem;margin-bottom:.75rem}.seo-content[data-astro-cid-apvbnzb3] li[data-astro-cid-apvbnzb3]{margin-bottom:.4rem}.seo-content[data-astro-cid-apvbnzb3] strong[data-astro-cid-apvbnzb3]{color:var(--text)}@media(max-width:640px){.page-title[data-astro-cid-apvbnzb3]{font-size:1.25rem}.level-cards[data-astro-cid-apvbnzb3]{grid-template-columns:1fr}.level-card[data-astro-cid-apvbnzb3]{padding:1rem}.key-white[data-astro-cid-apvbnzb3]{width:30px;height:120px}.key-black[data-astro-cid-apvbnzb3]{width:20px;height:75px;margin-left:-10px;margin-right:-10px}.result-grade[data-astro-cid-apvbnzb3]{font-size:3rem}.result-actions[data-astro-cid-apvbnzb3]{flex-direction:column}.btn-share[data-astro-cid-apvbnzb3],.btn-retry[data-astro-cid-apvbnzb3]{width:100%;text-align:center}}