:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111114;--surface:#fff;--grouped:#f2f2f7;--secondary-surface:#f2f2f7;--text:#111114;--secondary-text:#6c6c72;--separator:#e5e5ea;--accent:#14b8b5;--accent-soft:#14b8b51a;--blue:#0b659f;--content-max:920px;background:#f2f2f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#1c1c1e;--grouped:#000;--secondary-surface:#2c2c2e;--text:#f5f5f7;--secondary-text:#a1a1a8;--separator:#38383a;--blue:#5ac8fa}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#1c1c1e;--grouped:#000;--secondary-surface:#2c2c2e;--text:#f5f5f7;--secondary-text:#a1a1a8;--separator:#38383a;--blue:#5ac8fa}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--grouped);color:var(--text);margin:0;overflow:hidden}button{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:#14b8b529}button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 70%, white);outline-offset:2px}.camera-page{background:var(--grouped);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.player-card{width:100%;max-width:var(--content-max);padding:12px max(16px, env(safe-area-inset-left)) 14px max(16px, env(safe-area-inset-right));background:var(--surface);flex:none;gap:12px;margin:0 auto;display:grid}.video-viewport{aspect-ratio:16/9;background:#000;border-radius:16px;width:100%;position:relative;overflow:hidden}.video-viewport video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.player-overlay{color:#fff;text-align:center;background:#00000061;place-content:center;justify-items:center;gap:10px;padding:20px;display:grid;position:absolute;inset:0}.player-overlay>svg{opacity:.65;width:28px;height:28px}.player-error{background:#000000b8}.player-error p{text-wrap:pretty;max-width:22rem;margin:0;font-size:.8125rem}.player-error button,.content-state button,.empty-state button{color:#fff;background:var(--accent);border:0;border-radius:10px;min-height:44px;padding:0 16px;font-weight:600}.fullscreen-button,.fullscreen-close{z-index:2;color:#fff;background:#00000094;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute}.fullscreen-button{bottom:8px;right:8px}.fullscreen-close{right:max(16px, env(safe-area-inset-right));top:max(16px, env(safe-area-inset-top));display:none}:-webkit-any(.video-viewport:fullscreen,.video-viewport:-webkit-full-screen){aspect-ratio:auto;border-radius:0;width:100vw;height:100dvh}:is(.video-viewport:fullscreen,.video-viewport:fullscreen){aspect-ratio:auto;border-radius:0;width:100vw;height:100dvh}:-webkit-any(.video-viewport:fullscreen video,.video-viewport:-webkit-full-screen video){object-fit:contain}:is(.video-viewport:fullscreen video,.video-viewport:fullscreen video){object-fit:contain}:-webkit-any(.video-viewport:fullscreen .fullscreen-button,.video-viewport:-webkit-full-screen .fullscreen-button){display:none}:is(.video-viewport:fullscreen .fullscreen-button,.video-viewport:fullscreen .fullscreen-button){display:none}:-webkit-any(.video-viewport:fullscreen .fullscreen-close,.video-viewport:-webkit-full-screen .fullscreen-close){display:grid}:is(.video-viewport:fullscreen .fullscreen-close,.video-viewport:fullscreen .fullscreen-close){display:grid}.weather-bar{background:var(--secondary-surface);min-height:54px;color:var(--secondary-text);border-radius:13px;align-items:center;gap:10px;padding:10px 12px;display:flex}.weather-temperature{color:var(--text);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:.9375rem;font-weight:600;display:inline-flex}.weather-temperature svg{color:#16bde1;width:28px;height:28px}.weather-rain{min-height:30px;color:var(--blue);font-variant-numeric:tabular-nums;background:#2488d81a;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:0 10px;font-size:.75rem;font-weight:600;display:inline-flex}.weather-unavailable{justify-content:center}.camera-list-section{background:var(--surface);flex-direction:column;flex:1;min-height:0;display:flex}.camera-list-header{z-index:1;min-height:45px;padding:7px max(16px, env(safe-area-inset-left));background:var(--grouped);justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.camera-list-header>div:first-child{align-items:baseline;gap:6px;min-width:0;display:flex}.camera-list-header h1{text-wrap:balance;margin:0;font-size:.9375rem}.camera-list-header span{color:var(--secondary-text);white-space:nowrap;font-size:.75rem}.scope-control{background:#7676801f;border-radius:9px;grid-template-columns:1fr 1fr;width:176px;padding:2px;display:grid}.scope-control button{min-height:30px;color:var(--text);background:0 0;border:0;border-radius:7px;font-size:.8125rem}.scope-control button[aria-pressed=true]{background:var(--surface);font-weight:600;box-shadow:0 1px 3px #00000024}.camera-list{min-height:0;padding:0 0 env(safe-area-inset-bottom);overscroll-behavior:contain;background:var(--surface);margin:0;list-style:none;overflow-y:auto}.camera-row{width:100%;min-height:56px;max-width:var(--content-max);padding:4px max(12px, env(safe-area-inset-right)) 4px max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--separator);margin:0 auto;display:flex}.camera-row.is-selected{background:var(--accent-soft)}.camera-select{min-width:0;min-height:48px;color:var(--text);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.camera-icon{width:36px;height:36px;color:var(--secondary-text);background:var(--secondary-surface);border-radius:10px;flex:none;place-items:center;display:grid}.is-selected .camera-icon{color:var(--accent);background:#14b8b524}.camera-icon svg{width:18px;height:18px}.camera-copy{gap:3px;min-width:0;display:grid}.camera-copy strong{overflow-wrap:anywhere;font-size:1rem;font-weight:400}.is-selected .camera-copy strong{font-weight:600}.camera-copy small{color:var(--secondary-text);font-size:.75rem}.favorite-button{width:44px;height:44px;color:var(--secondary-text);background:0 0;border:0;flex:none;place-items:center;display:grid}.favorite-button svg{width:20px;height:20px}.favorite-button:has(svg[fill=currentColor]){color:var(--accent)}.content-state,.empty-state{text-align:center;background:var(--grouped);min-height:220px;color:var(--secondary-text);flex:1;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid}.content-state h1,.empty-state h2{color:var(--text);text-wrap:balance;margin:0;font-size:1.1rem}.content-state p,.empty-state p{text-wrap:pretty;max-width:28rem;margin:0}.content-state>svg,.empty-state>svg{width:36px;height:36px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (hover:hover){.scope-control button:hover,.camera-select:hover,.favorite-button:hover{background:#76768017}.player-error button:hover,.content-state button:hover,.empty-state button:hover{background:color-mix(in srgb, var(--accent) 84%, black)}.fullscreen-button:hover,.fullscreen-close:hover{background:#000000c2}}@media (width<=370px){.camera-list-header{align-items:flex-start}.camera-list-header>div:first-child{padding-top:7px}.scope-control{width:164px}}@media (height<=32.5rem),(orientation:landscape){body{overflow:auto}.camera-page{height:auto;min-height:100dvh;overflow:visible}.camera-list-section{min-height:auto}.camera-list{overflow:visible}}@media (prefers-reduced-motion:reduce){.spinner{opacity:.65;border-right-color:currentColor;animation:none}*,:before,:after{scroll-behavior:auto!important}}