@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#f6f3e9;font-synthesis:none;-webkit-font-smoothing:antialiased;--acid:#c2fa6b;--ink:#17231a;--gutter:clamp(24px, 3.2vw, 64px);background:#0b5051;font-family:DM Sans Variable,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible{outline:2px solid var(--acid);outline-offset:8px}::selection{background:var(--acid);color:var(--ink)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.background,.scrim{pointer-events:none;position:fixed;inset:0}.background{background-color:#0b5051;background-image:radial-gradient(circle at 18% 12%,#ff9500ad,#0000 34%),radial-gradient(circle at 72% 38%,#ff88008c,#0000 42%),radial-gradient(circle at 35% 88%,#05c7c4b8,#0000 46%),linear-gradient(145deg,#05c7c4,#0b5051 68%)}.background canvas{opacity:0;width:100%;height:100%;transition:opacity 1.2s;display:block}.background.is-ready canvas{opacity:1}.scrim{background:linear-gradient(#0c0f0c40 0%,#0000 45%,#07120d2e 62%,#07120dc2 100%)}.landing{min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) var(--gutter) max(34px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;column-gap:24px;display:grid;position:relative}.hero{min-width:0;padding-top:clamp(70px,42px + 5.5vh,122px);container-type:inline-size}h1{white-space:nowrap;letter-spacing:-.078em;margin:0 0 0 -.065em;font-size:clamp(64px,14vw,280px);font-weight:550;line-height:.97}.title-period{color:var(--acid)}.footer{z-index:2;width:min(calc(100vw - var(--gutter) * 2), 900px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.sound-button{isolation:isolate;color:#162316;-webkit-backdrop-filter:blur(10px)saturate(150%);backdrop-filter:blur(10px)saturate(150%);background:#c2fa6b2e;border:1px solid #e0ffb094;border-radius:50%;flex-shrink:0;place-items:center;width:82px;height:82px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 30px #0c201238,inset 0 1px #ffffff9e}.sound-button:before{content:"";z-index:-1;background:radial-gradient(circle at 32% 24%,#ffffff9e,#0000 34%),linear-gradient(145deg,#d5ff91c2,#9ce93e73);position:absolute;inset:0}.sound-button:after{content:"";z-index:-1;border-radius:inherit;border:1px solid #fff3;position:absolute;inset:2px}.sound-button svg{filter:drop-shadow(0 1px 1px #ffffff40);width:32px;height:32px;position:relative}.sound-button:hover{border-color:#efffd6d1;transform:scale(1.065);box-shadow:0 10px 38px #9be8433d,inset 0 1px #ffffffb8}.sound-button:active{transform:scale(.96)}.sound-button:disabled{cursor:wait}.sound-button:focus-visible{outline-offset:6px;outline-color:#f6f3e9}.sound-button.is-inviting .play-icon{animation:1.86s ease-in-out infinite play-invitation}.mixer-controls{justify-content:center;align-items:center;gap:clamp(24px,4vw,48px);display:flex}.track-controls{--track-brightness:.75;align-items:center;gap:clamp(8px,1.5vw,16px);display:flex}.track-button{--track-rgb:255 255 255;isolation:isolate;border:1px solid rgb(var(--track-rgb) / 48%);background:rgb(var(--track-rgb) / 12%);-webkit-backdrop-filter:blur(9px)saturate(145%);backdrop-filter:blur(9px)saturate(145%);border-radius:18%;flex:0 0 58px;width:58px;height:58px;padding:0;transition:border-color .18s,box-shadow .18s,background .18s;position:relative;overflow:hidden;box-shadow:0 7px 24px #00000029,inset 0 1px #ffffff47}.track-button:before{content:"";z-index:-1;background:radial-gradient(circle at 30% 20%, #ffffff7a, transparent 38%), linear-gradient(145deg, rgb(var(--track-rgb) / 78%), rgb(var(--track-rgb) / 30%));opacity:.14;filter:brightness(var(--track-brightness)) saturate(1.18);transition:opacity .18s;position:absolute;inset:0}.track-button:after{content:"";z-index:-1;border-radius:inherit;border:1px solid #ffffff24;position:absolute;inset:1px}.track-button:hover{border-color:rgb(var(--track-rgb) / 78%);background:rgb(var(--track-rgb) / 20%);box-shadow:0 8px 28px rgb(var(--track-rgb) / 14%), inset 0 1px 0 #ffffff61}.track-button.is-enabled{border-color:rgb(var(--track-rgb) / 88%);background:rgb(var(--track-rgb) / 30%);box-shadow:0 7px 28px rgb(var(--track-rgb) / 24%), inset 0 1px 0 #ffffff7a}.track-button.is-enabled:before{opacity:.92}@keyframes play-invitation{0%,to{opacity:1}50%{opacity:.5}}.settings-trigger{z-index:2;bottom:max(28px, env(safe-area-inset-bottom));left:var(--gutter);color:#f6f3e9;background:0 0;border:0;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:grid;position:fixed}.settings-trigger:before{content:"";-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#09140f2e;border-radius:50%;transition:background .18s;position:absolute;inset:5px;box-shadow:0 5px 22px #00000017}.settings-trigger svg{width:22px;height:22px;position:relative}.settings-trigger:hover{transform:rotate(18deg)}.settings-trigger:hover:before{background:#09140f4d}.settings-trigger[aria-expanded=true]{opacity:0;pointer-events:none}.settings-panel{z-index:3;color:#17231a;-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);background:linear-gradient(145deg,#ffffff85,#e2ebe54d 48%,#ffffff61);border:1px solid #ffffffad;border-radius:18px;width:min(410px,100vw - 40px);padding:24px;position:fixed;top:20px;bottom:20px;right:20px;overflow-y:auto;box-shadow:0 18px 70px #00000038,inset 0 1px #ffffffbf,inset 0 -1px #ffffff3d}.settings-header{justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.settings-eyebrow{color:#596158;letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:700}.settings-panel h2{letter-spacing:-.04em;margin:0;font-size:25px;line-height:1.1}.settings-close{width:32px;height:32px;color:inherit;background:0 0;border:0;flex:none;place-items:center;padding:0 0 2px;font-size:22px;line-height:1;display:grid}.settings-close:hover{background:#17231a14}.settings-close:focus-visible,.settings-tabs button:focus-visible{outline-offset:3px;outline:2px solid #477b0f}.settings-tabs{display:none}.settings-pages{border-top:1px solid #17231a24}.settings-section{padding:21px 0}.settings-section+.settings-section{border-top:1px solid #17231a24}.settings-section h3{letter-spacing:.02em;margin:0 0 16px;font-size:13px}.colour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.colour-control{cursor:pointer;border:1px solid #17231a21;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:10px;padding:9px;display:grid}.colour-control input{cursor:pointer;background:0 0;border:0;border-radius:7px;grid-row:1/3;width:40px;height:40px;padding:0;overflow:hidden}.colour-control input::-webkit-color-swatch-wrapper{padding:0}.colour-control input::-webkit-color-swatch{border:0;border-radius:7px}.colour-control span{align-self:end;font-size:13px;font-weight:650}.colour-control output{color:#687067;align-self:start;font:10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.slider-list{gap:18px;display:grid}.slider-heading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:8px;font-size:13px;font-weight:650;display:flex}.slider-heading small{color:#687067;margin-top:2px;font-size:10px;font-weight:450;display:block}.slider-heading output{color:#444d44;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.slider-control input{accent-color:#17231a;cursor:ew-resize;width:100%;height:5px;margin:0}@media (width<=600px){.landing{padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));column-gap:16px}.hero{padding-top:128px}h1{white-space:normal;letter-spacing:-.075em;max-width:100%;font-size:16vw;line-height:.87}.footer{width:calc(100vw - 56px)}.mixer-controls{justify-content:space-between;gap:28px;width:100%}.track-controls{flex:1;justify-content:space-between;gap:0}.track-button{flex-basis:21px;width:21px;height:21px}.sound-button{width:44px;height:44px}.sound-button svg{width:24px;height:24px}.settings-trigger{bottom:max(12px, calc(env(safe-area-inset-bottom) + 4px));width:40px;height:40px;left:12px}.settings-trigger svg{width:19px;height:19px}.settings-panel{color:#f7faf7f5;-webkit-backdrop-filter:blur(18px)saturate(155%)brightness(.84);backdrop-filter:blur(18px)saturate(155%)brightness(.84);background:linear-gradient(145deg,#1228205c,#07141038 52%,#ffffff17);border-color:#ffffff4d;border-radius:15px;flex-direction:column;width:auto;height:240px;padding:0;display:flex;inset:auto 8px 8px;overflow:hidden;box-shadow:0 18px 55px #00000042,inset 0 1px #ffffff59,inset 0 -1px #ffffff1a}.settings-header{background:#04110c1f;border-top:1px solid #fff3;order:2;grid-template-columns:40px minmax(0,1fr);align-items:stretch;gap:5px;padding:0 15px 0 3px;display:grid}.settings-title{display:none}.settings-close{grid-area:1/1;width:40px;height:40px;font-size:20px;position:absolute;bottom:3px;left:3px}.settings-tabs{border:0;grid-area:1/2;grid-template-columns:1fr 1fr;padding:0;display:grid}.settings-tabs button{color:#f7faf794;text-shadow:0 1px 6px #00000038;background:0 0;border-top:2px solid #0000;min-height:48px;padding:0 8px;font-size:11px;font-weight:700}.settings-tabs button[aria-selected=true]{color:#fff;border-top-color:#ffffffe0}.settings-pages{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-top:0;flex:1;order:1;min-height:0;display:flex;overflow:auto hidden}.settings-pages::-webkit-scrollbar{display:none}.settings-page{scroll-snap-align:start;min-width:100%;height:100%;padding:12px 15px;overflow-y:auto}.settings-section+.settings-section{border-top:0}.settings-section h3{display:none}.colour-grid{align-content:start;gap:7px}.colour-control{background:#ffffff14;border-color:#ffffff38;grid-template-columns:34px minmax(0,1fr);column-gap:8px;padding:7px;box-shadow:inset 0 1px #ffffff1a}.colour-control input{width:34px;height:34px;box-shadow:0 2px 10px #00000029}.colour-control span{text-shadow:0 1px 5px #00000047;font-size:12px}.colour-control output{color:#f7faf79e;font-size:9px}.slider-list{gap:4px}.slider-control{grid-template-columns:88px minmax(0,1fr);align-items:center;column-gap:8px;min-height:20px;display:grid}.slider-heading{color:#ffffffeb;text-shadow:0 1px 5px #00000047;margin:0;font-size:11px;display:block}.slider-heading small,.slider-heading output{display:none}.slider-control input{accent-color:#f6f3e9;filter:drop-shadow(0 1px 2px #0003);width:100%;height:4px}}@media (height<=600px) and (width>=601px){.landing{padding-top:16px;padding-bottom:20px}.hero{padding-top:0}h1{font-size:12vw}.track-controls{gap:clamp(0px, calc((100dvh - 140px - var(--track-count) * 24px) / (var(--track-count) - 1)), 16px)}.track-button{flex-basis:24px;width:24px;height:24px}.sound-button{width:56px;height:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}