.btn.icon.ev-btn{aspect-ratio:1;width:38px;height:38px;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{background:var(--fg);max-width:min(420px,100%);height:28px;color:var(--bg);font:600 13px/1 var(--font);white-space:nowrap;animation:chip-in .28s var(--ease);border-radius:999px;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.chart-mark[hidden]{display:none}.chart-mark span{text-overflow:ellipsis;overflow:hidden}.chart-mark .k{opacity:.6;flex:none}.chart-mark[data-kind=note]{background:var(--accent);color:#fff}.chart-mark[data-kind=moment]:has(>.ev-pic:first-child){padding-left:4px}.chart-mark:has(>.ev-open){padding:0}.chart-mark>.ev-open{border-radius:inherit;padding:0 11px}.chart-mark>.ev-open:has(>.ev-pic:first-child){padding-left:4px}.on-moment .delta{display:none}.chart-mark.ev-read{pointer-events:none;flex:0 auto;min-width:0;margin:-4px 0}.chart-mark .ev-open{pointer-events:auto}.ev-read~*{flex:none}.chart-mark .ev-open{gap:7px;height:100%}.chart-mark .chg[data-dir=up]{color:color-mix(in oklab, var(--up-vivid) 62%, var(--bg))}.chart-mark .chg[data-dir=down]{color:color-mix(in oklab, var(--down-vivid) 62%, var(--bg))}@keyframes chip-in{0%{opacity:0;transform:scale(.8)}}.ev-pic{object-fit:cover;background:var(--pill);border-radius:6px;flex:none;width:20px;height:20px}.ev-pic.round{border-radius:50%}.ev-pic.wide{border-radius:4px;width:34px;height:19px}.ev-title{text-overflow:ellipsis;white-space:nowrap;flex:0 100 auto;min-width:0;overflow:hidden}.ev-sep{opacity:.45;flex:none}.ev-k,.ev-num{flex:none}.ev-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:45%;overflow:hidden}.ev-num{font-variant-numeric:tabular-nums}@media (width<=640px){.ev-cut,.chart-mark.ev-read:not([hidden])~*,.ev-when .ev-at{display:none}}.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{align-items:center;gap:inherit;min-width:0;color:inherit;text-decoration:none;display:inline-flex}.ev-chev{opacity:.6;transition:opacity .18s var(--ease);flex:none;margin-left:-1px;font-weight:600}@media (hover:hover) and (pointer:fine){.ev-open:hover .ev-chev{opacity:1}}