:root{--night:#0b0e13;--spruce-2:#171c25;--spruce-3:#262d3a;--ink:#eceff4;--ink-2:#a8b1c0;--ink-3:#7d8696;--sun:#f4c27a;--sun-mark:#e9a96b;--sky:#a5c8ff;--sky-mark:#7faef5;--load-mark:#c3a6f0;--alarm:#f4a38f;--ok:#86d7a6;--panel:#0d1118c7;--panel-line:#eceff41a;--panel-blur:14px;--card:#0d111880;--card-line:#eceff424;--card-blur:8px;--grid:#1b212c;--bar-h:2.75rem;--font:"Barlow",system-ui,sans-serif;--font-num:"Barlow Semi Condensed","Barlow",system-ui,sans-serif;--gutter:clamp(16px,3vw,40px);--buncss-light: ;--buncss-dark:initial;color-scheme:dark}@supports  not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root{--panel:#0d1118eb;--card:#0d1118e6}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--night);color:var(--ink);font:400 1rem/1.5 var(--font);margin:0}h1,h2,p,dl,dd,ol,figure{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--sky);outline-offset:3px;border-radius:2px}.top,main,.foot{padding-inline:var(--gutter);max-width:1440px;margin-inline-start:auto;margin-inline-end:auto}body.camera{position:relative}body.camera main{max-width:none;padding-inline-start:0;padding-inline-end:0}body.camera .history,body.camera .timelapse,body.camera .foot{padding-inline:var(--gutter);max-width:none}.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.75rem 1rem;padding-block-start:1.25rem;padding-block-end:1rem}.brand{display:block;line-height:0}.brand img{display:block;width:auto;height:1.6rem}.top .clock{order:1}.top .title,.top>h1{flex-basis:100%;order:2}.top h1{font:600 1.375rem/1.2 var(--font);letter-spacing:.01em}.clock{color:var(--ink-2);font-family:var(--font-num);display:flex;font-variant-numeric:tabular-nums;align-items: center;gap:.5rem;font-size:.95rem}.dot{background:var(--ink-3);border-radius:50%;flex:none;width:.55rem;height:.55rem}.dot.live{background:var(--ok);animation:2.4s ease-out infinite pulse;box-shadow:0 0 #86d7a699}.dot.stale{background:var(--alarm)}.viewers{display:inline-flex;color:var(--ink-2);font:500 .95rem var(--font-num);white-space:nowrap;font-variant-numeric:tabular-nums;align-items: center;gap:.3rem}.viewers[hidden]{display:none}.viewers svg{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;width:1.05em;height:1.05em}.clock .viewers{border-left:1px solid var(--panel-line);font:inherit;font-variant-numeric:tabular-nums;margin-left:.25rem;padding-left:.75rem}.clock:has(#updated>.sr-only:only-child) .viewers{border-left:0;margin-left:0;padding-left:0}@keyframes pulse{70%{box-shadow:0 0 0 7px #86d7a600}to{box-shadow:0 0 #86d7a600}}body.camera .top{position:absolute;z-index:3;height:var(--bar-h);padding:0 var(--gutter);background:var(--panel);border-bottom:1px solid var(--panel-line);backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));flex-wrap:nowrap;justify-content:flex-start;align-items: center;gap:1.25rem;max-width:none;margin:0;font-size:.875rem;top:0;left:0;right:0}body.camera .top .clock{white-space:nowrap;font-size:inherit;order:0;margin-left:auto}body.camera .top .back{font-size:inherit}body.camera .top .brand{border-right:1px solid var(--panel-line);padding-right:1.25rem}body.camera .top .title{position:absolute;top:calc(100% + 1.25rem);left:var(--gutter);max-width:calc(100% - 2*var(--gutter));display:flex;flex-direction:column;gap:.125rem}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--sky);font-size:.75rem}body.camera:has(.notfound) .kicker{display:none}body.camera .top h1{letter-spacing:-.01em;text-shadow:0 2px 18px #0000008c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:2.5rem}body.camera .brand img{height:1.05rem}.stage{position:relative}html:not(.is-full) .stage{display:flex;padding:0 var(--gutter);flex-wrap:wrap;align-items:stretch;gap:.75rem}html:not(.is-full) .video-wrap{position:relative;order:-2;flex:0 0 calc(100% + 2*var(--gutter));margin:0 calc(-1*var(--gutter)).25rem;background:#000;height:min(clamp(24rem,72vh,56rem),56.25vw)}.video-wrap{position:absolute;overflow:hidden;container:video/size;inset:0}.video-wrap video{object-fit:cover;display:block;width:100%;height:100%}.video-msg{position:absolute;display:grid;text-align:center;color:var(--ink-2);place-items: center;max-width:36rem;margin:auto;padding:2rem;inset:0}.video-msg[hidden]{display:none}.skyline{--frame-ar:16/9;position:absolute;aspect-ratio:var(--frame-ar);width:max(100cqw,100cqh*var(--frame-ar));container:skyline/inline-size;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%)}.is-full .skyline{width:min(100cqw,100cqh*var(--frame-ar))}.video-msg:not([hidden])~.skyline{display:none}.skyline svg{position:absolute;overflow:visible;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1.5px #0000004d);width:100%;height:100%;inset:0}.skyline .ridge{stroke-width:2.5px;vector-effect:non-scaling-stroke}.video-wrap{--safe-top:calc(var(--bar-h) + 6rem)}.peak{position:absolute;top:calc(max(var(--label),(100% - 100cqh)/2 + var(--safe-top) + 1.2em) + var(--shift,0px));bottom:calc(100% - var(--summit));color:#fff;white-space:nowrap;text-shadow:0 1px 3px #00000080;border-left:1px solid #ffffffd9;margin:0;padding-left:.45em;font-size:clamp(11px,.95cqw,1.375rem);line-height:1.2}.peak .name{position:absolute;font-weight:500;bottom:100%;left:.45em}.peak .alt{display:block;font-family:var(--font-num);opacity:.9;font-size:.68em}.peak.off{visibility:hidden}.skyline.compact .peak .alt{display:none}.safe-probe{position:absolute;top:var(--safe-top);visibility:hidden;width:0;height:0;left:0}.weather,.chain{z-index:2;background:var(--card);border:1px solid var(--card-line);backdrop-filter:blur(var(--card-blur))saturate(1.3);-webkit-backdrop-filter:blur(var(--card-blur))saturate(1.3);text-shadow:0 1px 2px #00000059;box-shadow:0 8px 32px #00000040}.bar-btn{display:grid;cursor:pointer;background:0 0;border:0;border-radius:.5rem;flex:none;place-items: center;width:2.125rem;height:2.125rem;padding:0;transition:opacity .4s,background-color .15s}.bar-btn:hover{background-color:#eceff414}.bar-btn svg{fill:none;stroke:var(--ink);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;width:1.05rem;height:1.05rem}.fs-toggle{margin-inline-start:-.35rem;margin-inline-end:-.5rem}.switch{display:inline-flex;cursor:pointer;border:1px solid var(--panel-line);color:var(--ink-2);font:500 .875rem var(--font);background:#eceff40a;border-radius:999px;flex:none;align-items: center;gap:.45rem;height:1.875rem;padding:0 .4rem 0 .6rem;transition:opacity .4s,background-color .15s,color .15s,border-color .15s}.switch[hidden],html:not(.is-full) .cards-toggle{display:none}.is-full.cards-off :-webkit-any(.weather,.chain){display:none}.is-full.cards-off :-moz-any(.weather,.chain){display:none}.is-full.cards-off :is(.weather,.chain){display:none}.switch:hover{color:var(--ink);background-color:#eceff41a}.switch svg{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linejoin:round;width:1.05rem;height:1.05rem}.switch .track{position:relative;background:#eceff42e;border-radius:999px;width:1.75rem;height:1rem;transition:background-color .2s}.switch .track:after{content:"";position:absolute;background:var(--ink);border-radius:50%;width:.75rem;height:.75rem;transition:transform .2s;top:.125rem;left:.125rem}.switch[aria-checked=true]{color:var(--ink);border-color:#a5c8ff59}.switch[aria-checked=true] svg{fill:#a5c8ff4d;stroke:var(--sky)}.cards-toggle .pills{stroke-width:3;stroke-linecap:round}.switch[aria-checked=true] .track{background:var(--sky-mark)}.switch[aria-checked=true] .track:after{background:#fff;transform:translate(.75rem)}.fs-toggle .exit,.is-full .fs-toggle .enter{display:none}.is-full .fs-toggle .exit{display:inline}.weather{position:relative;border-radius:1.25rem;padding:1.25rem 1.5rem}html:not(.is-full) .weather{display:grid;grid-template-columns:auto minmax(0,26rem);grid-template-rows:auto 1fr;grid-template-areas:"compass temp" "compass readings" "state state";flex:30rem;justify-content:center;gap:.5rem 2rem;padding:1.5rem 1.75rem}html:not(.is-full) .weather>.temp{grid-area:temp}html:not(.is-full) .weather>.compass{grid-area:compass;flex-direction:column;justify-content:center;gap:.75rem}html:not(.is-full) .weather>.readings{grid-area:readings}html:not(.is-full) .weather .device-state{grid-area:state}@media (min-width:1240px){html:not(.is-full) .weather{max-width:40rem}}html:not(.is-full) .weather .compass svg{width:9.5rem;height:9.5rem}html:not(.is-full) .weather .compass figcaption{text-align:center;flex-flow:wrap;justify-content:center;gap:0 .4rem}html:not(.is-full) .weather .compass .big{flex-basis:100%;font-size:1.75rem;line-height:1.1}html:not(.is-full) .weather .readings{display:flex;flex-direction:column;justify-content:flex-end;gap:0}html:not(.is-full) .weather .readings div{border-top:1px solid var(--card-line);flex-direction:row;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0}html:not(.is-full) .weather .readings div:last-child{padding-bottom:0}html:not(.is-full) .weather .readings dt{font-size:.9375rem}html:not(.is-full) .weather .readings dd{font-size:1.25rem}html:not(.is-full) .chain{flex:34em}.temp{font:500 4.875rem/.88 var(--font-num);color:var(--sky);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.temp .deg{color:var(--ink-2);vertical-align:1.5em;letter-spacing:0;margin-left:.15em;font-size:.33em;font-weight:500}.compass{display:flex;align-items: center;gap:.875rem}.compass svg{flex:none;width:5rem;height:5rem}.compass .view{fill:#eceff414}.compass .ring{fill:#0b0e134d;stroke:#eceff44d;stroke-width:1.5}.compass .ticks line{stroke:#eceff459;stroke-width:1.5}.compass .cardinal{fill:var(--ink-2);font:600 17px var(--font-num);text-anchor:middle;dominant-baseline:central}.compass .cardinal.north{fill:var(--alarm);font-weight:700}.compass .hub{fill:var(--ink)}.compass .arrow{fill:var(--sky);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.compass .gust path{stroke:#a5c8ff80;stroke-width:2;stroke-dasharray:3 4;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.compass figcaption{display:flex;line-height:1.25;font:400 .9375rem/1.25 var(--font-num);font-variant-numeric:tabular-nums;flex-direction:column}.compass .big{color:var(--sky);font-size:1.625rem;font-weight:600}.compass small{color:var(--ink-2);font-size:.8125rem;font-weight:500}.compass .muted{font-size:.875rem}.readings{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.25rem}.readings div{display:flex;border-top:1px solid var(--card-line);flex-direction:column;gap:.1rem;padding-top:.6rem}.readings dt{color:var(--ink-2);font-size:.75rem}.readings dd{font:500 1.1875rem var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap}.device-state{color:var(--alarm);font-size:.85rem;font-weight:600}.chain{position:relative;font-size:min(1.125rem,(100vw - 2*var(--gutter))/34);border-radius:1.25em;order:-1;margin:0;padding:1.25em 1.375em 0}.flow{list-style:none;display:grid;grid-template-columns:auto minmax(1.75em,1fr)auto minmax(1.75em,1fr)auto minmax(1.75em,1fr)auto;align-items: start;margin:0;padding:0}.node{display:flex;text-align:center;flex-direction:column;align-items: center;min-width:6em;line-height:1.2}.badge{display:grid;background:#0b0e1373;border:1.5px solid;border-radius:50%;place-items: center;width:3em;height:3em;margin-bottom:.6em}.badge svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:1.4em;height:1.4em}.node.sun .badge,.node.panel .badge{color:var(--sun)}.node.battery .badge{color:var(--ok)}.node.camera .badge{color:var(--load-mark)}.node .what{color:var(--ink-2);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:.75em;font-weight:500}.node .value{font:600 1.625em/1.2 var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:.15em}.node .value small{color:var(--ink-2);margin-left:.1em;font-size:.6em;font-weight:500}.node .sub{color:var(--ink-2);font:500 .875em var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap}.link{--c:#eceff438;position:relative;background:linear-gradient(90deg,var(--c)0 4px,transparent 4px 9px)0 0/9px 100% repeat-x;height:2px;margin:calc(1.5em - 1px) .55em 0 .3em}.link:after{content:"";position:absolute;border-left:.45em solid var(--c);border-block-start:.28em solid #0000;border-block-end:.28em solid #0000;top:50%;right:-.45em;transform:translateY(-50%)}.link.on{--c:var(--sun);animation:.9s linear infinite flow}#link-load.on{--c:var(--load-mark)}@keyframes flow{to{background-position:9px 0}}.chain .today{display:flex;border-top:1px solid var(--card-line);color:var(--ink-2);white-space:nowrap;flex-wrap:wrap;align-items:baseline;gap:.4em 1.25em;margin:1.1em -1.375em 0;padding:.75em 1.375em .9em;font-size:.875em}.today .kick{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-size:.9em}.chain .eco{display:grid;grid-template-columns:auto 1fr 1fr;background:linear-gradient(90deg,#86d7a629,#86d7a60f);border-top:1px solid #86d7a640;border-radius:0 0 1.25em 1.25em;align-items: center;gap:.6em 1.25em;margin:0 -1.375em;padding:.9em 1.375em 1em}.eco .kick{letter-spacing:.16em;text-transform:uppercase;color:var(--ok);max-width:7em;font-size:.75em;font-weight:600;line-height:1.3}.eco .stat{display:flex;align-items: center;gap:.6em}.eco .badge{color:var(--ok);background:#86d7a61f;flex:none;width:2.5em;height:2.5em;margin:0}.eco .badge svg{width:1.25em;height:1.25em}.eco strong{display:block;color:var(--ok);font:600 1.625em/1.1 var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap}.eco strong small{font-size:.6em;font-weight:500}.eco .label{display:block;color:var(--ink-2);white-space:nowrap;font-size:.8em}.chain .device-state{margin:0 0 .9em;font-size:.8125em}.history{padding-block-start:2rem;padding-block-end:2rem}.history-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem 1.5rem}.history h2,.timelapse h2{font:600 .8rem/1.3 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}.range{display:inline-flex;gap:.4rem}.range button{border:1px solid var(--spruce-3);cursor:pointer;color:var(--ink-2);background:0 0;border-radius:999px;padding:.2rem .75rem;font-size:.875rem}.range button[aria-pressed=true]{color:var(--sky);background:#a5c8ff21;border-color:#a5c8ff8c}.timelapse{padding-block-start:2rem;padding-block-end:0}.timelapse-head{display:flex;flex-wrap:wrap;align-items: center;gap:.75rem 1.5rem}.timelapse select{background:var(--spruce-2);color:var(--ink);border:1px solid var(--spruce-3);font:inherit;cursor:pointer;border-radius:999px;padding:.2rem .75rem;font-size:.875rem}.timelapse-frame{position:relative;overflow:hidden;aspect-ratio:16/9;background:#000;border-radius:1rem;width:min(100%,138.667vh);margin-top:1.25rem}.timelapse-frame video{display:block;object-fit:contain;width:100%;height:100%}.timelapse-time{position:absolute;background:var(--card);border:1px solid var(--card-line);-webkit-backdrop-filter:blur(var(--card-blur));backdrop-filter:blur(var(--card-blur));font:600 1rem/1.2 var(--font-num);font-variant-numeric:tabular-nums;color:var(--ink);pointer-events:none;border-radius:999px;margin:0;padding:.3rem .75rem;top:.75rem;left:.75rem}.timelapse-time:empty{display:none}.timelapse-info{color:var(--ink-2);margin:.6rem 0 0;font-size:.875rem}.today{color:var(--ink-2);margin-left:auto;font-size:.9rem}.today strong{color:var(--sun);font:600 1.05em var(--font-num);font-variant-numeric:tabular-nums}.today strong.load{color:var(--load-mark)}.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;margin-top:1.25rem}.chart{background:var(--spruce-2);border:1px solid #eceff40f;border-radius:1rem;padding:1rem 1rem .5rem}.chart figcaption{color:var(--ink-2);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.9375rem;font-weight:500}.chart .now{font:600 1.375rem/1 var(--font-num);color:var(--ink);font-variant-numeric:tabular-nums}.chart.sky .now{color:var(--sky)}.chart.sun .now{color:var(--sun)}.plot .legend{position:absolute;display:flex;overflow:hidden;color:var(--ink-2);white-space:nowrap;gap:.9rem;font-size:.8125rem;line-height:1.2;top:0;right:0}.plot .legend span{display:inline-flex;align-items: center;gap:.4rem}.plot .legend i{border-radius:999px;width:.75rem;height:.2rem}.plot{position:relative;height:clamp(13rem,11vw + 4rem,20rem);margin-top:.75rem}.plot svg{display:block;overflow:visible;width:100%;height:100%}.plot .grid line{stroke:#eceff412;stroke-width:1}.plot .grid line.v{stroke-dasharray:2 4}.plot .grid line.base{stroke:#eceff438}.plot .axis text{fill:var(--ink-3);font:500 12px var(--font-num);font-variant-numeric:tabular-nums}.plot .axis .y{text-anchor:end;dominant-baseline:central}.plot .axis .x{text-anchor:middle}.plot .area{stroke:none}.plot .line{fill:none;stroke-width:2.25;stroke-linejoin:round;stroke-linecap:round}.plot .cross{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:3 3}.plot .marker{stroke:var(--spruce-2);stroke-width:2.5}.plot .empty{position:absolute;display:grid;color:var(--ink-3);text-align:center;border:1px dashed #eceff414;border-radius:.75rem;place-items: center;padding:1rem;font-size:.9rem;inset:0}.tip{position:absolute;pointer-events:none;z-index:2;border:1px solid var(--spruce-3);font:400 .875rem/1.4 var(--font-num);white-space:nowrap;font-variant-numeric:tabular-nums;background:#0b0e13eb;border-radius:.5rem;padding:.4rem .65rem;top:0;box-shadow:0 6px 20px #00000059}.tip .t{color:var(--ink-2)}.tip i{display:inline-block;vertical-align:middle;width:.6rem;height:2px;margin-right:.35rem}.daily-chart{border-top:1px solid var(--grid);margin-top:2.25rem;padding-top:1.5rem}.daily-chart figcaption{display:flex;color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;font-size:.875rem}.daily-legend{display:flex;color:var(--ink-2);gap:1rem;font-size:.8125rem}.daily-legend span{display:inline-flex;align-items: center;gap:.35rem}.daily-legend i{display:inline-block;border-radius:999px;width:.75rem;height:.5rem}.daily-legend .pv,.daily-fill.pv{background:var(--sun-mark)}.daily-legend .load,.daily-fill.load{background:var(--load-mark)}.daily-bars{display:grid;gap:.7rem;margin-top:1rem}.daily-bars .empty{color:var(--ink-3);font-size:.9rem}.daily-row{display:grid;grid-template-columns:3.5rem minmax(0,1fr)5.5rem;align-items: center;gap:.2rem .75rem}.daily-date{grid-row:span 2;color:var(--ink-2);font:500 .9rem var(--font-num);font-variant-numeric:tabular-nums}.daily-track{background:var(--spruce-2);overflow:hidden;border-radius:999px;height:.5rem}.daily-fill{display:block;border-radius:inherit;height:100%}.daily-value{text-align:right;color:var(--ink-2);font:500 .875rem var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap}.totals{color:var(--ink-3);margin-top:1.25rem;font-size:.8125rem}.totals strong{color:var(--ink-2);font:600 1.05em var(--font-num);font-variant-numeric:tabular-nums}.foot{color:var(--ink-3);border-top:1px solid var(--spruce-3);padding-block-start:1.5rem;padding-block-end:2.5rem;font-size:.875rem}.foot a,.muted{color:var(--ink-2)}.sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px}.title{display:grid;gap:.1rem}.back{color:var(--ink-2);text-decoration:none;font-size:.9rem}.back:before{content:"‹ "}.back:hover{color:var(--ink)}.notfound{color:var(--ink-2);padding-block-start:3rem;padding-block-end:3rem;font-size:1.1rem}.notfound a{color:var(--sky)}body.camera .notfound{padding:11rem var(--gutter)3rem;max-width:1440px;margin-inline-start:auto;margin-inline-end:auto}.index .top h1{letter-spacing:-.01em;font-size:clamp(2rem,5vw,3.25rem);font-weight:600}.index .top{align-items: flex-end;gap:1.5rem 2.5rem;padding-block-start:2.5rem;padding-block-end:.5rem}.index .brand img{width:min(100%,24rem);height:auto}.lead{display:grid;flex:30rem;gap:.75rem;min-width:0}.lead .brand{margin-bottom:1rem}.intro{color:var(--ink-2);max-width:52ch;font-size:1.125rem}.stats{display:flex;flex-direction:column;flex:none;align-items: flex-end;gap:.4rem}.stats[hidden]{display:none}.stat-cams{font:500 1rem var(--font-num);color:var(--ink-2)}.stat-cams b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:600;line-height:1}@media (max-width:560px){.stats{flex-direction:row;align-items:baseline;gap:1.25rem}}.sites{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),30rem));gap:1.75rem;margin:2.5rem 0 4rem;padding:0}.site-loading{color:var(--ink-2);grid-column:1/-1;padding:1.25rem 0}.cam{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--panel-line);color:inherit;text-decoration:none;background:#000;border-radius:14px}.cam.no-shot{background:var(--spruce-2)}.cam-shot{position:absolute;inset:0}.cam-shot img{display:block;object-fit:cover;width:100%;height:100%;transition:opacity .15s}.cam-shot.old img{opacity:.45;filter:grayscale(.7)}.cam:hover .cam-shot:not(.old) img{opacity:.85}.cam-time{position:absolute;background:var(--panel);color:var(--ink);font:500 .85rem var(--font-num);font-variant-numeric:tabular-nums;border-radius:5px;padding:.1rem .5rem;top:.6rem;right:.6rem}.cam-bar{position:absolute;display:flex;border-top:1px solid var(--panel-line);background:var(--panel);backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));flex-direction:column;gap:.3rem;padding:.65rem .9rem;bottom:0;left:0;right:0}.cam.no-shot .cam-bar{backdrop-filter:none;-webkit-backdrop-filter:none;background:0 0;border-top:0;padding:1.1rem 1.15rem}.cam-head{display:flex;align-items: center;gap:.6rem}.cam-name{font:600 1.15rem/1.2 var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:color .15s}.cam:hover .cam-name{color:var(--sky)}.cam.off .cam-name{color:var(--ink-2)}.cam-head .viewers{margin-left:auto}.facts{display:flex;color:var(--ink-2);font:400 .95rem var(--font-num);flex-wrap:wrap;gap:.1rem 1.1rem}.facts.offline{color:var(--alarm);font-weight:600}.fact b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.1em;font-weight:600}@media (max-width:960px){body.camera .top h1{font-size:2rem}}@media (max-width:920px),(max-height:640px){html:not(.is-full) .video-wrap{--safe-top:.5rem}html:not(.is-full) body.camera .top{position:static;padding:.6rem var(--gutter).9rem;backdrop-filter:none;-webkit-backdrop-filter:none;background:0 0;flex-wrap:wrap;gap:.4rem 1rem;height:auto}html:not(.is-full) body.camera .top .title{position:static;flex-basis:100%;order:3;max-width:none}html:not(.is-full) body.camera .top h1{text-shadow:none;font-size:1.75rem}html:not(.is-full) body.camera .notfound{padding-top:1rem}}@media (max-width:560px){html:not(.is-full) body.camera .top{border-bottom:1px solid var(--spruce-3);flex-wrap:nowrap;gap:.625rem;height:3.25rem;padding-block-start:0;padding-block-end:0}html:not(.is-full) body.camera .brand,html:not(.is-full) body.camera .kicker{display:none}html:not(.is-full) body.camera .back{order:0;padding:.5rem .25rem .5rem 0;font-size:0;line-height:1}html:not(.is-full) body.camera .back:before{content:"‹";font-size:1.75rem}html:not(.is-full) body.camera .top .title{flex:auto;order:1;min-width:0}html:not(.is-full) body.camera .top .clock{order:2;margin-left:0}html:not(.is-full) body.camera :-webkit-any(.bar-btn,.switch){order:3}html:not(.is-full) body.camera :-moz-any(.bar-btn,.switch){order:3}html:not(.is-full) body.camera :is(.bar-btn,.switch){order:3}html:not(.is-full) body.camera .switch .lbl{display:none}html:not(.is-full) body.camera #updated{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px}html:not(.is-full) body.camera .top h1{font-size:1.1875rem}.chart{padding:1rem 1rem .5rem}.plot{height:12rem}html:not(.is-full) .chain{font-size:1rem}html:not(.is-full) .weather{grid-template-columns:minmax(0,1fr)auto;grid-template-rows:auto auto;grid-template-areas:"temp compass" "readings readings" "state state";gap:.75rem 1rem;padding:1.125rem 1.25rem}html:not(.is-full) .weather>.temp{align-self: center}html:not(.is-full) .temp{font-size:3.25rem}html:not(.is-full) .weather .compass{gap:.4rem}html:not(.is-full) .weather .compass svg{width:5.5rem;height:5.5rem}html:not(.is-full) .weather .compass .big{font-size:1.25rem}html:not(.is-full) .weather .readings div{padding-block-start:.4rem;padding-block-end:.4rem}html:not(.is-full) .weather .readings dt{font-size:.8125rem}html:not(.is-full) .weather .readings dd{font-size:1.0625rem}html:not(.is-full) .chain .eco{grid-template-columns:1fr 1fr}html:not(.is-full) .eco .kick{grid-column:1/-1;max-width:none}html:not(.is-full) .flow{grid-template-columns:1fr minmax(1.75em,1fr)1fr;row-gap:1.1em}html:not(.is-full) #link-bat{display:none}}html.is-full{font-size:clamp(11px,.6vw + .6vh + 4px,24px)}.is-full body{overflow:hidden;background:#000}.is-full.idle,.is-full.idle *{cursor:none}.is-full.idle :-webkit-any(.bar-btn,.switch):not(:focus-visible){opacity:0}.is-full.idle :-moz-any(.bar-btn,.switch):not(:focus-visible){opacity:0}.is-full.idle :is(.bar-btn,.switch):not(:focus-visible){opacity:0}.is-full .history,.is-full .timelapse,.is-full .foot,.is-full .back{display:none}.is-full .stage{position:fixed;z-index:1;height:auto;inset:0}.is-full .video-wrap video{object-fit:contain}.is-full .video-wrap{--safe-top:calc(var(--gutter) + 2.5rem)}.is-full body.camera .top{position:fixed;padding:var(--gutter)var(--gutter)2.5rem;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:0 1px 3px #0009;pointer-events:none;background:linear-gradient(#00000073,#0000);border-bottom:0;gap:1rem;height:auto}.is-full body.camera .top>*{pointer-events:auto}.is-full body.camera .top .brand{border-right-color:#eceff440;order:0;padding-right:1rem}.is-full body.camera .brand img{filter:drop-shadow(0 1px 2px #0000008c);height:1.15rem}.is-full body.camera .top .title{position:static;flex:none;order:1;max-width:none}.is-full body.camera .kicker{display:none}.is-full body.camera .top h1{letter-spacing:0;text-shadow:inherit;font-size:1.25rem}.is-full body.camera .top .clock{color:var(--ink);order:2;margin:0;font-size:.95rem}.is-full body.camera .clock .viewers{color:inherit;border-left-color:#eceff440}.is-full body.camera .bar-btn{order:3;margin:0 0 0 -.25rem}.is-full body.camera .switch{text-shadow:none;background:#0d111859;order:3}.is-full body.camera .bar-btn svg{filter:drop-shadow(0 1px 2px #0009);width:1.1rem;height:1.1rem}.is-full .stage{display:flex;padding:var(--gutter);flex-wrap:wrap;align-content: flex-end;align-items:stretch;gap:.625rem}.is-full .weather,.is-full .chain{position:relative;display:flex;border-radius:2.5rem;align-items: center;gap:1.5rem;width:auto;min-height:5rem;margin:0;padding:.6rem 1.75rem;font-size:1rem;inset:auto}.is-full .chain{order:-1}.is-full .weather{margin-left:auto}.is-full .temp{color:var(--ink);font-size:2.25rem;line-height:1}.is-full .temp .deg{vertical-align:.9em;margin-left:.05em;font-size:.5em}.is-full .compass{border:0;gap:.6rem;margin:0;padding:0}.is-full .compass svg{width:4rem;height:4rem}.is-full .compass figcaption{font-size:.875rem}.is-full .compass .big{color:var(--ink);font-size:1.25rem}.is-full .readings{display:flex;gap:1.5rem;margin:0}.is-full .readings div{border:0;padding:0}.is-full .readings dd{font-size:1.1875rem}.is-full .flow{display:flex;align-items: center}.is-full .link{flex:none;width:2.25rem;margin:0 1rem 0 .6rem}.is-full .node .sub,.is-full .chain .today{display:none}.is-full .node{display:grid;grid-template-columns:auto auto;grid-template-areas:"badge what" "badge value";text-align:left;align-items: center;column-gap:.6rem;min-width:0}.is-full .badge{grid-area:badge;width:2.4rem;height:2.4rem;margin:0}.is-full .badge svg{width:1.2rem;height:1.2rem}.is-full .node .what{grid-area:what;align-self: end;font-size:.6875rem}.is-full .node .value{grid-area:value;align-self: start;margin:0;font-size:1.375rem;line-height:1.15}.is-full .node .value small{font-size:.65em}.is-full .chain .eco{display:flex;background:0 0;border:0;border-left:1px solid #86d7a659;border-radius:0;align-self:stretch;align-items: center;gap:1.25rem;margin:0;padding:0 0 0 1.5rem}.is-full .eco .kick{display:none}.is-full .eco .badge{width:2.4rem;height:2.4rem}.is-full .eco .badge svg{width:1.2rem;height:1.2rem}.is-full .eco .stat>span:last-child{display:flex;flex-direction:column-reverse}.is-full .eco .label{letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem;font-weight:500}.is-full .eco strong{font-size:1.375rem;line-height:1.15}.is-full .weather .device-state,.is-full .chain .device-state{position:absolute;background:var(--panel);white-space:nowrap;border-radius:999px;margin:0;padding:.3rem .75rem;bottom:calc(100% + .5rem);left:0;right:auto}.is-full .stage{container:stage/inline-size}@media (orientation:landscape){@container stage (width<112rem){.is-full .eco .label{display:none}.is-full .chain .eco{gap:.9rem;padding-left:1.25rem}}@container stage (width<104rem){.is-full .weather,.is-full .chain{gap:1.25rem;padding-inline-start:1.4rem;padding-inline-end:1.4rem}.is-full .node{grid-template-columns:auto;grid-template-areas:"badge" "value";justify-items:center;row-gap:.3rem}.is-full .node .what{display:none}.is-full .flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items: start}.is-full .link{align-self: flex-start;width:1.75rem;margin:calc(1.2rem - 1px) .5rem 0 .35rem}.is-full .readings{display:grid;grid-template-columns:repeat(2,auto);gap:.4rem 1.25rem}}@container stage (width<76rem){.is-full .chain .eco{flex-direction:column;justify-content:center;align-items: flex-start;gap:.2rem;padding-left:1rem}.is-full .eco .stat{gap:.35rem}.is-full .eco .badge{background:0 0;border:0;width:1.1rem;height:1.1rem}.is-full .eco .badge svg{width:1.1rem;height:1.1rem}.is-full .eco strong{font-size:1.05rem}}@container stage (width<64rem){.is-full .weather,.is-full .chain{gap:.9rem;min-height:4.25rem;padding-inline-start:1rem;padding-inline-end:1rem}.is-full .link{width:.9rem;margin-inline-start:.3rem;margin-inline-end:.45rem}.is-full .chain .eco{padding-left:.9rem}.is-full .compass svg{width:3.25rem;height:3.25rem}.is-full .readings{gap:.3rem .9rem}}@container stage (width<58rem){.is-full .weather,.is-full .chain{zoom:.9}}@container stage (width<52rem){.is-full .weather,.is-full .chain{zoom:.8}}@container stage (width<46rem){.is-full .weather,.is-full .chain{zoom:.7}}@container stage (width<42rem){.is-full .weather,.is-full .chain{zoom:.62}}}@media (orientation:portrait){.is-full .stage{flex-flow:column;justify-content:flex-end;align-items:stretch}.is-full .weather,.is-full .chain{border-radius:1.75rem;padding:.9rem 1.25rem}.is-full .weather{flex-wrap:wrap;gap:.75rem 1.25rem;margin-left:0}.is-full .readings{display:grid;grid-template-columns:repeat(4,auto);flex-basis:100%;justify-content:space-between;gap:.4rem 1rem}.is-full .flow{display:grid;grid-template-columns:repeat(3,1fr minmax(.75rem,.5fr))1fr;flex:auto;align-items: start}.is-full .node{grid-template-columns:auto;grid-template-areas:"badge" "value";justify-items:center;row-gap:.3rem}.is-full .node .what{display:none}.is-full .chain{flex-wrap:wrap;row-gap:.75rem}.is-full .chain .eco{border-top:1px solid #86d7a659;border-left:0;flex-basis:100%;justify-content:space-around;padding:.75rem 0 0}.is-full .link{flex:1 1 0;align-self: flex-start;width:auto;min-width:.75rem;margin:calc(1.2rem - 1px) .6rem 0 .35rem}.is-full body.camera .top .title{flex:0 auto;min-width:0}}@media (prefers-reduced-motion:reduce){.dot.live,.link.on{animation:none}.compass .arrow,.compass .gust path,.cam-shot img,.cam-name,.bar-btn,.switch,.switch *,.switch .track:after{transition:none}}