@font-face{font-family:Unbounded;src:url(/fonts/Unbounded-VariableFont_wght.ttf)format("truetype");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-VariableFont_wght.ttf)format("truetype");font-weight:200 900;font-style:normal;font-display:swap}html,body{box-sizing:border-box;background:#e3e3db;margin:0;padding:0}#sketch,#sketch canvas{width:100vw;height:100dvh;display:block}nav,footer{box-sizing:border-box;z-index:2;--ink:#fff;color:var(--ink);mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:2em;display:flex;position:fixed;left:0;right:0}p{font-family:Unbounded,sans-serif;font-size:1rem;font-weight:400}nav{top:0}nav p{margin:0}footer{pointer-events:none;align-items:flex-end;bottom:0}.effects-panel{pointer-events:auto}footer:has(.noise-select[open]){--ink:#111;mix-blend-mode:normal}footer p{margin:0}#carousel3d{z-index:1;cursor:pointer;width:100vw;height:20dvh;position:fixed;bottom:0;left:0;overflow:hidden}nav{align-items:flex-start}.noise-select{position:relative}.noise-select summary{border:1px solid var(--ink);cursor:pointer;align-items:center;gap:8px;padding:4px;list-style:none;display:flex}.noise-select summary::-webkit-details-marker{display:none}.noise-select summary img{object-fit:cover;width:24px;height:24px;display:block}.noise-select summary:after{content:"▴";margin-left:auto;transition:transform .12s}.noise-select[open] summary:after{transform:rotate(180deg)}.noise-list{box-sizing:border-box;border:1px solid var(--ink);z-index:3;background:#e3e3db;grid-template-columns:repeat(2,1fr);gap:4px;width:100%;padding:4px;display:grid;position:absolute;bottom:calc(100% + 6px);left:0}.noise-list button{appearance:none;border:1px solid var(--ink);font:inherit;color:inherit;cursor:pointer;opacity:.6;background:0 0;border-radius:0;flex-direction:column;gap:4px;padding:4px;transition:opacity .12s;display:flex}.noise-list button:hover{opacity:1}.noise-list button[aria-selected=true]{background:var(--ink);color:#e3e3db;opacity:1}.noise-list img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.noise-select summary:focus-visible,.noise-list button:focus-visible{outline:1px dashed var(--ink);outline-offset:2px}.nav-experience,#songs-info{flex-direction:column;align-items:flex-end;gap:4px;display:flex}#songs-info p{margin:0;font-family:JetBrainsMono,monospace}.effects-panel,.effects-params{flex-direction:column;gap:14px;display:flex}.effects-panel:not(.is-open) .effects-params{display:none}.effects-toggle{appearance:none;color:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:Unbounded,sans-serif;font-size:1rem;font-weight:400}.effects-toggle:after{content:" +"}.effects-panel.is-open .effects-toggle:after{content:" −"}.effects-toggle:focus-visible{outline:1px dashed var(--ink);outline-offset:3px}.param-container{text-transform:uppercase;letter-spacing:.04em;color:var(--ink);flex-direction:column;gap:6px;width:180px;font-family:JetBrainsMono,monospace;font-size:.7rem;display:flex}.param-container label{cursor:pointer}.param-container:has(input[type=checkbox]){flex-direction:row;justify-content:space-between;align-items:center}.param-container input[type=range],.range{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:0}.param-container input[type=range]::-webkit-slider-runnable-track,.range::-webkit-slider-runnable-track{background:var(--ink);height:1px}.param-container input[type=range]::-webkit-slider-thumb,.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:none;border-radius:0;width:10px;height:10px;margin-top:-4.5px}.param-container input[type=range]::-moz-range-track,.range::-moz-range-track{background:var(--ink);height:1px}.param-container input[type=range]::-moz-range-thumb,.range::-moz-range-thumb{background:var(--ink);border:none;border-radius:0;width:10px;height:10px}.param-container input[type=checkbox]{-webkit-appearance:none;appearance:none;border:1px solid var(--ink);cursor:pointer;background:0 0;place-content:center;width:12px;height:12px;margin:0;display:grid}.param-container input[type=checkbox]:before{content:"";background:var(--ink);width:6px;height:6px;transition:transform .12s;transform:scale(0)}.param-container input[type=checkbox]:checked:before{transform:scale(1)}.player{--ink:#fff;z-index:2;text-transform:uppercase;letter-spacing:.04em;width:min(420px,100vw - 4em);color:var(--ink);mix-blend-mode:difference;align-items:center;gap:14px;font-family:JetBrainsMono,monospace;font-size:.7rem;display:flex;position:fixed;bottom:calc(20dvh + 1em);left:50%;transform:translate(-50%)}.player-button{appearance:none;border:1px solid var(--ink);width:6em;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border-radius:0;padding:4px 0}.player-button:hover{background:var(--ink);color:#000}.player-slider{flex:1}.player-time{font-variant-numeric:tabular-nums;white-space:nowrap}.player-button:focus-visible,.param-container input:focus-visible{outline:1px dashed var(--ink);outline-offset:3px}@media (pointer:coarse){.param-container input[type=range],.range{height:20px}.param-container input[type=range]::-webkit-slider-thumb,.range::-webkit-slider-thumb{width:14px;height:14px;margin-top:-6.5px}.param-container input[type=range]::-moz-range-thumb,.range::-moz-range-thumb{width:14px;height:14px}.param-container input[type=checkbox]{width:16px;height:16px}.param-container input[type=checkbox]:before{width:8px;height:8px}}@media (width<=768px){nav,footer{padding:1em}p{font-size:.85rem}.nav-experience>p,.credit{display:none}#songs-info p{font-size:.65rem}.effects-panel{position:fixed;top:2.75rem;left:1em}.effects-panel,.effects-params{gap:10px}.effects-toggle{order:-1;font-size:.85rem}.param-container{gap:4px;width:min(200px,60vw);font-size:.6rem}.noise-list{top:calc(100% + 6px);bottom:auto}.noise-select summary:after{content:"▾"}body:has(.effects-panel.is-open) #songs-info{visibility:hidden}.player{gap:10px;width:calc(100vw - 2em)}}