.hh-card{background:hsl(var(--cream));box-shadow:none;border:0;border-radius:22px}.hh-hero{background:hsl(var(--navy-deep));isolation:isolate;position:relative;overflow:hidden}.hh-hero:after{content:"";pointer-events:none;background:linear-gradient(#091725b8 0%,#0917258c 45%,#091725f0 100%),linear-gradient(90deg,#091725a6 0%,#0917251a 70%);position:absolute;inset:0}.hh-hero-fade{inset-inline:0;background:linear-gradient(180deg, transparent, hsl(var(--page)));pointer-events:none;z-index:2;height:28px;position:absolute;bottom:-1px}.hh-ticks{justify-content:space-between;align-items:flex-end;height:20px;display:flex}.hh-tcell{flex-direction:column;flex:none;justify-content:flex-end;align-items:center;height:100%;display:flex}.hh-t{background:currentColor;border-radius:1px;flex:none;width:1.5px}.hh-t.is-off{opacity:.3}.hh-mark{background:currentColor;border-radius:50%;flex:none;width:2.5px;height:2.5px;margin-bottom:6px}.hh-mark.is-off{opacity:.3}.hh-groups{justify-content:space-between;align-items:flex-end;display:flex}.hh-group{align-items:flex-end;gap:3px;height:16px;display:flex}.hh-group .hh-t{height:11px}.hh-group .hh-t.is-major{height:16px}.hh-plot{-moz-column-gap:8px;grid-template-columns:repeat(7,1fr);align-items:stretch;column-gap:8px;height:148px;display:grid;position:relative}.hh-goal{left:0;right:0;bottom:var(--hh-goal,80%);z-index:1;pointer-events:none;height:1.5px;position:absolute}.hh-goal:before{content:"";background:repeating-linear-gradient(90deg, hsl(var(--muted-foreground)) 0 3px, transparent 3px 6px);opacity:.7;position:absolute;inset:0}.hh-goal span{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-size:10px;position:absolute;bottom:5px;right:0}.hh-col{cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:flex-end;min-width:0;min-height:44px;padding:0;display:flex;position:relative}.hh-col:focus-visible{outline:2px solid hsl(var(--navy));outline-offset:3px}.hh-col.is-future{cursor:default}.hh-col.is-future .hh-bar{visibility:hidden}.hh-col.is-future .hh-day{opacity:.45}.hh-bar{width:100%;height:var(--hh-h,20%);background:hsl(var(--cream));border-radius:9px;min-height:10px;transition:opacity .2s;display:block;position:relative;overflow:hidden}.hh-bar:before{content:"";opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cdefs%3E%3Cpattern id='h' width='9' height='9' patternUnits='userSpaceOnUse' patternTransform='rotate(-40)'%3E%3Crect y='4' width='9' height='1' fill='%2310273C'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='600' height='600' fill='url(%23h)'/%3E%3C/svg%3E") 0 100%/600px 600px no-repeat;height:600px;transition:opacity .18s;position:absolute;bottom:0;left:0;right:0}.hh-bar-grad{background:linear-gradient(180deg, hsl(var(--gold)) 0%, hsl(var(--gold-light)) 70%, #f7e9cd 118%);opacity:0;transition:opacity .18s;position:absolute;inset:0}.hh-bar.is-active:before{opacity:0}.hh-bar.is-active .hh-bar-grad{opacity:1}.hh-day{font-family:var(--font-mono);color:hsl(var(--muted-foreground));justify-items:center;padding-top:8px;font-size:10px;line-height:1.2;transition:color .18s;display:grid;position:absolute;top:100%;left:0;right:0}.hh-col.is-active .hh-day{color:hsl(var(--navy));font-weight:700}.hh-today-dot{background:hsl(var(--navy));border-radius:50%;width:3px;height:3px;margin-top:5px}@media (prefers-reduced-motion:reduce){.hh-bar:before,.hh-bar-grad,.hh-day,.hh-bar{transition:none}}@keyframes hh-rise{0%{opacity:0;transform:translateY(8px)}}.hh-enter{animation:.42s cubic-bezier(.23,1,.32,1) both hh-rise}@media (prefers-reduced-motion:reduce){.hh-enter{animation:none}}