:root{color:#f3f6ef;font-synthesis:none;text-rendering:optimizelegibility;background:#111412;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}#root{min-height:100vh}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:40px 0}.hero-panel{border-bottom:1px solid #f3f6ef2e;justify-content:space-between;align-items:end;gap:24px;padding:32px 0 28px;display:flex}.eyebrow,.hero-copy,.tile-header p,.master-readout,.slider-row span,.slider-row output{color:#aeb9ad}.eyebrow{letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(2.6rem,8vw,5.5rem);line-height:.95}.hero-copy{max-width:390px;font-size:1rem;line-height:1.6}.master-controls{border-bottom:1px solid #f3f6ef1f;grid-template-columns:auto minmax(110px,1fr) minmax(260px,460px);align-items:center;gap:20px;padding:22px 0;display:grid}.transport{gap:10px;display:flex}.primary-button,.secondary-button,.toggle-button{border-radius:8px;min-height:42px;font-weight:800}.primary-button,.secondary-button{padding:0 18px}.primary-button{color:#101312;background:#d8e86f}.secondary-button{color:#f3f6ef;background:#2a332e}.master-readout{gap:14px;font-size:.9rem;display:flex}.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:24px 0;display:grid}.sound-tile{background:#1a211d;border:1px solid #f3f6ef1f;border-radius:8px;flex-direction:column;justify-content:space-between;gap:28px;min-height:190px;padding:20px;display:flex}.sound-tile.is-active{background:linear-gradient(#d8e86f1f,#1a211d00 58%),#1a211d;border-color:#d8e86fb3}.tile-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tile-header h2{letter-spacing:0;font-size:1.4rem;line-height:1.1}.tile-header p{margin-top:8px;font-size:.9rem}.toggle-button{color:#f3f6ef;background:#303b34;min-width:58px;padding:0 14px}.sound-tile.is-active .toggle-button{color:#101312;background:#d8e86f}.slider-row{grid-template-columns:auto minmax(0,1fr) 48px;align-items:center;gap:12px;display:grid}.slider-row span,.slider-row output{font-size:.86rem;font-weight:700}.slider-row output{text-align:right}input[type=range]{accent-color:#d8e86f;width:100%}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #8dd8ff}@media (width<=820px){.hero-panel,.master-controls{grid-template-columns:1fr}.hero-panel{display:block}.hero-copy{margin-top:18px}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.app-shell{width:min(100% - 24px,1120px);padding:20px 0}.tile-grid{grid-template-columns:1fr}.master-readout{justify-content:space-between}}