:root{--sky: #7fa6d4;--sky-deep: #4f78ab;--sky-pale: #b9d0ea;--bone: #ece7dd;--bone-deep: #d9d2c4;--ink: #15171b;--forest: #22392b;--cocoa: #4a3124;--butter: #f1e3a0;--lilac: #b6a2e6;--rose: #f1b8c8;--lime: #c4e88e;--font: "Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Clash Display", "Satoshi", system-ui, sans-serif;--wide: 125;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-io: cubic-bezier(.76, 0, .24, 1);--gutter: clamp(16px, 3.2vw, 48px);--radius-pill: 999px;--t-0: .8125rem;--t-1: 1rem;--t-2: 1.333rem;--t-3: 1.777rem;--t-4: 2.369rem}[data-side=a],.theme-a{--bg: var(--sky);--fg: var(--ink);--line: var(--bone);--accent: var(--bone);--muted: color-mix(in oklab, var(--ink) 68%, var(--sky));--field: color-mix(in oklab, var(--sky) 82%, var(--bone))}[data-side=b],.theme-b{--bg: var(--bone);--fg: var(--ink);--line: var(--sky);--accent: var(--sky-deep);--muted: color-mix(in oklab, var(--ink) 62%, var(--bone));--field: color-mix(in oklab, var(--bone) 80%, var(--sky-pale))}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:1.0625rem;line-height:1.5;letter-spacing:-.003em;font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .6s var(--ease-out)}img,svg,canvas,video{display:block;max-width:100%}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:4px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;left:12px;top:12px;z-index:100;padding:10px 16px;background:var(--ink);color:var(--bone);border-radius:var(--radius-pill);transform:translateY(-160%);transition:transform .3s var(--ease-out)}.skip:focus{transform:none}.logo{width:100%;height:auto;overflow:visible}.logo__letter{transform-box:fill-box;transform-origin:50% 50%}.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;line-height:.9;text-transform:uppercase}.pill{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:0 1.4em;border-radius:var(--radius-pill);border:2px solid var(--fg);background:var(--fg);color:var(--bg);font-weight:700;font-size:.95rem;letter-spacing:-.005em;text-decoration:none;transition:background-color .3s,color .3s,transform .4s var(--ease-out)}.pill:hover{transform:translateY(-1px)}.pill--ghost{background:transparent;color:var(--fg)}.pill--ghost:hover{background:var(--fg);color:var(--bg)}.pill[disabled]{opacity:.45;cursor:not-allowed;transform:none}.grain{position:fixed;inset:-48px;z-index:90;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.4 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .9s steps(5) infinite}@keyframes grain{0%{transform:translateZ(0)}20%{transform:translate3d(-31px,19px,0)}40%{transform:translate3d(23px,-29px,0)}60%{transform:translate3d(-11px,37px,0)}80%{transform:translate3d(41px,7px,0)}}.join{display:grid;gap:10px;max-width:34rem}.join__label{font-weight:600}.join__row{display:flex;gap:8px;padding:6px;border-radius:var(--radius-pill);background:var(--field);border:2px solid var(--fg)}.join__row input{flex:1;min-width:0;border:0;background:transparent;padding:0 14px;font-size:var(--t-1)}.join__row input::placeholder{color:var(--muted)}.join__row input:focus{outline:none}.join__row:focus-within{box-shadow:0 0 0 3px color-mix(in oklab,var(--fg) 25%,transparent)}.join__row .pill{min-height:44px}.join__status{min-height:1.5em;font-size:var(--t-0);color:var(--muted)}.join__status[data-state=ok]{color:var(--fg);font-weight:600}.join__status[data-state=error]{color:#8a1c1c;font-weight:600}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.grain{display:none}}.ghost-credit{display:inline-flex;align-items:center;gap:7px}.ghost-credit__mark{display:inline-block;width:1.15em;height:1.085em;background:currentColor;-webkit-mask:url(/media/ghost-mark.svg) center / contain no-repeat;mask:url(/media/ghost-mark.svg) center / contain no-repeat;transform:translateY(-.04em)}.curtain{position:fixed;inset:0;z-index:200;pointer-events:all;overflow:hidden}.curtain__half{position:absolute;top:0;bottom:0;width:50.2%;background-color:var(--cloth);background-image:var(--fabric-folds, none),var(--fabric-weave, none);background-size:cover,112px 112px;background-blend-mode:soft-light,soft-light}.curtain__half--l{left:0;box-shadow:18px 0 40px -20px #0a0e1659}.curtain__half--r{right:0;box-shadow:-18px 0 40px -20px #0a0e1659}.curtain__teeth{position:absolute;top:0;bottom:0;width:46px;background:linear-gradient(90deg,transparent 0 22px,var(--thread) 22px 28px,transparent 28px),repeating-linear-gradient(180deg,#15171b 0 6px,transparent 6px 12px) no-repeat 0 0 / 12px 100%}.curtain__half--l .curtain__teeth{right:0;transform:scaleX(-1)}.curtain__half--r .curtain__teeth{left:0;background:linear-gradient(90deg,transparent 0 22px,var(--thread) 22px 28px,transparent 28px),repeating-linear-gradient(180deg,transparent 0 6px,#15171b 6px 12px) no-repeat 0 0 / 12px 100%}.curtain__pull{position:absolute;left:50%;top:104%;width:34px;transform:translate(-50%,-50%);display:grid;justify-items:center;filter:drop-shadow(0 10px 14px rgba(10,14,22,.45))}.curtain__slider{width:34px;height:46px;border-radius:9px 9px 14px 14px;background:linear-gradient(180deg,#3a3f48,#16181c)}.curtain__tab{display:grid;place-items:center;width:28px;height:64px;margin-top:-8px;border-radius:14px;background:linear-gradient(180deg,#2b2f36,#121418);color:#6b717c}.curtain__tab svg{width:20px}.curtain__label{position:absolute;left:calc(50% + 44px);top:50%;margin:0;translate:0 -50%;padding:12px 22px;border-radius:999px;background:#15171b;color:#ece7dd;font-family:Clash Display,Satoshi,system-ui,sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.curtain__label:empty{display:none}.snd{display:grid;place-items:center;width:42px;padding:0}button.snd svg{width:26px;height:26px;transform:none!important}.snd[aria-pressed=true] svg path+path{transform-origin:30% 50%;animation:snd-wave 1.8s var(--ease-out) infinite}@keyframes snd-wave{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.snd[aria-pressed=true] svg path+path{animation:none}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}@media(max-width:700px){.curtain__label{left:50%;top:auto;bottom:calc(14vh + env(safe-area-inset-bottom));translate:-50% 0;max-width:calc(100vw - 32px);padding:11px 18px;font-size:.78rem;white-space:nowrap}}