.sound-quiz-screen{color:var(--ink,#25445a)}.sound-quiz-content{z-index:2;width:min(1080px,100% - 32px);height:100%;min-height:0;padding:clamp(.3rem, 1.2vh, .8rem) 0 calc(.65rem + var(--safe-bottom,0px));grid-template-rows:auto 68px minmax(0,1fr) auto;gap:clamp(.45rem,1.2vh,.8rem);margin:0 auto;display:grid;position:relative;overflow:hidden}.sound-quiz-intro{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;min-width:0;display:grid}.sound-quiz-intro h1,.sound-quiz-complete h1{color:var(--ink,#25445a);margin:0;font-size:clamp(1.7rem,4vw,3rem);line-height:1.06}.sound-quiz-progress{background:#fffdf4e6;border:2px solid #25445a1f;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;min-height:48px;padding:.5rem .75rem;display:flex}.sound-quiz-progress span{aspect-ratio:1;border:3px solid var(--leaf-dark,#287454);background:0 0;border-radius:50% 50% 50% 8%;width:clamp(16px,2.3vw,23px);display:block;transform:rotate(-35deg)}.sound-quiz-progress span.is-filled{background:var(--leaf,#3b9b70)}.sound-quiz-listening{min-width:0;min-height:68px;box-shadow:var(--shadow-soft,0 8px 22px #314b442b);color:var(--purple-dark,#4e467d);text-align:center;background:#fffdf4f0;border:2px solid #4e467d2e;border-radius:23px;justify-content:center;align-items:center;gap:.75rem;padding:.35rem .6rem;display:flex}.sound-quiz-listening strong{min-width:0;font-size:clamp(1rem,2vw,1.22rem)}.sound-quiz-listening button{background:var(--leaf,#3b9b70);color:#fff;border:0;border-radius:999px;min-height:52px;padding:.5rem 1rem;font-size:.98rem;font-weight:900;box-shadow:0 4px #1f61473d}.sound-quiz-listening-icon{background:#e6dff2db;border-radius:50%;flex:none;justify-content:center;align-items:center;gap:4px;width:46px;height:42px;display:inline-flex}.sound-quiz-listening-icon i{background:currentColor;border-radius:999px;width:5px;height:13px;display:block}.sound-quiz-listening-icon i:nth-child(2){height:26px}.sound-quiz-listening-icon i:nth-child(3){height:19px}.sound-quiz-listening.phase-playing .sound-quiz-listening-icon i{animation:.65s ease-in-out infinite alternate sound-quiz-wave}.sound-quiz-listening.phase-playing .sound-quiz-listening-icon i:nth-child(2){animation-delay:-210ms}.sound-quiz-listening.phase-playing .sound-quiz-listening-icon i:nth-child(3){animation-delay:-420ms}@keyframes sound-quiz-wave{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}.sound-quiz-choices{overscroll-behavior:contain;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(160px,1fr);gap:clamp(.65rem,2vw,1.25rem);width:min(100%,930px);min-height:0;margin:0 auto;padding:.2rem .25rem .45rem;list-style:none;display:grid;overflow:hidden auto}.sound-quiz-choices.choice-count-2{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,660px)}.sound-quiz-choice{min-width:0;min-height:160px}.sound-quiz-choice-button{width:100%;height:100%;min-height:160px;box-shadow:var(--shadow-button,0 6px 0 #414e532e), var(--shadow-soft,0 8px 22px #314b442b);color:var(--ink,#25445a);background:#fffceef2;border:4px solid #ffffffd1;border-radius:28px;grid-template-rows:minmax(98px,1fr) auto;padding:0;transition:transform .14s,border-color .18s,box-shadow .18s,opacity .18s;display:grid;position:relative;overflow:hidden}.sound-quiz-choice-button:not(:disabled):hover{transform:translateY(-3px)}.sound-quiz-choice-button:not(:disabled):active{transform:translateY(2px)}.sound-quiz-choice-button:disabled{cursor:default}.sound-quiz-choice-button:disabled:not(.is-wrong,.is-correct){opacity:.76}.sound-quiz-choice-button.is-wrong{border-color:var(--coral,#e97d6f);box-shadow:0 0 0 4px #e97d6f38,0 5px #7a4a4429}.sound-quiz-choice-button.is-correct{border-color:var(--leaf,#3b9b70);box-shadow:0 0 0 5px #3b9b7047, 0 6px 0 #27674b33, var(--shadow-soft,0 8px 22px #314b442b)}.sound-quiz-artwork{background:radial-gradient(circle at 50% 42%,#fffacfe6,#0000 58%),linear-gradient(155deg,#d2eddce0,#e2daf3c2);place-items:center;min-height:98px;display:grid;position:relative;overflow:hidden}.sound-quiz-artwork img{z-index:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;padding:.25rem;position:absolute;inset:0}.sound-quiz-artwork.fit-cover img{object-fit:cover;padding:0}.sound-quiz-artwork-fallback{color:var(--purple-dark,#4e467d);font-size:clamp(2.6rem,7vw,5rem);line-height:1}.sound-quiz-choice-name{background:#fffdf4f5;border-top:2px solid #25445a14;place-items:center;min-height:62px;padding:.55rem .7rem .65rem;font-size:clamp(1.05rem,2.1vw,1.35rem);font-weight:900;line-height:1.08;display:grid}.sound-quiz-choice-mark{z-index:3;background:#fffdf4f7;border:2px solid;border-radius:999px;min-height:34px;padding:.35rem .65rem;font-size:.78rem;font-weight:900;position:absolute;top:8px;right:8px}.is-wrong-mark{color:#a54f45}.is-correct-mark{color:var(--leaf-dark,#287454)}.sound-quiz-shortcut{z-index:4;width:34px;min-width:34px;height:34px;color:var(--ink,#25445a);font:inherit;background:#fffdf4f2;border:2px solid #25445a33;border-radius:10px;place-items:center;font-weight:900;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 2px #25445a26}.sound-quiz-controls{justify-content:center;align-items:stretch;gap:.65rem;min-height:64px;display:flex}.sound-quiz-action{min-width:132px;min-height:64px;box-shadow:var(--shadow-button,0 6px 0 #414e532e);color:var(--ink,#25445a);background:#fffdf4f5;border:2px solid #25445a26;border-radius:999px;padding:.7rem 1.2rem;font-size:clamp(1rem,2vw,1.2rem);font-weight:900}.sound-quiz-action-primary{background:var(--purple,#6e629e);color:#fff;border-color:#0000}.sound-quiz-action:disabled{box-shadow:none;cursor:default;opacity:.5}.sound-quiz-replay span{margin-right:.35rem;font-size:1.35em}.sound-quiz-complete{z-index:2;width:min(760px,100% - 32px);height:100%;min-height:0;padding:1rem 0 calc(1rem + var(--safe-bottom,0px));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.65rem,2vh,1.1rem);margin:0 auto;display:flex;position:relative}.sound-quiz-complete-mark{min-width:150px;min-height:94px;box-shadow:var(--shadow-soft,0 8px 22px #314b442b);color:var(--purple-dark,#4e467d);background:#fff5b5d1;border:4px solid #fffc;border-radius:50%;place-items:center;padding:1rem;font-size:clamp(2rem,6vw,4rem);display:grid}.sound-quiz-complete p{max-width:36ch;color:var(--ink-soft,#4f6f72);margin:0;font-size:clamp(1rem,2.4vw,1.3rem)}.sound-quiz-complete-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.sound-quiz-celebration{z-index:2;width:min(920px,100% - 32px);height:100%;min-height:0;padding:clamp(.3rem, 1.2vh, .8rem) 0 calc(.65rem + var(--safe-bottom,0px));grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:clamp(.45rem,1.3vh,.85rem);margin:0 auto;display:grid;position:relative;overflow:hidden}.sound-quiz-celebration-top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;width:100%;display:grid}.sound-quiz-celebration-message{min-width:0;color:var(--purple-dark,#4e467d);align-items:center;gap:clamp(.35rem,1.2vw,.75rem);display:flex}.sound-quiz-celebration-copy{flex:auto;gap:.08rem;min-width:0;display:grid}.sound-quiz-praise-caption{color:var(--purple-dark,#4e467d);font-size:clamp(.82rem,1.8vw,1.05rem);font-weight:900;line-height:1}.sound-quiz-celebration-message h1{min-width:0;color:var(--ink,#25445a);margin:0;font-size:clamp(1.7rem,4vw,3rem);line-height:1.06}.sound-quiz-celebration-message>span[aria-hidden=true]{color:#b96a44;flex:none;font-size:clamp(1.35rem,3vw,2.2rem)}.sound-quiz-celebration-hero{isolation:isolate;width:min(620px,100%);height:100%;min-height:0;max-height:560px;box-shadow:0 0 0 6px #3b9b702b, var(--shadow-soft,0 8px 22px #314b442b);background:radial-gradient(circle at 50% 38%,#fff9baf5,#0000 55%),linear-gradient(155deg,#cdefdaf5,#e1d8f4eb);border:5px solid #ffffffe0;border-radius:42px;grid-template-rows:minmax(0,1fr) auto;align-self:center;margin:0;animation:.42s cubic-bezier(.2,.9,.3,1.15) both sound-quiz-celebration-arrive;display:grid;position:relative;overflow:hidden}.sound-quiz-celebration-artwork{z-index:2;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.sound-quiz-celebration-artwork img{z-index:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;padding:clamp(.35rem,1.6vw,1rem);animation:.76s ease-in-out .12s 2 alternate sound-quiz-celebration-bob;position:absolute;inset:0}.sound-quiz-celebration-artwork.fit-cover img{object-fit:cover;padding:0}.sound-quiz-celebration-hero figcaption{z-index:3;min-height:70px;color:var(--ink,#25445a);text-align:center;background:#fffdf4f7;border-top:3px solid #25445a17;place-items:center;padding:.65rem 1rem;font-size:clamp(1.25rem,3vw,1.85rem);font-weight:900;line-height:1.08;display:grid;position:relative}.sound-quiz-celebration-notes{z-index:4;pointer-events:none;position:absolute;inset:0}.sound-quiz-celebration-notes i{opacity:0;color:var(--purple-dark,#4e467d);text-shadow:0 2px #ffffffbf;font-size:clamp(1.6rem,4.6vw,3.2rem);font-style:normal;line-height:1;animation:.62s ease-out forwards sound-quiz-celebration-note;position:absolute}.sound-quiz-celebration-notes i:first-child{animation-delay:90ms;top:9%;left:8%}.sound-quiz-celebration-notes i:nth-child(2){color:#b96a44;animation-delay:.19s;top:12%;right:9%}.sound-quiz-celebration-notes i:nth-child(3){animation-delay:.29s;bottom:24%;left:7%}.sound-quiz-celebration-notes i:nth-child(4){color:#b96a44;animation-delay:.39s;bottom:26%;right:8%}.sound-quiz-celebration-next{width:min(240px,100%);min-width:180px}@keyframes sound-quiz-celebration-arrive{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes sound-quiz-celebration-bob{0%{transform:rotate(-1.5deg)scale(.98)}to{transform:rotate(1.5deg)scale(1.02)}}@keyframes sound-quiz-celebration-note{0%{opacity:0;transform:translateY(10px)scale(.55)}to{opacity:.92;transform:translateY(0)scale(1)}}@keyframes sound-quiz-celebration-fade{0%{opacity:0}to{opacity:1}}@media (width<=599px){.sound-quiz-screen{grid-template-rows:108px minmax(0,1fr)}.sound-quiz-content{width:calc(100% - 14px);padding-top:0;padding-bottom:calc(7px + var(--safe-bottom,0px));grid-template-rows:auto 58px minmax(0,1fr) 60px;gap:.35rem}.sound-quiz-intro{gap:.4rem}.sound-quiz-intro h1{font-size:clamp(1.35rem,6.8vw,1.8rem)}.sound-quiz-progress{gap:.3rem;min-height:44px;padding:.35rem .55rem}.sound-quiz-progress span{border-width:2px;width:15px}.sound-quiz-listening{border-radius:18px;gap:.4rem;min-height:58px;padding:.25rem .4rem}.sound-quiz-listening strong{font-size:.88rem;line-height:1.08}.sound-quiz-listening-icon{width:38px;height:38px}.sound-quiz-listening button{min-height:48px;padding-inline:.65rem;font-size:.82rem;line-height:1.05}.sound-quiz-choices,.sound-quiz-choices.choice-count-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(126px,1fr);gap:.42rem;width:100%;padding:.1rem .15rem .3rem}.sound-quiz-choices .sound-quiz-choice:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - .21rem)}.sound-quiz-choice,.sound-quiz-choice-button{min-height:126px}.sound-quiz-choice-button{border-width:2px;border-radius:20px;grid-template-rows:minmax(70px,1fr) auto}.sound-quiz-artwork{min-height:70px}.sound-quiz-choice-name{min-height:45px;padding:.35rem .4rem;font-size:clamp(.82rem,4vw,1rem)}.sound-quiz-choice-mark{min-height:27px;padding:.2rem .4rem;font-size:.64rem;top:5px;right:5px}.sound-quiz-shortcut{border-radius:8px;width:28px;min-width:28px;height:28px;font-size:.78rem;top:5px;left:5px}.sound-quiz-controls{gap:.35rem;min-height:60px}.sound-quiz-action{flex:1 1 0;min-width:0;min-height:60px;padding:.55rem .75rem;font-size:.9rem;line-height:1.05}.sound-quiz-complete{width:calc(100% - 20px);padding-top:0}.sound-quiz-complete-mark{min-width:126px;min-height:78px}.sound-quiz-complete-actions{flex-direction:column;width:100%}.sound-quiz-celebration{width:calc(100% - 14px);padding-top:0;padding-bottom:calc(7px + var(--safe-bottom,0px));gap:.35rem}.sound-quiz-celebration-top{gap:.4rem}.sound-quiz-celebration-message{gap:.25rem}.sound-quiz-celebration-message h1{font-size:clamp(1.25rem,6vw,1.65rem)}.sound-quiz-celebration-message>span[aria-hidden=true]{font-size:1.1rem}.sound-quiz-celebration-hero{width:min(100%,430px);max-height:none;box-shadow:0 0 0 3px #3b9b702b, var(--shadow-soft,0 8px 22px #314b442b);border-width:3px;border-radius:26px}.sound-quiz-celebration-hero figcaption{border-top-width:2px;min-height:52px;padding:.4rem .65rem;font-size:clamp(1rem,5vw,1.3rem)}.sound-quiz-celebration-next{min-height:64px}}@media (height<=700px) and (width>=600px){.sound-quiz-content{grid-template-rows:auto 60px minmax(0,1fr) 60px;gap:.35rem;padding-top:0}.sound-quiz-intro h1{font-size:clamp(1.45rem,4vw,2.1rem)}.sound-quiz-listening{min-height:60px}.sound-quiz-choices{grid-auto-rows:minmax(132px,1fr)}.sound-quiz-choice,.sound-quiz-choice-button{min-height:132px}.sound-quiz-controls,.sound-quiz-action{min-height:60px}.sound-quiz-celebration{gap:.35rem;padding-top:0}.sound-quiz-celebration-message h1{font-size:clamp(1.4rem,3.5vw,2rem)}.sound-quiz-celebration-hero{border-radius:30px;width:min(520px,76vw)}.sound-quiz-celebration-hero figcaption{min-height:54px;padding-block:.4rem;font-size:clamp(1rem,2.5vw,1.35rem)}.sound-quiz-celebration-next{min-height:64px}}@media (height<=500px) and (width>=600px){.screen.sound-quiz-screen{min-height:100svh}.sound-quiz-celebration{gap:.25rem;padding-bottom:5px}.sound-quiz-celebration-top{gap:.5rem}.sound-quiz-celebration-message h1{font-size:clamp(1.15rem,3vw,1.5rem)}.sound-quiz-celebration-message>span[aria-hidden=true]{font-size:1.1rem}.sound-quiz-celebration-hero{border-width:3px;border-radius:24px;width:min(460px,72vw)}.sound-quiz-celebration-hero figcaption{min-height:42px;padding-block:.25rem;font-size:1rem}}@media (prefers-reduced-motion:reduce){.sound-quiz-choice-button,.sound-quiz-action,.sound-quiz-listening button{transition:opacity .3s}.sound-quiz-listening-icon i{animation:none!important}.sound-quiz-choice-button.is-correct{outline:4px solid var(--leaf,#3b9b70);outline-offset:-6px}.sound-quiz-celebration-hero{outline-offset:-8px;outline:4px solid #3b9b7073;animation:.3s ease-out both sound-quiz-celebration-fade}.sound-quiz-celebration-artwork img,.sound-quiz-celebration-notes i{opacity:1;animation:none}}.reduce-motion .sound-quiz-listening-icon i{animation:none!important}.reduce-motion .sound-quiz-choice-button{transition:opacity .3s}.reduce-motion .sound-quiz-celebration-hero{outline-offset:-8px;outline:4px solid #3b9b7073;animation:.3s ease-out both sound-quiz-celebration-fade}.reduce-motion .sound-quiz-celebration-artwork img,.reduce-motion .sound-quiz-celebration-notes i{opacity:1;animation:none}@media (forced-colors:active){.sound-quiz-progress,.sound-quiz-listening,.sound-quiz-choice-button,.sound-quiz-choice-mark,.sound-quiz-shortcut,.sound-quiz-action,.sound-quiz-complete-mark,.sound-quiz-celebration-hero,.sound-quiz-celebration-hero figcaption{color:canvastext;background:canvas;border-color:canvastext}.sound-quiz-choice-button.is-wrong{outline-offset:-6px;outline:4px dashed mark}.sound-quiz-choice-button.is-correct{outline-offset:-7px;outline:5px solid highlight}.sound-quiz-action-primary,.sound-quiz-listening button{border:2px solid buttontext}.sound-quiz-celebration-hero{outline-offset:-9px;outline:5px solid highlight}.sound-quiz-celebration-notes i,.sound-quiz-celebration-message,.sound-quiz-celebration-message>span,.sound-quiz-praise-caption{color:canvastext;text-shadow:none}}.song-library-screen{color:var(--ink,#25445a)}.song-library-content{z-index:2;width:min(1180px,100% - 32px);height:100%;min-height:0;padding:clamp(.35rem, 1.5vh, 1rem) 0 calc(.75rem + var(--safe-bottom,0px));grid-template-rows:auto 68px minmax(0,1fr);gap:clamp(.55rem,1.4vh,.9rem);margin:0 auto;display:grid;position:relative;overflow:hidden}.song-library-intro{text-align:center;min-width:0}.song-library-intro h1{color:var(--ink,#25445a);margin:0;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.05}.song-library-intro p{color:var(--ink-soft,#4f6f72);margin:.25rem 0 0;font-size:clamp(.92rem,1.7vw,1.1rem)}.song-library-player{min-width:0;min-height:68px;box-shadow:var(--shadow-soft,0 8px 22px #314b442b);background:#fffdf4f0;border:2px solid #25445a21;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.25rem .25rem .25rem 1rem;display:grid}.song-library-player.is-playing{background:linear-gradient(90deg,#eee8fafa,#fffdf4f5);border-color:#6e629e8c}.song-library-player-copy{min-width:0;margin:0;line-height:1.15;display:grid}.song-library-player-copy strong,.song-library-player-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-library-player-copy strong{color:var(--purple-dark,#4e467d);text-transform:uppercase;letter-spacing:.06em;font-size:clamp(.82rem,1.4vw,.95rem)}.song-library-player-copy span{color:var(--ink,#25445a);margin-top:.15rem;font-size:clamp(.95rem,1.8vw,1.15rem);font-weight:900}.song-library-stop,.song-library-retry{background:var(--coral,#e97d6f);color:#fff;border:0;border-radius:21px;justify-content:center;align-items:center;gap:.45rem;min-width:124px;min-height:64px;padding:.55rem 1rem;font-size:1rem;font-weight:900;transition:transform .12s,opacity .12s;display:inline-flex;box-shadow:0 4px #693a4133}.song-library-retry{background:var(--leaf,#3b9b70);min-width:156px}.song-library-stop:not(:disabled):active,.song-library-retry:active{transform:translateY(2px)}.song-library-stop:disabled{box-shadow:none;color:var(--ink-soft,#4f6f72);opacity:.7;background:#4f6f7238}.song-library-stop-icon{fill:currentColor;width:28px;height:28px}.song-library-grid{overscroll-behavior:contain;scrollbar-color:#4e467d73 transparent;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(150px,1fr);gap:clamp(.65rem,1.6vw,1.15rem);min-height:0;margin:0;padding:.2rem .25rem .45rem;list-style:none;display:grid;overflow:hidden auto}.song-library-card{min-width:0;min-height:150px}.song-library-song-button{width:100%;height:100%;min-height:150px;box-shadow:var(--shadow-button,0 6px 0 #414e532e), var(--shadow-soft,0 8px 22px #314b442b);color:var(--ink,#25445a);text-align:center;background:#fffceeeb;border:3px solid #fffc;border-radius:27px;grid-template-rows:minmax(84px,1fr) auto;padding:0;transition:transform .14s,border-color .14s,box-shadow .14s;display:grid;position:relative;overflow:hidden}.song-library-song-button:hover{transform:translateY(-2px)}.song-library-song-button:active{transform:translateY(2px)}.song-library-song-button:disabled{cursor:wait;opacity:.72}.song-library-song-button:disabled:hover,.song-library-song-button:disabled:active{transform:none}.song-library-card.is-playing .song-library-song-button{border-color:var(--sun,#f5c35d);box-shadow:0 0 0 5px #f5c35d61, 0 7px 0 #6352482e, var(--shadow-soft,0 8px 22px #314b442b)}.song-library-artwork{background:radial-gradient(circle at 50% 42%,#fffacfdb,#0000 58%),linear-gradient(155deg,#d2eddcd6,#e2daf3b8);place-items:center;min-height:84px;display:grid;position:relative;overflow:hidden}.song-library-artwork img{z-index:1;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.song-library-artwork-fallback{color:var(--purple-dark,#4e467d);font-size:clamp(2.5rem,7vw,5rem);line-height:1}.song-library-now-playing{z-index:2;min-height:34px;color:var(--purple-dark,#4e467d);background:#fffdf4f5;border:2px solid #4e467d2e;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.78rem;font-weight:900;display:inline-flex;position:absolute;top:8px;right:8px}.song-library-sound-waves{align-items:flex-end;gap:2px;height:18px;display:inline-flex}.song-library-sound-waves i{background:currentColor;border-radius:999px;width:3px;height:8px;animation:.72s ease-in-out infinite alternate song-library-wave;display:block}.song-library-sound-waves i:nth-child(2){height:15px;animation-delay:-240ms}.song-library-sound-waves i:nth-child(3){height:11px;animation-delay:-480ms}@keyframes song-library-wave{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}.song-library-song-copy{background:#fffdf4f0;border-top:2px solid #25445a14;place-content:center;gap:.1rem;min-height:64px;padding:.55rem .65rem .65rem;display:grid}.song-library-song-copy strong{font-size:clamp(.98rem,1.8vw,1.2rem);line-height:1.08}.song-library-description{color:var(--ink-soft,#4f6f72);font-size:clamp(.75rem,1.3vw,.88rem);line-height:1.2}.song-library-empty{min-height:150px;color:var(--ink-soft,#4f6f72);text-align:center;background:#fffdf4d1;border:3px dashed #4e467d4d;border-radius:28px;place-items:center;margin:0;padding:1rem;font-size:clamp(1rem,2.2vw,1.25rem);display:grid}@media (width<=980px){.song-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=599px){.song-library-screen{grid-template-rows:108px minmax(0,1fr)}.song-library-content{width:calc(100% - 14px);padding-top:0;padding-bottom:calc(7px + var(--safe-bottom,0px));grid-template-rows:auto 64px minmax(0,1fr);gap:.4rem}.song-library-intro{text-align:left}.song-library-intro h1{font-size:clamp(1.45rem,7vw,1.9rem)}.song-library-intro p{text-overflow:ellipsis;white-space:nowrap;margin-top:.05rem;font-size:.78rem;overflow:hidden}.song-library-player{border-radius:20px;gap:.35rem;min-height:64px;padding-left:.7rem}.song-library-player-copy strong{font-size:.68rem}.song-library-player-copy span{font-size:.86rem}.song-library-stop,.song-library-retry{border-radius:17px;min-width:94px;min-height:64px;padding-inline:.65rem;font-size:.9rem}.song-library-retry{max-width:112px;line-height:1.05}.song-library-stop-icon{width:24px;height:24px}.song-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(116px,1fr);gap:.45rem;padding:.15rem .15rem .35rem}.song-library-card,.song-library-song-button{min-height:116px}.song-library-song-button{border-width:2px;border-radius:19px;grid-template-rows:minmax(58px,1fr) auto}.song-library-card.is-playing .song-library-song-button{box-shadow:0 0 0 3px #f5c35d70,0 4px #6352482e}.song-library-artwork{min-height:58px}.song-library-song-copy{min-height:46px;padding:.35rem .4rem .4rem}.song-library-song-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.05;display:-webkit-box;overflow:hidden}.song-library-description{display:none}.song-library-now-playing{min-height:30px;padding:.25rem .45rem;font-size:.68rem;top:5px;right:5px}}@media (height<=700px) and (width>=600px){.song-library-content{grid-template-rows:auto 64px minmax(0,1fr);gap:.4rem;padding-top:0}.song-library-intro h1{font-size:clamp(1.55rem,4vw,2.2rem)}.song-library-intro p{margin-top:.05rem}.song-library-grid{grid-auto-rows:minmax(126px,1fr)}}@media (prefers-reduced-motion:reduce){.song-library-song-button,.song-library-stop,.song-library-retry{transition:opacity .3s}.song-library-sound-waves i{animation:none}.song-library-card.is-playing .song-library-song-button{outline:4px solid var(--sun,#f5c35d);outline-offset:-6px}}@media (forced-colors:active){.song-library-player,.song-library-song-button,.song-library-empty,.song-library-now-playing{color:canvastext;background:canvas;border-color:canvastext}.song-library-card.is-playing .song-library-song-button{outline-offset:-7px;outline:5px solid highlight}.song-library-stop,.song-library-retry{border:2px solid buttontext}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#25445a;--ink-soft:#4f6f72;--cream:#fff9e9;--paper:#fffceee6;--paper-strong:#fffdf4;--leaf:#4c8b67;--leaf-dark:#2f6f55;--sky:#89c7d7;--sun:#f5c35d;--coral:#e97d6f;--rose:#d85d82;--purple:#6e629e;--purple-dark:#4e467d;--blue:#4e87ac;--focus:#2c3d91;--shadow-soft:0 8px 22px #314b442b;--shadow-button:0 6px 0 #414e532e;--radius-small:16px;--radius-medium:26px;--radius-large:38px;--utility-height:72px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}html{-webkit-text-size-adjust:100%;background:#d9edcf}body{min-height:100svh;color:var(--ink);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;line-height:1.35;overflow:hidden}button,input{font:inherit}button{color:inherit;touch-action:manipulation}button:not(:disabled){cursor:pointer}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:4px solid var(--focus);outline-offset:4px}button:disabled{cursor:default}h1,h2,h3,p{margin-block-start:0}h1{letter-spacing:-.03em;margin-block-end:.35rem;font-size:clamp(1.75rem,4vw,3.25rem);line-height:1.04}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--purple-dark);letter-spacing:.1em;text-transform:uppercase;margin-block-end:.25rem;font-size:clamp(.78rem,1.6vw,1rem);font-weight:900}.music-meadow-app{isolation:isolate;background:#cfebd2;min-height:100svh;position:relative;overflow:hidden}.meadow-background,.meadow-foreground{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.meadow-background{z-index:-3;background-image:linear-gradient(#fffae114,#fffae114),url(/music/images/environments/music-meadow.webp)}.meadow-foreground{z-index:1;background-image:url(/music/images/environments/meadow-foreground.webp)}.music-meadow-app:before{z-index:-2;content:"";pointer-events:none;background:radial-gradient(circle at 50% 20%,#fffde51f,#0000 45%),linear-gradient(#eaf9f10a,#2f6f5514);position:fixed;inset:0}.screen{z-index:2;grid-template-rows:var(--utility-height) minmax(0, 1fr);height:100svh;min-height:480px;display:grid;position:relative;overflow:hidden}.selector-content,.play-content,.copy-content,.complete-content,.welcome-content{z-index:2;min-height:0;position:relative}.spoken-caption{z-index:30;left:50%;bottom:max(12px, calc(var(--safe-bottom) + 8px));max-width:min(90vw,660px);box-shadow:var(--shadow-soft);color:var(--ink);text-align:center;pointer-events:none;background:#fffdf4f7;border:2px solid #25445a24;border-radius:999px;margin:0;padding:.65rem 1.1rem;font-size:clamp(.92rem,2vw,1.1rem);position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.3s!important;animation-iteration-count:1!important}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.3s!important;animation-iteration-count:1!important}.utility-bar{z-index:20;min-height:var(--utility-height);padding:calc(8px + var(--safe-top)) calc(12px + var(--safe-right)) 8px calc(12px + var(--safe-left));grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid;position:relative}.utility-title{max-width:min(34vw,320px);color:var(--ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;margin:0;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:900;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.utility-actions{z-index:1;grid-column:3;justify-content:flex-end;gap:8px;display:flex;position:relative}.utility-button{background:#fffdf4eb;border:2px solid #25445a21;border-radius:50%;place-items:center;width:52px;min-width:48px;height:52px;min-height:48px;padding:8px;transition:transform .12s,background-color .12s;display:inline-grid;box-shadow:0 3px #384b4e24}.utility-button:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #384b4e24}.utility-button:disabled{opacity:.6}.primary-home{color:var(--leaf-dark);grid-column:1}.icon{width:100%;height:100%;display:block}.primary-button,.secondary-button,.play-button,.resume-button,.next-tune-button{min-height:64px;box-shadow:var(--shadow-button);border:0;border-radius:999px;padding:.8rem 1.4rem;font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:900}.primary-button,.play-button,.resume-button,.next-tune-button{background:var(--purple);color:#fff}.secondary-button{background:var(--paper-strong);border:2px solid #25445a29}.play-button{background:linear-gradient(145deg,#7165a2,#5b528d);justify-content:center;align-items:center;gap:.8rem;min-width:min(74vw,300px);min-height:84px;font-size:clamp(1.45rem,4vw,2rem);display:inline-flex;box-shadow:0 8px #433d70,0 14px 25px #31384733}.play-button .icon{width:48px;height:48px}.welcome-content{max-width:860px;padding:clamp(1rem, 5vh, 4rem) 1.25rem calc(1rem + var(--safe-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex}.welcome-mark{aspect-ratio:1;width:clamp(112px,17vw,175px);box-shadow:var(--shadow-soft);color:var(--purple-dark);background:#fff6bcb3;border:5px solid #fffdefd1;border-radius:50%;place-items:center;margin-block-end:.6rem;font-size:clamp(3.5rem,8vw,6rem);display:grid;position:relative}.welcome-note{transform:translate(-10px,-5px)rotate(-8deg)}.welcome-flower{color:var(--rose);font-size:.45em;position:absolute;bottom:6%;right:8%}.welcome-content h1{text-shadow:0 3px #ffffffbf;font-size:clamp(2.9rem,8vw,6.4rem)}.welcome-copy{color:var(--ink-soft);margin-block:.35rem clamp(1rem,3vh,2rem);font-size:clamp(1.05rem,2.4vw,1.45rem)}.language-selector{width:min(90vw,440px);color:var(--ink-soft);text-align:start;gap:.25rem;margin-block-start:clamp(.85rem,2vh,1.25rem);font-size:.9rem;font-weight:800;display:grid}.language-selector select{background:var(--paper-strong);width:100%;min-height:48px;color:var(--ink);font:inherit;border:2px solid #25445a29;border-radius:16px;padding:.55rem 2.5rem .55rem .8rem}.utility-actions .language-selector{background:#fffdf4eb;border:2px solid #25445a21;border-radius:18px;align-items:center;gap:4px;width:auto;min-height:48px;margin:0;padding:3px 7px;display:inline-flex;box-shadow:0 3px #384b4e24}.utility-actions .language-selector>span{font-size:1rem;line-height:1}.utility-actions .language-selector select{background:0 0;border:0;border-radius:10px;width:auto;max-width:112px;height:48px;min-height:48px;padding:2px 20px 2px 2px;font-size:.82rem}.selector-content{width:min(1180px,100% - 32px);padding:clamp(.4rem, 2vh, 1.4rem) 0 calc(1rem + var(--safe-bottom));text-align:center;margin:0 auto}.firefly-guide{align-items:center;gap:.7rem;max-width:min(94vw,560px);min-height:60px;display:inline-flex;position:relative}.firefly-guide img{z-index:1;object-fit:contain;filter:drop-shadow(0 4px 7px #2d45362e);width:clamp(48px,7vw,76px);height:clamp(48px,7vw,76px);position:relative}.firefly-fallback{width:clamp(42px,6.5vw,68px);height:clamp(42px,6.5vw,68px);color:var(--leaf-dark);background:#fff4a7cc;border-radius:50%;place-items:center;padding:5px;display:grid;position:absolute;left:4px}.firefly-guide p{box-shadow:var(--shadow-soft);background:#fffdf4e6;border:2px solid #25445a1f;border-radius:24px 24px 24px 8px;margin:0;padding:.65rem 1rem;font-size:clamp(.9rem,2vw,1.1rem);position:relative}.mood-cheer img{animation:.85s ease-in-out both firefly-cheer}.mood-hint p{border-color:#6e629e80}@keyframes firefly-cheer{0%{transform:translateY(6px)rotate(-4deg)}55%{transform:translateY(-8px)rotate(6deg)}to{transform:translateY(0)}}.mode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.7rem,1.5vw,1.25rem);width:min(1380px,100%);margin:clamp(.5rem,2vh,1.2rem) auto 0;display:grid}.mode-card{border-radius:var(--radius-large);min-height:clamp(190px,31vh,300px);box-shadow:var(--shadow-button), var(--shadow-soft);background:linear-gradient(160deg,#fffdeef5,#f8e9c6e0);border:4px solid #ffffffad;align-content:center;place-items:center;gap:.55rem;padding:clamp(.85rem,2vw,1.5rem);display:grid}.mode-card-icon{aspect-ratio:1;width:clamp(78px,12vw,126px);color:var(--leaf-dark);background:#d8ead9;border-radius:50%;place-items:center;padding:clamp(14px,2.6vw,28px);display:grid}.mode-copy .mode-card-icon{color:var(--purple-dark);background:#e6dff2}.mode-songs .mode-card-icon{color:#9b573e;background:#f9dfb6}.mode-listen .mode-card-icon{color:#35637b;background:#dceaf2}.mode-guessSong .mode-card-icon{color:#8b4e70;background:#f3dce7}.mode-card strong{font-size:clamp(1.2rem,2.2vw,1.8rem)}.mode-card>span:last-child{max-width:28ch;color:var(--ink-soft);font-size:clamp(.92rem,1.8vw,1.1rem)}.play-content,.copy-content{width:min(1280px,100% - 24px);min-height:0;padding:0 0 calc(10px + var(--safe-bottom));flex-direction:column;margin:0 auto;display:flex}.play-heading,.copy-topline{justify-content:space-between;align-items:center;gap:1rem;min-height:86px;display:flex}.play-heading h1,.copy-topline h1{margin:0;font-size:clamp(1.45rem,3.3vw,2.6rem)}.instrument-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:clamp(.6rem,1.5vw,1.15rem);min-height:0;margin-top:clamp(.35rem,1.5vh,1rem);display:grid}.instrument-card{border-radius:var(--radius-medium);min-width:0;min-height:0;box-shadow:var(--shadow-button), var(--shadow-soft);background:#fffbe8d4;border:3px solid #ffffffbd;grid-template-rows:minmax(0,1fr) 54px;transition:transform .13s,box-shadow .13s;display:grid;position:relative;overflow:visible}.instrument-play{border-radius:calc(var(--radius-medium) - 3px) calc(var(--radius-medium) - 3px) 12px 12px;background:0 0;border:0;place-items:center;min-width:64px;min-height:100px;padding:.25rem;display:grid;position:relative;overflow:hidden}.instrument-play:disabled{opacity:.58}.instrument-play img{z-index:1;object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 6px #2b393029);transform-origin:50% 72%;-webkit-user-select:none;user-select:none;width:94%;height:94%;position:relative}.instrument-fallback{color:var(--leaf-dark);background:#e5efd6cc;border-radius:50%;place-items:center;padding:12%;display:grid;position:absolute;inset:12%}.instrument-fallback svg{width:100%;height:100%}.instrument-key{z-index:2;width:30px;height:30px;color:var(--ink-soft);background:#fffdf4eb;border:2px solid #25445a26;border-radius:50%;place-items:center;font-size:.82rem;font-weight:900;display:grid;position:absolute;top:7px;left:7px}.instrument-name{z-index:2;border-radius:0 0 calc(var(--radius-medium) - 3px) calc(var(--radius-medium) - 3px);background:#fffdf4e6;border:0;border-top:2px solid #25445a1a;place-items:center;min-height:48px;padding:.4rem .3rem;font-size:clamp(.85rem,1.8vw,1.05rem);font-weight:900;display:grid}.instrument-name-static{color:var(--ink-soft)}.instrument-ripple{z-index:-1;aspect-ratio:1;opacity:0;pointer-events:none;border:6px solid #6e629e80;border-radius:50%;width:45%;position:absolute}.instrument-card.is-playing{box-shadow:0 8px 0 #4e467d38, var(--shadow-soft);transform:translateY(-5px)rotate(-1deg)}.instrument-card.is-playing img{animation:.43s ease-out both instrument-play}.instrument-card.is-playing .instrument-ripple{animation:.43s ease-out both ripple}.instrument-card.is-expected{outline-offset:2px;outline:5px solid #f5c35de6;animation:.9s ease-out both expected-pulse}@keyframes instrument-play{0%{transform:scale(.92)rotate(-4deg)}52%{transform:scale(1.08)rotate(3deg)}to{transform:scale(1)rotate(0)}}@keyframes ripple{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(2.1)}}@keyframes expected-pulse{0%,to{filter:brightness()}45%{filter:brightness(1.2)}}.sound-notice{min-height:50px;box-shadow:var(--shadow-soft);background:#fff8dcf2;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;margin:.35rem auto;padding:.35rem .45rem .35rem .9rem;display:flex}.sound-notice button{background:var(--purple);color:#fff;border:0;border-radius:999px;min-height:48px;padding-inline:.9rem;font-weight:900}.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,2vw,1.4rem);width:min(1120px,100%);margin:clamp(.3rem,1.2vh,.8rem) auto 0;display:grid}.stage-card{border-radius:var(--radius-large);box-shadow:var(--shadow-button), var(--shadow-soft);background:#fffbe8e0;border:3px solid #ffffffb8;grid-template-rows:minmax(0,1fr) 56px;display:grid;overflow:hidden}.stage-select-button{background:linear-gradient(165deg,#e4f0cee6,#feeec1d4);border:0;place-items:center;min-height:clamp(155px,29vh,260px);padding:.7rem;display:grid;position:relative;overflow:hidden}.stage-echo-garden .stage-select-button{background:linear-gradient(165deg,#d6ede1e6,#d9e3f6db)}.stage-firefly-band .stage-select-button{background:linear-gradient(165deg,#e1d8efeb,#fce0c4d6)}.stage-preview{width:82%;height:78%;display:block;position:relative}.stage-preview-item{top:calc(var(--preview-index) * 8%);left:calc(var(--preview-index) * 25%);width:54%;height:90%;color:var(--purple-dark);transform:rotate(calc((var(--preview-index) - 1) * 7deg));position:absolute}.stage-preview-item>svg{width:74%;height:74%;position:absolute;inset:13%}.stage-preview img{object-fit:contain;filter:drop-shadow(0 7px 5px #2a413821);width:100%;height:100%;position:relative}.stage-count,.continue-chip{color:var(--purple-dark);background:#fffdf4f0;border-radius:999px;padding:.35rem .65rem;font-size:.84rem;font-weight:900;position:absolute;top:10px;right:10px}.continue-chip{background:var(--leaf-dark);color:#fff;inset:auto auto 10px 10px}.stage-name{background:var(--paper-strong);border:0;border-top:2px solid #25445a1a;min-height:52px;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:900}.copy-content{gap:.15rem}.copy-topline{min-height:72px}.copy-topline .firefly-guide p{padding-block:.45rem}.guided-garden{grid-template-columns:minmax(280px,1fr) minmax(260px,.72fr);align-items:center;gap:clamp(.5rem,2vw,1.25rem);min-height:0;display:grid}.flower-row{justify-content:center;align-items:flex-end;gap:clamp(.6rem,3vw,2.2rem);min-height:128px;display:flex}.flower-progress{width:clamp(75px,10vw,120px);height:clamp(112px,16vh,160px);color:var(--rose);position:relative}.flower-progress svg{width:100%;height:100%;overflow:visible}.flower-stem{fill:none;stroke:var(--leaf-dark);stroke-linecap:round;stroke-width:7px}.flower-leaf{fill:var(--leaf);stroke:var(--leaf-dark);stroke-linejoin:round;stroke-width:2px}.flower-bloom{opacity:calc(.22 + (var(--growth) * .78));transform:translateY(calc((1 - var(--growth)) * 24px)) scale(calc(.55 + (var(--growth) * .45)));transform-box:fill-box;transform-origin:50% 95%;transition:transform .35s cubic-bezier(.25,1.4,.45,1),opacity .28s}.flower-petals{fill:currentColor;stroke:#6a405240;stroke-width:1.5px}.flower-2{color:var(--purple)}.flower-3{color:var(--coral)}.flower-centre{fill:var(--sun);stroke:#bc8437;stroke-width:2px}.reward-ring{fill:none;stroke:var(--sun);stroke-width:4px;opacity:0}.flower-1.is-rewarded .flower-bloom{animation:.7s ease-in-out both flower-nod}.flower-1.is-rewarded .reward-ring{animation:.85s ease-out both reward-ring}.reward-fireflies,.reward-stars{pointer-events:none;position:absolute;inset:0}.reward-fireflies i{background:#fff4a7;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 10px 4px #ffd56b}.reward-fireflies i:first-child{animation:.9s ease-out both arc-left}.reward-fireflies i:last-child{animation:.9s ease-out both arc-right}.reward-stars{color:#ffe37d;text-shadow:0 0 8px #fff3a3;justify-content:space-around;align-items:flex-start;font-size:1.45rem;display:flex}.reward-stars i{opacity:0;animation:.42s ease-out forwards star-stay}.reward-stars i:nth-child(2){animation-delay:.12s}.reward-stars i:nth-child(3){animation-delay:.24s}@keyframes flower-nod{0%,to{transform:rotate(0)}40%{transform:rotate(-10deg)}70%{transform:rotate(7deg)}}@keyframes reward-ring{0%{opacity:.85;transform-origin:50% 33%;transform:scale(.45)}to{opacity:0;transform-origin:50% 33%;transform:scale(1.25)}}@keyframes arc-left{0%{top:60%;left:45%}to{top:4%;left:8%}}@keyframes arc-right{0%{top:60%;right:45%}to{top:4%;right:8%}}@keyframes star-stay{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.tune-tools{justify-items:center;gap:.35rem;display:grid}.show-tune-button{background:var(--paper-strong);border:2px solid #25445a29;border-radius:999px;align-items:center;gap:.45rem;min-height:52px;padding:.55rem 1rem;font-weight:900;display:inline-flex;box-shadow:0 3px #384b4e24}.show-tune-button .icon{width:30px;height:30px}.tune-caption{min-height:24px;color:var(--ink-soft);text-align:center;margin:0;font-size:clamp(.82rem,1.7vw,1rem)}.guided-instruments{flex:1;max-height:min(43vh,360px);margin-top:.2rem}.guided-instruments .instrument-card{grid-template-rows:minmax(0,1fr) 44px}.guided-instruments .instrument-play{min-height:82px}.guided-instruments .instrument-name{min-height:44px}.compact-notice{min-height:45px;margin-block:.1rem;font-size:.86rem}.resume-button,.next-tune-button{justify-content:center;align-items:center;gap:.65rem;min-width:min(90vw,330px);margin:clamp(1rem,6vh,3.4rem) auto 0;display:inline-flex}.resume-button .icon,.next-tune-button .icon{width:38px;height:38px}.complete-content{width:min(900px,100% - 28px);padding:0 0 calc(12px + var(--safe-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex}.complete-flowers{justify-content:center;align-items:flex-end;gap:clamp(.2rem,3vw,2rem);height:clamp(120px,24vh,210px);display:flex}.complete-content h1{font-size:clamp(2rem,5vw,4rem)}.complete-actions{grid-template-columns:1.15fr 1fr .8fr;gap:.8rem;width:min(720px,100%);margin-top:clamp(.5rem,2vh,1.2rem);display:grid}@media (width>=600px) and (width<=980px){.mode-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.mode-card{grid-column:span 2}.mode-card:nth-child(4){grid-column:2/span 2;margin-left:0}.mode-card:nth-child(5){grid-column:4/span 2;margin-left:0}.instrument-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.instrument-card:first-child,.instrument-card:nth-child(2),.instrument-card:nth-child(3){grid-column:span 2}.instrument-card:nth-child(4){grid-column:2/span 2}.instrument-card:nth-child(5){grid-column:4/span 2}.guided-garden{grid-template-columns:1fr .75fr}.guided-instruments .instrument-play img{width:88%;max-width:125px;height:88%;max-height:112px}}@media (width<=720px){:root{--utility-height:66px}.utility-bar{padding-inline:calc(7px + var(--safe-left)) calc(7px + var(--safe-right));gap:4px}.utility-actions{gap:4px}.utility-button{width:48px;height:48px;padding:9px}.utility-title{max-width:21vw;font-size:.78rem}.welcome-screen .utility-title{max-width:44vw;font-size:.98rem}.selector-content{overscroll-behavior:contain;width:calc(100% - 20px);padding-top:0;overflow-y:auto}.selector-content>.firefly-guide{min-height:48px}.stage-grid{grid-template-columns:1fr;gap:.55rem}.stage-card{border-radius:24px;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) minmax(145px,.55fr);min-height:0}.stage-select-button{min-height:clamp(102px,18vh,135px)}.stage-name{border-top:0;border-left:2px solid #25445a1a;border-radius:0 21px 21px 0;min-height:64px;padding:.45rem}.stage-preview{width:75%;height:90%}.play-heading,.copy-topline{min-height:67px}.play-heading .firefly-guide p,.copy-topline .firefly-guide p{display:none}.play-heading .firefly-guide,.copy-topline .firefly-guide{min-height:48px}.guided-garden{flex-direction:column;gap:0;display:flex}.flower-row{width:100%;min-height:95px}.flower-progress{width:clamp(58px,17vw,88px);height:clamp(86px,14vh,118px)}.tune-tools{justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.tune-caption{text-align:left;max-width:50vw}.complete-actions{grid-template-columns:1fr;gap:.5rem}.complete-actions button{min-height:58px}}@media (width<=599px){.utility-actions .language-selector{min-width:0;padding-inline:3px}.utility-actions .language-selector select{min-width:0;max-width:58px;font-size:.74rem}.music-meadow-app{--mobile-copy-utility:108px}.screen:not(.welcome-screen){grid-template-rows:var(--mobile-copy-utility) minmax(0, 1fr)}.screen:not(.welcome-screen) .utility-bar{min-height:var(--mobile-copy-utility);grid-template-rows:54px 48px;align-items:center}.screen:not(.welcome-screen) .utility-title{top:calc(var(--safe-top) + 24px);max-width:40vw;font-size:.9rem}.screen:not(.welcome-screen) .utility-actions{grid-row:1/3;grid-template-rows:repeat(2,48px);grid-template-columns:repeat(3,48px);display:grid}.screen:not(.welcome-screen) .utility-actions .language-selector{grid-area:1/1/auto/4;justify-self:stretch;width:100%}.screen:not(.welcome-screen) .utility-actions .sound-button{grid-area:2/3}.screen:not(.welcome-screen) .utility-actions .back-button{grid-area:2/1}.screen:not(.welcome-screen) .utility-actions .replay-button{grid-area:2/2}.screen:not(.welcome-screen) .primary-home{align-self:start}.music-meadow-app:not([data-screen=welcome]) .spoken-caption{top:calc(var(--safe-top) + 61px);right:calc(var(--safe-right) + 112px);bottom:auto;left:calc(var(--safe-left) + 8px);border-radius:14px;max-width:none;min-height:40px;padding:.3rem .55rem;font-size:.76rem;line-height:1.15;transform:none}.welcome-content{padding-top:.2rem}.welcome-mark{width:clamp(90px,27vw,124px)}.welcome-content h1{font-size:clamp(2.65rem,14vw,4.2rem)}.play-button{min-height:72px}.selector-content h1{font-size:clamp(1.6rem,8vw,2.2rem)}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mode-card{text-align:left;border-radius:24px;grid-template-rows:auto auto;grid-template-columns:54px minmax(0,1fr);min-height:132px;padding:.65rem}.mode-card:nth-child(5){grid-column:1/3;width:calc(50% - .25rem);margin:0 auto}.mode-card-icon{grid-row:1/3;width:50px;padding:10px}.mode-card strong{font-size:clamp(.92rem,4.2vw,1.15rem)}.mode-card>span:last-child{font-size:clamp(.7rem,3vw,.86rem)}.mode-card strong,.mode-card>span:last-child{justify-self:start}.play-content,.copy-content{width:calc(100% - 14px)}.play-heading h1,.copy-topline h1{font-size:clamp(1.3rem,6.7vw,1.85rem)}.instrument-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;margin-top:.25rem}.instrument-card{border-width:2px;border-radius:18px;grid-template-rows:minmax(64px,1fr) 48px}.instrument-card:nth-child(4){grid-column:auto;margin-left:0}.instrument-card:nth-child(5){grid-column:1/3;width:calc(50% - .21rem);margin:0 auto}.instrument-play{border-radius:16px 16px 9px 9px;min-height:72px}.instrument-play img{width:min(94%,112px);height:min(94%,112px)}.instrument-key{width:26px;height:26px;font-size:.72rem;top:4px;left:4px}.instrument-name{min-height:48px;font-size:.82rem}.make-music-screen .instrument-grid{flex:1;min-height:0}.make-music-screen .instrument-card{min-height:0}.copy-topline{min-height:54px}.copy-topline .eyebrow{font-size:.7rem}.copy-topline .firefly-guide img{width:45px;height:45px}.flower-row{min-height:84px}.flower-progress{width:56px;height:83px}.show-tune-button{min-height:48px;padding:.4rem .7rem;font-size:.82rem}.show-tune-button .icon{width:25px;height:25px}.tune-caption{max-width:52vw;font-size:.75rem}.guided-instruments{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;min-height:0;max-height:none}.guided-instruments .instrument-card{grid-template-rows:minmax(52px,1fr) 25px}.guided-instruments .instrument-card:nth-child(5){grid-column:1/3}.guided-instruments .instrument-play{min-height:64px}.guided-instruments .instrument-name{border-radius:0 0 15px 15px;min-height:25px;padding:.1rem;font-size:.7rem}.guided-instruments .instrument-play img{width:min(88%,78px);height:min(88%,78px)}.compact-notice{z-index:4;position:absolute;bottom:6px;left:8px;right:8px}.resume-button,.next-tune-button{min-height:64px;margin-top:.7rem}.complete-flowers{height:120px}.complete-content .firefly-guide p{font-size:.82rem}.complete-actions{width:min(320px,100%)}}@media (height<=700px){.welcome-mark{width:clamp(82px,17vh,128px)}.welcome-content h1{font-size:clamp(2.5rem,8vh,4.6rem)}.selector-content h1{margin-bottom:.15rem}.selector-content>.firefly-guide{transform-origin:50%;transform:scale(.9)}.play-heading{min-height:58px}.make-music-screen .instrument-play{min-height:64px}.stage-select-button{min-height:98px}}@media (height<=500px) and (width>=600px){:root{--utility-height:60px}.utility-bar{padding-block:4px}.play-heading,.copy-topline{min-height:46px}.play-heading .firefly-guide,.copy-topline .firefly-guide{min-height:42px}.play-heading .firefly-guide img,.copy-topline .firefly-guide img{width:42px;height:42px}.guided-garden{grid-template-columns:minmax(250px,1fr) minmax(230px,.8fr);gap:.35rem;display:grid}.flower-row{min-height:74px}.flower-progress{width:53px;height:78px}.guided-instruments .instrument-play{min-height:64px}.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-card{grid-template-rows:minmax(0,1fr) 52px;grid-template-columns:1fr}.stage-select-button{min-height:150px}.stage-name{border-top:2px solid #25445a1a;border-left:0;border-radius:0 0 21px 21px;min-height:52px;font-size:.92rem}}@media (forced-colors:active){.meadow-background,.meadow-foreground{display:none}.music-meadow-app,.mode-card,.instrument-card,.stage-card,.firefly-guide p,.spoken-caption{color:canvastext;background:canvas}button,.instrument-card,.stage-card,.flower-progress{forced-color-adjust:auto}.instrument-card.is-expected{outline:5px solid highlight}}