:root{--font-display:"Inter Tight", "Geist", ui-sans-serif, system-ui, sans-serif;--ease-out:cubic-bezier(.2, .8, .2, 1)}.app{--sx:0px;--sy:0px;--gx:0px;--gy:0px;--ink:#fff;--ink-shadow:0 1px 18px #000a2859}.app.light{--ink:#0f1c3a;--ink-shadow:0 1px 18px #fff9}*{box-sizing:border-box}html,body{height:100%}body{-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline-offset:3px;outline:2px solid}.preview{z-index:0;pointer-events:none;filter:blur(22px)saturate(1.15);background-position:50%;background-size:cover;position:fixed;inset:-40px}.world{opacity:0}.ready .world{opacity:1;transition:opacity 1.1s var(--ease-out)}.frost,.glyphs,.phrase{opacity:0}.ready .frost,.ready .glyphs{opacity:1;animation:enter 1.4s var(--ease-out) .25s both}.ready .phrase{opacity:1;animation:enter 1.4s var(--ease-out) .65s both}@keyframes enter{0%{opacity:0;translate:0 24px}}.world{transform-origin:50% 60%;animation:60s ease-in-out infinite alternate kenburns;position:fixed;inset:0;overflow:hidden}@keyframes kenburns{to{transform:scale(1.02)translate(-.3%,-.15%)}}.scene{position:absolute;inset:0}.ready .scene{transition:opacity 3s var(--ease-out)}.pl{left:var(--fx);top:var(--fy);width:var(--fw);height:var(--fh);will-change:transform;background-size:100% 100%;position:absolute}.ground{transform:translate3d(var(--gx), var(--gy), 0)}.sky{transform:translate3d(var(--sx), var(--sy), 0);-webkit-mask-image:linear-gradient(to bottom, #000 calc(var(--hz) - 7%), transparent calc(var(--hz) + 1%));mask-image:linear-gradient(to bottom, #000 calc(var(--hz) - 7%), transparent calc(var(--hz) + 1%))}.sun{left:var(--sunx);top:var(--suny);aspect-ratio:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#fffcf08c 0%,#fff5e12e 18%,#0000 48%);border-radius:50%;width:70vmax;animation:7s ease-in-out infinite glow;position:absolute;translate:-50% -50%}[data-s=por-do-sol] .sun{background:radial-gradient(circle,#ffd69699 0%,#ffa05a33 18%,#0000 48%)}.sun:after{content:"";background:repeating-conic-gradient(#ffffff12 0deg 2deg,#0000 2deg 11deg);border-radius:50%;animation:160s linear infinite spin;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 6%,#0000 46%);mask-image:radial-gradient(circle,#000 6%,#0000 46%)}@keyframes glow{50%{opacity:.7;scale:.94}}@keyframes spin{to{rotate:360deg}}.aurora-wrap{pointer-events:none;mix-blend-mode:screen;transform:translate3d(var(--sx), var(--sy), 0);-webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 calc(var(--hz) - 14%), transparent calc(var(--hz) - 4%));mask-image:linear-gradient(to bottom, #000 0%, #000 calc(var(--hz) - 14%), transparent calc(var(--hz) - 4%));animation:9s ease-in-out infinite breathe;overflow:hidden}.aurora{filter:saturate(1.35)brightness(1.15)blur(1px);width:100%;height:100%;display:block}@keyframes breathe{0%,to{opacity:.18}50%{opacity:.45}}.mist{width:140%;height:22vh;left:-20%;top:calc(var(--hzpx) - 11vh);pointer-events:none;mix-blend-mode:screen;opacity:.5;transform:translate3d(var(--gx), var(--gy), 0);filter:blur(8px);background-image:radial-gradient(40% 30% at 20% 55%,#ffffff59,#0000 70%),radial-gradient(30% 25% at 55% 45%,#ffffff47,#0000 70%),radial-gradient(35% 35% at 85% 60%,#ffffff4d,#0000 70%);background-repeat:repeat-x;background-size:900px 100%;position:fixed;-webkit-mask-image:linear-gradient(#0000,#000 40% 60%,#0000);mask-image:linear-gradient(#0000,#000 40% 60%,#0000)}.night .mist{opacity:.28}.defs{position:absolute}.frost{z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(34px)saturate(1.9)brightness(1.1);backdrop-filter:blur(34px)saturate(1.9)brightness(1.1);clip-path:url(#clip404);position:fixed;inset:0}.glyphs{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.t404{font-family:var(--font-display);letter-spacing:-.05em;font-weight:700}.phrase{z-index:3;text-align:center;font:500 clamp(20px, 2.6vw, 34px)/1.2 var(--font-display);letter-spacing:-.02em;color:var(--ink);text-shadow:var(--ink-shadow);margin:0;padding:0 16px;transition:color 1.5s;position:fixed;left:0;right:0}.fx{pointer-events:none;z-index:5;width:100%;height:100%;position:fixed;inset:0}.repo{z-index:6;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));width:40px;height:40px;color:var(--ink);opacity:0;transition:opacity .3s, transform .2s var(--ease-out), background .3s;border-radius:50%;place-items:center;display:grid;position:fixed}.ready .repo{opacity:.7;transition:opacity 1s var(--ease-out) 1s, transform .2s var(--ease-out), background .3s}.ready .repo:hover,.repo:focus-visible{opacity:1;background:color-mix(in srgb, var(--ink) 12%, transparent);transition-delay:0s}.repo:active{transform:scale(.92)}.repo svg{filter:drop-shadow(0 1px 6px #000a2840);width:22px;height:22px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation:none!important}}