.button{border:0;border-radius:9px;cursor:pointer;font-weight:800}.button-quiet{padding:9px 12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted)}.button-primary{width:100%;height:48px;margin-top:15px;background:linear-gradient(135deg,var(--cyan),var(--mint));color:#041016}.status-online{color:var(--mint)}.status-offline{color:var(--danger)}.status-stale{color:var(--amber)}.connection-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.connection-dot.connected{background:var(--mint)}.connection-dot.reconnecting{background:var(--amber);animation:blink 1s infinite}.live-badge{display:flex;align-items:center;gap:7px;color:var(--mint);font-size:.7rem;font-weight:900}.live-badge i{width:8px;height:8px;border-radius:50%;background:var(--mint)}.player-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);color:var(--text);text-align:left;cursor:pointer}.player-item:hover,.player-item.active{border-color:rgba(103,217,255,.48);background:rgba(103,217,255,.08)}.player-item.calibration-target{border-color:rgba(255,212,121,.55);background:rgba(255,212,121,.08)}.player-item-dot{width:10px;height:10px;border-radius:50%;background:var(--cyan)}.player-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;font-weight:700}.player-empty{padding:14px;color:var(--muted);font-size:.78rem}.login-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:rgba(3,8,13,.97)}.login-card{width:min(410px,100%);padding:32px;border:1px solid var(--line);border-radius:20px;background:rgba(11,22,32,.97);box-shadow:var(--shadow)}.login-mark{width:62px;height:62px;margin-bottom:20px;border-radius:18px}.login-card h2{margin:0 0 8px}.login-card p{color:var(--muted)}.login-card label{display:block;margin-bottom:7px}.login-card input{width:100%;height:48px;padding:0 13px;border:1px solid var(--line2);border-radius:10px;background:#071018;color:white}.form-error{min-height:20px;margin-top:12px;color:var(--danger)}.spinner{width:14px;height:14px;border:2px solid rgba(255,212,121,.24);border-top-color:var(--amber);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.35}}