:root{color-scheme:dark;--brand-abyss: #084d7c;--brand-deep: #0e72ae;--brand: #39a0d8;--brand-soft: #aad9ef;--ink: #0c2233;--card: #ffffff;--hairline: #d3e4f1;--faint: #93a9bc;--on-brand: #ffffff;--on-brand-sub: rgba(255, 255, 255, .68);--on-brand-whisper: rgba(255, 255, 255, .46);--alert: #ffc4b8;--ring: 0 0 0 1px oklch(1 0 0 / .16);--ring-hover: 0 0 0 1px oklch(1 0 0 / .32);--lift: 0 20px 44px -24px oklch(.24 .07 245 / .7);--lift-strong: 0 26px 56px -22px oklch(.24 .07 245 / .82);--font: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", Meiryo, system-ui, sans-serif;--radius-chip: 16px;--radius-field: 16px;--radius-card: 32px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-swift: cubic-bezier(.2, 0, 0, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);font-size:16px;line-height:1.4;color:var(--on-brand);background:var(--brand-deep);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mural{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 72% 24%,rgba(91,177,221,.3),transparent 30%),radial-gradient(circle at 18% 78%,rgba(57,160,216,.2),transparent 34%),linear-gradient(118deg,#073e66 0%,var(--brand-abyss) 42%,var(--brand-deep) 100%)}.mural-marks,.mural-shade,.mural-grain,.mural-bloom{position:absolute;inset:0}.mural-mark{position:absolute;left:var(--x);top:var(--y);width:calc(var(--size) * .62);height:calc(var(--size) * .62);object-fit:contain;translate:-50% -50%;rotate:var(--rotate);opacity:.065;filter:grayscale(1) brightness(2.4) contrast(.7);mix-blend-mode:screen;animation:mark-float 20s ease-in-out infinite alternate;animation-delay:var(--delay)}.mural-bloom{background:radial-gradient(circle at 74% 28%,rgba(255,255,255,.25),transparent 24%),radial-gradient(circle at 20% 78%,rgba(170,217,239,.16),transparent 30%)}.mural-shade{background:linear-gradient(90deg,#0314206b,#03142014 54%,#03142047),linear-gradient(0deg,rgba(3,20,32,.22),transparent 34%,rgba(3,20,32,.08))}.mural-grain{opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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='.7'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:soft-light}.page{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:100dvh;max-width:1140px;margin-inline:auto;padding:calc(env(safe-area-inset-top,0px) + 40px) 20px calc(env(safe-area-inset-bottom,0px) + 28px)}.enter{opacity:0;animation:enter .62s var(--ease-out) forwards;animation-delay:calc(var(--step, 0) * 90ms)}@keyframes enter{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes pop{0%{opacity:0;transform:scale(.82);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes mark-float{0%{transform:translate3d(0,-4px,0)}to{transform:translate3d(0,6px,0)}}.head{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}.wordmark{display:block;width:168px;height:auto}.copy{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:25ch}.copy h1{font-size:clamp(2.65rem,10vw,3.5rem);line-height:1.02;font-weight:800;letter-spacing:-.025em;text-wrap:balance}.lede{font-size:1.125rem;line-height:1.45;font-weight:400;color:var(--on-brand-sub);text-wrap:balance}.roster{display:flex;flex-direction:column;align-items:center;gap:0}.teams{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:216px}.chip{flex:none;width:48px;height:48px;border-radius:var(--radius-chip);display:flex;align-items:center;justify-content:center;background:#ffffff2e;box-shadow:var(--ring);opacity:0;animation:pop .42s var(--ease-out) forwards;animation-delay:calc(.22s + var(--i, 0) * 22ms);transition:background-color .16s var(--ease-swift),box-shadow .16s var(--ease-swift),transform .2s var(--ease-swift)}.chip:hover{background:#ffffff4d;box-shadow:var(--ring-hover),var(--lift);transform:translateY(-3px)}.chip img{display:block;width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 1px 2px oklch(.2 .05 245 / .35));transition:scale .2s var(--ease-swift)}.chip:hover img{scale:1.08}.chip-extra{display:none}.chip-more{flex-direction:column;gap:1px;background:#ffffff1f;font-size:.75rem;line-height:1rem;font-weight:700}.chip-more-label{font-size:.625rem;font-weight:600;letter-spacing:.04em;color:var(--on-brand-sub)}.foot{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:420px}.waitlist{display:flex;flex-direction:column;gap:10px;width:100%}.field{display:flex;flex-direction:column;gap:10px}.field input{width:100%;height:54px;padding-inline:18px;font:600 1rem var(--font);color:var(--ink);background:var(--card);border:none;border-radius:var(--radius-field);outline:none;box-shadow:var(--lift);transition:box-shadow .16s var(--ease-swift),opacity .16s var(--ease-swift)}.field input::placeholder{color:var(--faint)}.field input:focus-visible{box-shadow:var(--lift),0 0 0 3px #ffffff8c}.field input:disabled{opacity:.72}.submit{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:56px;padding-inline:26px;font:700 1.0625rem var(--font);letter-spacing:-.005em;color:var(--on-brand);background:var(--ink);border:none;border-radius:var(--radius-field);box-shadow:var(--lift);cursor:pointer;overflow:hidden;transition:box-shadow .18s var(--ease-swift),translate .18s var(--ease-swift),scale .14s ease-out}.submit:hover:not(:disabled){translate:0 -2px;box-shadow:var(--lift-strong)}.submit:active:not(:disabled){scale:.96;translate:0 0}.submit:focus-visible{outline:3px solid oklch(1 0 0 / .65);outline-offset:2px}.submit:disabled{cursor:default}.submit-layer{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:opacity .3s var(--ease-swift),scale .3s var(--ease-swift),filter .3s var(--ease-swift)}.submit-layer-done{position:absolute;inset:0}.submit-layer[data-hidden=true]{opacity:0;scale:.25;filter:blur(4px)}.submit-layer svg{flex:none}.form-msg{min-height:1.125rem;font-size:.8125rem;line-height:1.125rem;font-weight:600;text-align:center;color:var(--on-brand);opacity:0;transition:opacity .2s var(--ease-swift)}.form-msg[data-shown=true]{opacity:1}.form-msg[data-tone=error]{color:var(--alert)}.fine-print{font-size:.75rem;line-height:1.125rem;font-weight:500;text-align:center;color:var(--on-brand-whisper)}.built-on{margin-top:-8px;font-size:.75rem;line-height:1.125rem;font-weight:700;text-align:center;color:var(--on-brand-sub)}@media(min-width:768px){.mural-mark{width:var(--size);height:var(--size)}.page{gap:36px;padding-inline:32px}.copy h1{font-size:3rem}.chip-extra{display:flex}.chip-more{display:none}.teams{display:grid;grid-template-columns:repeat(8,52px);gap:10px;max-width:none}.chip{width:52px;height:52px}.chip img{width:32px;height:32px}.field{flex-direction:row;padding:6px;background:var(--card);border-radius:22px;box-shadow:var(--lift)}.field input{flex:1;min-width:0;height:56px;box-shadow:none}.field input:focus-visible{box-shadow:0 0 0 2px #2579ab73}.foot{max-width:480px}.submit{width:auto;flex:none;box-shadow:none}.submit:hover:not(:disabled){translate:0;box-shadow:none;filter:brightness(1.14)}}@media(min-width:1024px){.page{display:flex;align-items:center;justify-content:center;gap:34px;padding-inline:48px}.head{align-items:center;text-align:center;gap:24px}.wordmark{width:220px}.copy{align-items:center;max-width:100%;gap:12px}.copy h1{font-size:clamp(3.75rem,5.5vw,4.75rem);line-height:.98;letter-spacing:-.045em;white-space:nowrap}.lede{font-size:1.25rem;max-width:30ch}.roster{width:100%;padding:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.teams{grid-template-columns:repeat(16,48px);gap:8px}.foot{align-items:center;max-width:600px}.form-msg,.fine-print,.built-on{text-align:center}}@media(min-width:1200px){.teams{grid-template-columns:repeat(16,52px);gap:10px}}.page-social{max-width:none}.page-social .head{position:relative;z-index:1;gap:32px}.page-social .copy h1{margin:0}.social-built-on{position:absolute;z-index:1;bottom:32px;left:50%;translate:-50% 0;font-size:1rem;line-height:1.4;font-weight:700;color:var(--on-brand-sub)}.page-twitter-header .copy h1{font-size:5.5rem}.page-twitter-pfp{max-width:none}.pfp-letter{position:relative;z-index:1;display:block;width:50%;max-width:520px;height:72%;color:#fff;filter:drop-shadow(0 18px 28px rgba(3,20,32,.18))}@media(prefers-reduced-motion:reduce){.enter,.chip{animation:none;opacity:1}.mural-mark{animation:none}.chip:hover{transform:none}.chip:hover img{scale:1}.submit:hover:not(:disabled){translate:0}.submit:active:not(:disabled){scale:1}}
