@layer tokens,base,layout,primitives,features,utilities;:root{--green-normal:#cbf5dd;--green-light:#dcfae9;--green-dark:#3aa666;--green-strong:#4ede89;--blue-normal:#ceccf6;--blue-light:#dddbf9;--blue-dark:#3e3aa7;--blue-strong:#534ddf;--yellow-normal:#f5eecb;--yellow-light:#faf5dc;--yellow-dark:#a67b3a;--yellow-strong:#f8bf45;--red-normal:#f5b7b2;--red-light:#fac7c2;--red-dark:#a53129;--red-strong:#de4237;--text-primary:#111;--text-secondary:#666;--text-muted:#888;--surface-card:#fff;--surface-page:#f7f8fa;--surface-panel:#f7f7f7;--surface-bold:#e6e6e6;--shadow:#0000001f;--border-default:#aaa;--border-subtle:#c5c5c5;--line-strong:2px;--line-thin:1px;--overlay-opacity:.5;--radius-small:6px;--radius-medium:12px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--font-size-xsmall:14px;--font-size-small:16px;--font-size-medium:20px;--font-size-large:28px;--small-icon:24px;--touch-icon:44px;--duration-fast:.15s;--duration-normal:.3s;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizelegibility;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex;overflow:hidden}h1{font-size:var(--font-size-large);text-align:center;margin:0}h2{font-size:var(--font-size-medium);text-align:center;margin:0}h3{font-size:var(--font-size-small);text-align:center;margin:0}h4{font-size:var(--font-size-xsmall);text-align:center;margin:0}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){a:hover{color:#747bff}button{background-color:#f9f9f9}}.tab-header{background-color:#fff;border-bottom:0;border-radius:12px 12px 0 0;display:flex;overflow:hidden}.tab-header button{color:#000;cursor:pointer;background:#f5f5f5;border:2px solid;flex:1;padding:8px;font-size:20px}.tab-header .button-left{border-right:0;border-radius:12px 0 0}.tab-header .button-right{border-left:0;border-radius:0 12px 0 0}.tab-header button.active{background:#fff;border:2px solid;font-weight:700;text-decoration-line:underline;text-decoration-thickness:2px;box-shadow:inset 0 2px 6px #00000025}.page{box-sizing:border-box;color:#000;z-index:9999;flex-direction:column;gap:10px;width:100%;max-width:600px;height:100vh;padding:15px;display:flex;position:fixed;top:0;left:50%;overflow-y:auto;transform:translate(-50%)}.page__header{align-items:center;gap:18px;padding-right:4px;display:flex}.card{--card-background:var(--surface-panel);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:18px;padding:12px;position:relative;box-shadow:0 2px 4px #0000000a,0 8px 20px #0000000d,inset 0 1px #fff6}.card--flat{position:relative}.card--column{padding:var(--space-1);flex-direction:column;justify-content:center;display:flex}.card--row{flex-direction:row;place-content:space-between;align-items:center;display:flex}.card--grid{gap:var(--space-2);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.card--interactive{background:linear-gradient(to bottom, var(--card-background), white);cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000d}.card--interactive:active{transform:scale(.97)}.card--interactive:hover{box-shadow:0 4px 8px #0000000f,0 12px 28px #00000014}.card:before{content:"";opacity:0;border-radius:999px;width:6px;transition:opacity .2s;position:absolute;top:12px;bottom:12px;left:0}.card--green{border-color:color-mix(in srgb, var(--green-strong) 20%, transparent)}.card--green:before{background:var(--green-strong);opacity:1}.card--yellow{border-color:color-mix(in srgb, var(--yellow-strong) 20%, transparent)}.card--yellow:before{background:var(--yellow-strong);opacity:1}.card--red{border-color:color-mix(in srgb, var(--red-strong) 20%, transparent)}.card--red:before{background:var(--red-strong);opacity:1}.card--blue{border-color:color-mix(in srgb, var(--blue-strong) 20%, transparent)}.card--blue:before{background:var(--blue-strong);opacity:1}.tabs__header{border-bottom:0;grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.tabs__button{background-color:var(--surface-card);border:var(--line-strong) solid;border-color:var(--border-default);border-radius:var(--radius-medium);cursor:pointer}.tabs__button--left{border-radius:var(--radius-medium) 0 0;border-right-width:var(--line-thin)}.tabs__button--right{border-left-width:var(--line-thin);border-radius:0 var(--radius-medium) 0 0}.tabs__button--active{box-shadow:inset 0 var(--space-1) var(--space-2) var(--shadow)}.stack{gap:var(--space-1);width:100%;padding:0%;display:grid}.stack--single{grid-template-columns:repeat(1,1fr)}.stack--double{grid-template-columns:repeat(2,1fr)}.carousel{grid-template-columns:30px 1fr 30px;align-items:center;gap:0;display:grid}.carousel-title-wrapper{grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);place-items:center;column-gap:16px;min-width:0;display:grid;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}.carousel-title-wrapper--right{animation:.25s wrapper-slide-right}.carousel-title-wrapper--left{animation:.25s wrapper-slide-left}.carousel-title{margin:var(--space-1);text-align:center;white-space:nowrap;min-width:max-content}.carousel-side-title{color:#0003;margin:var(--space-1);opacity:1;white-space:nowrap;min-width:0}.carousel-side-title--left{text-align:right;justify-self:end}.carousel-side-title--right{text-align:left;justify-self:start}.carousel-arrow{background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s,transform .2s;display:flex}.carousel-arrow--disabled{opacity:.2}.carousel-arrow__icon{width:16px;height:16px}.carousel-arrow__icon--left{transform:rotate(90deg)}.carousel-arrow__icon--right{transform:rotate(-90deg)}.carousel-content-container{touch-action:pan-y;position:relative}.carousel-panel{transition:opacity .1s ease-in}.carousel-panel--active{opacity:1;visibility:visible;z-index:2;position:relative}.carousel-panel--inactive{opacity:0;pointer-events:none;visibility:hidden;z-index:1;position:absolute;inset:0}.carousel-title--alert{animation:2s ease-out infinite text-pulse;position:relative}.carousel-side-title.carousel-title--alert{animation:2s ease-out infinite text-pulse-side;position:relative}.carousel-title--alert:before,.carousel-side-title.carousel-title--alert:before{content:"";transform-origin:50%;height:2px;position:absolute;bottom:0;left:0;right:0}.carousel-title--alert:before{background:#de4237;animation:2s infinite underline-pulse}.carousel-side-title.carousel-title--alert:before{background:#de423780;animation:2s infinite underline-pulse-side}@keyframes text-pulse{0%{color:#000}5%{color:#c40d00}30%{color:#a80b00}to{color:#000}}@keyframes text-pulse-side{0%{color:#0000004d}5%{color:#c40d004d}30%{color:#a80b004d}to{color:#0000004d}}@keyframes underline-pulse{9%{box-shadow:0 0 #de423700}10%{box-shadow:0 1px #de423766}70%{box-shadow:0 1px 0 2px #de423700}to{box-shadow:0 1px #de423700}}@keyframes underline-pulse-side{9%{box-shadow:0 0 #de423700}10%{box-shadow:0 1px #de423733}70%{box-shadow:0 1px 0 2px #de423700}to{box-shadow:0 1px #de423700}}@keyframes wrapper-slide-right{0%{transform:translate(12px)}to{transform:translate(0)}}@keyframes wrapper-slide-left{0%{transform:translate(-12px)}to{transform:translate(0)}}.rotate0{transition:transform .25s;transform:rotate(0)}.rotate180{transition:transform .25s;transform:rotate(180deg)}.app{box-sizing:border-box;justify-content:center;align-items:flex-start;width:100vw;min-height:100vh;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.app-background{filter:blur(1px);z-index:-100;background-image:url(/assets/windPark-qsDPoac1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.mobile-frame{box-sizing:border-box;color:#000;background:#ffffff8c;border:1px solid #ffffff4d;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:600px;height:100vh;padding:8px 8px 100px;display:flex;position:relative;overflow-y:auto}.logo-container{justify-content:center;align-items:flex-start;width:100%;margin:0 auto;padding-top:16px;padding-bottom:16px;display:flex}.logo{width:130px;margin:0;display:block}.status-content{padding:var(--space-2);flex-direction:column;display:flex}.status-content .production-cards{grid-template-columns:1fr auto 1fr;place-self:center;align-items:center;width:100%;max-width:500px;display:grid}.status-content h4{font-size:var(--font-size-small);text-align:center;z-index:1;margin:0 0 -40px}.divider{background:gray;align-self:flex-end;width:2px;height:56%}.gauge-wrapper,.forecast-wrapper{--diameter:100px;text-align:center;justify-items:center;width:100%;display:grid}.gauge-wrapper>span,.forecast-wrapper>span{font-size:var(--font-size-small);width:var(--diameter);z-index:2;margin-top:-15px;line-height:1.2}.gauge,.forecast-badge{height:var(--diameter);width:var(--diameter);z-index:1;border-radius:50%;justify-self:center;position:relative}.forecast-badge{--cutout:60%;--color:purple;background:radial-gradient(var(--surface-card) 0 var(--cutout), var(--color) var(--cutout) 100%);place-items:center;display:grid}.forecast-badge>span{background-color:var(--surface-card)}.forecast-badge .fraction-wrapper{transform:none}.production-card{text-align:center;flex:1}.card-title{font-size:20px}.card-value{font-size:20px;font-weight:700}.card-value-secondary{margin-top:4px;font-size:16px;font-weight:400}.divider{background-color:gray;width:2px}.production-cards{gap:8px;display:flex}.gauge-wrapper{place-items:center;width:100%;height:auto;display:grid;overflow-y:visible}.gauge{--diameter:100px;--cutout:55%;--value:0;--max:0;--target:0;--limit:0;--color:#ff00b3;--background:var(--surface-card);--track:var(--surface-bold);--arc-length:clamp(0, calc(270 * var(--value) / var(--max)), 270);--limit-start:calc(270deg * (100 - var(--limit)) / 100);background:radial-gradient(var(--background) 0 var(--cutout), transparent var(--cutout) 100%), conic-gradient(from -135deg, var(--color) 0deg calc(var(--arc-length) * 1deg), var(--track) calc(var(--arc-length) * 1deg) var(--limit-start), transparent var(--limit-start) 270deg);height:var(--diameter);line-height:var(--diameter);text-align:center;width:var(--diameter);z-index:0;border-radius:50%;position:relative;overflow:hidden}.gauge:before{content:"";-webkit-mask:conic-gradient(from -135deg, transparent 0deg, transparent var(--limit-start), white var(--limit-start), white 270deg, transparent 270deg), radial-gradient(transparent 0 var(--cutout), white var(--cutout) 100%);mask:conic-gradient(from -135deg, transparent 0deg, transparent var(--limit-start), white var(--limit-start), white 270deg, transparent 270deg), radial-gradient(transparent 0 var(--cutout), white var(--cutout) 100%);pointer-events:none;z-index:0;background:repeating-linear-gradient(-45deg,#111 0 4px,#ffd400 4px 8px);border-radius:50%;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.gauge--with-target:after{content:"";height:calc(var(--diameter) * .18);transform:rotate(calc(-135deg + (270deg * var(--target) / var(--max)))) translateY(calc(var(--diameter) * -.36));transform-origin:bottom;z-index:1;background:#252525;border-radius:10px;width:3px;position:absolute;bottom:50%;left:calc(50% - 1.5px)}.fraction-wrapper{aspect-ratio:1;text-align:center;place-self:center;width:80%;height:80%;display:grid}.diag-fraction{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-self:center;width:100%;height:auto;display:grid;position:relative}.num{grid-area:1/1;place-self:end center;min-width:0;min-height:0;margin:0}.den{grid-area:2/2;place-self:start center;min-width:0;min-height:0;margin:0}.slash{pointer-events:none;background:currentColor;width:80%;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-40deg)}.parks-header{cursor:pointer;justify-content:space-between;align-items:center;padding:4px;display:flex}.parks-header img{justify-content:center;align-items:center;width:20px;margin-left:auto;margin-right:auto;padding:4px}.park-name{font-size:20px;font-weight:700}.power-info{text-align:right;flex-direction:column;flex:none;width:fit-content;min-width:0;display:flex}.park-power{font-size:16px;font-weight:700}.park-turbines{font-size:16px}.park-info{flex:0 0 content;flex-direction:column;min-width:0;display:inline-block}.park-icons{gap:var(--space-1);flex-wrap:nowrap;display:flex;position:relative;overflow:hidden}.status-index-card{font-size:16px}.bullet-wrapper{box-sizing:border-box;background:#e6e6e6;border-radius:999px;width:80px;height:16px;position:relative;overflow:hidden}.bullet-bar{border-radius:999px;height:100%;transition:width .4s}.bullet-label{pointer-events:none;white-space:nowrap;font-size:12px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon{aspect-ratio:1;color:inherit;width:24px;overflow:visible}.icon path{paint-order:stroke fill;stroke:#fff;stroke-width:2px}.icon--black{--icon-color:black}.icon--grey{--icon-color:#0000004d}.icon--green{--icon-color:color-mix(in srgb, var(--green-strong) 80%, black)}.icon--blue{--icon-color:color-mix(in srgb, var(--blue-strong) 80%, black)}.icon--yellow{--icon-color:color-mix(in srgb, var(--yellow-strong) 80%, black)}.icon--red{--icon-color:color-mix(in srgb, var(--red-strong) 80%, black)}.icon,.icon__wrapper{color:var(--icon-color)}.icon--small{width:20px}.icon--large{width:30px}.icon__wrapper{height:min-content;padding:var(--space-1);flex-direction:column;place-content:space-between;align-items:center;display:inline-flex}.icon__wrapper--visible{background:color-mix(in srgb, var(--icon-color) 15%, white);border-radius:var(--radius-small)}.icon__wrapper>*{color:inherit}.icon-row{gap:var(--space-3);margin-bottom:var(--space-1);flex-wrap:wrap;justify-content:center;width:auto;display:flex}.turbine-name{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;width:100%;font-size:15px;font-weight:700;display:flex}.turbine-icons{gap:var(--space-1);flex-direction:row;display:flex}.wind-compass{text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:fit-content;height:fit-content;font-size:11px;font-weight:400;display:flex}.compass{aspect-ratio:1;place-items:center;height:100%;display:flex;position:relative}.compass-icon{min-width:24px;min-height:24px}.compass-error{pointer-events:none;position:absolute;inset:0}.compass-error:before,.compass-error:after{background:var(--red-dark);content:"";transform-origin:50%;width:120%;height:2px;position:absolute;top:50%;left:50%}.compass-error:before{transform:translate(-50%,-50%)rotate(45deg)}.compass-error:after{transform:translate(-50%,-50%)rotate(-45deg)}#rotating{transform:rotate(var(--angle));transform-box:view-box;transform-origin:50%;transition:transform .3s}.overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:background var(--duration-fast,.18s) ease, opacity var(--duration-fast,.18s) ease;z-index:99999;background:#fff0;justify-content:flex-end;display:flex;position:fixed;inset:0}.overlay--visible{opacity:1;background:#ffffff1a}.overlay-panel{box-sizing:border-box;max-width:600px;height:100%;transition:transform var(--duration-normal) cubic-bezier(.22, 1, .36, 1);will-change:transform;flex-direction:column;width:100%;display:flex;overflow-y:auto;transform:translate(100%)}.overlay-panel--visible{transform:translate(0)}.info-section{font-size:16px}.icon-button img{width:30px;height:auto;transform:rotate(90deg)}.icon-button{background:0 0;display:flex}.info-icon{width:30px;height:30px;margin-right:10px}.info-title{margin-top:0;padding-top:0;padding-bottom:0;font-size:24px}.park__header{align-items:center;gap:0;display:flex}.park-icons{color:gray;min-height:55px;padding:var(--space-1);place-content:center;width:100%}.park-icons span{place-content:center}.status-index-card{align-self:center}.park-page-title-secondary{margin-bottom:0}.turbine-list{padding-left:15px;padding-right:15px}.alerts-header{cursor:pointer;justify-content:center;align-items:center;padding:4px;display:flex}.alerts-header img{justify-content:center;align-items:center;width:20px;margin-left:auto;margin-right:auto;padding:4px}.alert-title h3{margin:8px}.alert-list{width:100%}.alert-item{background:var(--card-bg,#fff);border:2px solid var(--gray-150,#eee);border-radius:12px;flex-direction:column;gap:6px;padding:8px;font-size:16px;display:flex}.alert-item-main{justify-content:space-between;align-items:baseline;display:flex}.alert-type{font-size:20px;font-weight:700}.alert-meta{color:var(--muted,#666);font-size:16px}.alert-location{font-size:16px}.alert-turbine{color:var(--muted,#666);font-size:16px}.alert-values{font-size:16px}.turbine-status-content{margin:var(--space-1);grid-template-columns:1fr auto 1fr auto 1fr;place-items:center;display:grid}.turbine-status-content .divider{height:100%}.page__header{gap:0}.page__header .card--row{place-content:space-around;gap:10px;width:100%}.turbine-status-content .wind-compass{font-size:var(--font-size-small);flex-direction:column;width:100%;height:100%}.turbine-status-content .compass{width:40%;height:40%}.iec-status{gap:var(--space-2);flex-direction:row;display:flex}.iec-indicator{--status-color:purple;background:var(--status-color);box-shadow:inset 1px 1px 4px color-mix(in lab, var(--status-color) 70%, black);border-radius:50%;place-items:center;width:20px;height:20px;display:flex;position:relative;transform:translateY(8%)}.iec-indicator h3{position:absolute;transform:translate(40%)translateY(-8%)}