.weather-3d-tools{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.weather-3d-tools button{background:#0f172a80;border:1px solid #475569;border-radius:10px;padding:8px 10px;color:#b6c9de;font-size:.7rem;min-height:44px}.weather-3d-tools [data-chart-drag]{touch-action:none;cursor:grab}.weather-3d-tools [data-chart-drag]:active{cursor:grabbing}.energy-demo-chart{perspective:850px;height:210px}.energy-demo-bars{transform-style:preserve-3d;transform-origin:50% 100%;transform:rotateX(var(--chart-x,12deg)) rotateY(var(--chart-y,-12deg));padding:0 15px 0 3px;transition:transform .16s ease-out}.energy-demo-bars>div{transform-style:preserve-3d}.energy-demo-bars [data-demo-bar]{display:block;position:relative;width:100%;min-height:5px;border:1px solid color-mix(in srgb,var(--demo-accent) 75%,white);border-radius:3px 3px 0 0;background:linear-gradient(to top,color-mix(in srgb,var(--demo-accent) 35%,#0f172a),var(--demo-accent));transform-style:preserve-3d;transition:height .85s ease,filter .2s;box-shadow:6px 10px 16px #02061730;padding:0;cursor:pointer}.energy-demo-bars [data-demo-bar]:hover,.energy-demo-bars [data-demo-bar][aria-pressed="true"]{filter:brightness(1.25);outline:2px solid #d9faff;outline-offset:3px}.energy-demo-bars .weather-bar-top{position:absolute;inset:auto 0 100%;height:14px;width:100%;transform-origin:bottom;transform:rotateX(65deg);background:color-mix(in srgb,var(--demo-accent) 65%,white);border-radius:2px;box-shadow:none}.energy-demo-bars .weather-bar-side{position:absolute;left:100%;top:0;bottom:0;width:14px;height:100%;transform-origin:left;transform:rotateY(65deg);background:color-mix(in srgb,var(--demo-accent) 50%,#061022);border-radius:0;box-shadow:none}.weather-selected{font-size:.72rem;line-height:1.6;color:#b6c9de;margin-top:12px;min-height:2.6em}.energy-demo .weather-ferret{padding:0;border:0;background:transparent;min-width:52px;flex-shrink:0;cursor:pointer;border-radius:12px}.energy-demo .weather-ferret:hover{background:#38bdf812}.energy-demo-bars small{white-space:nowrap}.energy-demo-chart{overflow:visible}
.home-lab{max-width:1280px;margin:30px auto 75px;padding:0 12px;color:#e2e8f0}.home-lab>header{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}.home-lab header span,.home-lab-info>span{font-size:.65rem;letter-spacing:.16em;color:#67e8f9;font-weight:750}.home-lab h2{font-size:clamp(1.9rem,3.7vw,3rem);font-weight:800;letter-spacing:-.04em;margin:12px 0}.home-lab header p{font-size:.9rem;color:#a9bbd0;line-height:1.8;max-width:670px}.home-lab header>button{font:inherit;flex-shrink:0;font-size:.8rem;padding:12px 17px;border-radius:24px;border:1px solid #38bdf860;background:#162235;min-height:44px;cursor:pointer}.home-lab-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);border:1px solid #334e68;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 25% 40%,#1d577c25,transparent 65%),#111e30;box-shadow:0 25px 60px #02061730}.home-lab-stage{height:360px;position:relative;perspective:900px;overflow:hidden;isolation:isolate}.home-lab-floor{position:absolute;inset:32% -30% -30%;transform:rotateX(62deg);background:linear-gradient(#38bdf818 1px,transparent 1px),linear-gradient(90deg,#38bdf818 1px,transparent 1px);background-size:42px 42px;border:1px solid #38bdf820;mask-image:linear-gradient(transparent,black 30%);pointer-events:none}.home-lab-halo{position:absolute;left:10%;top:15%;height:220px;width:70%;background:radial-gradient(ellipse,#22d3ee0d,transparent 70%);pointer-events:none}.home-lab-toy{position:absolute;left:0;top:0;width:100px;height:125px;border:0;background:none;color:#e2e8f0;cursor:grab;transform-style:preserve-3d;padding:0;touch-action:pan-y;user-select:none;-webkit-user-select:none}.home-lab-toy:nth-of-type(1){left:8%;top:38%}.home-lab-toy:nth-of-type(2){left:31%;top:25%}.home-lab-toy:nth-of-type(3){left:55%;top:38%}.home-lab-toy:nth-of-type(4){left:76%;top:27%}.home-lab-toy.is-positioned{left:0;top:0}.home-lab-toy.is-dragging{cursor:grabbing;z-index:8}.home-lab-toy[aria-pressed="true"] .home-lab-toy-label{color:#fff;border-color:var(--toy-color);background:#203a50}.home-lab-shadow{position:absolute;bottom:17px;left:15%;width:70%;height:13px;border-radius:50%;background:#02061760;filter:blur(5px);pointer-events:none}.home-lab-cube{display:block;position:absolute;top:10px;left:20px;width:60px;height:60px;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(var(--toy-turn,25deg))}.home-lab-cube>span{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(140deg,color-mix(in srgb,var(--toy-color) 25%,#112437),#102137);border:1px solid var(--toy-color);font-size:2rem;border-radius:5px;backface-visibility:hidden;box-shadow:0 0 15px color-mix(in srgb,var(--toy-color) 8%,transparent) inset}.home-lab-cube>span:nth-child(1){transform:translateZ(30px)}.home-lab-cube>span:nth-child(2){transform:rotateY(90deg) translateZ(30px)}.home-lab-cube>span:nth-child(3){transform:rotateY(180deg) translateZ(30px)}.home-lab-cube>span:nth-child(4){transform:rotateY(-90deg) translateZ(30px)}.home-lab-cube>span:nth-child(5){transform:rotateX(90deg) translateZ(30px)}.home-lab-cube>span:nth-child(6){transform:rotateX(-90deg) translateZ(30px)}.home-lab-ferret{position:absolute;top:0;left:2px;width:95px;height:100px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 5px 10px #22d3ee22)}.home-lab-toy-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:.6rem;white-space:nowrap;border:1px solid #47556980;background:#112033e6;border-radius:20px;padding:6px 8px;pointer-events:none}.home-lab-hint{position:absolute;bottom:12px;left:16px;right:16px;text-align:center;pointer-events:none;color:#8faac0;font-size:.65rem}.home-lab-info{padding:32px 26px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #334155;background:#0e192b66}.home-lab-info h3{font-size:1.6rem;font-weight:750;line-height:1.2;margin:15px 0;letter-spacing:-.03em}.home-lab-info p{color:#b6c5d8;font-size:.88rem;line-height:1.8;min-height:6.5em}.home-lab-info a{display:inline-flex;align-items:center;min-height:44px;margin:15px 0;color:#67e8f9;font-size:.84rem}.home-lab-info small{font-size:.68rem;line-height:1.7;color:#8fa6bc}.home-lab :is(button,a):focus-visible{outline:3px solid #67e8f9;outline-offset:3px}.home-lab-toy.is-bouncing .home-lab-cube,.home-lab-toy.is-bouncing .home-lab-ferret{animation:toy-pop .45s ease-out}@keyframes toy-pop{50%{translate:0 -14px;scale:1.08}}
html[data-theme="light"] .home-lab{color:#1e293b}html[data-theme="light"] .home-lab-layout{background:#eaf6ff}html[data-theme="light"] .home-lab-info{background:#ffffff90}html[data-theme="light"] .home-lab :is(p,small){color:#475569}html[data-theme="dark"] .home-lab-layout{background:#0b111a}
@media(max-width:767px){.home-lab>header{align-items:start;flex-direction:column;gap:14px}.home-lab-layout{grid-template-columns:1fr}.home-lab-stage{height:290px}.home-lab-info{padding:24px;border-left:0;border-top:1px solid #334155}.home-lab-info p{min-height:0}.home-lab-toy{cursor:pointer;scale:.85;transform-origin:top left}.home-lab-info h3{font-size:1.35rem}.weather-3d-tools [data-chart-drag]{display:none}.energy-demo-bars{transform:rotateX(5deg) rotateY(-5deg)}.energy-demo-chart{height:175px}.energy-demo-bars .weather-bar-side{width:8px}.energy-demo-bars .weather-bar-top{height:8px}.home-lab-toy:nth-of-type(4){left:70%}}
@media(prefers-reduced-motion:reduce){.home-lab-toy.is-bouncing *{animation:none}.energy-demo-bars{transform:none;transition:none}}html[data-motion="reduced"] .energy-demo-bars,.public-motion-paused .energy-demo-bars{transform:none;transition:none}html[data-motion="reduced"] .home-lab-toy *, .public-motion-paused .home-lab-toy *{animation:none!important}