:root{--hh-font-sans:"Inter Variable","Noto Sans JP Variable","Noto Sans JP","Hiragino Sans",system-ui,sans-serif}.hh-live-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.hh-reorder-pill{position:-webkit-sticky;position:sticky;top:calc(var(--hh-size-topbar) + 8px);z-index:5;display:flex;justify-content:center;margin-bottom:10px}.hh-grid-entry{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:10px;gap:10px}.hh-split{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);grid-gap:18px;gap:18px;align-items:start}@media (max-width:1100px){.hh-split{grid-template-columns:minmax(0,1fr)}}.hh-mapwrap{position:relative}.hh-map{height:calc(100vh - 300px);min-height:460px;border-radius:var(--hh-radius-lg);overflow:hidden;border:1px solid var(--hh-border-subtle);background:var(--hh-surface-sunken);box-shadow:var(--hh-shadow-1)}.hh-map__legend{position:absolute;right:14px;top:14px;z-index:2;display:flex;flex-direction:column;gap:7px;padding:12px 14px;border-radius:12px;background:var(--hh-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--hh-border-subtle);box-shadow:var(--hh-shadow-2);font-size:var(--hh-font-xs);font-weight:500}.hh-marker{width:18px;height:18px;border-radius:50%;background:var(--hh-accent);border:2.5px solid #fff;box-shadow:0 0 0 2px rgba(14,20,36,.25),0 2px 6px rgba(14,20,36,.35);cursor:pointer;display:inline-block}.hh-marker[data-stale=true],.hh-marker[data-state=cannot_measure],.hh-marker[data-state=not_measuring],.hh-marker[data-state=not_worn],.hh-marker[data-state=offline]{background:var(--hh-status-technical)}.hh-marker[data-state=battery_low],.hh-marker[data-state=low_battery]{background:var(--hh-status-attention)}.hh-marker[data-state=charging],.hh-marker[data-state=paused]{background:var(--hh-border-strong)}.hh-marker[data-alert=true]{background:var(--hh-status-physio);box-shadow:0 0 0 4px color-mix(in srgb,var(--hh-status-physio) 40%,transparent);animation:hh-marker-pulse 1.6s ease-in-out infinite}@keyframes hh-marker-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.hh-zone-label{font:600 12px/1.2 var(--hh-font-sans);color:#fff;background:rgba(11,17,32,.7);border:1.5px solid;border-radius:7px;padding:3px 7px;pointer-events:none;white-space:nowrap}.maplibregl-popup-content{font-family:var(--hh-font-sans);font-size:13px;color:#0E1424;border-radius:12px;padding:12px 14px;box-shadow:var(--hh-shadow-3)}@media print{.hh-no-print{display:none!important}}