.environment{position:absolute;left:4%;top:185px;display:flex;flex-direction:column;gap:14px;max-width:340px;color:var(--muted);font-size:12px}
.air-controls{display:flex;gap:6px}.air-controls button{font-size:12px;padding:8px 11px;min-height:36px;background:#202020c2}.air-controls button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}.air-key{display:flex;gap:11px;margin-top:9px;font-size:10px}.air-key span::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px;background:var(--air-color)}.air-good{--air-color:var(--blue)}.air-moderate{--air-color:var(--blue-soft)}.air-bad{--air-color:var(--red-soft)}.air-worse{--air-color:var(--red)}#air-summary{font-size:10px;color:#999999;margin:7px 0 0}
#power-card{display:flex;align-items:center;gap:12px;border:0;border-left:1px solid #16b9ff66;border-radius:0;background:linear-gradient(90deg,#202020c9,#20202000);padding:11px 14px 11px 10px;text-align:left;font-size:11px;color:#c4c4c4;min-width:265px;cursor:pointer}#power-card:hover{color:var(--ink)}#power-card:disabled{cursor:default;opacity:.55}.power-meter{width:38px;height:38px;flex:none;border-radius:50%;background:conic-gradient(var(--blue) var(--power-load),#77777766 0);position:relative;box-shadow:0 0 14px #16b9ff26}.power-meter::before{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--panel)}.power-meter::after{content:'ϟ';position:absolute;inset:0;display:grid;place-items:center;font-size:21px;color:var(--blue);animation:power-breathe 4s ease-in-out infinite}#power-card[data-fresh=false] .power-meter::after{animation:none}.power-main{display:flex;flex-direction:column;gap:5px}.power-label{color:#aaaaaa;font-size:10px;letter-spacing:.04em}#power-demand{font-size:23px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.035em;color:var(--blue)}.power-unit{font-size:10px;margin-left:4px;color:#aaaaaa}.power-secondary{margin-left:auto;display:flex;flex-direction:column;gap:6px;text-align:right;color:#999999;font-size:10px}#power-reserve{font-size:15px;font-variant-numeric:tabular-nums;color:var(--blue-soft)}
@keyframes power-breathe{50%{opacity:.5;text-shadow:0 0 10px var(--blue)}}
.output .environment{top:45px;left:3%;opacity:.85}.output .air-controls button{pointer-events:none}.output #air-summary{display:none}
@media(max-width:700px), (pointer:coarse){.environment{left:20px;right:20px;top:calc(max(20px,env(safe-area-inset-top)) + 145px);max-width:none;gap:10px}.air-controls button{min-height:40px;padding:7px 10px}.air-key{margin-top:7px}.environment #power-card{position:fixed;left:20px;right:20px;top:auto;bottom:calc(185px + env(safe-area-inset-bottom));min-width:0;padding:8px 10px;background:linear-gradient(90deg,#202020e8,#20202080)}#power-demand{font-size:21px}.power-meter{width:32px;height:32px}#power-card .power-secondary{flex-direction:row;align-items:center;gap:6px}#warning{bottom:calc(253px + env(safe-area-inset-bottom))}#detail{bottom:calc(253px + env(safe-area-inset-bottom));max-height:200px;overflow:auto}.output .environment{top:20px}.output #power-card{bottom:50px}}
@media(max-height:500px) and (pointer:coarse){.environment{left:20px;top:148px;right:auto}.environment #power-card{position:static;min-width:265px}.air-controls button{min-height:34px}#detail{bottom:150px;right:16px;max-width:340px;max-height:210px}.output .environment{top:15px}}
@media(prefers-reduced-motion:reduce){.power-meter::after{animation:none}}