:root{--bg:#f4f1fb;--card:#fff;--ink:#2c2440;--muted:#7a7390;--brand:#6c4ad0;--brand-dark:#553aa8;--accent:#ffb703;--success:#2bb673;--danger:#d64550;--radius:18px;--shadow:0 10px 30px #4c3a8a1f}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:linear-gradient(160deg,#efeafc 0%,#f7f4ff 60%,#fdf3e6 100%);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.page{min-height:100vh;padding:24px 16px 40px}.page.center{justify-content:center;align-items:center;display:flex}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;width:100%;max-width:420px;padding:32px 24px}.logo{font-size:56px;line-height:1}.card h1{margin:12px 0 4px;font-size:28px}.subtitle{color:var(--muted);margin:0 0 20px}form{text-align:left;flex-direction:column;gap:10px;display:flex}label{color:var(--ink);font-size:14px;font-weight:700}input{border:2px solid #e6e1f2;border-radius:12px;outline:none;padding:14px 16px;font-size:17px;transition:border-color .15s}input:focus{border-color:var(--brand)}button{background:var(--brand);color:#fff;border:none;border-radius:12px;padding:15px 18px;font-size:17px;font-weight:800;transition:background .15s,transform 50ms}button:hover:not(:disabled){background:var(--brand-dark)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button.ghost{color:var(--muted);background:0 0;font-weight:700}button.ghost:hover:not(:disabled){color:var(--brand);background:#f1edfa}.button-link{background:var(--brand);color:#fff;border-radius:12px;margin-top:16px;padding:14px 20px;font-weight:800;text-decoration:none;display:inline-block}.hint{color:var(--muted);margin-top:18px;font-size:13px}.error{color:var(--danger);margin-top:14px;font-size:14px;font-weight:700}.label-above{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:700}.big-number{color:var(--brand);margin:6px 0;font-size:96px;font-weight:900;line-height:1}.big-number.pulse{color:var(--success);font-size:64px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.status-line{margin:8px 0;font-size:18px}.eta{color:var(--accent);background:#fff7e6;border-radius:12px;margin-top:8px;padding:10px;font-size:20px;font-weight:800}.live-badge{color:var(--success);margin:18px 0 4px;font-size:13px;font-weight:800}.card.success{background:#ecfaf3}.page.admin{max-width:640px;margin:0 auto}.admin-header h1{margin:0 0 8px;font-size:26px}.stats{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:15px;display:flex}.stats strong{color:var(--brand);font-size:18px}.qr-section{margin:20px 0}.qr-box{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;margin-top:12px;padding:24px}.join-url{color:var(--brand);word-break:break-all;margin-top:14px;font-weight:700;text-decoration:none;display:block}.queue-list h2{margin:20px 0 10px;font-size:18px}.queue-list ol{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.queue-list li{background:var(--card);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.queue-list .pos{height:32px;color:var(--brand);background:#efeafc;border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;font-weight:900;display:flex}.queue-list .who{flex:1;font-size:17px;font-weight:700}button.done{background:var(--success);flex:none;padding:10px 14px;font-size:15px}button.done:hover:not(:disabled){background:#229a60}.empty{color:var(--muted);text-align:center;padding:24px}