*{box-sizing:border-box}body{color:#fff;background:#000;margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-weight:600}.shell{max-width:24rem;padding:max(env(safe-area-inset-top), 1.5rem) 1.5rem 2rem;flex-direction:column;gap:1rem;margin:0 auto;display:flex}.brand{color:#fff9;letter-spacing:.1em;margin:0}h1{margin:0;font-size:1.75rem}p{color:#fff9;margin:0;line-height:1.4}.join-form{flex-direction:column;gap:.75rem;display:flex}.field-label{color:#fff9;margin-top:.5rem;font-size:.875rem}.name-input{font:inherit;color:#fff;background:#1f2937;border:none;border-radius:1.25rem;min-height:44px;padding:.75rem 1rem;font-size:1.25rem}.name-input:focus-visible{outline:2px solid #fff9}.swatches{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.swatch{aspect-ratio:1;cursor:pointer;border:3px solid #0000;border-radius:10px;min-height:44px}.swatch.selected{border-color:#fff}.form-error{color:#dc2626}.submit{font:inherit;color:#000;cursor:pointer;background:#fff;border:none;border-radius:999px;min-height:44px;margin-top:.5rem;padding:.875rem 1rem;font-size:1.25rem}.submit:disabled{cursor:default;background:#ffffff4d}.ghost{font:inherit;color:#fff;cursor:pointer;background:0 0;border:2px solid #fff9;border-radius:999px;min-height:44px;padding:.75rem 1rem}.joined-chip{color:#1f2937;border-radius:999px;align-self:flex-start;padding:.5rem 1.25rem;font-size:1.25rem}