@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url('assets/manrope-regular.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:500 600;font-display:swap;src:url('assets/manrope-medium.ttf') format('truetype')}
:root{color-scheme:dark;--bg:#101010;--panel:#181818;--text:#E8E8E8;--muted:#B0B0B0;--line:#333333;--accent:#c4c9c5;--silver-text:#C4C4C4;--glow:233,184,135;--cool:145,157,148;--logo:#e9b887;font-family:Manrope,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,.field:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{transition:background .2s,border-color .2s,transform .2s}button:active{transform:translateY(1px)}a{color:inherit}.app{max-width:1440px;margin:auto;padding:0 clamp(20px,5vw,76px)}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-size:23px;letter-spacing:-.6px;font-weight:550;display:flex;align-items:center;gap:11px}.mark{font-size:35px;line-height:1;color:var(--logo)}.wordmark-sub{font-family:Manrope,Arial,sans-serif;font-size:12px;color:var(--muted);letter-spacing:.02em;margin-left:12px}main{display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:42px;padding:38px 0 28px}.intro{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:26px}.eyebrow{font-family:Manrope,Arial,sans-serif;letter-spacing:.12em;font-size:12px;color:var(--muted);margin:0 0 12px}h1{font-size:clamp(31px,3.6vw,50px);font-weight:450;letter-spacing:-1.9px;line-height:1.1;margin:0}.session{display:grid;gap:8px;text-align:right;font-family:Manrope,Arial,sans-serif;color:var(--muted);font-size:12px;white-space:nowrap}.session span:first-child{font-size:15px;color:var(--text)}.field{height:452px;position:relative;isolation:isolate;overflow:hidden;border-radius:22px;border:1px solid #333333;background:#000000;touch-action:none;cursor:crosshair}.field canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.field-top{position:absolute;left:25px;right:25px;top:24px;display:flex;justify-content:space-between;gap:15px;font-family:Manrope,Arial,sans-serif;font-size:12px;color:#C4C4C4;letter-spacing:.07em;pointer-events:none}.field-top span:last-child{color:#C4C4C4}.axis{position:absolute;font-family:Manrope,Arial,sans-serif;font-size:12px;letter-spacing:.12em;color:#C4C4C4;pointer-events:none}.axis-top{left:50%;transform:translateX(-50%);top:76px}.axis-left{left:23px;top:49%}.axis-right{right:23px;top:49%}.orb{position:absolute;left:38%;top:56%;width:68px;height:68px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(var(--glow),.12),transparent 68%);border:1px solid rgba(var(--glow),.23);box-shadow:0 0 50px 5px rgba(var(--glow),.11);pointer-events:none}.orb:before{content:'';position:absolute;inset:10px;border-radius:50%;border:1px solid rgba(var(--glow),.28)}.orb span{position:absolute;inset:26px;border-radius:50%;background:#fff3de;box-shadow:0 0 13px 5px rgba(var(--glow),.6),0 0 35px 12px rgba(var(--glow),.25)}.field-bottom{position:absolute;left:27px;bottom:26px;right:27px;display:flex;justify-content:space-between;align-items:end;gap:20px;pointer-events:none}.field-bottom .eyebrow{color:var(--silver-text);letter-spacing:.06em;margin-bottom:9px}.field-bottom p:last-child{font-size:16px;color:#C4C4C4;line-height:1.5;max-width:350px;margin:0}.live-mark{font-size:36px;font-weight:400;color:#B0B0B0;line-height:1}.field-readout{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:Manrope,Arial,sans-serif;font-size:12px;color:var(--muted);padding:16px 2px 20px;line-height:1.6}.field-readout b{color:#C4C4C4;font-weight:400}.field-readout i{font-style:normal;margin:0 8px;color:#999999}.transport{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.play{display:flex;align-items:center;gap:12px;border:1px solid var(--accent);background:var(--accent);color:#101010;font-size:15px;font-weight:550;padding:16px 22px;border-radius:9px;min-height:54px}.play:hover{background:#e0e4dd}.play:disabled{opacity:.65;cursor:wait}.evolve{display:flex;gap:10px;align-items:center;background:none;border:1px solid #3c3c3c;padding:16px 17px;border-radius:9px;min-height:54px;font-size:14px;color:#C4C4C4}.evolve:hover{background:#242424;border-color:#686868}.evolve span{font-size:21px;line-height:.7}.transport-note{font-size:13px;color:var(--muted);margin-left:auto}.controls{padding:24px;border:1px solid #333333;border-radius:17px;background:#181818;align-self:start}.section-label{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 18px}h2{font-size:14px;font-weight:500;margin:0}.section-label>span{font-family:Manrope,Arial,sans-serif;font-size:12px;color:#B0B0B0}.moods{display:grid;gap:8px}.mood{display:flex;align-items:center;text-align:left;gap:13px;width:100%;padding:12px 13px;border:1px solid #333333;background:#181818;border-radius:9px}.mood:hover{background:#242424}.mood.selected{border-color:#C4C9C5;background:#242424}.mood-symbol{width:23px;text-align:center;color:#B0B0B0;font-size:26px;line-height:1}.mood.selected .mood-symbol{color:var(--silver-text)}.mood b{display:block;font-size:15px;font-weight:500}.mood small{display:block;font-size:12px;color:#B0B0B0;margin-top:4px}.mood-number{margin-left:auto;font-family:Manrope,Arial,sans-serif;font-size:12px;color:#B0B0B0}.mood.selected .mood-number{color:var(--silver-text)}.mix-heading{display:flex;justify-content:space-between;align-items:center;padding:26px 0 5px}.mix-heading span{font-size:12px;color:var(--silver-text)}.control{padding:15px 0 10px}.control-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;font-size:14px}.control-head output{font-family:Manrope,Arial,sans-serif;font-size:12px;color:#C4C4C4}.control p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.control input{display:block;margin:5px 0 5px}input[type=range]{width:100%;appearance:none;-webkit-appearance:none;background:transparent;height:22px;cursor:pointer;--fill:50%}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--accent) var(--fill),#333333 var(--fill));border-radius:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-5px;background:#c4c9c5;border:2px solid #181818;border-radius:50%;box-shadow:0 0 0 1px #898989,0 0 10px rgba(196,201,197,.15)}input[type=range]::-moz-range-track{height:3px;background:#333333}input[type=range]::-moz-range-progress{background:var(--accent);height:3px}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid #181818;background:var(--accent);border-radius:50%}.volume{border-top:1px solid #333333;display:flex;align-items:center;gap:9px;margin-top:16px;padding-top:19px}.volume label{font-size:12px;color:var(--muted)}.volume button{padding:4px;border:0;background:transparent;color:#C4C4C4;display:flex}.volume button[aria-pressed=true]{color:var(--silver-text);opacity:.5}.volume input{min-width:0;width:100%;flex:1}.volume output{font-family:Manrope,Arial,sans-serif;font-size:12px;color:var(--muted);min-width:34px;text-align:right}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:start;gap:30px;padding:22px 0 26px;font-size:12px;color:var(--muted);line-height:1.6}footer details{max-width:450px;text-align:right}footer summary{cursor:pointer;font-size:12px}footer details p{text-align:left}.error{border:1px solid #999999;background:#242424;padding:15px;border-radius:9px;font-size:14px;line-height:1.5}
@media(min-width:1450px){.field{height:500px}}@media(max-width:1120px){main{gap:25px;grid-template-columns:minmax(0,1fr) 302px}.controls{padding:20px}.app{padding:0 30px}.transport-note{width:100%;margin:0}.session{display:none}.field-readout{font-size:12px}.field{height:465px}.wordmark-sub{margin-left:0}}@media(max-width:830px){main{grid-template-columns:1fr;padding-top:30px;gap:26px}.topbar{height:80px}.controls{width:100%}.moods{grid-template-columns:1fr 1fr}.mix-heading{padding-top:23px}.control{padding:14px 0}.field{height:420px}.session{display:grid}.transport-note{width:auto;margin-left:auto}.intro{margin-bottom:22px}.controls{padding:24px}.app{padding:0 22px}footer{margin-top:0}.field-bottom p:last-child{max-width:330px}.wordmark-sub{font-size:12px}.control p{font-size:13px}.mood small{font-size:12px}.volume label{font-size:14px}}@media(max-width:480px){.wordmark{font-size:21px;gap:8px}.wordmark-sub{font-size:12px}.mark{font-size:30px}.session{display:none}h1{font-size:35px;letter-spacing:-1.3px}.field{height:390px}.field-top{left:19px;right:19px;top:20px;font-size:12px;gap:8px}.field-top span:last-child{font-size:12px}.axis-top{top:63px;font-size:12px}.axis-left{left:16px}.axis-right{right:16px}.field-bottom{left:21px;right:21px;bottom:23px}.field-bottom p:last-child{font-size:15px;max-width:235px}.transport{gap:9px}.play{padding:16px 17px;font-size:14px}.evolve{padding:16px 13px;font-size:13px}.transport-note{margin:3px 0 0;font-size:12px;width:100%}.controls{padding:19px}.mood{padding:12px 10px;gap:7px}.mood-symbol{width:20px;font-size:23px}.mood-number{display:none}.mood small{font-size:12px;line-height:1.4}.mood b{font-size:14px}footer{display:block}footer details{text-align:left;margin-top:10px}.field-readout{gap:6px;padding-bottom:16px}.field-readout>span{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.creator-credit a{color:var(--silver-text);text-decoration:none;border-bottom:1px solid #555555;padding-bottom:2px}.creator-credit a:hover{color:var(--text);border-bottom-color:var(--text)}

.creator-credit,footer summary{font-size:12px;font-weight:400;letter-spacing:.12em}

.intro .tagline{font-size:12px;font-weight:400;letter-spacing:.12em;line-height:1.6;margin:0}

.field-top,.field-top span:last-child,.axis,.field-bottom .eyebrow,.field-bottom p:last-child,.live-mark{color:#C4C4C4}.mood.selected b,.mood.selected small{color:#C4C4C4}

.topbar{gap:18px}.creator-byline{flex-shrink:0;margin-left:auto;font-size:12px;letter-spacing:.06em;color:var(--text);white-space:nowrap}@media(max-width:480px){.creator-byline{font-size:10px;letter-spacing:.04em}}@media(max-width:380px){.wordmark-sub{display:none}}

.mood-symbol{flex-shrink:0}.mood-symbol svg{display:block;width:100%;height:auto}