@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/hanken-grotesk-latin-400-normal-BG6hkEXj.woff2)format("woff2"),url(/assets/hanken-grotesk-latin-400-normal-CjyVwvJV.woff)format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/hanken-grotesk-latin-500-normal-DrDcrrxK.woff2)format("woff2"),url(/assets/hanken-grotesk-latin-500-normal-Bo-NxEKf.woff)format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/hanken-grotesk-latin-600-normal-CIXX6EOa.woff2)format("woff2"),url(/assets/hanken-grotesk-latin-600-normal-NEn2C4Q3.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}:root{--color-bg:#11161b;--color-surface:#182028;--color-surface-hover:#1f2831;--color-surface-raised:#2a343e;--color-border:#26303a;--color-text:#ebe7e0;--color-text-muted:#a0a8b0;--color-text-dim:#7c858e;--color-accent:#507186;--color-accent-hover:#5b7e94;--color-accent-soft:#50718647;--color-accent-text:#a9c3d2;--color-on-accent:#fff;--color-success:#5cc98a;--color-warning:#f0b35a;--color-danger:#e5484d;--color-lit:#f7c948;--color-vipps:#ff5b24;--radius-lg:22px;--radius:18px;--radius-sm:10px;--gap:16px;--gap-sm:8px;--gap-lg:24px;--font:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Cascadia Code", "Consolas", monospace;--text-xs:.7rem;--text-sm:.8rem;--text-md:.875rem;--text-lg:1.1rem;--text-xl:1.5rem;--transition:.15s ease;--ctl-h:34px;--glass:#11161b8c;--footer-h:0px}@media (width<=900px){:root{--ctl-h:44px;--footer-h:calc(76px + env(safe-area-inset-bottom))}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100svh;line-height:1.5}#app{flex-direction:column;min-height:100svh;display:flex}#view{padding:var(--gap);flex:1;width:100%;max-width:1440px;margin:0 auto}#view.view-wide{max-width:none;padding:8px 32px 32px}@media (width<=1200px){#view.view-wide{padding:8px 16px 20px}}.section-title{font-size:var(--text-lg);color:var(--color-text);margin:0 0 12px;font-weight:600;line-height:1.3}img{max-width:100%;display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,select{font:inherit;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px}input:focus,select:focus{outline:2px solid var(--color-accent);outline-offset:-1px}@media (width<=900px){#view{padding:var(--gap-sm)}}@media (width<=560px){#view.view-edge{padding-left:0;padding-right:0}}.shimmer{background-image:linear-gradient(135deg,#94a3b82e,#94a3b80d 55%,#0f111700);box-shadow:inset 0 0 0 1px #94a3b81f}.shimmer:after{content:"";background:linear-gradient(100deg,#0000 35%,#ffffff0f 50%,#0000 65%) 0 0/220% 100%;animation:1.8s ease-in-out infinite shimmer-sweep;position:absolute;inset:0}@keyframes shimmer-sweep{0%{background-position:180% 0}to{background-position:-100% 0}}.card{background:var(--color-surface);border-radius:var(--radius);padding:var(--gap);border:1px solid #0000}.card-clickable:hover{border-color:var(--color-surface-raised)}.card-clickable{cursor:pointer;transition:border-color var(--transition)}.card-value{font-size:var(--text-xl);font-weight:700;font-family:var(--font-mono)}.card-label{font-size:var(--text-sm);color:var(--color-text-muted)}.badge{font-size:var(--text-xs);background:#00000073;border-radius:9999px;align-items:center;gap:4px;padding:1px 7px;font-weight:500;display:inline-flex}.badge-online{color:var(--color-success)}.badge-offline{color:var(--color-danger)}.badge-warning{color:var(--color-warning)}.badge-unknown{color:var(--color-text-dim)}.badge-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.btn{border-radius:var(--radius-sm);font-size:var(--text-md);transition:background var(--transition);align-items:center;gap:6px;padding:6px 14px;font-weight:500;display:inline-flex}.btn-ghost{border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-surface-hover)}.btn-active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-live,.btn-live-off{--pill-bg:var(--glass);background:var(--pill-bg);-webkit-backdrop-filter:blur(8px);height:var(--ctl-h);font-size:var(--text-xs);border:1px solid #0000;border-radius:9999px;padding:0 13px;font-weight:600}.btn-live{--pill-bg:#11161b99;color:var(--color-text);border-color:#7896aacc}.btn-live:hover{background-color:#11161bcc}.btn-live.btn-live-down{--pill-bg:#e5484deb;color:#fff;border-color:#0000}.btn-live.btn-live-down:hover{background-color:#e5484d}.btn-live-off{color:var(--color-text)}.btn-live-off .badge-dot,.live-jump{display:none}.btn-live-off .live-jump{width:12px;height:12px;display:inline-flex}.btn-live-off:hover{color:var(--color-text);background-color:#11161bbf}.btn-live .badge-dot,.btn-live-off .badge-dot{background:radial-gradient(circle,currentColor 3px,#0000 3.5px);border-radius:0;width:12px;height:12px}.live-label{display:inline-grid}.live-label>span{text-align:center;grid-area:1/1}.live-label>[hidden]{visibility:hidden;display:block}.cam-stamp.cam-stamp-down .badge-dot,.btn-live.btn-live-down .badge-dot,.device-card-state.badge-offline .badge-dot{--warn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M10.3 3.2a2 2 0 0 1 3.4 0l9 15.6A2 2 0 0 1 21 21.8H3a2 2 0 0 1-1.7-3L10.3 3.2zM11 9h2v6h-2zM12 16.4a1.3 1.3 0 1 0 0 2.6 1.3 1.3 0 0 0 0-2.6z'/%3E%3C/svg%3E");width:12px;height:12px;-webkit-mask:var(--warn) center / contain no-repeat;-webkit-mask:var(--warn) center / contain no-repeat;mask:var(--warn) center / contain no-repeat;background:currentColor;border-radius:0}.cam-stamp.cam-stamp-down .badge-dot,.btn-live.btn-live-down .badge-dot{color:#fff}.tab-group{background:var(--color-surface);border-radius:9999px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.tab{font-size:var(--text-md);color:var(--color-text-muted);transition:all var(--transition);border-radius:9999px;align-items:center;gap:8px;padding:7px 16px;font-weight:500;display:inline-flex}.tab:hover{color:var(--color-text);background:var(--color-surface-hover)}.tab-active,.tab-active:hover{background:var(--color-accent-soft);color:var(--color-accent-text)}@media (width<=900px){.tab{padding:6px 12px}}.nav{align-items:center;gap:14px;min-height:76px;padding:10px 32px;display:flex}.nav-brand{font-weight:600;font-size:var(--text-lg);color:var(--color-text);white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.nav-brand img{box-sizing:content-box;background:var(--color-surface);border-radius:12px;padding:7px}@media (width<=1200px){.nav{padding:10px 16px}}@media (width<=900px){.nav{min-height:60px;padding:8px 16px}.nav-brand{font-size:var(--text-md)}.nav-brand img{padding:6px}}a.nav-brand:hover{color:var(--color-text);text-decoration:none}.nav-slot{scrollbar-width:none;align-items:center;min-width:0;margin-left:18px;display:flex;overflow-x:auto}.nav-slot::-webkit-scrollbar{display:none}.nav-slot .cam-tabs{background:0 0;border-radius:0;flex-wrap:nowrap;gap:4px;padding:0}.nav-slot .cam-tab{height:44px;color:var(--color-text-dim);border-bottom:2px solid #0000;border-radius:0;padding:0 14px}.nav-slot .cam-tab:hover{color:var(--color-text);background:0 0}.nav-slot .cam-tab-active,.nav-slot .cam-tab-active:hover{color:var(--color-text);border-bottom-color:var(--color-accent-hover);background:0 0;font-weight:500}.nav-slot .viewer-groups{display:none}.nav-slot .cam-tab-back{padding:0 12px}.nav-status{align-items:center;gap:var(--gap-sm);min-width:0;margin-left:auto;display:flex}.nav-offline{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);background:var(--color-surface);border-radius:9999px;padding:6px 12px;overflow:hidden}.nav-meta{white-space:nowrap;font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:nowrap;align-items:center;gap:14px;display:flex}.sponsor-ask{font-weight:500}@media (width>=901px) and (width<=1080px){.nav-meta .sponsor-ask{display:none}.nav{gap:10px}.nav-slot{margin-left:6px}}.vipps-wrap{display:inline-flex;position:relative}.vipps-qr-pop{z-index:50;background:var(--color-surface);border-radius:var(--radius);opacity:0;visibility:hidden;width:max-content;max-width:calc(100vw - 20px);padding:10px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-4px)scale(.97);box-shadow:0 16px 40px #00000073}.vipps-qr-pop.open{opacity:1;visibility:visible;transform:none}.vipps-qr-pop img{aspect-ratio:1;border-radius:var(--radius-sm);width:176px;height:auto;display:block}.ico{align-items:center;display:inline-flex}.meta-btn{background:var(--color-surface);height:38px;color:var(--color-text-muted);font-size:var(--text-md);white-space:nowrap;transition:color var(--transition), background var(--transition);border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-weight:500;display:inline-flex}.meta-btn:hover{color:var(--color-text);background:var(--color-surface-hover);text-decoration:none}.footer{padding:8px 12px;padding-bottom:max(18px, env(safe-area-inset-bottom));background:var(--color-bg);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin-top:auto;display:flex}.footer a:not(.meta-btn):not(.vipps-btn){color:var(--color-text)}.vipps-btn{background:var(--color-vipps);height:38px;font-weight:600;font-size:var(--text-md);white-space:nowrap;transition:background var(--transition);border-radius:999px;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;color:#fff!important}.vipps-btn:hover{background:#e64d1a;text-decoration:none}.vipps-cheer .vipps-btn{animation:.9s ease-out 3 vipps-pulse}.vipps-cheer .vipps-btn:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffffa6 50%,#0000 65%) 0 0/250% 100%;animation:.9s ease-in-out 3 vipps-sheen;position:absolute;inset:0}@keyframes vipps-sheen{0%{background-position:180% 0}to{background-position:-80% 0}}@keyframes vipps-pulse{0%{box-shadow:0 0 #ff5b248c}to{box-shadow:0 0 0 10px #ff5b2400}}@media (prefers-reduced-motion:reduce){.vipps-cheer .vipps-btn,.vipps-cheer .vipps-btn:after{animation:none}}.footer-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}@media (width<=900px){.footer{height:var(--footer-h);padding:8px 10px calc(8px + env(safe-area-inset-bottom));font-size:clamp(.66rem, 3vw, var(--text-md));background:0 0;flex-wrap:nowrap;gap:clamp(6px,2vw,12px)}#app.bar-pinned .footer{z-index:60;pointer-events:none;margin-top:0;position:fixed;bottom:0;left:0;right:0}.footer-bar{-webkit-backdrop-filter:blur(12px);pointer-events:auto;background:#1d252df0;border-radius:9999px;flex:1;align-items:center;gap:clamp(6px,2vw,10px);min-width:0;height:100%;padding:0 8px 0 clamp(10px,4vw,16px);display:flex;box-shadow:0 4px 24px #0000008c,0 0 0 1px #ffffff0d}.footer-bar .sponsor-ask{flex:auto}.footer .sponsor-ask{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.footer .vipps-btn,.footer .footer-meta{flex:none}.footer-meta{gap:10px}.footer .vipps-btn,.footer .meta-btn{height:44px;font-size:inherit;padding:0 clamp(10px,3.5vw,16px)}.footer .meta-btn{background:var(--color-surface-raised);color:var(--color-text)}#app.bar-pinned{padding-bottom:var(--footer-h)}#app.bar-pinned #view{padding-bottom:4px}.nav-meta{display:none}}@media (width>=901px){.footer{display:none}}@media (width<=900px){.nav-slot,#app.viewing .nav-brand-name{display:none}#app.viewing .nav{gap:6px}#app.viewing .nav-slot{flex:1;min-width:0;margin-left:4px;display:flex}#app.viewing .nav-slot .nav-groups{display:none}#app.viewing .nav-slot .viewer-groups{flex:1;min-width:0;display:block}}.cam-group{margin-top:40px}.cam-group:first-child{margin-top:0}.cam-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.cam-band{display:contents}@media (width>=901px){.cam-band{grid-template-columns:1fr 1fr;gap:20px;display:grid}.cam-band .cam-group{margin-top:0}.cam-band .cam-group:first-child .cam-grid{grid-template-columns:1fr}.cam-band .cam-group:last-child{flex-direction:column;height:0;min-height:100%;display:flex}.cam-band .cam-group:last-child .cam-grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:repeat(2,1fr);min-height:0}.cam-band .cam-group:last-child .cam-thumb{aspect-ratio:auto;min-height:0}}.cam-thumb{aspect-ratio:var(--cam-w,16) / var(--cam-h,9);border-radius:var(--radius);background-color:var(--color-surface);cursor:pointer;position:relative;overflow:hidden}@media (width>=901px){.cam-band .cam-group:first-child .cam-thumb{border-radius:var(--radius-lg)}}.cam-thumb img{z-index:1;object-fit:cover;width:100%;height:100%;transition:transform .3s;position:relative}.cam-thumb:active img{transform:scale(.99)}.cam-thumb-label{z-index:2;box-sizing:border-box;background:var(--glass);-webkit-backdrop-filter:blur(8px);max-width:calc(100% - 20px);min-height:30px;font-size:var(--text-md);border-radius:15px;align-items:center;gap:6px;padding:5px 12px;font-weight:500;line-height:1.25;display:flex;position:absolute;bottom:10px;left:10px}.cam-thumb-label:after{content:"›";color:var(--color-text);flex:none;font-size:1.2em;line-height:1;transition:transform .3s}@media (hover:hover){.cam-thumb:hover .cam-thumb-label:after{transform:translate(4px)}}.cam-thumb-status{z-index:2;position:absolute;top:10px;right:10px}@keyframes stamp-flash{0%{background-color:#5cc98a6b;box-shadow:0 0 #5cc98a66}to{background-color:var(--pill-bg);box-shadow:0 0 0 8px #5cc98a00}}.cam-stamp.stamp-flash,.btn-live.stamp-flash{animation:1s ease-out stamp-flash}.cam-stamp{--pill-bg:var(--glass);font-family:var(--font-mono);color:var(--color-text);background:var(--pill-bg);-webkit-backdrop-filter:blur(8px);border:1px solid #0000;gap:6px;padding:3px 9px;font-weight:400}.cam-stamp .badge-dot{background:radial-gradient(circle,currentColor 3px,#0000 3.5px);border-radius:0;width:12px;height:12px}.cam-stamp-down{--pill-bg:#e5484deb;color:#fff}.webcam-view{flex-direction:column;gap:6px;display:flex}.webcam-image-container{--cam-w:16;--cam-h:9;aspect-ratio:var(--cam-w) / var(--cam-h);touch-action:pan-y pinch-zoom;width:min(100%, calc((100svh - var(--viewer-chrome,350px)) * var(--cam-w) / var(--cam-h)));background:var(--color-surface);border-radius:var(--radius-lg);margin:0 auto;position:relative;overflow:hidden}.viewer-original{z-index:2;background:var(--glass);-webkit-backdrop-filter:blur(8px);height:32px;font-size:var(--text-sm);color:var(--color-text);transition:background var(--transition);border-radius:9999px;align-items:center;gap:7px;padding:0 13px;display:inline-flex;position:absolute;bottom:14px;right:14px}.viewer-original:hover{background:#11161bbf}.webcam-image-container img{object-fit:contain;width:100%;height:100%;display:block}.viewer-loading{z-index:3;opacity:0;visibility:hidden;background-color:#11161b8c;transition:opacity .25s,visibility .25s;position:absolute;inset:0}.viewer-loading.is-loading{opacity:1;visibility:visible}.viewer-empty{color:var(--color-text-dim);font-size:var(--text-md);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.timeline{background:var(--color-surface);border-radius:var(--radius-lg);padding:14px 18px}@media (width>=901px){#view.view-viewer{padding-top:0;padding-bottom:14px}.view-viewer .viewer-top{margin-top:-3px}.view-viewer .webcam-view{gap:0}.view-viewer .timeline{margin-top:16px}}.timeline-track{background:var(--color-bg);border-radius:var(--radius-sm);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;height:34px;position:relative}.timeline-thumb{background:var(--color-text);pointer-events:none;border-radius:2px;width:4px;height:calc(100% - 8px);margin-left:-1px;position:absolute;top:4px;box-shadow:0 0 0 2px #11161b80}.timeline-labels{font-size:var(--text-xs);color:var(--color-text-dim);font-family:var(--font-mono);justify-content:space-between;margin-top:6px;padding:0 2px;display:flex}.timeline-nav{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.tl-group-range{margin-left:auto}.tl-group{align-items:center;gap:var(--gap-sm);display:flex}.timeline-status{z-index:2;align-items:center;gap:var(--gap-sm);display:flex;position:absolute;top:10px;right:10px}.timeline-clock{--pill-bg:var(--glass);height:var(--ctl-h);font-family:var(--font-mono);font-weight:500;font-size:var(--text-sm);background:var(--pill-bg);-webkit-backdrop-filter:blur(8px);border-radius:9999px;align-items:center;padding:0 13px;display:inline-flex}.timeline-speed-value{min-width:62px;font-size:var(--text-sm);font-family:var(--font-mono);justify-content:center;align-items:center;display:inline-flex}.speed-nav .btn{min-width:34px;color:var(--color-text-muted);border-radius:9999px;justify-content:center;padding:0 10px}.speed-nav .btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.speed-nav .btn:disabled{color:var(--color-surface-raised);cursor:default}@keyframes speed-nudge{0%{box-shadow:0 0 #f0b35a8c}to{box-shadow:0 0 0 8px #f0b35a00}}.speed-nav.nudge{animation:.9s ease-out 2 speed-nudge}.timeline-meta{font-size:var(--text-xs);color:var(--color-text-dim);white-space:nowrap;justify-content:flex-start;align-items:center;gap:6px;margin:10px 18px 0;display:flex}.timeline-meta-sep{opacity:.6}.timeline-nav .timeline-meta{margin:0 0 0 4px}.timeline-nav .timeline-meta-sep{display:none}.tl-group-range .timeline-count{font-size:var(--text-xs);color:var(--color-text-dim);white-space:nowrap;margin-right:2px}.status-row{display:none}@media (width<=900px){.status-row{justify-content:flex-end;display:flex}.status-row .timeline-status{position:static}.timeline{padding:14px}.tl-group-range{margin-left:0}.timeline-nav{flex-direction:column;align-items:stretch}.tl-group{width:100%}.tl-group .date-nav{flex:1;min-width:0}.timeline .date-nav .btn{flex:none;padding:0 22px}.timeline-date,.timeline-year{text-align:center;flex:1;justify-content:center}.transport{flex:1}.transport .btn{flex:1;justify-content:center}.tl-group-speed{justify-content:center}.tl-group-speed .speed-nav{flex:0 0 calc(50% - 4px);justify-content:space-between}.tl-group-speed .timeline-speed-value{flex:1}.webcam-image-container{width:min(100%, calc((100svh - 420px) * var(--cam-w) / var(--cam-h)))}}.date-nav,.transport,.speed-nav,.timeline .tab-group{height:var(--ctl-h);background:var(--color-bg);box-sizing:content-box;border-radius:9999px;align-items:stretch;gap:2px;padding:3px;display:inline-flex}.timeline .tab-active,.timeline .tab-active:hover{background:var(--color-surface-raised);color:var(--color-text)}.date-nav{position:relative}.timeline .tab{align-items:center;padding:0 12px;display:inline-flex}.date-nav .btn,.transport .btn{min-width:36px;color:var(--color-text-muted);border-radius:9999px;justify-content:center;padding:0 10px}.date-nav .btn:hover,.transport .btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.transport .btn svg{display:block}.transport .btn-active{background:var(--color-accent);color:var(--color-on-accent)}.transport .btn:hover.btn-active{background:var(--color-accent-hover);color:var(--color-on-accent)}.transport .is-buffering{opacity:.5}.timeline-date{white-space:nowrap;height:100%;font-family:var(--font-mono);font-size:var(--text-md);background:var(--color-surface);border-radius:9999px;padding:0 12px}.timeline-date-native{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute}.timeline-year{height:100%;font-family:var(--font-mono);font-size:var(--text-md);align-items:center;padding:0 6px;display:inline-flex}.viewer-top{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:14px;display:flex}.viewer-title{font-size:var(--text-lg);margin-bottom:10px;font-weight:600;line-height:1.3}.viewer-groups{display:none}.cam-picker{max-width:100%;display:flex}.cam-tabs{background:var(--color-surface);border-radius:9999px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;display:flex}.cam-tab{height:34px;font-size:var(--text-md);white-space:nowrap;color:var(--color-text-muted);transition:color var(--transition), background var(--transition);border-radius:9999px;align-items:center;gap:8px;padding:0 16px;font-weight:500;display:inline-flex}.cam-tab:hover{color:var(--color-text);background:var(--color-surface-hover)}.cam-tab-back{padding:0 12px;font-size:1.2em}.cam-tab-active,.cam-tab-active:hover{background:var(--color-accent);color:var(--color-on-accent);font-weight:600}.tab-sub{font-size:var(--text-sm);opacity:.72;font-weight:400}@media (width<=900px){.viewer-top{align-items:stretch;gap:10px;margin-bottom:4px}.status-row .timeline-clock,.status-row .btn-live,.status-row .btn-live-off{height:34px}#view.view-viewer{padding-top:4px}.viewer-groups{display:block}.viewer-groups .cam-tabs{border-bottom:1px solid var(--color-border);background:0 0;border-radius:0;flex-wrap:nowrap;gap:0;padding:0}.viewer-groups .cam-tab-back{display:none}.viewer-groups .cam-tab{white-space:normal;text-align:center;min-width:0;height:auto;min-height:44px;color:var(--color-text-dim);border-bottom:2px solid #0000;border-radius:0;flex:1 1 0;justify-content:center;margin-bottom:-1px;padding:6px;line-height:1.15}.viewer-groups .cam-tab:hover{background:0 0}.viewer-groups .cam-tab-active,.viewer-groups .cam-tab-active:hover{color:var(--color-text);border-bottom-color:var(--color-accent-hover);background:0 0}.cam-tabs-cams{background:0 0;border-radius:0;gap:6px;padding:0}.cam-tabs-cams .cam-tab{white-space:nowrap;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;height:auto;min-height:40px;padding:5px 13px;line-height:1.2}.cam-tabs-cams .cam-tab-active,.cam-tabs-cams .cam-tab-active:hover{background:var(--color-accent-soft);color:var(--color-accent-text)}.cam-tabs-cams .tab-sub{font-size:var(--text-xs)}}.viewer-credit{z-index:2;background:var(--glass);-webkit-backdrop-filter:blur(8px);max-width:calc(100% - 160px);height:32px;font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:9999px;align-items:center;gap:6px;padding:0 13px;display:inline-flex;position:absolute;bottom:14px;left:14px;overflow:hidden}.viewer-credit a{color:var(--color-text)}.viewer-credit-sep{opacity:.6}@media (width<=900px){.viewer-caption{align-items:center;gap:10px;margin:4px 18px 0;display:flex}.viewer-caption .viewer-original{background:var(--color-surface);flex:none;height:30px;margin-left:auto;position:static}.viewer-credit{-webkit-backdrop-filter:none;white-space:normal;background:0 0;flex-wrap:wrap;max-width:none;height:auto;margin:0;padding:0;display:flex;position:static}}@media (width<=360px){.timeline .date-nav .btn{padding:0 12px}}@media (width<=560px){.viewer-caption{margin-left:12px;margin-right:12px}.viewer-original{justify-content:center;width:30px;padding:0}.viewer-original span{display:none}}.page-section{margin-top:var(--gap-lg)}.page-section>.page-section-lead{padding-left:12px;padding-right:12px}.page-section:first-child{margin-top:var(--gap-lg)}.status-split{margin-top:var(--gap-sm)}.about-columns{gap:var(--gap);display:grid}.about-col{gap:var(--gap);flex-direction:column;display:flex}.about-col>.page-section{margin-top:0}@media (width>=1200px){.about-columns{grid-template-columns:1fr 1fr;align-items:start}}.page-section .viewer-title{margin-bottom:var(--gap-sm)}.subsection-title{font-size:var(--text-md);margin-bottom:var(--gap-sm);font-weight:700}.status-subsection+.status-subsection{margin-top:var(--gap-lg)}.device-cards,.device-cards-part{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}@media (width<=1500px){.device-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.device-cards{grid-template-columns:1fr}}.device-cards-part{display:contents}.device-card:has(.device-card-detail){grid-column:1/-1}.device-card{cursor:pointer;transition:border-color var(--transition), background var(--transition);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.device-card.is-linked{border-color:var(--color-accent);background:var(--color-surface-hover)}.device-card.is-selected{border-color:var(--color-accent);background:var(--color-surface-hover);box-shadow:0 0 0 1px var(--color-accent)}.device-card-kind{color:var(--color-text-dim);flex:none}.device-card-state{font-size:var(--text-xs);border:1px solid;border-radius:9999px;flex:none;align-items:center;gap:6px;padding:1px 8px;font-weight:500;display:inline-flex}.device-card-state.badge-online{background:#5cc98a24}.device-card-state.badge-unknown{background:#64748b1f}.device-card-state.badge-offline{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.device-card-state.badge-offline .badge-dot{color:#fff}.device-card-head{font-size:var(--text-sm);align-items:center;gap:8px;font-weight:600;display:flex}.device-card-title{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.device-card-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.device-card-group{border:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-dim);border-radius:9999px;flex:none;padding:1px 8px;font-weight:500}.device-card-foot{justify-content:space-between;align-items:center;gap:var(--gap-sm);margin-top:4px;display:flex}.device-card-when{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.device-card-readings,.device-card-meters{align-items:center;gap:10px;display:inline-flex}.device-card-detail{border-top:1px solid var(--color-border);gap:2px var(--gap-lg);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;margin-top:8px;padding-top:6px;display:grid}.device-card-detail:has(.device-detail-group){row-gap:var(--gap)}@media (width<=700px){.device-card-detail{grid-template-columns:1fr}}.device-detail-group-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);padding:3px 0;font-weight:600}.device-card-detail>.status-log-details{margin-top:var(--gap-sm);grid-column:1/-1}.device-card-detail .device-detail-row{font-size:var(--text-xs);padding:3px 0}.device-card-detail .device-detail-row:first-child{border-top:none}.meter-battery{color:var(--color-text-dim);align-items:center;display:inline-flex;position:relative}.meter-battery.warning{color:var(--color-warning)}.meter-battery.critical{color:var(--color-danger)}.meter-battery-body{border:1.5px solid;border-radius:2px;width:22px;height:11px;display:block;position:relative}.meter-battery-fill{background:currentColor;border-radius:1px;transition:width .4s;position:absolute;top:1.5px;bottom:1.5px;left:1.5px}.meter-battery-tip{background:currentColor;border-radius:0 1px 1px 0;width:2px;height:5px;margin-left:1.5px}.meter-signal{height:12px;color:var(--color-success);align-items:flex-end;gap:2px;display:inline-flex}.meter-signal.weak{color:var(--color-warning)}.meter-battery.stale,.meter-signal.stale{color:var(--color-text-dim)}.meter-signal-bar{background:var(--color-border);border-radius:1px;width:3px}.meter-signal-bar.lit{background:currentColor}.status-split{gap:var(--gap);margin-bottom:var(--gap-lg);grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;display:grid}.status-split>.status-main{grid-column:span 3;min-width:0}.status-split>.device-map-box{grid-column:span 3}@media (width<=1200px){.status-split{grid-template-columns:1fr}.status-split>.status-main,.status-split>.device-map-box{grid-column:auto}}.device-map-box{align-self:stretch;min-height:360px;padding:0;overflow:hidden}.device-map{background:#0c1119;width:100%;height:100%;position:relative;overflow:hidden}@media (width>=1201px){.status-split>.device-map-box{margin-top:calc(var(--text-lg) * 1.5 + var(--gap-sm))}}.device-map-plot{width:100%;position:absolute;top:0;left:0}@media (width<=1200px){.device-map-box{min-height:0}.device-map{height:auto}.device-map-plot{position:static}}.map-sheet{width:100%;height:auto;display:block}.map-water{fill:#22415e;stroke:#22415e;stroke-width:1px}.map-river,.map-road,.map-tunnel{fill:none;stroke-linecap:round;stroke-linejoin:round}.map-river{stroke:#22415e;stroke-width:1.6px}.map-road{stroke:#39435a;stroke-width:1.8px}.map-tunnel{stroke:#39435a;stroke-width:1.8px;stroke-dasharray:7 5;opacity:.6}.map-pin{left:var(--x);top:var(--y);cursor:pointer;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.map-pin:focus-visible{outline:none}.map-pin-dot{width:10px;height:10px;transition:transform var(--transition);border-radius:50%;flex:none;box-shadow:0 0 0 2px #0c1119}.map-pin.online .map-pin-dot{background:var(--color-success)}.map-pin.offline .map-pin-dot{background:var(--color-danger)}.map-pin.unknown .map-pin-dot{background:var(--color-text-dim)}.map-pin:hover .map-pin-dot,.map-pin.is-linked .map-pin-dot,.map-pin.is-selected .map-pin-dot{transform:scale(1.4)}.map-pin.is-selected .map-pin-dot{box-shadow:0 0 0 2px #0c1119, 0 0 0 4px var(--color-accent)}.map-pin-shot{margin-bottom:5px;line-height:0;display:block}.map-pin-thumb{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:260px;max-width:none;height:auto;display:block}.map-pin-thumb:not([src]){display:none}.map-pin-tip{white-space:nowrap;border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text);opacity:0;visibility:hidden;transform-origin:0 0;transition:opacity var(--transition), transform var(--transition), visibility 0s var(--transition);pointer-events:none;background:#080c12eb;flex-direction:column;padding:4px 8px;font-size:11px;line-height:1.3;text-decoration:none;display:flex;position:absolute;top:50%;left:14px;transform:scale(.88)}.map-pin.flip .map-pin-tip{transform-origin:100% 0;left:auto;right:14px}.map-pin.flip-up .map-pin-tip{transform-origin:0 100%;top:auto;bottom:50%}.map-pin.flip.flip-up .map-pin-tip{transform-origin:100% 100%}.map-pin-name{align-items:center;gap:6px;display:flex}.map-pin-tag{border-radius:var(--radius-sm);background:color-mix(in srgb, currentColor 12%, transparent);color:var(--color-text-muted);border:1px solid;flex:none;padding:0 5px;font-size:10px;font-weight:600}.map-pin-tag.lit{color:var(--color-lit)}.map-pin-open{color:var(--color-text);flex:none;margin-left:auto;font-size:1.2em;font-weight:700;line-height:1;transition:transform .3s}@media (hover:hover){a.map-pin-tip:hover .map-pin-open{transform:translate(4px)}}.map-pin:focus-visible .map-pin-tip,.map-pin.is-selected .map-pin-tip{opacity:1;visibility:visible;transition:opacity var(--transition), transform var(--transition), visibility 0s;transform:none}@media (prefers-reduced-motion:reduce){.map-pin-tip{transform:none}}.map-pin:focus-visible a.map-pin-tip,.map-pin.is-selected a.map-pin-tip{pointer-events:auto;cursor:pointer}a.map-pin-tip:hover{text-decoration:none}.map-pin:hover,.map-pin:focus-visible,.map-pin.is-selected,.map-pin.is-linked{z-index:1}.map-pin-group{color:var(--color-text-muted)}.map-scale{padding-left:calc(var(--bar) + 6px);font-size:var(--text-xs);color:var(--color-text-muted);border-left:1px solid var(--color-text-muted);position:absolute;bottom:12px;left:12px}.map-scale:before{content:"";width:var(--bar);border-bottom:1px solid var(--color-text-muted);position:absolute;bottom:0;left:0}.map-credit{font-size:var(--text-xs);color:var(--color-text-dim);position:absolute;bottom:10px;right:10px}.lead-card{padding:var(--gap) 12px}.lead-card .page-section-lead:last-child{margin-bottom:0}.page-section-lead a{color:var(--color-text);text-decoration:underline}.licence{flex-wrap:wrap;align-items:baseline;gap:2px 6px;display:flex}.licence b{color:var(--color-text)}.licence-term:before{content:"·";color:var(--color-text-dim);margin-right:6px}.licence-note{padding-top:var(--gap-sm);border-top:1px solid var(--color-border)}.lead-mail{white-space:nowrap}.page-section-lead{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--gap);line-height:1.55}.lamp-indicator{background:var(--color-bg);border:2px solid var(--color-border);border-radius:50%;flex:none;width:22px;height:22px;transition:background .4s,border-color .4s,box-shadow .4s}.lamp-indicator.lamp-on{background:radial-gradient(circle at 35% 30%,#fff3cf,#f7c948 55%,#d9971c);border-color:#f7c948;box-shadow:0 0 18px #f7c94880,0 0 60px #f7c94833}.status-lamp-row{align-items:center;gap:8px;display:flex}.status-lamp-state{font-size:var(--text-lg);font-weight:700;font-family:var(--font-mono)}.status-badge-row{align-items:center;gap:8px;display:flex}.status-log-details>summary{cursor:pointer;list-style:none}.status-log-details>summary::-webkit-details-marker{display:none}.status-log-details>summary:before{content:"▸ ";transition:transform var(--transition);display:inline-block}.status-log-details[open]>summary:before{content:"▾ "}.device-card-label{border-radius:var(--radius-sm);background:color-mix(in srgb, currentColor 12%, transparent);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-text-muted);border:1px solid;flex:none;padding:1px 6px;font-weight:600}.ico.lamp-lit{color:var(--color-lit);filter:drop-shadow(0 0 5px #f7c948a6)}.meter-temperature{border:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text);border-radius:9999px;flex:none;align-items:center;padding:1px 8px;font-weight:500;display:inline-flex}.meter-temperature.stale{color:var(--color-text-dim)}.status-log{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);max-height:360px;font-family:var(--font-mono);font-size:var(--text-xs);padding:8px 10px;line-height:1.5;overflow-y:auto}.status-log:empty:before{content:"Ingen loggliner enno";color:var(--color-text-muted)}.status-log-row{align-items:baseline;gap:8px;display:flex}.status-log-time{color:var(--color-text-dim);flex:none}.status-log-level{width:2.9em;color:var(--color-text-muted);flex:none;font-weight:600}.status-log-level.l-info{color:var(--color-success)}.status-log-level.l-warn{color:var(--color-warning)}.status-log-level.l-fail,.status-log-level.l-crit{color:var(--color-danger)}.status-log-msg{overflow-wrap:anywhere}.device-detail-row{justify-content:space-between;gap:var(--gap-sm);font-size:var(--text-sm);border-bottom:1px solid var(--color-border);padding:4px 0;display:flex}.device-detail-row:last-child{border-bottom:none}.device-detail-label{color:var(--color-text-muted)}.device-detail-value.is-well{color:var(--color-success)}.device-detail-value.is-unwell{color:var(--color-warning)}.device-detail-value{font-family:var(--font-mono);text-align:right;font-weight:500}@media (width<=900px){.cam-grid{grid-template-columns:1fr 1fr;gap:10px}}@media (width<=560px){.cam-grid{grid-template-columns:1fr;gap:8px}.cam-thumb{border-radius:0}.cam-thumb.shimmer,.webcam-image-container.shimmer{box-shadow:none}.cam-group .section-title,.viewer-top{padding-left:12px;padding-right:12px}.webcam-image-container{border-radius:0}.status-row,.timeline-meta{margin-left:12px;margin-right:12px}.status-row{margin-bottom:6px}.webcam-view{gap:0}.timeline{margin:6px 12px 0}}