*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#000;color:#fff;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.boot,.player,.pairing,.media-blank{width:100vw;height:100vh;background:#000}.player{position:relative;display:flex;align-items:center;justify-content:center}.media{width:100%;height:100%;object-fit:contain;background:#000}.idle{font-size:2rem;opacity:.6}.offline-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;border-radius:999px;background:#dc2626d9;font-size:.85rem;z-index:10}.pairing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center;padding:2rem}.pairing-title{font-size:2.5rem;font-weight:600}.pairing-hint{font-size:1.25rem;opacity:.7;max-width:32ch}.pairing-code{font-size:5rem;font-weight:700;letter-spacing:.5rem;font-variant-numeric:tabular-nums;padding:1rem 2rem;border:2px solid rgba(255,255,255,.2);border-radius:1rem}.pairing-code--loading{opacity:.4}.pairing-wait,.pairing-error{font-size:1rem;opacity:.6}.pairing-error{color:#f87171}.doorman-call{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:20;display:inline-flex;align-items:center;gap:.7rem;padding:.95rem 1.9rem;font-size:1.4rem;font-weight:700;letter-spacing:.01em;color:#111;border:none;border-radius:999px;cursor:pointer;background:#fff;box-shadow:0 12px 34px #00000073,0 0 #fff9;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,background .18s ease;animation:doorman-pulse 2.4s ease-out infinite}.doorman-call:hover{background:#f1f1f3;transform:translate(-50%) translateY(-2px) scale(1.03);box-shadow:0 16px 40px #0000008c}.doorman-call:active{transform:translate(-50%) scale(.97)}.doorman-call svg{flex-shrink:0}@keyframes doorman-pulse{0%{box-shadow:0 12px 34px #00000073,0 0 #ffffff8c}70%{box-shadow:0 12px 34px #00000073,0 0 0 20px #fff0}to{box-shadow:0 12px 34px #00000073,0 0 #fff0}}@media(prefers-reduced-motion:reduce){.doorman-call{animation:none}}.doorman-error{position:absolute;bottom:6.5rem;left:50%;transform:translate(-50%);z-index:21;padding:.5rem 1rem;border-radius:8px;background:#dc2626eb;color:#fff;font-size:1rem;max-width:80vw;text-align:center}