:root{--ink: #111827;--ink-2: #374151;--muted: #6b7280;--faint: #9ca3af;--line: #e5e7eb;--paper: #ffffff;--accent: #7c3aed;--accent-deep: #6d28d9;--accent-soft: #f3eefe;--ok: #16a34a;--danger: #dc2626;--danger-line: #fca5a5;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}.page{max-width:640px;margin:0 auto;padding:72px 20px 40px;text-align:center}.eyebrow{display:inline-block;margin:0 0 22px;padding:5px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:1.4px}h1{margin:0 0 18px;font-size:clamp(28px,5vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}.lede{max-width:540px;margin:0 auto;color:var(--muted);font-size:15px;text-wrap:pretty}.stage{display:flex;flex-direction:column;align-items:center;gap:14px;min-height:250px;margin:52px 0 64px}.dial{width:120px;height:120px;border:0;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 28px #7c3aed47;transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease}.dial:hover:not(:disabled){background:var(--accent-deep);transform:translateY(-1px)}.dial:active:not(:disabled){transform:translateY(1px)}.dial:disabled{cursor:default;opacity:.55;box-shadow:none}.dial:focus-visible{outline:3px solid var(--accent-deep);outline-offset:4px}.action{margin:0;font-size:17px;font-weight:600}.status{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:600}.dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}.timer{margin:-6px 0 0;color:var(--faint);font-family:var(--mono);font-size:13px;letter-spacing:.5px}.hangup{margin-top:2px;padding:10px 22px;border:1px solid var(--danger-line);border-radius:10px;background:var(--paper);color:var(--danger);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}.hangup:hover{background:#fef2f2}.summary{display:inline-flex;align-items:center;gap:8px;margin:2px 0 0;padding:8px 16px;border-radius:10px;background:#f3f5f4;color:var(--ink-2);font-size:14px}.hint{margin:2px 0 0;color:var(--faint);font-size:13px;line-height:1.5}.notice{max-width:460px;margin:2px auto 0;color:var(--danger);font-size:14px}.picks{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:72px;text-align:start}.pick{display:flex;flex-direction:column;gap:6px;min-width:230px}.pick-label{color:var(--ink-2);font-size:13px}.pick select{appearance:none;width:100%;padding:11px 34px 11px 14px;border:1px solid var(--line);border-radius:10px;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;color:var(--ink);font-family:inherit;font-size:15px;cursor:pointer}.pick select:disabled{color:var(--faint);cursor:default}.pick select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.footer{color:var(--faint);font-size:13px}.footer strong{color:var(--ink-2);letter-spacing:.4px}.wave-bar{animation:wave 1s ease-in-out infinite;transform-origin:center}@keyframes wave{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.wave-bar{animation:none}.dial{transition:none}}@media(max-width:480px){.page{padding-top:48px}.picks{gap:18px}.pick{min-width:100%}}.gate{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:280px;margin-top:24px}.gate .pick{width:100%;min-width:0}.gate input{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:15px;letter-spacing:2px}.gate input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.enter{width:100%;padding:12px 20px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}.enter:hover:not(:disabled){background:var(--accent-deep)}.enter:disabled{cursor:default;opacity:.55}.pick-row{display:flex;align-items:center;gap:8px}.pick-row select{flex:1 1 auto;min-width:0}.preview{flex:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--accent-deep);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.preview:hover:not(:disabled){background:var(--accent-soft)}.preview:disabled{color:var(--faint);cursor:default}.preview:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.picks-hint{flex-basis:100%;margin:0;color:var(--faint);font-size:12.5px;text-align:center}