.app-shell[data-test-id=audio]:not(.dark-theme){background-image:radial-gradient(at 97% 20%,#dfecfb 0%,#0000 51%),radial-gradient(at 0 36%,#fcf0df 0%,#0000 39%),linear-gradient(#fbfaf7,#fbfaf8)}.sound-guide{--ink:#202b39;--guide-copy:#4b5869;--guide-link:#0667cb;--guide-paper:#fff;--guide-wash:#edf3fa;--guide-border:#dce3ea;--sound-piano-case:linear-gradient(155deg, #e5e9ec, #eff0ef);--sound-piano-ink:#34495c;--sound-piano-muted:#526477;--sound-piano-highlight:#ffffffd9;--sound-challenge-surface:#edf4ff;--sound-action-fill:#0868d8;--sound-action-hover:#075bbb;max-width:1070px;color:var(--ink);padding-top:40px}.dark-theme .sound-guide{--ink:#edf3fa;--guide-copy:#bdc9d6;--guide-link:#8ec4ff;--guide-paper:#202e3b;--guide-wash:#253547;--guide-border:#ffffff21;--sound-piano-case:linear-gradient(155deg, #2b3743, #202c37);--sound-piano-ink:#e2edf6;--sound-piano-muted:#a8bdce;--sound-piano-highlight:#ffffff18;--sound-challenge-surface:#202f40}@media (prefers-reduced-motion:no-preference){.sound-guide [data-guide-reveal=shown]{animation-duration:.9s}.sound-intro-layout>:nth-child(2)[data-guide-reveal=shown],.sound-steps>:nth-child(2)[data-guide-reveal=shown]{animation-delay:80ms}.sound-steps>:nth-child(3)[data-guide-reveal=shown]{animation-delay:.16s}.sound-piano[data-guide-reveal=shown] .sound-piano-key{animation:.65s cubic-bezier(.22,1,.36,1) both sound-key-arrive;animation-delay:calc(var(--note-index) * 55ms)}}@keyframes sound-key-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media print{.sound-piano-key{animation:none!important}}.sound-breadcrumb{color:var(--guide-copy);flex-wrap:wrap;gap:12px;margin-bottom:40px;font-size:12px;display:flex}.sound-intro-layout{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.sound-guide h1{letter-spacing:-.05em;text-wrap:balance;max-width:530px;margin:18px 0 0;font-size:clamp(38px,4.6vw,62px);line-height:1.04}.sound-guide p,.sound-guide li{color:var(--guide-copy);text-wrap:pretty;font-size:16px;line-height:1.85}.sound-guide p{margin:18px 0}.sound-guide p strong{color:var(--ink);font-weight:600}.sound-guide .sound-lead{margin-top:0;font-size:19px}.sound-guide a{color:var(--guide-link);text-underline-offset:4px;text-decoration:underline}.sound-guide a:focus-visible,.sound-guide summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:3px}.sound-piano{background:var(--sound-piano-case);box-shadow:inset 0 1px var(--sound-piano-highlight), 0 14px 28px -22px #38465050;color:var(--sound-piano-ink);border-radius:18px;margin:44px 0 0;padding:24px 30px 20px}.sound-piano figcaption{align-items:center;gap:10px;font-size:12px;display:flex}.sound-piano figcaption svg{color:var(--guide-link)}.sound-piano figcaption small{color:var(--sound-piano-muted);letter-spacing:1px;margin-left:auto;font-size:11px}.sound-piano-keys{gap:3px;max-width:750px;margin:24px auto 0;display:flex}.sound-piano-key{z-index:calc(7 - var(--note-index));flex:1;min-width:0;height:164px;position:relative}.sound-white-key{color:#344354;background:linear-gradient(#f5f5f2,#fffefa 72%);border-radius:2px 2px 7px 7px;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;padding-bottom:16px;display:flex;box-shadow:inset 0 -4px #bdc5cc}.sound-black-key{z-index:1;background:linear-gradient(90deg,#171b20,#303740 85%,#161c22);border-radius:0 0 4px 4px;width:56%;height:57%;position:absolute;top:0;left:73%;box-shadow:inset 0 -5px #11161b,2px 4px 3px #00000038}.sound-piano-key strong{font-size:19px;font-weight:600}.sound-white-key>small{color:#596c7e;margin-top:3px;font-size:10px}.sound-white-key,.sound-black-key{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .1s ease-out,box-shadow .14s ease-out,color .14s ease-out,filter .14s ease-out}@media (hover:hover) and (pointer:fine){.sound-white-key:enabled:hover:not(:active):not([data-active]){color:#0068cf;filter:brightness(1.04);box-shadow:inset 0 -4px #70b9f2}.sound-black-key:enabled:hover:not(:active):not([data-active]){filter:brightness(1.35);box-shadow:inset 0 -5px #35688e,2px 4px 3px #00000038}}.sound-white-key:is(:active,[data-active]){background:linear-gradient(#bed9ec,#e1f2ff 72%);transform:translateY(3px);box-shadow:inset 0 -1px #9cbad0}.sound-black-key:is(:active,[data-active]){background:#274b6b;transform:translateY(2px);box-shadow:inset 0 -2px #142a3d}.sound-guide .sound-white-key:focus-visible,.sound-guide .sound-black-key:focus-visible{outline-offset:-3px;outline:3px solid #1684ff}.sound-piano-status{text-align:center;color:var(--sound-piano-muted);min-height:16px;margin-top:8px;font-size:11px;display:block}.sound-piano-status:empty{display:none}@media (prefers-reduced-motion:reduce){.sound-white-key,.sound-black-key{transition:none}.sound-white-key:is(:active,[data-active]),.sound-black-key:is(:active,[data-active]){transform:none}}.sound-guide section{margin-top:88px;scroll-margin-top:32px}.sound-guide h2{letter-spacing:-.04em;text-wrap:balance;max-width:720px;margin:14px 0 24px;font-size:clamp(28px,3vw,40px);line-height:1.12}.sound-guide h3{letter-spacing:-.025em;font-size:22px;font-weight:600;line-height:1.35}.sound-game-scene{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;display:grid}.sound-game-scene h2{margin-top:0}.sound-game-challenge{background:var(--sound-challenge-surface);border-radius:16px;padding:32px}.sound-game-challenge h3{margin:0 0 24px}.sound-game-challenge ol{gap:24px;padding:0;list-style:none;display:grid}.sound-game-challenge li{gap:5px;font-size:14px;line-height:1.7;display:grid}.sound-game-challenge strong{color:var(--ink);font-size:16px;font-weight:600}.sound-game-challenge .sound-action{background:var(--sound-action-fill);color:#fff;border-radius:10px;margin-top:24px;padding:4px 16px}.sound-game-challenge .sound-action:hover{background:var(--sound-action-hover)}.sound-scenario-list{margin:32px 0 0;padding:0;list-style:none}.sound-scenario-list>li{border-top:1px solid var(--guide-border);grid-template-columns:.8fr 1.2fr;gap:40px;padding:28px 0;display:grid}.sound-scenario-list h3{color:var(--ink);text-wrap:balance;margin:0}.sound-scenario-list p{margin:0;font-size:15px}.sound-duel{grid-template-columns:1fr 1fr;gap:24px;display:grid}.sound-duel a{background:var(--guide-paper);border-radius:12px;align-items:center;gap:18px;padding:24px;text-decoration:none;display:flex}.sound-duel a>svg{flex-shrink:0}.sound-duel a>svg:last-child{margin-left:auto}.sound-duel a>span{gap:6px;display:grid}.sound-duel strong{color:var(--ink);letter-spacing:-.025em;font-size:20px;font-weight:600}.sound-duel small{color:var(--guide-copy);font-size:12px}.sound-duel a:hover{background:var(--guide-wash)}@media (prefers-reduced-motion:no-preference){.sound-duel a>svg:last-child{transition:transform .18s ease-out}.sound-duel a:hover>svg:last-child{transform:translate(2px,-2px)}}.sound-guide :is(h2[id],#sound-features){scroll-margin-top:32px}.sound-section-heading{margin-bottom:28px}.sound-guide #audio-instructions>p{max-width:76ch}.sound-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0;padding:0;list-style:none;display:grid}.sound-steps li{min-width:0}.sound-steps h3{color:var(--ink);align-items:baseline;gap:10px;margin-top:22px;font-size:19px;display:flex}.sound-steps h3 span{color:var(--guide-link);letter-spacing:0;font-size:11px}.sound-steps p{margin-top:12px;font-size:14px;line-height:1.8}.sound-step-visual{color:#254d72;background:var(--guide-wash);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:152px;display:flex}.sound-step-visual>svg{width:23px;height:23px}.sound-step-visual>strong{letter-spacing:-1px;font-size:30px;line-height:1}.sound-step-visual strong small{letter-spacing:0;font-size:12px;font-weight:400}.sound-step-visual>small{font-size:10px}.sound-step-respond{background:var(--sound-action-fill);color:#fff}.sound-level-drawing{background:#7ca4c838;border-radius:8px;width:112px;height:5px;margin:12px 0}.sound-level-drawing i{border-radius:inherit;background:#1684ff;width:60%;height:100%;display:block;position:relative}.sound-level-drawing i:after{content:"";background:#1684ff;border-radius:50%;width:14px;height:14px;position:absolute;top:-4.5px;right:-7px}.sound-guide .sound-action{align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.sound-action:hover{text-decoration:underline}.sound-split{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;display:grid}.sound-split>div>p:first-child{margin-top:0}.sound-study{background:var(--guide-paper);border-radius:16px;padding:32px;box-shadow:0 8px 24px #1a345809}.sound-study figcaption{letter-spacing:1.5px;color:var(--guide-copy);margin-bottom:30px;font-size:10px}.sound-study-row{grid-template-columns:1fr auto;gap:10px;margin:22px 0;display:grid}.sound-study-row>span{align-items:center;gap:8px;font-size:14px;display:flex}.sound-study-row strong{font-variant-numeric:tabular-nums;font-size:25px;font-weight:600}.sound-study-row strong small{font-size:11px;font-weight:400}.sound-study-row>i{background:#1684ff;border-radius:3px;grid-column:1/-1;height:10px}.sound-study-visual>i{background:#93aabe}.sound-study-difference{border-top:1px solid var(--guide-border);align-items:center;gap:20px;margin-top:32px;padding-top:22px;display:flex}.sound-study-difference>strong{letter-spacing:-3px;color:var(--guide-link);font-size:58px;font-weight:600;line-height:1}.sound-study-difference strong small{letter-spacing:0;margin-left:4px;font-size:16px}.sound-study-difference p{margin:0;font-size:13px;line-height:1.6}.sound-study-difference p span{font-size:11px}.sound-guide .sound-note{font-size:12px;line-height:1.75}.sound-study>.sound-note{margin-bottom:0}.sound-score-layout{grid-template-columns:1fr 1fr}.sound-score-example{background:var(--guide-paper);border-radius:16px;padding:28px;box-shadow:0 8px 24px #1a345809}.sound-score-example figcaption{color:var(--guide-copy);letter-spacing:1px;justify-content:flex-end;gap:16px;font-size:10px;display:flex}.sound-example-average{flex-direction:column;gap:6px;margin-top:24px;display:flex}.sound-example-average strong{letter-spacing:-3px;font-size:64px;font-weight:600;line-height:1}.sound-example-average small{letter-spacing:0;margin-left:6px;font-size:20px;font-weight:400}.sound-example-average>span{color:var(--guide-copy);font-size:12px}.sound-example-bars{align-items:flex-end;gap:10px;height:164px;margin:12px 0 0;padding:28px 0 24px;display:flex}.sound-example-bars>div{flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.sound-example-bars i{background:#1684ff;border-radius:3px 3px 0 0;width:100%}.sound-example-bars span{font-variant-numeric:tabular-nums;color:var(--guide-copy);font-size:10px;position:absolute;top:-22px}.sound-example-bars small{color:var(--guide-copy);font-size:10px;position:absolute;bottom:-22px}.sound-score-example dl{border-top:1px solid var(--guide-border);gap:40px;margin-top:22px;padding-top:18px;display:flex}.sound-score-example dt{color:var(--guide-copy);font-size:11px}.sound-score-example dd{margin:4px 0 0;font-size:24px;font-weight:600}.sound-score-example dd small{font-size:11px;font-weight:400}.sound-score-example .sound-note{margin-bottom:0}.sound-research-details{border-block:1px solid var(--guide-border);margin-top:36px}.sound-research-details>summary{padding:22px 0;font-size:15px;font-weight:600}.sound-research-body{margin:8px 0 28px}.sound-practice-layout{border-top:1px solid var(--guide-border);grid-template-columns:1fr 1fr;gap:56px;margin-top:88px;padding-top:36px;display:grid}.sound-practice-layout section{margin-top:0}.sound-practice-layout h2{font-size:28px}.sound-practice-layout p{font-size:14px}.sound-faq{grid-template-columns:.65fr 1.35fr;gap:56px;display:grid}.sound-faq-list details{border-bottom:1px solid var(--guide-border)}.sound-guide summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;list-style:none;display:flex}.sound-guide summary::-webkit-details-marker{display:none}.sound-guide summary svg{color:var(--guide-link);flex-shrink:0}.sound-guide details[open]>summary svg{transform:rotate(45deg)}.sound-faq-list summary{padding:20px 0;font-size:16px;font-weight:500;line-height:1.6}.sound-faq-list details p{margin:0 0 24px;font-size:14px}.sound-related{border-block:1px solid var(--guide-border);align-items:center;gap:28px;padding:32px 0;display:flex}.sound-related>svg{color:var(--guide-link);flex-shrink:0}.sound-related>div{flex:1}.sound-related h2{margin:0 0 10px;font-size:25px}.sound-related p{max-width:50ch;margin:0;font-size:14px}.sound-related .sound-action{flex-shrink:0}.dark-theme .sound-step-visual{color:#c2dcf4}@media (max-width:1000px){.sound-intro-layout,.sound-split,.sound-faq,.sound-practice-layout{gap:32px}.sound-steps{gap:18px}.sound-game-scene{gap:28px}.sound-game-challenge,.sound-study,.sound-score-example{padding:24px}.sound-related{flex-wrap:wrap}.sound-related .sound-action{margin-left:62px}}@media (max-width:760px){.sound-guide{margin-top:64px;padding-top:28px}.sound-breadcrumb{margin-bottom:28px}.sound-intro-layout,.sound-split,.sound-faq,.sound-practice-layout,.sound-game-scene{grid-template-columns:1fr;gap:28px}.sound-scenario-list>li{grid-template-columns:1fr;gap:16px;padding:24px 0}.sound-duel{grid-template-columns:1fr;gap:12px}.sound-duel a{padding:20px}.sound-guide h1{max-width:480px;margin-top:14px;font-size:clamp(36px,8vw,50px)}.sound-guide .sound-lead{margin-bottom:12px;font-size:17px}.sound-piano{margin-top:28px;padding:20px 14px 16px}.sound-piano-key{height:134px}.sound-white-key{padding-bottom:14px}.sound-piano-key strong{font-size:14px}.sound-white-key>small{font-size:9px}.sound-piano-keys{gap:2px;margin-top:20px}.sound-piano figcaption{gap:7px;font-size:11px}.sound-piano figcaption small{letter-spacing:0;font-size:9px}.sound-guide section{margin-top:60px}.sound-guide h2{max-width:540px;font-size:30px}.sound-section-heading{margin-bottom:22px}.sound-steps{grid-template-columns:1fr;gap:28px}.sound-steps li{grid-template-columns:104px 1fr;gap:0 20px;display:grid}.sound-step-visual{grid-row:1/3;gap:12px;height:124px}.sound-step-visual>small{display:none}.sound-step-visual>strong{font-size:25px}.sound-level-drawing{width:66px}.sound-steps h3{gap:8px;margin:0;font-size:17px}.sound-steps p{margin:9px 0 0;font-size:13px;line-height:1.75}.sound-study,.sound-score-example{padding:26px}.sound-study-difference{margin-top:24px}.sound-practice-layout{gap:32px;margin-top:60px;padding-top:28px}.sound-practice-layout section{margin-top:0}.sound-practice-layout h2{font-size:26px}.sound-faq{gap:0}.sound-faq-list summary{font-size:15px}.sound-related{gap:20px}.sound-related>div{flex-basis:calc(100% - 60px)}.sound-related h2{font-size:24px}.sound-related .sound-action{margin-left:54px}}@media (max-width:360px){.sound-steps li{grid-template-columns:76px 1fr;gap:0 14px}.sound-steps h3{font-size:16px}.sound-level-drawing{width:50px}.sound-step-visual{height:108px}.sound-study,.sound-score-example{padding:20px}.sound-example-bars{gap:7px}}