:root{--bg-dark:#0a0a0f;--neon-red:#ff2a2a;--neon-blue:#00f0ff;--neon-purple:#b537f2;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--text-primary:#fff;--text-secondary:#a0a0a0}body{background-color:var(--bg-dark);color:var(--text-primary);touch-action:manipulation;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#root{flex-direction:column;width:100vw;height:100vh;display:flex}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px}.app-container{box-sizing:border-box;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:500px;margin:0 auto;padding:24px;display:flex}h1{background:linear-gradient(45deg, var(--neon-blue), var(--neon-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}h2{margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.btn-primary{background:linear-gradient(45deg, var(--neon-blue), var(--neon-purple));color:#fff;cursor:pointer;border:none;border-radius:30px;width:100%;max-width:300px;padding:16px 32px;font-size:1.2rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #00f0ff4d}.btn-primary:active{transform:scale(.95)}.input-field{border:1px solid var(--glass-border);color:#fff;box-sizing:border-box;background:#00000080;border-radius:12px;width:100%;max-width:300px;margin-bottom:16px;padding:16px;font-size:1.1rem}.input-field:focus{border-color:var(--neon-blue);outline:none;box-shadow:0 0 10px #00f0ff33}.avatar-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.avatar-option{cursor:pointer;background:var(--glass-bg);border:2px solid #0000;border-radius:16px;padding:12px;font-size:3rem;transition:all .2s}.avatar-option.selected{border-color:var(--neon-blue);background:#00f0ff1a;transform:scale(1.1);box-shadow:0 0 15px #00f0ff4d}.buzzer-btn{color:#fff;cursor:pointer;text-shadow:2px 2px 4px #00000080;background:linear-gradient(145deg,#ff4d4d,#c00);border:10px solid maroon;border-radius:50%;justify-content:center;align-items:center;width:250px;height:250px;font-size:3rem;font-weight:900;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 0 40px #ff2a2a99,inset 0 10px 20px #ffffff4d,inset 0 -10px 20px #00000080}.buzzer-btn:active,.buzzer-btn.active{background:#c00;transform:scale(.92);box-shadow:0 0 20px #ff2a2acc,inset 0 20px 30px #0009}.buzzer-btn:disabled{box-shadow:none;color:#888;cursor:not-allowed;background:#444;border-color:#222}.qr-container{background:#fff;border-radius:16px;margin:24px 0;padding:16px;display:inline-block}