:root{color-scheme:dark light;--bg: #0f0f12;--surface: #1a1a20;--border: #2a2a33;--text: #f4f4f5;--muted: #a1a1aa;--radius: 16px;--shadow: 0 8px 32px rgb(0 0 0 / 24%)}@media(prefers-color-scheme:light){:root{--bg: #f4f4f5;--surface: #ffffff;--border: #e4e4e7;--text: #18181b;--muted: #71717a;--shadow: 0 8px 24px rgb(0 0 0 / 8%)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}#app{min-height:100dvh;padding:max(.75rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left))}.header{margin:0 0 1rem}.title{margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em}.subtitle{margin:.25rem 0 0;color:var(--muted);font-size:.95rem}.camera-grid{display:grid;gap:.75rem;width:100%}.camera-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.camera-card__header{padding:.75rem .875rem;border-bottom:1px solid var(--border)}.camera-card__title{margin:0;font-size:1rem;font-weight:600}.camera-card__video{position:relative;aspect-ratio:6 / 5;background:#000}.camera-card__video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}