.pin-display[data-v-a273527e]{text-align:center;margin-top:16px}.pin-code[data-v-a273527e]{letter-spacing:.25em;-webkit-user-select:all;user-select:all;background:#ffffff1f;border-radius:10px;margin-top:6px;padding:10px 20px;font-family:monospace;font-size:2.2rem;font-weight:700}.pin-entry[data-v-cf17586e]{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:20px 0;display:flex}.pin-input[data-v-cf17586e]{letter-spacing:.2em;text-align:center;text-transform:uppercase;width:170px;color:inherit;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;outline:none;padding:10px 12px;font-family:monospace;font-size:1.6rem}.pin-input[data-v-cf17586e]:focus{border-color:#ffffffb3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0e10;--surface:#1a1a2e;--primary:#7c3aed;--primary-hover:#6d28d9;--text:#e4e4e7;--text-muted:#a1a1aa;--danger:#ef4444;--success:#22c55e;--warning:#eab308;--radius:12px}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{justify-content:center;align-items:center;min-height:100vh;display:flex}.page{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:420px;padding:2rem 1.5rem;display:flex}.title{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.subtitle{color:var(--text-muted);text-align:center;font-size:.95rem}.center-section{flex-direction:column;align-items:center;gap:1.25rem;width:100%;display:flex}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.9rem 2.5rem;font-size:1.1rem;font-weight:600;transition:background .2s}.btn-primary.btn-play{padding:1.25rem 3rem;font-size:1.3rem}.btn-primary:hover{background:var(--primary-hover)}.btn-stop{color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.6rem 2rem;font-size:.95rem;font-weight:500;transition:background .2s,color .2s}.btn-stop:hover{background:var(--danger);color:#fff}.btn-link{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.9rem;text-decoration:underline}.btn-icon{color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;padding:.4rem;display:flex}.hint{color:var(--text-muted);text-align:center;max-width:300px;font-size:.85rem}.status-bar{align-items:center;gap:.5rem;font-size:.95rem;display:flex}.status-dot{border-radius:50%;width:10px;height:10px}.dot-waiting{background:var(--warning);animation:1.5s ease-in-out infinite pulse}.dot-connected{background:var(--primary)}.dot-streaming{background:var(--success)}.dot-ended{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.qr-section{flex-direction:column;align-items:center;gap:.75rem;display:flex}.qr-code{border-radius:var(--radius);width:200px;height:200px}.url-display{align-items:center;gap:.5rem;width:100%;max-width:340px;display:flex}.url-input{color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;flex:1;padding:.5rem .75rem;font-size:.85rem;overflow:hidden}.btn-copy{color:var(--text);cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:8px;padding:.45rem .7rem;font-size:.85rem}.btn-copy:hover{background:#ffffff05}.copy-status{color:var(--text-muted);margin-left:.5rem;font-size:.8rem}.level-meter-container{flex-direction:column;align-items:center;gap:.3rem;width:100%;display:flex}.level-meter{background:var(--surface);border-radius:4px;width:100%;max-width:280px;height:8px;overflow:hidden}.level-bar{background:var(--success);border-radius:4px;height:100%;transition:width .1s}.level-label{color:var(--text-muted);font-size:.75rem}.audio-controls{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.volume-row{align-items:center;gap:.75rem;width:100%;max-width:280px;display:flex}.volume-slider{appearance:none;background:var(--surface);border-radius:3px;outline:none;flex:1;height:6px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:18px;height:18px}.volume-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.warning{border:1px solid var(--warning);color:var(--warning);border-radius:var(--radius);text-align:center;background:#eab30826;padding:.75rem 1rem;font-size:.85rem}.error-message{color:var(--danger);text-align:center;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;display:flex}