:root{color-scheme:dark;background:#05070b;color:#82fff2}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{min-height:100svh;overflow-x:hidden;background:radial-gradient(ellipse at 50% 48%,#10232a65 0,transparent 47%),#05070b}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,#00000036 3px,#00000036 4px);opacity:.55}main{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:36px 7vw;isolation:isolate}h1{position:relative;width:min(100%,1180px);margin:0;line-height:0;filter:drop-shadow(3px 2px 0 #ff2d9875) drop-shadow(0 0 12px #12d8ce65);animation:arrival 1.1s ease-out both}.wordmark{display:block;width:100%;height:auto;fill:currentColor;overflow:visible;shape-rendering:geometricPrecision}@keyframes arrival{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){main{padding:24px 6vw}h1{filter:drop-shadow(1px 1px 0 #ff2d9875) drop-shadow(0 0 8px #12d8ce65)}}@media(prefers-reduced-motion:reduce){h1{animation:none}}
.pi-trigger{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(15px,env(safe-area-inset-bottom));z-index:3;width:44px;height:44px;border:0;border-radius:4px;background:transparent;color:#548783;font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:1;cursor:pointer;transition:color .2s,text-shadow .2s}.pi-trigger:hover,.pi-trigger:focus-visible{color:#82fff2;text-shadow:0 0 10px #12d8ce80}.pi-trigger:focus-visible{outline:1px solid #548783;outline-offset:2px}h1.signal-ready{animation:none}body.signal-active h1{animation:signal-color 2500ms ease-in-out both}body::before{content:"";position:fixed;left:0;right:0;top:0;height:70px;z-index:4;pointer-events:none;opacity:0;transform:translateY(-75px);background:linear-gradient(to bottom,transparent 0%,#45e9da06 35%,#45e9da15 83%,#88fff42e 96%,#bdfff9a6 98%,#88fff447 100%);filter:drop-shadow(0 2px 6px #59eee960)}body.signal-active::before{animation:signal-sweep 2500ms linear both}@keyframes signal-sweep{0%{transform:translateY(-75px);opacity:0}8%{opacity:.8}88%{opacity:.8}100%{transform:translateY(100dvh);opacity:0}}@keyframes signal-color{0%,100%{color:#82fff2}33%{color:#b69cff}66%{color:#ff94d7}}@media(prefers-reduced-motion:reduce){.pi-trigger{transition:none}body.signal-active::before{animation:none;opacity:0}body.signal-active h1{animation:signal-color 2500ms ease-in-out both}}

/* Quiet vaporwave landscape, with a dark fallback while the image loads. */
body{background-color:#05070b;background-image:linear-gradient(#05070b1a,#05070b1a),url("/assets/vaporwave-horizon.webp");background-position:center;background-size:cover;background-repeat:no-repeat}