.remote-container{display:flex;flex-direction:column;height:100vh;width:100%;max-width:480px;margin:0 auto;background:#0d1117;color:#e6edf3;overflow-y:auto;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.remote-container.embedded{max-width:100%;height:100%}.remote-top-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#161b22;border-bottom:1px solid #30363d;flex-shrink:0}.remote-brand{display:flex;align-items:center;gap:8px}.remote-logo-icon{font-size:18px}.remote-title{font-size:15px;font-weight:800;color:#fff;letter-spacing:.05em}.remote-status-badges{display:flex;align-items:center;gap:8px}.remote-conn-dot{width:8px;height:8px;border-radius:50%;background:#2ed573;box-shadow:0 0 8px #2ed573}.remote-live-badge{font-size:11px;font-weight:800;color:#2ed573;background:#2ed57326;border:1px solid rgba(46,213,115,.3);padding:2px 8px;border-radius:4px}.remote-override-badge{font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px}.remote-override-badge.blackout{background:#ff4757;color:#fff}.remote-override-badge.hide_text{background:#ffa502;color:#000}.remote-override-badge.logo{background:#6c63ff;color:#fff}.remote-popout-btn{background:#21262d;border:1px solid #30363d;color:#a29bfe;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer}.remote-song-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#111419;border-bottom:1px solid #21262d;flex-shrink:0}.remote-song-info{display:flex;flex-direction:column;overflow:hidden;margin-right:10px}.remote-song-name{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remote-song-meta{font-size:11px;color:#8b949e}.remote-lineup-toggle{background:#21262d;border:1px solid #30363d;color:#fff;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.remote-lineup-drawer{background:#161b22;border-bottom:2px solid #6c63ff;padding:12px;max-height:240px;overflow-y:auto}.drawer-heading{font-size:10px;font-weight:800;color:#8b949e;letter-spacing:.08em;margin-bottom:8px}.drawer-list{display:flex;flex-direction:column;gap:4px}.drawer-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0d1117;border:1px solid #21262d;border-radius:6px;color:#e6edf3;cursor:pointer;text-align:left;font-size:12px}.drawer-item.active{border-color:#6c63ff;background:#6c63ff26;font-weight:700}.drawer-item-num{font-weight:800;color:#6c63ff;width:18px}.remote-nav-controls{display:grid;grid-template-columns:1fr 2fr;gap:12px;padding:16px}.remote-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:90px;border-radius:12px;border:none;cursor:pointer;font-weight:800;transition:transform .1s ease,filter .15s ease}.remote-nav-btn:active{transform:scale(.97)}.remote-btn-prev{background:#21262d;color:#fff;border:2px solid #30363d}.remote-btn-prev .nav-arrow{font-size:24px}.remote-btn-prev .nav-lbl{font-size:12px;letter-spacing:.05em}.remote-btn-next{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 6px 20px #e74c3c66}.remote-btn-next .nav-arrow{font-size:32px}.remote-btn-next .nav-lbl{font-size:14px;letter-spacing:.08em}.remote-overrides-deck{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:0 16px 12px}.remote-ovr-btn{padding:10px;border-radius:8px;background:#161b22;border:1px solid #30363d;color:#e6edf3;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s}.remote-ovr-btn.active{border-color:#ff4757;background:#ff475733;color:#ff4757}.remote-previews-section{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px}.remote-preview-card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:12px}.remote-preview-card.live{border-color:#2ed573}.remote-preview-card.next{border-color:#00d2d3}.card-header{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;color:#8b949e;letter-spacing:.08em;margin-bottom:6px}.pill-live{background:#2ed57333;color:#2ed573;padding:1px 6px;border-radius:4px;font-size:9px}.pill-next{background:#00d2d333;color:#00d2d3;padding:1px 6px;border-radius:4px;font-size:9px}.card-text{font-size:14px;font-weight:600;line-height:1.4;color:#fff;white-space:pre-wrap;min-height:48px;display:flex;align-items:center}.cleared-text{color:#ff4757;font-size:13px}.remote-slides-strip{padding:0 16px 16px}.strip-title{font-size:10px;font-weight:800;color:#8b949e;letter-spacing:.08em;margin-bottom:6px}.strip-buttons{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.strip-btn{min-width:36px;height:36px;border-radius:6px;background:#21262d;border:1px solid #30363d;color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.strip-btn.active{background:#6c63ff;border-color:#6c63ff}.remote-stage-msg-box{margin:0 16px 20px;padding:12px;background:#161b22;border:1px solid #30363d;border-radius:8px}.stage-msg-title{font-size:10px;font-weight:800;color:#ffa502;letter-spacing:.08em;margin-bottom:8px}.stage-msg-form{display:flex;gap:6px}.stage-msg-form input{flex:1;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#fff;padding:8px 10px;font-size:12px;outline:none}.stage-msg-form button{background:#ffa502;color:#000;border:none;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:800;cursor:pointer}.remote-wifi-panel{background:linear-gradient(135deg,#0e1e2d,#162436);border-bottom:1px solid #1f364d;flex-shrink:0;transition:all .2s ease}.remote-wifi-header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;-webkit-user-select:none;user-select:none}.remote-wifi-header:hover{background:#ffffff08}.remote-wifi-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#58a6ff}.wifi-badge{background:#58a6ff26;color:#79c0ff;border:1px solid rgba(88,166,255,.3);padding:2px 8px;border-radius:12px;font-size:11px;font-family:monospace}.remote-wifi-toggle{font-size:11px;color:#8b949e;font-weight:600}.remote-wifi-body{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:14px 18px 18px;border-top:1px solid rgba(255,255,255,.05);background:#00000040}.remote-qr-block{display:flex;flex-direction:column;align-items:center;gap:6px}.remote-qr-frame{width:170px;height:170px;background:#0d1117;border:2px solid #58a6ff;border-radius:12px;padding:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000080}.remote-qr-img{width:100%;height:100%;border-radius:6px;display:block}.remote-qr-loading{font-size:11px;color:#8b949e;text-align:center}.remote-qr-caption{font-size:11px;color:#79c0ff;font-weight:600}.remote-wifi-instructions{flex:1;min-width:240px;display:flex;flex-direction:column;gap:8px}.remote-wifi-step{display:flex;align-items:center;gap:10px;font-size:12px;color:#c9d1d9}.step-num{width:20px;height:20px;background:#58a6ff;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.remote-url-chip{margin-top:6px;background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:6px 10px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.remote-url-label{font-size:10px;color:#8b949e;font-weight:600;text-transform:uppercase}.remote-url-text{font-family:monospace;font-size:11px;color:#388bfd;word-break:break-all}.remote-wifi-note{font-size:11px;color:#8b949e;line-height:1.4;margin-top:4px}.phone-remote-app{min-height:100vh;width:100%;max-width:480px;margin:0 auto;background:#0b0f19;color:#e6edf3;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;user-select:none;-webkit-user-select:none;touch-action:manipulation;padding-bottom:24px}.pra-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#111827;border-bottom:1px solid #1f2937;position:sticky;top:0;z-index:100}.pra-brand{display:flex;align-items:center;gap:8px}.pra-cross{color:#6366f1;font-size:18px}.pra-title{font-weight:900;font-size:14px;letter-spacing:.1em;color:#fff}.pra-conn-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:12px;display:inline-flex;align-items:center;gap:4px}.pra-conn-badge.on{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.4)}.pra-conn-badge.off{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}.pra-song-bar{padding:12px 16px 8px;background:#131c2e;border-bottom:1px solid #1e293b}.pra-song-name{font-size:16px;font-weight:800;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pra-song-meta{font-size:12px;color:#94a3b8;margin-top:2px}.pra-preview-live{margin:12px 16px 6px;background:linear-gradient(135deg,#1e1b4b,#0f172a);border:2px solid #6366f1;border-radius:12px;padding:14px;box-shadow:0 4px 16px #6366f133}.pra-preview-label{font-size:10px;font-weight:800;letter-spacing:.08em;color:#a5b4fc;margin-bottom:6px}.pra-preview-text{font-size:15px;font-weight:600;line-height:1.4;color:#fff;white-space:pre-wrap;min-height:48px;max-height:120px;overflow-y:auto}.pra-preview-next{margin:0 16px 12px;background:#0f172a;border:1px dashed #334155;border-radius:8px;padding:10px 14px}.pra-preview-text-sm{font-size:12px;color:#94a3b8;line-height:1.3;white-space:pre-wrap;max-height:50px;overflow-y:auto}.pra-nav{display:grid;grid-template-columns:1fr 2fr;gap:12px;padding:0 16px 12px}.pra-nav-btn{border:none;border-radius:16px;padding:20px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;touch-action:manipulation;transition:transform .08s ease,filter .1s ease;-webkit-tap-highlight-color:transparent}.pra-nav-btn:active{transform:scale(.96);filter:brightness(1.2)}.pra-prev{background:#1e293b;color:#cbd5e1;border:1px solid #334155}.pra-prev:disabled{opacity:.4;cursor:not-allowed}.pra-next{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 6px 20px #6366f166}.pra-arrow{font-size:24px;line-height:1}.pra-lbl{font-size:14px;font-weight:800;letter-spacing:.05em}.pra-overrides{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 12px}.pra-ovr-btn{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 6px;font-size:11px;font-weight:800;color:#fff;cursor:pointer;text-align:center;transition:transform .08s ease;touch-action:manipulation}.pra-ovr-btn:active{transform:scale(.95)}.pra-slide-strip,.pra-setlist,.pra-stage-form{margin:0 16px 12px;background:#111827;border:1px solid #1f2937;border-radius:12px;padding:12px}.pra-strip-label{font-size:10px;font-weight:800;letter-spacing:.08em;color:#9ca3af;margin-bottom:8px}.pra-strip-buttons{display:flex;flex-wrap:wrap;gap:6px}.pra-strip-btn{width:38px;height:38px;background:#1f2937;color:#e5e7eb;border:1px solid #374151;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.pra-strip-btn.active{background:#6366f1;color:#fff;border-color:#818cf8;box-shadow:0 0 10px #6366f180}.pra-setlist-btn{width:100%;display:flex;align-items:center;gap:10px;background:#1f2937;border:1px solid #374151;border-radius:8px;padding:10px 12px;margin-bottom:6px;color:#f3f4f6;text-align:left;cursor:pointer}.pra-setlist-btn.active{background:#6366f133;border-color:#6366f1;color:#a5b4fc}.pra-setlist-num{font-size:11px;font-weight:800;color:#9ca3af;background:#111827;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pra-setlist-title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pra-stage-row{display:flex;gap:8px}.pra-stage-input{flex:1;background:#1f2937;border:1px solid #374151;border-radius:8px;padding:10px 12px;font-size:13px;color:#fff;outline:none}.pra-stage-send{background:#f59e0b;color:#000;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:800;cursor:pointer}