.topbar.reference-status{top:12px;left:28px;right:28px;display:flex;align-items:center;justify-content:flex-start;gap:16px;min-height:66px;padding:5px 6px 5px 24px;background:rgba(255,255,255,.96);border:5px solid white;border-radius:42px;box-shadow:0 14px 38px #29455815;color:#202b3e;font-family:system-ui,sans-serif;pointer-events:auto}
.reference-status .day-pill{background:none;box-shadow:none;border:0;padding:0;gap:10px;min-height:0;white-space:nowrap}.reference-status .day-pill strong{font-size:16px;font-weight:550}.reference-status .sun{font-size:19px}.reference-status #weather{display:none}.status-divider{height:25px;width:1px;background:#dce0e6;flex-shrink:0}.status-mood{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#12c95b;font-size:17px}.status-mood strong{font-weight:600}.status-city{font-size:14px;color:#65718a;white-space:nowrap}.status-spacer{flex:1}.reference-status .online-pill{display:flex;align-items:center;white-space:nowrap;gap:6px;padding:0;background:none;box-shadow:none;border:0;min-height:0;font-size:15px;color:#078852}.reference-status .online-pill i{margin:0;width:10px;height:10px}.reference-status .wallet{display:flex;align-items:center;gap:12px;padding:5px 0 5px 17px;background:#f2f4f8;border:0;box-shadow:none;border-radius:30px;min-height:48px;margin:0}.reference-status .wallet strong{font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums}.reference-status .wallet-plus{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#1aba7b;color:white;font-size:28px;font-weight:300}.reference-status .icon-button{display:grid;place-items:center;background:none;border:0;margin:0;width:28px;height:36px;color:#202b3e;flex-shrink:0}.reference-status button:focus-visible{outline:3px solid #21986d;outline-offset:3px}
@media(max-width:1100px){.reference-status .status-city{display:none}.topbar.reference-status{gap:12px;left:14px;right:14px;padding-left:16px}.reference-status .day-pill strong{font-size:14px}.status-mood{font-size:15px}}
@media(max-width:700px){.topbar.reference-status{top:8px;left:8px;right:8px;gap:8px;min-height:54px;border-width:3px;padding:3px 4px 3px 10px}.reference-status .status-divider,.reference-status #pause,.reference-status .online-pill,.reference-status #status-face{display:none}.reference-status .day-pill strong{font-size:11px}.reference-status .sun{font-size:15px}.reference-status .day-pill{gap:5px}.status-mood{font-size:11px}.reference-status .wallet{padding-left:8px;gap:5px;min-height:36px}.reference-status .wallet strong{font-size:13px}.reference-status .wallet-plus{width:29px;height:29px;font-size:23px}.reference-status .icon-button{width:23px}.reference-status .status-spacer{min-width:0}}