:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0f13;--panel:#171920;--border:#262a35;--text:#e8eaf0;--muted:#8b90a0;--accent:#7c9cff;--danger:#ff6b6b;--live:#3ddc97;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;margin:0}.app{max-width:760px;padding:max(16px, env(safe-area-inset-top)) 16px 32px;margin:0 auto}.header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.brand{letter-spacing:-.02em;font-size:22px;font-weight:700}.self{border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:flex}.self-input{color:var(--text);font:inherit;background:0 0;border:none;outline:none;width:12em}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;flex:none;width:22px;height:22px}.main{gap:28px;display:grid}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:600}.empty,.muted{color:var(--muted);margin:0 0 12px;line-height:1.5}.devices{gap:10px;margin:0;padding:0;list-style:none;display:grid}.device{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.device-info{align-items:center;gap:12px;display:flex}.device-name{font-weight:600}.device-meta{color:var(--muted);font-size:13px}.device-actions,.banner-actions,.share-buttons,.viewer-buttons{flex-wrap:wrap;gap:8px;display:flex}.button{color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;background:#232733;border-radius:10px;padding:9px 14px;font-size:14px;font-weight:500}.button:hover:not(:disabled){border-color:#3a4050}.button:disabled{opacity:.45;cursor:default}.button.primary{background:var(--accent);border-color:var(--accent);color:#0b1020}.button.danger{background:var(--danger);border-color:var(--danger);color:#1a0808}.banner{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.banner.attention{border-color:var(--accent)}.banner.live{border-color:var(--live)}.share{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}.share-body{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.qr{background:#fff;border-radius:10px;width:160px;height:160px;padding:4px}.qr svg{width:100%;height:100%;display:block}.share-controls{flex:1;gap:12px;min-width:220px;display:grid}.share-url{word-break:break-all;color:var(--muted);font-size:13px}.viewer{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer-video{object-fit:contain;width:100%;height:100%}.viewer-status{color:var(--muted);position:absolute}.viewer-controls{padding:16px 16px max(16px, env(safe-area-inset-bottom));opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000bf);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.viewer-controls.visible{opacity:1;pointer-events:auto}.viewer-title{font-weight:600}