:root{--paper: #F7F2E9;--ink: #2B2E36;--link: #3D55C9;--muted: #8A8577}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden;margin:0;height:100%;background:var(--paper)}body{color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.stage{position:relative;width:100vw;height:100vh;overflow:hidden}.grain{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.36 0 0 0 0 0.32 0 0 0 0 0.24 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23g)'/%3E%3C/svg%3E")}.washes{position:absolute;inset:0;z-index:1;pointer-events:none}.wash{position:absolute;mix-blend-mode:multiply}.ringband{border-radius:50%;filter:blur(7px);animation:drift 38s ease-in-out infinite alternate}.blob{filter:blur(10px);animation:drift 46s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(-8px,6px) rotate(-1.2deg)}to{transform:translate(10px,-8px) rotate(1.4deg)}}.rb1{left:calc(50% - 29vw);top:calc(50% - 21vh);width:58vw;height:42vh;background:radial-gradient(closest-side,transparent 58%,rgba(61,85,201,.14) 72%,rgba(43,46,54,.1) 79%,transparent 84%)}.rb2{left:calc(50% - 38vw);top:calc(50% - 31vh);width:76vw;height:62vh;background:radial-gradient(closest-side,transparent 60%,rgba(201,74,94,.12) 73%,rgba(43,46,54,.08) 80%,transparent 85%);animation-duration:44s}.rb3{left:calc(50% - 45vw);top:calc(50% - 41vh);width:90vw;height:82vh;background:radial-gradient(closest-side,transparent 62%,rgba(47,156,124,.11) 74%,rgba(43,46,54,.07) 81%,transparent 86%);animation-duration:52s}.blob-a{left:-140px;top:-160px;width:560px;height:480px;border-radius:44% 56% 58% 42%/52% 46% 54% 48%;background:radial-gradient(closest-side,rgba(192,138,45,.2),rgba(192,138,45,.1) 62%,rgba(43,46,54,.06) 78%,transparent 82%)}.blob-b{right:-180px;bottom:-200px;width:640px;height:560px;border-radius:56% 44% 46% 54%/48% 56% 44% 52%;background:radial-gradient(closest-side,rgba(61,85,201,.16),rgba(61,85,201,.08) 60%,rgba(43,46,54,.06) 78%,transparent 83%);animation-duration:58s}.bloom{left:calc(50% - min(260px,30vw));top:calc(50% - min(150px,20vh));width:min(520px,60vw);height:min(300px,40vh);border-radius:47% 53% 55% 45%/55% 47% 53% 45%;background:radial-gradient(closest-side,rgba(61,85,201,.14),rgba(201,74,94,.08) 55%,rgba(43,46,54,.05) 76%,transparent 82%);filter:blur(9px);animation:drift 42s ease-in-out infinite alternate}.orbit{position:absolute;inset:0;z-index:2}[data-node]{position:absolute;transform:translate(-50%,-50%);animation:bob var(--bd, 7s) ease-in-out var(--bdel, 0s) infinite alternate}@keyframes bob{0%{translate:0 -5px}to{translate:0 5px}}[data-node] a{color:var(--link);text-decoration:none;display:inline-block;position:relative;z-index:1;white-space:nowrap;padding:6px;margin:-6px}[data-node] a:after{content:"";position:absolute;left:6px;right:6px;bottom:1px;height:5px;border-radius:40% 60% 50% 50%/100% 100% 0 0;background:var(--link);opacity:.5;filter:blur(1.4px)}[data-node] a:before{content:"";position:absolute;inset:-12px -16px;z-index:-1;border-radius:50% 44% 52% 46%;background:radial-gradient(closest-side,var(--link) 0%,transparent 72%);opacity:0;transform:scale(.55);mix-blend-mode:multiply;transition:opacity .45s cubic-bezier(.2,.7,.3,1),transform .45s cubic-bezier(.2,.7,.3,1)}[data-node] a:hover:before,[data-node] a:focus-visible:before{opacity:.32;transform:scale(1)}[data-node] a.f-ab{font-family:Archivo Black,sans-serif;letter-spacing:-.025em}[data-node] a.f-is{font-family:"Instrument Serif",serif;font-weight:400}[data-node] a.f-mono{font-family:IBM Plex Mono,monospace;font-weight:500;letter-spacing:.03em}[data-node] a:hover,[data-node] a:focus-visible{color:var(--ink)}[data-meta]{display:block;text-align:center;font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.12em;color:var(--muted);white-space:nowrap;opacity:0;transition:opacity .2s;padding-top:3px}[data-node]:hover [data-meta],[data-node]:focus-within [data-meta]{opacity:1}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,74vw);text-align:center;z-index:3}.core h1{font-family:Archivo Black,sans-serif;font-size:clamp(46px,8.4vmin,104px);line-height:.86;letter-spacing:-.045em;text-transform:uppercase;color:var(--ink);margin:0}.core h1 .l{display:inline-block;transform-origin:50% 82%;will-change:transform}.core .tag{font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(22px,3.4vmin,42px);line-height:1;color:var(--ink);margin:2px 0 0}.bar{position:absolute;bottom:0;left:0;right:0;z-index:4;display:flex;justify-content:space-between;align-items:baseline;padding:18px 24px;font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.14em;color:var(--muted)}.bar .links{display:flex;gap:16px}a.swap{color:var(--link);text-decoration:none;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:2px;display:inline-block;line-height:1}a.swap:hover,a.swap:focus-visible{color:var(--ink)}.swap .ch{display:inline-flex;flex-direction:column;height:1em;overflow:hidden;vertical-align:top}.swap .ch span{display:block;height:1em;line-height:1;transition:transform .28s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--d) * 22ms)}a.swap:hover .ch span,a.swap:focus-visible .ch span{transform:translateY(-100%)}@media(prefers-reduced-motion:reduce){.swap .ch span{transition:none}.wash,[data-node]{animation:none!important}}@media(max-width:819.98px),(max-height:559.98px){html,body{overflow-x:hidden;overflow-y:auto;height:auto}.stage{height:auto;min-height:100vh;overflow:visible;display:flex;flex-direction:column}.grain{position:fixed}.ringband,.bloom{display:none}[data-node]{position:static;transform:none!important;animation:none;translate:none}.core{order:-1;position:static;transform:none;width:auto;padding:64px 24px 34px;text-align:left}.orbit{position:static;display:flex;flex-direction:column;gap:16px;padding:0 24px 80px}[data-node] a{font-size:22px!important}[data-meta]{opacity:1;text-align:left}.bar{position:fixed;background:var(--paper);flex-wrap:wrap;gap:6px 12px}.bar #clock{white-space:nowrap}.bar .links{flex-wrap:wrap;justify-content:flex-end;row-gap:6px}}
