:root{--black:#050505;--paper:#f3f0e9;--dim:#f3f0e98f;--line:#f3f0e92b;--font-sans:"Geist Variable", Arial, Helvetica, sans-serif;--font-mono:"Geist Mono Variable", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--black);width:100%;min-height:100%;color:var(--paper);font-family:var(--font-sans);margin:0;overflow:hidden}button{font:inherit}::selection{color:#050505;background:#ff6b3d}.performance{isolation:isolate;cursor:none;background:#050505;width:100vw;height:100svh;position:relative;overflow:hidden}.webgl-stage{z-index:-3;position:absolute;inset:0}.screen-grid{z-index:-1;pointer-events:none;opacity:.13;background-image:linear-gradient(90deg,#0000 calc(25% - 1px),#ffffff26 25%,#0000 calc(25% + 1px)),linear-gradient(90deg,#0000 calc(50% - 1px),#ffffff26 50%,#0000 calc(50% + 1px)),linear-gradient(90deg,#0000 calc(75% - 1px),#ffffff26 75%,#0000 calc(75% + 1px)),linear-gradient(#0000 calc(50% - 1px),#ffffff1a 50%,#0000 calc(50% + 1px));position:absolute;inset:0}.screen-noise{z-index:20;pointer-events:none;opacity:.042;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.18s steps(2,end) infinite noise-shift;position:absolute;inset:-80%}.cursor-field{z-index:30;opacity:.42;pointer-events:none;mix-blend-mode:difference;will-change:transform;border:1px solid #ffffff85;border-radius:50%;width:50px;height:50px;transition:opacity .2s;position:fixed;top:0;left:0}.cursor-field:before,.cursor-field:after{content:"";border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor-field:before{background:#fff;width:3px;height:3px}.cursor-field:after{border:1px solid #ffffff2e;width:70%;height:70%}.minimal-header{z-index:5;opacity:.58;align-items:center;gap:16px;transition:opacity .35s;display:flex;position:absolute;top:24px;left:24px}.minimal-header:hover{opacity:1}.identity-mark{aspect-ratio:1;background:var(--paper);width:42px;color:var(--black);font:800 9px/1 var(--font-mono);letter-spacing:.08em;place-items:center;display:grid}.work-index{font:8px/1 var(--font-mono);letter-spacing:.13em}.credits{z-index:4;opacity:0;pointer-events:none;filter:blur(12px);width:min(760px,70vw);transition:opacity 2.6s,transform 2.6s cubic-bezier(.16,1,.3,1),filter 2.6s;position:absolute;top:50%;left:6.25vw;transform:translateY(-46%)}.credits.is-visible{opacity:1;filter:blur();transform:translateY(-50%)}.credits>p{font:9px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px}.credits>p:before{content:"";vertical-align:middle;background:currentColor;width:36px;height:1px;margin-right:12px;display:inline-block}.credits h1{letter-spacing:-.09em;margin:0;font-size:clamp(92px,14vw,220px);font-weight:590;line-height:.68}.credits h1 em{color:#0000;-webkit-text-stroke:1px #ffffffb3;font-style:normal}.credits-meta{color:var(--dim);font:8px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;gap:10px 24px;margin-top:34px;display:flex}.observer-hint{z-index:5;color:#ffffff9e;font:8px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;opacity:0;pointer-events:none;margin:0;transition:opacity 1.8s,transform 1.8s;position:absolute;bottom:38px;left:50%;transform:translate(-50%,12px)}.observer-hint.is-visible{opacity:1;transform:translate(-50%)}.debug-hud{z-index:40;color:#daffe8c2;width:min(330px,100vw - 48px);font:8px/1.2 var(--font-mono);letter-spacing:.1em;pointer-events:none;-webkit-backdrop-filter:blur(18px)saturate(.7);backdrop-filter:blur(18px)saturate(.7);background:#020707d1;border:1px solid #afffd347;animation:.24s steps(4,end) both debug-hud-enter;position:absolute;top:24px;right:24px;overflow:hidden;box-shadow:0 22px 70px #00000057,inset 0 0 32px #67ffb206}.debug-hud:after{content:"";opacity:.16;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#adffcf1f 4px);position:absolute;inset:0}.debug-hud__header{color:#daffe875;border-bottom:1px solid #afffd32e;justify-content:space-between;padding:10px 12px;display:flex}.debug-hud__header span:first-child:before{content:"";background:#9effc8;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #65ffab}.debug-hud__primary{border-bottom:1px solid #afffd32e;grid-template-columns:1fr 1fr;display:grid}.debug-hud__primary>div{align-items:baseline;gap:8px;padding:16px 12px 14px;display:flex}.debug-hud__primary>div+div{border-left:1px solid #afffd32e}.debug-hud__primary strong{color:#d9ffe8;letter-spacing:-.06em;text-shadow:0 0 16px #70ffae4d;font-size:24px;font-weight:420;line-height:1}.debug-hud__primary span{color:#daffe861}.debug-hud__grid{grid-template-columns:1fr 1fr;margin:0;display:grid}.debug-hud__grid>div{border-bottom:1px solid #afffd31a;justify-content:space-between;gap:10px;min-width:0;padding:8px 12px;display:flex}.debug-hud__grid>div:nth-child(2n){border-left:1px solid #afffd31a}.debug-hud__grid>div.is-phase,.debug-hud__grid>div.is-mix,.debug-hud__grid>div.is-status{grid-column:1/-1}.debug-hud__grid>div.is-status{border-bottom:0}.debug-hud__grid dt{color:#daffe85c;white-space:nowrap}.debug-hud__grid dd{color:#daffe8d1;text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.debug-hud__grid .is-phase dd{color:#9effc8}@keyframes debug-hud-enter{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(-5px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}.ambient-controls{z-index:7;opacity:.14;background:#03030314;border:1px solid #0000;gap:16px;padding:11px 13px;transition:opacity .35s,border-color .35s,background .35s;display:flex;position:absolute;bottom:24px;right:24px}.ambient-controls:hover,.ambient-controls:focus-within{opacity:1;border-color:var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0303036b}.ambient-controls button{color:var(--paper);cursor:none;font:8px/1 var(--font-mono);letter-spacing:.12em;background:0 0;border:0;padding:0}.ambient-controls button:hover{color:#ff8158}.volume-control{color:#ffffffa8;font:8px/1 var(--font-mono);letter-spacing:.12em;align-items:center;gap:8px;display:flex}.volume-control input{cursor:none;accent-color:#ff8158;width:82px;height:14px;margin:0}.volume-control input:focus-visible{outline-offset:3px;outline:1px solid #ffffffb8}.volume-control output{width:21px;color:var(--paper);text-align:right}.entry-panel{z-index:15;-webkit-backdrop-filter:blur(24px)saturate(.68);backdrop-filter:blur(24px)saturate(.68);background:#03030373;grid-template-rows:auto 1fr auto;padding:24px;transition:opacity 1.4s,visibility 1.4s;display:grid;position:absolute;inset:0}.is-entered .entry-panel{opacity:0;visibility:hidden}.entry-topline{border-bottom:1px solid var(--line);font:9px/1 var(--font-mono);letter-spacing:.12em;grid-template-columns:1fr auto 1fr;padding-bottom:20px;display:grid}.entry-topline span:last-child{justify-self:end}.entry-center{align-content:center;place-items:center;display:grid}.entry-center p{color:var(--dim);font:9px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 24px}.entry-center button{width:min(82vw,1180px);color:var(--paper);cursor:none;background:0 0;border:0;padding:0;position:relative}.entry-center button>span{letter-spacing:-.09em;font-size:clamp(90px,17vw,280px);font-weight:650;line-height:.72;transition:color .45s,-webkit-text-stroke .45s;display:block}.entry-center button:hover>span{color:#0000;-webkit-text-stroke:2px #ffffffc7}.entry-center small{color:var(--dim);font:9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-top:30px;display:block}.entry-footnote{max-width:550px;font:9px/1.55 var(--font-mono);letter-spacing:.07em;text-transform:uppercase}@keyframes noise-shift{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,4%)}75%{transform:translate(4%,2%)}to{transform:translate(-3%,-4%)}}@media (width<=800px){.performance{cursor:auto}.cursor-field{display:none}.minimal-header{top:14px;left:14px}.work-index{display:none}.credits{width:calc(100% - 28px);left:14px}.credits h1{font-size:clamp(68px,25vw,116px)}.credits-meta{gap:8px 16px;max-width:310px}.observer-hint{text-align:center;width:calc(100% - 28px);bottom:88px}.ambient-controls{opacity:.5;gap:12px;bottom:14px;right:14px}.ambient-controls button:last-child,.volume-control span,.volume-control output{display:none}.volume-control input{width:68px}.entry-panel{padding:14px}.entry-topline{grid-template-columns:1fr auto}.entry-topline span:nth-child(2){display:none}.entry-center button{width:96vw}.entry-center button>span{font-size:20vw}.entry-footnote{max-width:92%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}