:root{color-scheme:dark;--ink: #f3f2ee;--accent: #d8ffc6;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{min-width:320px;background:#000;color:var(--ink);font-family:Inter,SF Pro Display,Segoe UI,Helvetica,Arial,sans-serif;cursor:crosshair}body:before{position:fixed;z-index:6;inset:0;border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 0 180px #000000db,inset 0 0 44px #5078ff14;content:"";pointer-events:none}#universe{position:fixed;z-index:0;inset:0}#universe canvas{display:block;width:100%;height:100%}.noise{position:fixed;z-index:5;inset:0;opacity:.034;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");pointer-events:none}main{position:relative;z-index:3;display:grid;width:100%;min-height:100svh;place-items:center;isolation:isolate}.message{position:absolute;top:50%;left:50%;width:min(1180px,calc(100vw - 48px));opacity:1;filter:none;transform:translate(-50%,-50%) scale(1);pointer-events:none}.message p{width:100%;margin:0;font-size:clamp(2.9rem,5.9vw,6.85rem);font-weight:390;letter-spacing:-.082em;line-height:.97;text-align:center;text-wrap:nowrap;text-shadow:0 0 22px rgba(255,255,255,.14),0 16px 78px rgba(89,113,255,.28),0 34px 140px rgba(0,0,0,.85)}.word-window{display:inline-grid;margin:-.25em -.16em -.26em -.22em;padding:.25em .16em .26em .22em;vertical-align:-.08em}.changing-word{grid-area:1 / 1;color:var(--accent);font-style:italic;font-weight:470;letter-spacing:-.065em;transform-origin:10% 50%;text-shadow:0 0 18px color-mix(in srgb,var(--accent) 26%,transparent),0 0 52px color-mix(in srgb,var(--accent) 14%,transparent),0 0 110px color-mix(in srgb,var(--accent) 7%,transparent);will-change:transform,opacity,filter}.changing-word.is-leaving{animation:word-out .56s var(--ease-out) forwards}.changing-word.is-entering{animation:word-in .82s var(--ease-out) forwards}@keyframes word-out{to{opacity:0;filter:blur(10px);transform:translateY(-26%) scale(.985) skew(-4deg)}}@keyframes word-in{0%{opacity:0;filter:blur(12px);transform:translateY(30%) scale(.985) skew(4deg)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1) skew(0)}}@media(max-width:900px){.message{top:50%;width:min(100% - 38px,700px)}.message p{font-size:clamp(2.75rem,10.8vw,5.25rem);line-height:.97}}@media(max-width:560px){.message{top:50%;width:calc(100% - 30px)}.message p{font-size:clamp(2.05rem,10vw,2.85rem);letter-spacing:-.072em;line-height:1.02;text-wrap:balance}.word-window{display:grid;width:max-content;margin:-.18em auto -.2em;padding:.18em .2em .2em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}