:root{--bg-color: #0b0f19;--card-bg: #151b2c;--card-border: rgba(255, 255, 255, .05);--text-primary: #f8fafc;--text-secondary: #94a3b8;--primary-accent: #6366f1;--primary-accent-active: #4f46e5;--error-color: #ef4444;--success-color: #10b981}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Prompt,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;padding:1.5rem;display:flex;flex-direction:column;align-items:center}.back-link-container{width:100%;max-width:600px;margin-bottom:1rem}.back-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500}.control-container{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1.5rem}.control-header{text-align:center;margin-bottom:.5rem}.control-header h1{font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.control-header p{color:var(--text-secondary);font-size:.95rem}#status-bar{display:inline-block;margin-top:1rem;padding:.5rem 1.25rem;border-radius:9999px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.status-disconnected{background:#ef44441a;color:var(--error-color);border:1px solid rgba(239,68,68,.2)}.status-connected{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.control-grid{display:flex;flex-direction:column;gap:1.5rem}.control-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:1.5rem}.control-card h2{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.button-group{display:flex;flex-direction:column;gap:1rem}.cue-btn{background:var(--primary-accent);color:#fff;border:none;padding:1.25rem;font-size:1.1rem;font-weight:700;border-radius:14px;cursor:pointer;box-shadow:0 4px 12px #6366f133;transition:all .2s ease;width:100%}.cue-btn:active{transform:scale(.98);background:var(--primary-accent-active)}.reset-btn{background:#374151}.reset-btn:active{background:#1f2937}.hide-btn{background:#1f2937;border:1px solid #374151}.hide-btn:active{background:#111827}.cue-btn.active{background:var(--success-color)!important;box-shadow:0 0 15px #10b98166!important;border:2px solid white}.reveal-btn{padding:1rem!important;font-size:1rem!important;border-radius:10px!important}#reveal-next-btn{background:var(--success-color)!important;box-shadow:0 4px 12px #10b98133!important}#reveal-prev-btn{background:#f59e0b!important;box-shadow:0 4px 12px #f59e0b33!important}#reveal-all-btn{background:var(--primary-accent)!important;box-shadow:0 4px 12px #6366f133!important}#reveal-none-btn{background:var(--error-color)!important;box-shadow:0 4px 12px #ef444433!important}