:root{color-scheme:dark;--bg:#130c12;--cream:#f4e9df;--accent:#efac7b;--muted:#bdafb7;--line:#f4e9df2a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-80px}.skip:focus{top:10px;left:10px;z-index:10;background:var(--bg);padding:15px}header{display:flex;justify-content:space-between;gap:30px;padding:24px 5%;border-bottom:1px solid var(--line);position:relative;z-index:1;background:#130c12}.name{font-size:21px;text-decoration:none;font-weight:600}nav{display:flex;gap:28px;font-size:14px;align-items:center}nav a{text-decoration:none}main{position:relative;isolation:isolate;display:grid;grid-template-columns:1.3fr 1fr;gap:40px 8%;padding:55px 6% 70px;min-height:900px}.atmosphere{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#130c12ab,#130c12e6 70%),linear-gradient(0deg,#130c12,transparent 60%),url('assets/the-droplet.png') 50% 50%/cover;opacity:.9}.eyebrow{font-size:12px;letter-spacing:1.8px;color:var(--accent)}h1{font:normal clamp(55px,6vw,90px)/1.05 Georgia,serif;letter-spacing:-3px;margin:30px 0}h1 em{font-weight:400;color:var(--accent)}.invitation{font:24px/1.65 Georgia,serif}.transport{margin-top:35px}.transport>button{border:1px solid var(--accent);background:var(--accent);color:#23111a;padding:14px 24px;border-radius:2px;min-width:225px;font-size:16px}.transport>button span{margin-left:22px}.transport>button:disabled{opacity:.5;cursor:wait}#status{font-size:14px;color:var(--muted)}.visual-score{max-width:570px;margin:45px 0 30px}.visual-score svg{width:100%;height:100px;display:block}#trace{stroke:var(--accent);stroke-width:1.4;fill:none}.visual-score>span{font-size:10px;letter-spacing:2px;color:var(--muted)}.provenance{max-width:440px;font-size:13px;color:var(--muted)}.instrument{max-width:510px;background:#1e141bcb;border:1px solid var(--line);padding:23px 30px;align-self:start}.instrument-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:6px}.instrument-heading>span{font-size:12px;color:var(--accent);letter-spacing:1px}.instrument-heading button{font-size:12px;border:0;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:3px;padding:8px 0}.channel{border-top:1px solid var(--line);padding:15px 0 13px}.mute{display:flex;width:100%;align-items:center;gap:15px;background:none;color:var(--cream);border:0;text-align:left;padding:0 0 10px;font-size:18px}.number{color:var(--accent);font-size:12px;align-self:flex-start;padding-top:5px}.mute small{display:block;color:var(--muted);font:italic 15px/1.6 Georgia,serif}.state{margin-left:auto;font-size:12px;color:var(--accent)}.mute[aria-pressed=false]{opacity:.65}.mute[aria-pressed=false] .state{color:var(--muted)}label{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:13px}output{font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;accent-color:var(--accent);height:23px;margin:5px 0 0;cursor:pointer}.master{padding-top:17px;border-top:1px solid var(--line)}.master label{font-size:14px;color:var(--cream)}footer{padding:28px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:13px}footer p{margin:0}footer a{align-self:center}@media(max-width:850px){main{grid-template-columns:1fr;gap:30px;padding-top:35px}.instrument{max-width:none}.intro h1{font-size:64px}.visual-score{margin:20px 0}.visual-score svg{height:65px}.provenance{margin-bottom:0}.transport{margin-top:25px}.invitation{font-size:22px}footer{display:block}footer a{display:inline-block;margin-top:20px}}@media(max-width:400px){header{padding:18px 6%;gap:20px}.name{font-size:18px}nav{gap:18px}.intro h1{font-size:56px;letter-spacing:-2px}.instrument{padding:18px 20px}.instrument-heading{gap:15px}.mute{font-size:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.studies{grid-column:1/-1;border-top:1px solid var(--line);padding-top:42px;max-width:1100px}.studies h2{font:normal clamp(32px,5vw,55px)/1.15 Georgia,serif;margin:16px 0}.study-text{font:22px/1.7 Georgia,serif;color:var(--cream)}.studies button{background:transparent;color:var(--accent);border:1px solid var(--line);padding:12px 18px;min-height:44px}.studies button:hover{border-color:var(--accent)}.keep{margin-top:38px;padding-top:25px;border-top:1px solid var(--line);max-width:760px}.keep h3{font:normal 26px Georgia,serif}.keep p{color:var(--muted);font-size:14px}.keep-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.keep input[type=text]{width:100%;background:var(--bg);border:1px solid var(--line);padding:12px;color:var(--cream);font:14px monospace;margin-top:8px}.keep label{margin-top:20px}#mix-status{min-height:24px}