*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#0b0b12;color:#f5f5f7}button,input{font:inherit}button{padding:.75rem 1.5rem;border-radius:.5rem;border:none;background:#6c5ce7;color:#fff;cursor:pointer;font-weight:600}a{color:inherit}.tv-shell{min-height:100vh;padding:4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;text-align:center}.join-code{font-size:6rem;letter-spacing:.4em;font-weight:700}.form-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.form-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:.75rem}.form-card input{padding:.75rem 1rem;border-radius:.5rem;border:1px solid #333;background:#17171f;color:inherit}.participant-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.participant-pill{padding:.5rem 1.25rem;border-radius:999px;background:#1f1f2b;font-size:1.25rem}