body{margin:0;background:#0b0e14;color:#e6e6e6;font-family:system-ui,sans-serif}.stage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:1rem;box-sizing:border-box}.avatar{width:320px;height:320px;cursor:pointer;border-radius:50%;transition:box-shadow .15s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.avatar.rec{box-shadow:0 0 0 4px #dc2626,0 0 32px 4px #dc262680}.status[data-status=online]{color:#4ade80}.status[data-status=offline]{color:#f87171}.wake{color:#a3a3a3}.latency{color:#a3a3a3;font-size:.9rem}.log{max-width:40rem;width:100%}.log .user{color:#93c5fd}.log .assistant{color:#e6e6e6}.log .partial{color:#6b7280;font-style:italic}.pairing{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center}.pairing h1{font-size:1.4rem;margin:0}.pairing p{color:#a3a3a3;margin:0}.pairing input{font-size:2rem;letter-spacing:.5rem;text-align:center;width:12rem;padding:.4rem .6rem;background:#151a24;color:#e6e6e6;border:1px solid #2a3242;border-radius:.5rem}.pairing button{font-size:1.1rem;padding:.5rem 1.6rem;border-radius:.5rem;border:none;background:#2563eb;color:#fff;cursor:pointer}.pairing button:disabled{opacity:.5;cursor:default}.pairing-error{color:#f87171}