.superfluid{--sf-ink: #f3f1e8;--sf-muted: rgba(243, 241, 232, .52);--sf-line: rgba(243, 241, 232, .2);--sf-signal: #b9ff3d;position:relative;width:100%;height:100svh;min-height:34rem;overflow:hidden;overscroll-behavior:none;background:#070908;color:var(--sf-ink);font-family:var(--font-sans),sans-serif;isolation:isolate;touch-action:none;user-select:none}.superfluid[data-palette="1"]{--sf-signal: #ff5b2e}.superfluid[data-palette="2"]{--sf-signal: #8c7cff}.superfluid__canvas,.superfluid__canvas canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.superfluid__canvas{z-index:0}.superfluid__grid{position:absolute;z-index:1;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:4.25rem 4.25rem;mask-image:linear-gradient(to bottom,rgba(0,0,0,.54),transparent 72%)}.superfluid__header{position:absolute;z-index:5;top:0;right:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:4.5rem;border-bottom:1px solid var(--sf-line);padding:0 max(1.25rem,env(safe-area-inset-right)) 0 max(1.25rem,env(safe-area-inset-left));font-family:var(--font-mono),monospace;font-size:.62rem;letter-spacing:.08em}.superfluid__header>p{margin:0;color:var(--sf-muted)}.superfluid__brand,.superfluid__exit{color:inherit;text-decoration:none}.superfluid__brand{display:flex;width:max-content;align-items:center;gap:.55rem}.superfluid__brand small{color:var(--sf-muted);font:inherit}.superfluid__exit{justify-self:end;transition:color .16s cubic-bezier(.23,1,.32,1)}.superfluid__exit:active{transform:scale(.97)}.superfluid__brand-dot{width:.46rem;height:.46rem;border-radius:50%;background:var(--sf-signal);box-shadow:0 0 1rem color-mix(in srgb,var(--sf-signal) 72%,transparent);transition:background-color .18s ease,box-shadow .18s ease}.superfluid__poster{position:absolute;z-index:2;top:clamp(7.5rem,16vh,11rem);left:max(1.25rem,4vw);pointer-events:none;transition:opacity .42s cubic-bezier(.23,1,.32,1),transform .42s cubic-bezier(.23,1,.32,1)}.superfluid__poster>p{margin:0 0 .8rem .6vw;color:var(--sf-signal);font-family:var(--font-mono),monospace;font-size:clamp(.58rem,.65vw,.72rem);letter-spacing:.1em;transition:color .18s ease}.superfluid__poster h1{display:flex;flex-direction:column;margin:0;font-size:clamp(5rem,15.5vw,15rem);font-weight:520;letter-spacing:-.092em;line-height:.69}.superfluid__poster h1 strong{color:transparent;font-weight:inherit;-webkit-text-stroke:1px rgba(243,241,232,.72)}.superfluid[data-interacted=true] .superfluid__poster{opacity:.22;transform:translate3d(0,-.75rem,0)}.superfluid__telemetry{position:absolute;z-index:4;top:calc(4.5rem + clamp(1.25rem,3vw,2.25rem));right:max(1.25rem,2.5vw);display:flex;flex-direction:column;align-items:flex-end;gap:.28rem;font-family:var(--font-mono),monospace;font-size:.57rem;letter-spacing:.08em;pointer-events:none}.superfluid__telemetry span{color:var(--sf-signal)}.superfluid__telemetry strong{font-size:.68rem;font-weight:500}.superfluid__telemetry small{color:var(--sf-muted);font:inherit}.superfluid__instruction{position:absolute;z-index:3;right:50%;bottom:8.2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--sf-muted);font-family:var(--font-mono),monospace;font-size:.55rem;letter-spacing:.1em;pointer-events:none;transform:translate(50%);transition:opacity .22s ease-out}.superfluid__instruction i{width:2.8rem;height:2.8rem;border:1px solid var(--sf-line);border-radius:50%;box-shadow:inset 0 0 0 .36rem #ffffff05}.superfluid__instruction i:after{display:block;width:.38rem;height:.38rem;margin:calc(50% - .19rem);border-radius:50%;background:var(--sf-signal);content:""}.superfluid[data-interacted=true] .superfluid__instruction{opacity:0}.superfluid__footer{position:absolute;z-index:5;right:0;bottom:0;left:0;display:flex;min-height:5.35rem;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--sf-line);padding:0 max(1.25rem,env(safe-area-inset-right)) max(0px,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));font-family:var(--font-mono),monospace;font-size:.56rem;letter-spacing:.07em}.superfluid__footer>p{margin:0;color:var(--sf-muted)}.superfluid__actions{display:flex;align-items:stretch;gap:.5rem}.superfluid__action{display:flex;min-height:2.55rem;align-items:center;gap:1rem;border:1px solid var(--sf-line);border-radius:0;padding:0 .9rem;background:#0709089e;color:var(--sf-ink);font:inherit;letter-spacing:inherit;backdrop-filter:blur(.75rem);transition:border-color .16s ease,color .16s ease,transform .14s cubic-bezier(.23,1,.32,1)}.superfluid__action:active{transform:scale(.97)}.superfluid__action[data-active=true]{border-color:var(--sf-signal);color:var(--sf-signal)}.superfluid__action:disabled{opacity:1}.superfluid__action>i{width:.42rem;height:.42rem;border-radius:50%;background:currentColor}.superfluid__swatches{display:flex;gap:.16rem}.superfluid__swatches i{width:.42rem;height:.42rem;border-radius:50%}.superfluid__swatches i:nth-child(1){background:#b9ff3d}.superfluid__swatches i:nth-child(2){background:#3de7ff}.superfluid__swatches i:nth-child(3){background:#ff5b2e}.superfluid__loader{position:absolute;z-index:20;inset:0;display:grid;place-content:center;justify-items:center;gap:1rem;background:#070908;color:var(--sf-ink);font-family:var(--font-mono),monospace;font-size:.6rem;letter-spacing:.1em;transition:opacity .26s cubic-bezier(.23,1,.32,1),visibility .26s}.superfluid[data-state=ready] .superfluid__loader{visibility:hidden;opacity:0}.superfluid__loader p{margin:0;color:var(--sf-muted)}.superfluid__loader strong{max-width:22rem;font-size:.68rem;font-weight:500;text-align:center}.superfluid__loader button{border:1px solid var(--sf-line);padding:.75rem 1rem;background:transparent;color:inherit;font:inherit}.superfluid__loader-orbit{position:relative;width:3.5rem;height:3.5rem;border:1px solid var(--sf-line);border-radius:50%;animation:superfluid-orbit 1.1s linear infinite}.superfluid__loader-orbit i{position:absolute;top:-.18rem;left:50%;width:.36rem;height:.36rem;border-radius:50%;background:var(--sf-signal)}@keyframes superfluid-orbit{to{transform:rotate(360deg)}}@media(hover:hover)and (pointer:fine){.superfluid__exit:hover,.superfluid__action:hover{color:var(--sf-signal)}.superfluid__action:hover{border-color:color-mix(in srgb,var(--sf-signal) 64%,transparent)}}@media(max-width:720px){.superfluid{min-height:30rem}.superfluid__header{grid-template-columns:1fr auto;height:calc(3.9rem + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.superfluid__header>p{display:none}.superfluid__brand small{display:none}.superfluid__poster{top:calc(6.1rem + env(safe-area-inset-top));left:1.05rem}.superfluid__poster>p{margin-left:.18rem;font-size:.5rem}.superfluid__poster h1{font-size:clamp(4.7rem,26vw,7.7rem);line-height:.72}.superfluid__telemetry{top:calc(4.8rem + env(safe-area-inset-top));right:1rem;gap:.2rem;font-size:.48rem}.superfluid__telemetry strong{font-size:.56rem}.superfluid__instruction{bottom:calc(8.7rem + env(safe-area-inset-bottom))}.superfluid__footer{min-height:calc(7rem + env(safe-area-inset-bottom));align-items:stretch;flex-direction:column-reverse;justify-content:center;gap:.55rem;padding-top:.65rem;padding-bottom:calc(.65rem + env(safe-area-inset-bottom))}.superfluid__footer>p{text-align:center;font-size:.46rem}.superfluid__actions{width:100%}.superfluid__action{flex:1;justify-content:space-between;padding-inline:.72rem;font-size:.49rem}}@media(max-width:390px){.superfluid__poster h1{font-size:4.45rem}.superfluid__telemetry{top:auto;right:1rem;bottom:calc(8.4rem + env(safe-area-inset-bottom))}.superfluid__instruction{bottom:calc(10.4rem + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.superfluid__poster,.superfluid__instruction,.superfluid__loader{transition-duration:.01ms}.superfluid__loader-orbit{animation-duration:2.8s}}