/* Space-based presentation; no device, hinge or extension ownership assumptions. */
@media(max-width:700px){
  html:not(.tv-browser) .page-utilities{
    inset:auto calc(12px + var(--app-safe-right)) calc(10px + var(--app-safe-bottom)) calc(12px + var(--app-safe-left));
    display:flex;flex-direction:row;justify-content:center;gap:0;width:max-content;
    max-width:calc(100% - 24px - var(--app-safe-left) - var(--app-safe-right));
    margin:0 auto;padding:4px;background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:8px;
  }
  html:not(.tv-browser) .page-utility-button{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:11px;}
  html:not(.tv-browser) .page-utilities .utility-label{display:none;}
  html:not(.tv-browser) .page-utilities::before{display:none;}
  html:not(.tv-browser) .notification-button{order:1;}
  html:not(.tv-browser) .page-refresh-button{order:2;}
  html:not(.tv-browser) .glance-launch-button{order:3;}
  html:not(.tv-browser) .back-to-top-button{order:4;}
  html:not(.tv-browser) .back-to-top-button:not(.is-visible){display:none;}
}
.glance-launch-button img{flex:none;}
.energy-glance{position:fixed;inset:0;z-index:200;overflow-y:auto;overscroll-behavior:contain;color-scheme:dark;
  display:flex;flex-direction:column;gap:24px;
  padding:calc(24px + var(--app-safe-top)) calc(32px + var(--app-safe-right)) calc(24px + var(--app-safe-bottom)) calc(32px + var(--app-safe-left));
  background:var(--canvas);color:#edf2f2;}
body.energy-glance-active{overflow:hidden;}
body.energy-glance-active>.app,body.energy-glance-active>.page-utilities{display:none;}
.glance-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex:none;}
.glance-head h2{font-size:28px;line-height:1.3;}
.glance-eyebrow,.glance-metric-label{font-size:12px;line-height:1.5;color:var(--muted);}
.glance-stage{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;align-content:center;}
.glance-battery,.glance-home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;}
.glance-home{border-left:1px solid var(--line);padding-left:24px;}
.glance-ring{position:relative;isolation:isolate;display:grid;place-items:center;width:224px;height:224px;max-width:100%;border-radius:50%;background:#2b3a32;color:var(--battery-status-color);}
.glance-ring::before{content:'';position:absolute;inset:10px;z-index:-1;border-radius:50%;background:var(--canvas);}
.energy-glance[data-state="waiting"] .glance-ring{--battery-fill:0%;color:var(--muted);}
@supports(aspect-ratio:1){.glance-ring{width:100%;max-width:224px;height:auto;aspect-ratio:1;}}
@supports(background:conic-gradient(red,blue)){.glance-ring{background:conic-gradient(var(--battery-status-color) var(--battery-fill,0%),#2b3a32 0);}}
.glance-ring strong{font-size:80px;line-height:1.2;font-variant-numeric:tabular-nums;}
.glance-value{font-size:64px;line-height:1.25;font-variant-numeric:tabular-nums;text-align:center;color:var(--home);overflow-wrap:anywhere;}
.glance-value.is-long{font-size:44px;}
.glance-secondary{display:flex;align-items:center;justify-content:center;gap:16px;min-width:0;border-top:1px solid var(--line);padding-top:20px;color:var(--energy-accent);}
.glance-secondary>div{min-width:0;}
.glance-secondary img{flex:none;}
.glance-secondary strong{display:block;font-size:32px;line-height:1.4;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
.glance-secondary .glance-metric-label{color:var(--energy-accent);}
.glance-foot{flex:none;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;}
.glance-freshness{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--solar);font-size:13px;}
.glance-freshness::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;}
.glance-freshness[data-state="ready"]{color:var(--battery);}
.glance-freshness time{color:var(--muted);font-variant-numeric:tabular-nums;}
.glance-options{display:flex;flex-wrap:wrap;gap:8px 16px;}
.glance-options label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:var(--muted);cursor:pointer;}
.glance-options input{width:20px;height:20px;margin:0;accent-color:var(--battery);}
.glance-wake-status{width:100%;font-size:12px;color:var(--muted);}
.glance-wake-status:empty{display:none;}
.energy-glance.is-dim .glance-stage{opacity:.58;}
@media(max-width:700px){
  .energy-glance{gap:20px;padding:calc(16px + var(--app-safe-top)) calc(20px + var(--app-safe-right)) calc(12px + var(--app-safe-bottom)) calc(20px + var(--app-safe-left));}
  .glance-head h2{font-size:24px;}.glance-stage{gap:24px 16px;}.glance-home{padding-left:16px;}
  .glance-ring{width:168px;height:168px;}.glance-ring strong{font-size:60px;}.glance-value{font-size:42px;}.glance-value.is-long{font-size:30px;}
  .glance-secondary{gap:10px;}.glance-secondary strong{font-size:26px;}
  @supports(aspect-ratio:1){.glance-ring{width:100%;max-width:168px;height:auto;}}
}
@media(max-width:400px){.glance-ring strong{font-size:44px;}.glance-value{font-size:30px;}.glance-value.is-long{font-size:24px;}.glance-secondary strong{font-size:22px;}.glance-metric-label{font-size:11px;}}
@media(max-height:500px){
  .energy-glance{gap:8px;padding-top:calc(8px + var(--app-safe-top));padding-bottom:calc(8px + var(--app-safe-bottom));}
  .glance-head h2{font-size:22px;}.glance-eyebrow{display:none;}.glance-stage{gap:10px 24px;}
  .glance-ring{width:140px;height:140px;}.glance-ring::before{inset:7px;}.glance-ring strong{font-size:50px;}
  .glance-value{font-size:40px;}.glance-value.is-long{font-size:30px;}.glance-battery,.glance-home{gap:4px;}
  .glance-secondary{padding-top:8px;}.glance-secondary strong{font-size:24px;}.glance-foot{gap:4px 16px;}
  @supports(aspect-ratio:1){.glance-ring{width:100%;max-width:140px;height:auto;}}
}