:root{--chart-plot-left:84px;--chart-plot-right:18px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);color:var(--color-text-inverted);background:#000}.app-container{width:100%;height:100%;position:relative;overflow:hidden}.app-background{filter:brightness(.65)blur(2px);z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.panel-dark{background:var(--color-panel-dark);border-radius:var(--border-radius-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-light{background:var(--color-panel-light);border-radius:var(--border-radius-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text)}.chartWrapper{width:100%;height:100%;position:relative}.chartSurface{background:radial-gradient(circle at 0 0,#357cc938,#0000 32%),linear-gradient(#0c2c4af5 0%,#081c31f5 58%,#071628fa 100%);border:1px solid #73b0e83d;border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 -18px 30px #0000002e,0 18px 36px #00000038}.chartTitle{z-index:5;color:#ff9a35;font-size:1rem;font-weight:700;font-family:var(--font-family);pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:0;position:absolute;top:8px;left:34px}.chartSurface:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0f,#0000 28%);position:absolute;inset:0}.economicScenarioChart{isolation:isolate}.chartCurrentLine{pointer-events:none;z-index:2;border-left:2px dashed #ffa642f5;width:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.economicScenarioPriceBadge{z-index:3;pointer-events:none;background:#ff9a35;border-radius:10px;align-items:center;gap:8px;min-width:108px;min-height:54px;padding:8px 12px 8px 14px;display:inline-flex;position:absolute;top:8px;right:12px;box-shadow:0 10px 18px #ff9a353d}.economicScenarioPriceValue{color:#fff;font-size:1.9rem;font-weight:700;line-height:1}.economicScenarioPriceUnit{color:#fffffff5;text-align:center;flex-direction:column;justify-content:center;align-items:center;font-size:1.6rem;font-weight:500;line-height:.95;display:inline-flex}.touchLayout{--touch-layout-min-width:1200px;--touch-layout-min-height:820px;overscroll-behavior:contain;touch-action:pan-x pan-y;width:100%;height:100%;position:relative;overflow:auto}.touchContent{z-index:1;width:max(100%, var(--touch-layout-min-width));min-width:var(--touch-layout-min-width);height:max(100%, var(--touch-layout-min-height));min-height:var(--touch-layout-min-height);flex-direction:column;gap:clamp(10px,.9vw,16px);padding:clamp(16px,1.25vw,24px);display:flex;position:relative}.header{background:linear-gradient(#0a223af2 0%,#081c30f5 100%);border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;margin:clamp(-16px,-1.25vw,-24px) calc(clamp(-18px,-1.8vw,-28px)) calc(clamp(-16px,-1.25vw,-24px) + clamp(10px,.9vw,16px));padding:clamp(16px,1.25vw,24px) clamp(18px,1.2vw,28px);display:flex}.headerContent{flex:auto;min-width:0}.headerTitleRow{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.headerTitle{font-size:clamp(1.65rem,2vw,2.2rem);font-weight:800;line-height:1.1}.headerSeparator{color:#ecf4fa80;font-size:clamp(1.2rem,1.4vw,1.5rem);font-weight:300}.headerSubtitle{color:#eaf2f9eb;font-size:clamp(1.05rem,1.15vw,1.35rem);line-height:1.25}.headerBrand{flex:none;align-items:center;gap:8px;display:inline-flex}.headerBrandLogo{width:auto;height:60px}.mainGrid{flex:1 1 0;grid-template:"economic weather"minmax(148px,.82fr)"consumption sidebar"minmax(150px,1fr)"generation sidebar"minmax(150px,1fr)"bottom sidebar"minmax(54px,auto)/minmax(0,1fr) minmax(290px,.28fr);gap:clamp(10px,.9vw,16px);min-height:0;display:grid}.grid-item-economic{grid-area:economic;width:100%;min-width:0;min-height:120px;display:flex}.grid-item-consumption{grid-area:consumption;min-width:0;min-height:0;display:flex}.grid-item-generation{grid-area:generation;min-width:0;min-height:0;display:flex}.grid-item-weather{grid-area:weather;min-height:0;display:flex}.grid-item-sidebar{flex-direction:column;grid-area:sidebar;min-height:0;display:flex}.sidebarInner{flex-direction:column;flex:1;gap:clamp(10px,.9vw,16px);min-height:0;display:flex}.grid-item-bottom{grid-area:bottom;min-width:0}.bottomStack{flex-direction:column;gap:clamp(10px,.9vw,16px);min-width:0;display:flex}.chartContainer{width:100%;height:100%}.chartCanvasHost{width:100%!important;height:100%!important}.chartFloatingTooltip{pointer-events:none;z-index:99999!important}.boost-border-chart{box-shadow:none;border:2px solid #0000;border-radius:16px;transition:border .3s ease-in-out,box-shadow .3s ease-in-out;position:relative}.boost-border-chart.is-boost-active{border:2px solid #ff9a35;box-shadow:0 0 12px #ff9a3566,0 0 24px #ff9a3533}.infoCardWrapper{box-shadow:none;border:2px solid #0000;border-radius:16px;transition:border .3s ease-in-out,box-shadow .3s ease-in-out;position:relative}.infoCardWrapper.has-marker{border:2px solid #ff9a35}.infoCardWrapper.has-boost,.boost-border-chart.is-boost-active{border:2px solid #ff9a35;box-shadow:0 0 12px #ff9a3566,0 0 24px #ff9a3533}.boost-border-card{border:2px solid #0000;border-radius:16px;transition:border .3s ease-in-out,box-shadow .3s ease-in-out;position:relative;box-shadow:0 0 12px #ff9a3500,0 0 24px #ff9a3500}.boost-border-card.is-boost-active{border:2px solid #ff9a35;box-shadow:0 0 12px #ff9a3566,0 0 24px #ff9a3533}@media only screen and (width<=1200px){.touchContent{min-width:var(--touch-layout-min-width);min-height:max(100vh, var(--touch-layout-min-height));padding-bottom:env(safe-area-inset-bottom,var(--spacing-lg))}.header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;position:sticky;top:0}}.timelineShell{pointer-events:none;background:radial-gradient(circle at 0 0,#3d81c624,#0000 26%),linear-gradient(#0a223af5 0%,#081c30f7 100%);border:1px solid #7ac2ff2e;border-radius:16px;align-items:center;min-height:48px;padding:0;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f}.timelinePlayButton{width:52px;height:52px;color:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.timelinePlayButton .playButtonIcon{box-sizing:border-box;width:38px;height:38px;padding:6px;display:block}.timelinePlayButton .playButtonIcon svg{width:100%;height:100%;display:block}.timelineTrackArea{width:100%;margin-left:var(--chart-plot-left);margin-right:var(--chart-plot-right);align-items:center;display:flex;position:relative}.timelineTrack{cursor:pointer;pointer-events:auto;background:#94bade3d;border-radius:999px;flex:auto;width:100%;height:4px;position:relative}.timelineTrackFill{border-radius:inherit;background:linear-gradient(90deg,#ff9a35 0%,#ffbc63 100%);position:absolute;inset:0 auto 0 0}.timelineEventButton{color:#eef7ff;cursor:pointer;pointer-events:auto;background:0 0;border:none;border-radius:999px;place-items:center;width:50px;height:50px;padding:0;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.timelineEventIcon{pointer-events:none;width:48px;height:48px}.timelineEventButton.active .timelineEventIcon svg{filter:drop-shadow(0 0 6px #f7941e80)}.controlBarShell{background:radial-gradient(circle at 0 0,#3d81c629,#0000 28%),linear-gradient(#0a223af5 0%,#081c30f7 100%);border:1px solid #7ac2ff33;border-radius:16px;justify-content:space-between;align-items:center;gap:clamp(12px,1.2vw,20px);padding:clamp(12px,1.2vw,12px) clamp(18px,1.8vw,26px);display:flex;box-shadow:inset 0 1px #ffffff14}.controlBarSection{flex:1 1 0;min-width:0}.controlBarCenterBadge{cursor:pointer;background:0 0;border:none;border-radius:56px;flex:none;justify-content:center;align-items:center;width:140px;height:64px;margin-top:40px;padding:0;transition:transform .15s;display:flex;position:relative;overflow:hidden}.controlBarCenterBadge:hover{transform:translateY(-1px)}.controlBarCenterBadge:active{transform:scale(.985)}.controlBarCenterBadgeImg{width:100%;height:100%;transition:opacity .2s;display:block;position:absolute;inset:0}.controlBarCenterBadgeImg[src*=aktiv]{opacity:0}.controlBarCenterBadgeImg[src*=inaktiv],.controlBarCenterBadge[aria-pressed=true] .controlBarCenterBadgeImg[src*=aktiv]{opacity:1}.controlBarCenterBadge[aria-pressed=true] .controlBarCenterBadgeImg[src*=inaktiv]{opacity:0}.controlBarTitle{color:#ff9a35;letter-spacing:0;align-items:center;margin-bottom:12px;font-size:1rem;font-weight:700;display:flex}.controlBarTitleLine{background:#7ac2ff33;flex:1 1 0;height:1px;margin-left:12px}.controlBarButtons{flex:none;gap:12px;display:flex}.controlBarButton{color:#d9e1ec;min-height:48px;font-family:var(--font-family);cursor:pointer;background:#266498;border:1px solid #d9e1ec80;border-radius:12px;flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:clamp(.85rem,.88vw,1.0625rem);font-weight:600;line-height:1.4;transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 15px -10px #0000001a,0 25px 38px -7.5px #0000001a}.controlBarButton:hover{transform:translateY(-1px)}.controlBarButton.is-active{color:#fff;background:#ff9a35;border-color:#fff}.controlBarButtonIcon{flex:none;width:24px;height:24px}.controlBarButton[data-year]{justify-content:center;min-height:48px;padding:12px 16px;font-size:clamp(.95rem,.95vw,1.125rem);font-weight:600;line-height:1.4}.controlBarButton[data-scenario]{gap:10px;padding:12px 16px}.controlBarButton[data-scenario] .controlBarButtonIcon{width:21px;height:21px}.playback-button{color:#fff;cursor:pointer;background:#2c527adb;border:1px solid #7ac2ff3d;border-radius:999px;min-width:118px;padding:12px 22px;font-size:.96rem;font-weight:700;transition:transform .18s,background-color .18s,border-color .18s,color .18s}.playback-button[aria-pressed=true]{color:#08233d;background:linear-gradient(#ffa938 0%,#ff9321 100%);border-color:#ffd293d1}.playback-button:hover{transform:translateY(-1px)}.sidebarCard{background:radial-gradient(circle at 0 0,#407ab933,#0000 35%),linear-gradient(#0b2a4af7 0%,#081c30fa 100%);border:1px solid #76b7ed38;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 14px 34px #0000002e}.weatherPreviewCard{isolation:isolate;background-color:#081c30fa;border:1px solid #76b7ed38;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:10px;min-height:0;padding:18px;display:flex;box-shadow:inset 0 1px #ffffff14,0 14px 34px #0000002e}.weatherBgLayer{will-change:opacity;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;position:absolute;inset:0}.weatherBgCurrent{opacity:1}.weatherPreviewIconWrapper{z-index:1;position:relative}.weatherPreviewIconSvg{color:#fff;filter:drop-shadow(0 3px 2px #00000080)drop-shadow(0 0 40px #ffffff59)}.weatherPreviewContent{z-index:1;text-align:center;text-shadow:0 2px 2px #00000080;animation:.5s ease-in-out weatherContentFadeIn;position:relative}@keyframes weatherContentFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.weatherPreviewTitle{font-size:clamp(1rem,.9vw,1.2rem);font-weight:700}.weatherPreviewMeta{color:#fff;margin-top:4px;font-size:.8rem}@property --condition-percent{syntax:"<integer>";inherits:false;initial-value:0}.conditionsCard{flex-direction:column;flex:none;gap:10px;padding:16px 18px 14px;display:flex}.conditionsCardTitle{color:#ff9a35;padding-bottom:6px;font-size:1.28rem;font-weight:700}.conditionsList{flex-direction:column;gap:12px;display:flex}.conditionRow{flex-direction:column;gap:4px;display:flex}.conditionHeader{align-items:center;gap:6px;display:flex}.conditionIcon{object-fit:contain;height:.9rem}.conditionLabel{color:#f2f7fceb;flex:none;font-size:.8125rem}.conditionValue{color:#f2f7fceb;transition:--condition-percent var(--condition-transition-ms,0s) ease-out;counter-reset:condition-percent var(--condition-percent);margin-left:auto;font-size:.8125rem}.conditionValue:after{content:counter(condition-percent) "%"}.conditionTrack{background:#ffffff1f;border-radius:999px;width:100%;height:7px;overflow:hidden}.conditionTrackFill{border-radius:999px;height:100%;transition-property:width;transition-timing-function:ease-out}.scenarioInfoCard{border:none;border-radius:16px;flex-direction:column;flex:auto;gap:18px;padding:22px 18px;display:flex;overflow:visible;box-shadow:inset 0 0 0 1px #ff9a3524,0 14px 34px #0000002e}.scenarioInfoCard--default{border:1px solid #76b7ed38;gap:26px;overflow-y:auto;box-shadow:inset 0 1px #ffffff14,0 14px 34px #0000002e}.scenarioInfoDefaultBody{flex-direction:column;gap:18px;display:flex}.scenarioInfoDefaultTitle{color:#f5fbff;margin:0;font-size:1.28rem;font-weight:700;line-height:1.15}.scenarioInfoDefaultText{color:#f1f7fcf0;margin:0;font-size:1rem;line-height:1.45}.scenarioInfoDefaultCta{justify-content:center;align-items:center;margin-top:auto;display:flex}.scenarioInfoDefaultCtaIcon{flex:none;width:280px}.scenarioInfoDefaultCtaIconSvg{width:100%;height:auto;display:block}.scenarioInfoHeader{align-items:flex-start;gap:12px;display:flex}.scenarioInfoBadge{color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:visible}.scenarioInfoBadge svg{width:100%;height:100%;overflow:visible}.scenarioInfoTitle{color:#ff9a35;font-size:1.28rem;line-height:1.15}.scenarioInfoBody{color:#f1f7fceb;flex-direction:column;gap:12px;font-size:1rem;line-height:1.45;display:flex}.batteryBoostInfoCard{background:#012442;border-radius:16px;flex-direction:column;flex:auto;gap:18px;padding:22px 18px;display:flex;overflow:visible}.batteryBoostInfoHeader{align-items:flex-start;gap:12px;display:flex}.batteryBoostInfoIcon{flex:none;width:64px;height:64px;overflow:visible}.batteryBoostInfoIcon img{object-fit:contain;width:100%;height:100%}.batteryBoostInfoTitle{color:#ff9a35;font-size:1.28rem;font-weight:700;line-height:1.15}.batteryBoostInfoBody{color:#f1f7fcf0;flex-direction:column;gap:12px;font-size:1rem;line-height:1.45;display:flex}html,body{background:var(--bg);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;height:100%;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent}@font-face{font-family:Titillium Web;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/TitilliumWeb-Regular.ttf)format("truetype")}@font-face{font-family:Titillium Web;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/TitilliumWeb-SemiBold.ttf)format("truetype")}@font-face{font-family:Titillium Web;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/TitilliumWeb-Bold.ttf)format("truetype")}:root{--bg:#000;--color-accent:#ff9f3d;--color-panel-dark:#3c3c3ce0;--color-panel-light:#ffffffd1;--color-text:#111;--color-text-inverted:#fff;--border-radius-panel:14px;--border-radius-button:999px;--font-family:"Titillium Web", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--chart-height:280px}