.btn.icon.ev-btn{--btn-size:38px;aspect-ratio:1;transition:transform .2s var(--ease), background-color .18s var(--ease), box-shadow .18s var(--ease), color .18s var(--ease);flex:none;padding:0}.btn.icon.ev-btn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.ev-btn .t-day{transform-box:fill-box;transform-origin:50%;transition:fill .18s var(--ease)}.btn.icon.ev-btn .t-ping{fill:var(--accent);stroke:var(--bg);stroke-width:2.4px;opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .18s var(--ease), transform .24s var(--ease);transform:scale(.4)}.btn.icon.ev-btn[data-lit][aria-pressed=false] .t-ping{opacity:1;transform:none}.btn.secondary.ev-btn[aria-pressed=true]{color:var(--accent);background:color-mix(in oklab, var(--accent) 10%, var(--bg));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 26%, var(--bg))}@media (hover:hover) and (pointer:fine){.btn.secondary.ev-btn[aria-pressed=true]:hover:not(:disabled){background:color-mix(in oklab, var(--accent) 15%, var(--bg))}}.ev-btn.is-pop .t-day{animation:ev-day-pop .28s var(--spring)}@keyframes ev-day-pop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ev-btn.is-pop .t-day{animation:fade-in .18s var(--ease)}}.chart-mark{--glass-tint:var(--glass-tint-words);max-width:min(340px,100%);min-height:32px;color:var(--fg);font:600 13px/16px var(--font);white-space:nowrap;animation:mark-in .3s var(--ease);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.chart-mark[hidden]{display:none}.chart-mark span{text-overflow:ellipsis;overflow:hidden}.chart-mark .k{opacity:.62;flex:none}@keyframes mark-in{0%{opacity:0;transform:translateY(-3px)scale(.96)}}.chart-mark[data-kind=moment]{border-radius:14px;gap:10px;min-height:42px;padding:4px 14px 4px 5px}.chart-mark[data-kind=moment]:not(:has(.ev-pic)){padding-left:14px}.chart-mark:has(>.ev-open){padding:0}.chart-mark>.ev-open{border-radius:inherit;align-self:stretch;gap:10px;padding:4px 12px 4px 5px}.chart-mark>.ev-open:not(:has(.ev-pic)){padding-left:14px}.ev-pic{object-fit:cover;background:var(--pill);border-radius:8px;flex:none;width:32px;height:32px}.ev-pic.round{background:var(--face-bg);border-radius:50%}.ev-pic.wide{width:57px}.ev-body{flex-direction:column;flex:0 auto;min-width:0;display:flex}.chart-mark .ev-t,.chart-mark .ev-m{align-items:center;min-width:0;display:flex}.chart-mark .ev-t{font:600 14px/18px var(--font);letter-spacing:-.01em;gap:6px}.chart-mark .ev-m{font:500 12px/16px var(--font);font-variant-numeric:tabular-nums;gap:5px}.ev-m>*{flex:none}.ev-m .ev-k,.ev-m .ev-at{opacity:.62}.ev-m .ev-sep{opacity:.35}.ev-m .ev-num{font-weight:600}.ev-title,.ev-m .ev-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.on-moment .delta,.chart-mark.ev-read:not([hidden])~*{display:none}.chart-mark.ev-read{max-width:min(340px,100vw - 32px);margin:calc(var(--readout-sink,0px) - 1px) 0 calc(-21px - var(--readout-sink,0px));pointer-events:none;flex:none}.chart-mark .ev-open{pointer-events:auto}.ev-live{background:var(--up);width:7px;height:7px;animation:live 2s var(--ease) infinite;border-radius:50%;flex:none}@media (prefers-reduced-motion:reduce){.ev-live{animation:none}}.ev-open{min-width:0;color:inherit;align-items:center;text-decoration:none;display:inline-flex}.chart-mark .ev-chev{overflow:visible}.ev-chev{font:600 16px/1 var(--font);opacity:.45;transition:opacity .18s var(--ease), transform .18s var(--ease);flex:none;margin-left:auto;padding-left:2px}@media (hover:hover) and (pointer:fine){.ev-open:hover .ev-chev{opacity:.9;transform:translate(2px)}}