/* ALT Awake, as a scene: macOS's menu bar with Awake's icon, and its panel
   open beneath it. Drawn in points and scaled 2.4× to the 1920 × 1080 stage,
   so it is as sharp as the page. Measurements from Panel.swift. */
.aw{position:absolute;left:0;top:0;width:800px;height:450px;transform:scale(2.4);transform-origin:0 0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;color:rgba(0,0,0,.85);-webkit-font-smoothing:antialiased}
.aw-bar{position:absolute;left:0;right:0;top:0;height:28px;display:flex;align-items:center;gap:18px;padding:0 14px;font-size:13px;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 .5px 0 rgba(0,0,0,.08)}
.aw-bar b{font-weight:700}
.aw-bar .right{margin-left:auto;display:flex;align-items:center;gap:4px}
.aw-bar .right>*{height:22px;min-width:26px;display:grid;place-items:center;padding:0 5px;border-radius:6px}
.aw-bar svg{width:17px;height:17px}
.aw-bar .on{background:rgba(0,0,0,.12)}
.aw-panel{position:absolute;top:34px;width:304px;box-sizing:border-box;padding:18px 18px 10px;border-radius:16px;background:rgba(244,245,244,.86);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);box-shadow:0 0 0 .5px rgba(0,0,0,.16),0 12px 36px rgba(0,0,0,.18);transform-origin:50% 0;opacity:0}
.aw-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.aw-head h4{margin:0;font-size:15px;font-weight:600}
.aw-head p{margin:2px 0 0;font-size:12px;color:rgba(0,0,0,.5)}
.aw-switch{margin-left:auto;width:42px;height:24px;border-radius:12px;background:rgba(0,0,0,.1);position:relative}
.aw-switch i{position:absolute;top:2px;left:2px;width:26px;height:20px;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.aw-switch.on{background:#426357}.aw-switch.on i{left:14px}
.aw-dial{position:relative;width:168px;height:168px;margin:0 auto 16px}
.aw-dial svg{position:absolute;inset:0}
.aw-read{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.aw-read strong{font-size:36px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.aw-read span{margin-top:4px;font-size:11px;font-weight:500;color:rgba(0,0,0,.5)}
.aw-chips{display:flex;gap:6px;margin-bottom:14px}
.aw-chips span{flex:1;padding:6px 0;border-radius:99px;background:rgba(0,0,0,.06);font-size:12px;font-weight:500;text-align:center}
.aw-foot{display:flex;align-items:center;padding:8px 0 0;border-top:1px solid rgba(0,0,0,.1);font-size:13px;color:rgba(0,0,0,.5)}
.aw-foot svg{width:16px;height:16px;margin-left:auto}
.aw-read em{margin-top:3px;font-size:10.5px;font-style:normal;color:rgba(0,0,0,.32);font-variant-numeric:tabular-nums}