/* Halloween at the concert: warm paper, pumpkin orange and twilight purple. */
:root{--paper:#fbf3e7;--ink:#3e3049;--muted:#796d76;--line:#e3d4c1;--purple:#79529b;--coral:#ed8c32}
body{background:var(--paper)}.site-header{border-color:#e3d4c1}.brand-mark i{background:#80609d}.brand-mark i:nth-child(2){background:#dca045}.brand-mark i:nth-child(3){background:#ed8c32}.brand-mark i:nth-child(4){background:#b2a3c4}.intro-description{color:#7d6b72}.intro-link{border-color:#c59e7a}.art-caption{color:#80627c}.tiny-star{color:#d5812b}.step{border-color:#d2baa2;color:#977347}.section-note{color:#89746e}.concert-banner{background:#f4e0c4;border-color:#e7cba5}.concert-kicker{color:#9b704c}.concert-name{color:#51344f}.concert-welcome{color:#8b603b}.concert-welcome span{color:#c88128}
.piece-card{background:#f2e8db;border-color:#eaddcd}.piece-card:hover{background:#eedcc8}.piece-card.selected{background:#f6e4cb;border-color:#c58c46}.piece-text small,.piece-text>span{color:#8a736e}.piece-choice{background:#a36b2c}.piece-art.elise{background:#f5c386;color:#a95b25}.piece-art.twinkle{background:#e4d6ee;color:#8052a0}.piece-art.turkish{background:#edcbac;color:#a2614d}
.studio{background:#fffaf1;border-color:#e1cdb8}.controls{background:#f0e7ee;border-left-color:#dfcedd}.stage{background:#392b4c;--stage-ink:#fff1d3}.scene-label{font-size:10px;font-weight:600;letter-spacing:.08em}.stage-icon{background:#f9e5bd29;color:#fff1d3}.stage-icon:hover{background:#f9e5bd55}.stage-hint{background:#fff3deed;color:#69406c;border-color:#f3d298}.stage-bottom{color:#fff1d3}.beat-dots i{width:7px;height:7px}.play-button{background:#68437f}.play-button:hover{background:#8a5ba2}.now-playing small,.now-playing>span,.player-right>span{color:#8d777e}.loop{color:#8a5ba0}.progress-track{background:#ecdfd2}#progress{background:#c08c41}.sound-note{color:#8d7776}
.control-heading>span,.control-heading output,.instrument-description{color:#84667f}.instrument{border-color:#d7c6d7}.instrument:hover{background:#e5d7e8}.instrument.selected{background:#e1d0ea;border-color:#a07db7}.instrument svg{stroke:#78538c}.instrument .filled{fill:#78538c}.segmented{background:#e4d5e5}.segmented button.selected{background:#fff7e9}.scenes button{padding-block:9px;font-size:10px}.scenes span{display:block;font-size:17px;margin:0 0 5px}.surprise{border-color:#c2a2c1;color:#6b4079}.surprise:hover{background:#e5d6e8}input[type=range]{background:#d8c5db;accent-color:#946ba5}input[type=range]::-webkit-slider-thumb{background:#9360a4;border-color:#fff4e5;box-shadow:0 0 0 1px #b994be}input[type=range]::-moz-range-thumb{background:#9360a4;border-color:#fff4e5}.range-labels{color:#90748c}
.palette-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;align-items:center;justify-items:center}.palette{--swatch:conic-gradient(#ff9d32 0 120deg,#ffd259 120deg 240deg,#f16aa4 240deg);width:51px;height:51px;display:block;background:transparent;padding:4px;border:2px solid transparent;border-radius:50%;position:relative}.palette::before{content:'';display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #5b315b20}.palette>i{display:none}.palette.selected{border-color:#805491;background:#fffaf1}.palette:hover{background:#fff4e1}.palette.cool{--swatch:conic-gradient(#53d9f0 0 120deg,#82b0ff 120deg 240deg,#b49aff 240deg)}.palette.dream{--swatch:conic-gradient(#ff8ac5 0 120deg,#ba96ff 120deg 240deg,#ffe16b 240deg)}.palette.forest{--swatch:conic-gradient(#8ae68a 0 120deg,#4ad6bf 120deg 240deg,#ffb765 240deg)}.palette-check{background:#704482;width:17px;line-height:17px;font-size:10px;bottom:-1px;right:-2px;border:1px solid #fffaf1}
.challenge{background:#e8dcf0}.challenge.peach{background:#f5dfc1}.challenge-number{color:#8b669c}.challenge p{color:#896f7d}.challenge-doodle{stroke:#bc9ace}.peach .challenge-doodle{stroke:#d7a05f}.challenge-button{border-bottom-color:#c6a9c8}.discovery-intro .eyebrow,.discovery-intro>p:last-child,.site-footer p,.footer-brand>span{color:#927b7c}.site-footer{border-top-color:#e3d4c1}.toast{background:#644277}dialog{background:#fff6e8;color:#513749;border-color:#e7cfae}dialog p:not(.eyebrow),dialog li span{color:#806779}.primary{background:#795090}dialog .dialog-note{border-top-color:#e1cdb8}
@media(max-width:1050px) and (min-width:761px){.palette{width:47px;height:47px}.palette-row{gap:5px}.scenes button{font-size:9px}}
@media(max-width:760px){.scene-group,.palette-group{grid-column:1/-1}.controls{border-top-color:#dfcedd}.scene-label{font-size:9px}.palette-row{grid-template-columns:repeat(4,1fr);gap:14px;justify-items:center}.palette{width:58px;height:58px;padding:5px}.scenes span{display:block;margin:0 0 5px;font-size:15px}.scenes button{font-size:11px;padding-block:12px}.control-heading h3,.control-heading label{font-size:12px}.control-heading>span,.control-heading output{font-size:9px}.instrument span{font-size:10px}.concert-welcome{color:#8b603b}.piece-text strong{font-size:11px}.stage-hint{font-size:10px}.stage-bottom #touch-feedback{font-size:9px}}
@media(max-width:360px){.palette{width:52px;height:52px}.palette-row{gap:9px}.scenes button{font-size:10px}.scenes span{margin-right:3px}.piece-text strong{font-size:10px}}