.live-projection-loading{align-content:center;gap:12px;min-height:180px;padding:20px;display:grid}.live-projection-loading span{background:linear-gradient(90deg,#e6ecee 15%,#f8faf9 42%,#e6ecee 70%) 0 0/220% 100%;border-radius:99px;height:10px;animation:1.7s linear infinite live-projection-shimmer}.live-projection-loading span:nth-child(2){width:82%}.live-projection-loading span:nth-child(3){width:62%}.live-projection-loading.is-dark span{background-image:linear-gradient(90deg,#ffffff0b,#ffffff21,#ffffff0b)}@keyframes live-projection-shimmer{to{background-position:-220% 0}}.live-market-panel-chart{margin-top:4px;position:relative}.live-market-panel-chart svg{width:100%;display:block;overflow:hidden}.live-market-grid line{stroke:#ffffff17;stroke-width:1px}.live-market-area{pointer-events:none}.live-market-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.live-market-line--electricity{stroke:#b9ef58;stroke-width:4px}.live-market-line--gas{stroke:#63b5d5;stroke-width:3px;opacity:.9}.live-market-current circle:first-child{fill:#061e2f;stroke:#b9ef58;stroke-width:4px}.live-market-current-halo{fill:#b9ef5826;stroke:none;animation:2.4s ease-out infinite live-projection-pulse}.live-market-current-halo,.live-phone-marker-halo{transform-box:fill-box;transform-origin:50%}.live-market-scales{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:10px -4px 38px}.live-market-scales>span{color:#ffffff47;flex-direction:column;justify-content:space-between;font-size:8px;font-style:normal;display:flex}.live-market-scales b,.live-market-scales i,.live-market-scales em{font-style:normal;font-weight:700}.live-market-scales>span:last-child{color:#63b5d580;align-items:end}.live-market-panel-footer{color:#ffffff57;justify-content:space-between;align-items:center;gap:18px;margin-top:4px;font-size:8px;display:flex}.live-market-panel-footer strong{color:#ffffffb8;font-size:9px}@keyframes live-projection-pulse{0%{opacity:.7;transform:scale(.72)}72%,to{opacity:0;transform:scale(1.72)}}.live-phone-chart{padding:0 18px}.live-phone-price-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.live-phone-price-row>div{gap:2px;display:grid}.live-phone-price-row span{color:#52656e;font-size:8px}.live-phone-price-row strong{color:#092235;letter-spacing:-.05em;font-size:22px;line-height:1}.live-phone-price-row strong small{letter-spacing:0;font-size:8px}.live-phone-price-row>b{color:#5b801f;text-transform:uppercase;background:#eaf8d4;border-radius:99px;align-items:center;gap:5px;padding:6px 8px;font-size:7px;display:inline-flex}.live-phone-price-row>b i{background:#82bc2e;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 4px #82bc2e1f}.live-phone-chart svg{width:100%;display:block;overflow:hidden}.live-phone-grid line{stroke:#dce5e7;stroke-width:1px}.live-phone-line{fill:none;stroke:#72a82c;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.live-phone-marker-halo{fill:#b9ef5840;animation:2.2s ease-out infinite live-projection-pulse}.live-phone-marker-core{fill:#fff;stroke:#6fa42a;stroke-width:3px}.live-phone-axis{color:#52656e;justify-content:space-between;margin-top:4px;font-size:7px;display:flex}.live-phone-metrics{grid-template-columns:1fr 1fr;gap:7px;margin-top:11px;display:grid}.live-phone-metrics span{background:#fffc;border:1px solid #e0e7e8;border-radius:10px;gap:3px;padding:10px;display:grid}.live-phone-metrics small{color:#52656e;font-size:7px}.live-phone-metrics strong{color:#173044;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.live-phone-chart.is-compact{padding:0 14px}.live-phone-chart.is-compact .live-phone-price-row{margin-bottom:5px}.live-phone-chart.is-compact .live-phone-price-row strong{font-size:15px}.live-phone-chart.is-compact .live-phone-price-row>b{display:none}.live-phone-placeholder .live-phone-price-row>b{color:#4a5e68;background:#edf1f1}.live-phone-placeholder .live-phone-price-row>b i{background:#92a2a8;box-shadow:0 0 0 4px #92a2a81f}.live-phone-placeholder .live-phone-line{stroke:#86a761;stroke-dasharray:7 5;opacity:.78;animation:2.2s linear infinite live-phone-placeholder-drift}.live-phone-placeholder-area{fill:#b9ef581a}.live-phone-placeholder .live-phone-metrics strong{color:#4f626b;font-weight:650}@keyframes live-phone-placeholder-drift{to{stroke-dashoffset:-24px}}.live-market-phone-stage{z-index:2;place-items:end center;width:100%;min-height:680px;display:grid;position:relative}.live-app-phone{color:#092235;background:linear-gradient(#fff,#f2f6f6);border:8px solid #0b1116;border-radius:56px;width:370px;height:690px;position:relative;overflow:hidden;box-shadow:0 36px 65px #031e2d38,inset 0 0 0 1px #ffffffa6}.live-app-island{z-index:4;background:#070b0f;border-radius:99px;width:96px;height:28px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.live-app-status{justify-content:space-between;align-items:center;height:52px;padding:0 27px;font-size:10px;font-weight:850;display:flex}.live-app-header{color:#52636d;border-bottom:1px solid #dfe6e8;justify-content:space-between;align-items:center;min-height:68px;padding:0 24px;font-size:15px;display:flex}.live-app-header img{width:132px;height:auto}.live-app-commodity{color:#17364b;align-items:center;gap:8px;padding:25px 25px 12px;font-size:18px;font-weight:800;display:flex}.live-app-commodity span{color:#4c7997}.live-app-date{color:#7d8c93;text-align:center;margin:8px 24px 18px;font-size:9px}.live-app-phone .live-phone-chart{padding:0 24px}.live-app-phone .live-phone-price-row strong{font-size:31px}.live-app-phone .live-phone-chart svg{margin-top:8px}.live-app-phone .live-phone-metrics{gap:10px;margin-top:16px}.live-app-phone .live-phone-metrics span{min-height:64px;padding:13px}.live-app-phone .live-phone-metrics strong{font-size:11px}.live-phone-trio{isolation:isolate;place-items:center;min-height:720px;display:grid;position:relative}.live-phone-trio:before{content:"";z-index:-1;aspect-ratio:1;filter:blur(20px);background:radial-gradient(circle,#b9ef5838,#60a1c017 45%,#0000 72%);border-radius:50%;width:78%;position:absolute}.live-phone-trio .live-app-phone{border-width:7px;border-radius:48px;width:310px;height:620px;position:absolute}.live-phone-trio .live-app-phone--center{z-index:3;top:6px;left:50%;transform:translate(-50%)}.live-phone-trio .live-app-phone--side{z-index:2;background:#f3f6f7;top:62px}.live-phone-trio .live-app-phone--left{left:1%;transform:rotate(-7deg)}.live-phone-trio .live-app-phone--right{right:1%;transform:rotate(7deg)}.live-phone-trio .live-app-header img{width:108px}.live-phone-trio .live-app-phone--side .live-app-commodity{padding-top:24px}.live-app-list,.live-app-menu{background:#fff;border:1px solid #dce5e7;border-radius:14px;margin:18px;display:grid;overflow:hidden}.live-app-list span,.live-app-menu span{color:#294255;border-bottom:1px solid #e4eaec;justify-content:space-between;align-items:center;min-height:54px;padding:0 16px;font-size:10px;font-weight:750;display:flex}.live-app-menu-label{align-items:center;gap:5px;font-style:normal;display:inline-flex}.live-app-menu .live-arrow-up-right{fill:none;stroke:#6c9e28;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:12px;height:12px}.live-app-list span:last-child,.live-app-menu span:last-child{border-bottom:0}.live-app-phone--right h3{color:#092235;margin:25px 22px 12px;font-size:21px}@media (width<=991px){.live-market-phone-stage{min-height:700px}.live-phone-trio{min-height:700px;transform:scale(.92)}}@media (width<=767px){.live-market-panel-chart svg{min-height:250px}.live-market-panel-footer{flex-direction:column;align-items:flex-start;gap:5px}.live-market-phone-stage{min-height:610px}.live-app-phone{transform-origin:bottom;width:330px;height:640px;transform:scale(.9)}.live-phone-trio{transform-origin:top;min-height:570px;margin:-20px -20px 0;transform:scale(.76)}}@media (width<=460px){.live-app-phone{width:310px;transform:scale(.84)}.live-phone-trio{min-height:470px;margin-left:-90px;margin-right:-90px;transform:scale(.63)}}@media (prefers-reduced-motion:reduce){.live-market-current-halo,.live-phone-marker-halo,.live-projection-loading span,.live-phone-placeholder .live-phone-line{animation:none}}