:root{font-family:Poppins,Inter,system-ui,sans-serif;color:#f8fafc;background:#0f172a;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.pairing-shell{min-height:100%;display:grid;place-items:center;padding:5vh 5vw;background:radial-gradient(circle at 20% 15%,#1f3b31,transparent 34%),radial-gradient(circle at 85% 80%,#263451,transparent 42%),#0f172a}.pairing-card{width:min(700px,90vw);padding:clamp(32px,5vw,68px);border:1px solid #334155;border-radius:22px;text-align:center;background:#0f172af0;box-shadow:0 30px 90px #0008}.pairing-logo{width:min(390px,70%);max-height:100px;object-fit:contain;margin-bottom:28px}h1{font-size:clamp(32px,4vw,52px);margin:0 0 12px}p{color:#cbd5e1;font-size:clamp(18px,2vw,24px);line-height:1.45}label{display:grid;gap:10px;text-align:left;color:#cbd5e1;font-weight:600;margin:32px 0 18px}input{min-height:58px;padding:0 18px;border:2px solid #475569;border-radius:10px;color:#fff;background:#111c30;outline:none}input:focus{border-color:#7cfc00;box-shadow:0 0 0 4px #7cfc0030}button{min-height:58px;padding:0 28px;border:0;border-radius:10px;background:#7cfc00;color:#0f172a;font-weight:800;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.pairing-pending{display:grid;gap:.65rem;padding:1rem;border:1px solid var(--color-warning, #f2b84b);border-radius:.5rem}.pairing-pending code{overflow-wrap:anywhere;user-select:all}.replacement-control{display:grid;gap:.65rem}.replacement-control label{display:flex;align-items:flex-start;gap:.55rem}.replacement-control input{width:auto;margin-top:.2rem}.eyebrow{margin:0;color:#7cfc00;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.pairing-code{margin:14px 0;font-size:clamp(64px,11vw,108px);font-weight:900;letter-spacing:.1em;font-variant-numeric:tabular-nums}.verification-url{color:#7cfc00}.waiting{display:inline-flex;gap:10px;align-items:center;margin-top:16px;color:#cbd5e1}.waiting i{width:12px;height:12px;border-radius:50%;background:#7cfc00;animation:pulse 1.5s infinite}.error{color:#fecaca;background:#7f1d1d66;padding:12px;border-radius:8px}footer{margin-top:36px;color:#64748b;font-size:14px}.playback{position:relative;width:100%;height:100%;background:#000}.playback>img,.playback>video,.playback>iframe{width:100%;height:100%;display:block;border:0;object-fit:contain}.emergency-template{position:absolute;inset:0;display:grid;place-content:center;gap:1.5rem;padding:8vw;text-align:center;color:#fff}.emergency-template-background{position:absolute;inset:0;width:100%;height:100%}.emergency-template>:not(.emergency-template-background){position:relative}.emergency-template p{margin:0;font-size:clamp(1rem,2vw,2rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.emergency-template h1{margin:0;font-size:clamp(3rem,9vw,9rem);line-height:.95}.emergency-template div{font-size:clamp(1.5rem,4vw,4rem);line-height:1.15}.status-pill,.emergency-label{position:absolute;z-index:5;padding:9px 15px;color:#f8fafc;border-radius:8px;font-size:16px;font-weight:800;letter-spacing:.02em;background:#0f172add}.status-pill{right:18px;bottom:18px}.emergency-label{top:18px;left:18px;background:#b91c1cee;text-transform:uppercase}.identify{position:absolute;inset:6%;z-index:9;display:flex;align-items:center;justify-content:center;gap:4vw;border:8px solid #7cfc00;border-radius:22px;background:#0f172af2}.identify img{width:min(25vw,300px)}.identify span,.identify strong{display:block}.identify span{color:#cbd5e1;font-size:3vw}.identify strong{color:#7cfc00;font-size:6vw}.boot,.fatal{height:100%;display:grid;place-content:center;justify-items:center;text-align:center;padding:5vw;background:#0f172a}.boot img,.fatal img{width:min(220px,30vw)}.boot span{color:#94a3b8}.fatal p{max-width:700px}@keyframes pulse{50%{opacity:.3;transform:scale(.75)}}@media(prefers-reduced-motion:reduce){.waiting i{animation:none}}
