:root{color-scheme:dark;--paper:#e7f0f4;--muted:#7c909e;--font:"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}
html{min-height:100%;background:#030609}
body{margin:0;min-height:100svh;position:relative;overflow-x:hidden;background:#030609;color:var(--paper);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:#a5e7ff}
a:focus-visible{outline:1px solid #98d9ff;outline-offset:7px}
.atmosphere{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 51% 43%,#0c0b201a,transparent 50%),linear-gradient(90deg,#0009,transparent 38%,#0007);z-index:0}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.11;z-index:5;background:repeating-linear-gradient(0deg,#abc5e008 0px,#abc5e008 1px,transparent 1px,transparent 4px)}
.masthead{position:absolute;top:4.4vh;left:3.2vw;right:3.2vw;display:flex;justify-content:space-between;align-items:center;z-index:4;font-size:11px;letter-spacing:2.3px;color:#8c9da9}
.masthead b{font-weight:400;margin:0 13px;color:#bdc8ce}
main{height:100svh;min-height:560px;position:relative;isolation:isolate;overflow:hidden}
.introduction{position:absolute;left:3.2vw;top:23.2vh;z-index:3}
h1{margin:0 0 10px;font-size:clamp(60px,5.7vw,98px);font-weight:400;line-height:1.15;letter-spacing:1px;text-shadow:0 0 4px #d4faff44,0 0 22px #28c4ff35;white-space:nowrap}
.prompt{font-size:.82em;vertical-align:5%;margin-right:8px}
.typed{display:inline-block;min-width:5ch}
.cursor{animation:cursor-blink 1.12s steps(1,end) infinite}
.description{font-size:clamp(17px,1.55vw,26px);line-height:1.6;letter-spacing:-.5px;margin:0;color:#e1e7e9}
.manifesto{margin-top:5.8vh;font-size:clamp(11px,.94vw,16px);line-height:1.75;color:#c5cfd5}
.manifesto p{margin:0}
.interests{letter-spacing:1.5px;font-size:.9em}
.interests span{margin:0 10px;color:#b8c7d0}
.universe{position:absolute;left:51%;top:48%;width:min(80vh,58vw);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;z-index:1}
#orb{position:absolute;inset:0;width:100%;height:100%;display:block;mix-blend-mode:screen}
.celestial-circle{position:absolute;width:86%;height:86%;left:7%;top:2%;border:1px solid #7c98cb12;border-radius:50%;box-shadow:inset 0 0 45px #06234208;pointer-events:none}
.celestial-circle:before,.celestial-circle:after{content:"";position:absolute;background:#b5d8fb77;width:2px;height:2px;box-shadow:0 0 7px #5898ff;left:50%;top:0}
.celestial-circle:after{left:1%;top:38%;opacity:.35}
.floor{position:absolute;top:89%;left:-20%;right:-20%;height:34%;overflow:hidden;pointer-events:none;perspective:230px}
.floor-reflection{position:absolute;top:-3%;left:30%;width:40%;height:100%;background:radial-gradient(ellipse at 45% 0,#6457ff44,transparent 71%),radial-gradient(ellipse at 25% 0,#137cff28,transparent 66%),radial-gradient(ellipse at 65% 0,#e841ee24,transparent 62%);filter:blur(12px);transform:rotateX(20deg);transform-origin:top;opacity:.8;animation:reflected-light 6.5s ease-in-out infinite alternate}
.floor-contact{position:absolute;top:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#2d58fb66,#eee5ffb0,#ce65ff77,transparent);box-shadow:0 0 12px #6f54ff99,0 0 36px #4e48ff77;filter:blur(1.2px)}
.crosshair{position:absolute;left:74.5%;top:46%;height:22px;width:22px;opacity:.25;z-index:2}
.crosshair:before,.crosshair:after{content:"";position:absolute;background:#adc2d0}
.crosshair:before{height:1px;width:100%;top:50%}
.crosshair:after{height:100%;width:1px;left:50%}
.coordinates{position:absolute;right:3.6vw;top:20.4vh;height:50vh;display:flex;flex-direction:column;align-items:center;gap:15px;z-index:2;color:#b2c2ce;line-height:12px;font-size:17px}
.coordinates i{width:1px;flex:1;background:#8fa3b44d}
.coordinates span{opacity:.7}
footer{position:absolute;inset:0;pointer-events:none;z-index:4;font-size:clamp(12px,.96vw,16px)}
footer a{pointer-events:auto}
.signature{position:absolute;left:3.2vw;bottom:14.6vh;line-height:1.5}
.signature-rule{display:block;width:29px;height:1px;background:#afbec6;margin-bottom:22px}
.signature p{margin:0}
.signature a{color:#99afbc}
.signature a:hover{color:#b9e9ff}
.explore{position:absolute;right:3.2vw;bottom:10.5vh;font-size:10px;letter-spacing:2px;color:#889ba8;display:flex;align-items:center;gap:16px}
.explore i{width:22px;height:1px;background:#889ba855}
.fallback-orb{display:block;position:absolute;left:31%;top:27%;width:38%;height:38%;border-radius:50%;background:radial-gradient(circle at 78% 22%,#4be1ff52,transparent 50%),radial-gradient(circle at 74% 90%,#f495ff70,transparent 53%),radial-gradient(circle at 27% 20%,#9249d33b,transparent 65%),#15142b30;box-shadow:inset 3px -4px 12px #71d8ffb0,inset -4px -5px 17px #efa3ffb0,0 0 25px #6a36ff70,0 0 65px #793fff50}
.has-webgl .fallback-orb{display:none}
.has-webgl.no-webgl .fallback-orb{display:block}
.fallback-orb i{position:absolute;top:36%;width:5%;height:14%;border-radius:15px;background:#fff4ff;box-shadow:0 0 13px #dfa2ff;left:35%;animation:eye-look 9s ease-in-out infinite}
.fallback-orb i+i{left:60%}
.no-webgl .fallback-orb{display:block;animation:fallback-float 5s ease-in-out infinite}
@keyframes cursor-blink{0%,55%{opacity:1}56%,100%{opacity:0}}
@keyframes reflected-light{from{opacity:.65;transform:rotateX(20deg) scaleX(.93)}to{opacity:.9;transform:rotateX(20deg) scaleX(1.1)}}
@keyframes fallback-float{0%,100%{transform:translate(0,0) scale(1)}35%{transform:translate(14px,-27px) scale(1.08)}70%{transform:translate(-18px,5px) scale(.94)}}
@keyframes eye-look{0%,100%{transform:translate(0,0)}25%{transform:translate(6px,-2px)}60%{transform:translate(-6px,2px)}80%{transform:translate(-3px,-3px)}}
@media(min-aspect-ratio:2/1){.universe{width:82vh}.introduction{top:23vh}.manifesto{margin-top:4vh}}
@media(max-width:1000px){.masthead-note{font-size:9px;letter-spacing:1.5px}.masthead b{margin:0 6px}.universe{left:60%;width:min(75vh,70vw)}.introduction{top:24vh}.description{font-size:18px}.manifesto{font-size:12px}.interests{letter-spacing:.7px}.interests span{margin:0 4px}.crosshair{left:82%}}
@media(max-width:650px){.masthead{top:27px;left:25px;right:25px;font-size:10px;letter-spacing:1.9px}.masthead-note{font-size:8px;letter-spacing:1px;max-width:156px;text-align:right;line-height:1.7}.masthead b{margin:0 2px}.introduction{left:25px;top:14vh}.introduction h1{font-size:57px;letter-spacing:0;margin-bottom:14px}.prompt{margin-right:3px}.description{font-size:15px;line-height:1.6;letter-spacing:-.25px}.manifesto{position:relative;margin-top:13px;font-size:10px;line-height:1.9}.interests{font-size:8px;letter-spacing:1px}.interests span{margin:0 4px}.universe{left:50%;top:61%;width:min(108vw,58vh)}.celestial-circle{width:86%;height:86%}.coordinates{right:24px;top:44vh;height:33vh;gap:10px}.crosshair{display:none}.signature{left:25px;bottom:5.5vh;font-size:11px;line-height:1.6}.signature-rule{width:22px;margin-bottom:13px}.explore{right:25px;bottom:5.8vh;font-size:7px;letter-spacing:1.2px;gap:7px}.explore i{width:13px}.floor{height:25%}}
@media(max-width:650px) and (max-height:730px){.introduction{top:13vh}.universe{top:63%;width:52vh}.signature{bottom:3vh}.explore{bottom:3.4vh}.signature-rule{margin-bottom:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}.cursor{opacity:1}}