:root{color-scheme:dark;--bg: #0a0a0c;--fg: #f2f2f5;--muted: #8a8a96;--accent: #4dabf7}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;cursor:none;user-select:none}.fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.black{background:#000}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.media{object-fit:contain;background:#000}.brand{font-size:1.4rem;letter-spacing:.04em;color:var(--accent)}.pairing-label{font-size:1.5rem;color:var(--muted)}.pairing-code{font-size:clamp(4rem,18vw,14rem);font-weight:700;letter-spacing:.15em;font-variant-numeric:tabular-nums}.pairing-hint{font-size:1.1rem;color:var(--muted)}.pairing-meta{font-size:.9rem;color:#55555f;font-family:ui-monospace,monospace}.status-text{font-size:1.6rem}.status-text.error{color:#ff6b6b}.status-detail{font-size:1rem;color:var(--muted);max-width:70vw}.notice-overlay{position:fixed;left:0;right:0;bottom:0;padding:.75rem 1rem;background:rgba(0,0,0,.7);color:#fff;font-size:1rem;z-index:10}.idle-text{font-size:1.6rem;color:var(--muted)}.offline-badge{position:absolute;bottom:1rem;right:1rem;padding:.4rem .8rem;border-radius:.5rem;background:rgba(0,0,0,.6);color:#ffd43b;font-size:.85rem}