.sd-wkb{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-wkb[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-wkb :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-wkb :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-wkb .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-wkb{background:var(--bg);width:min(100%,320px);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums;border-radius:22px;padding:16px}.sd-wkb__h{justify-content:space-between;align-items:baseline;display:flex}.sd-wkb__h b{letter-spacing:-.02em;font-size:26px;font-weight:650}.sd-wkb__h b small{color:var(--mute);margin-left:4px;font-size:13px;font-weight:500}.sd-wkb__h span{color:var(--mute);text-align:right;font-size:12.5px}.sd-wkb__plot{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:150px;margin-top:16px;display:grid;position:relative}.sd-wkb__goal{border-top:1px dashed var(--mute);pointer-events:none;position:absolute;left:0;right:0}.sd-wkb__goal span{color:var(--mute);font-size:10.5px;position:absolute;top:-16px;right:0}.sd-wkb__col{border-radius:8px;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.sd-wkb__ghost{box-shadow:inset 0 0 0 1px var(--mute);opacity:.6;border-radius:6px 6px 3px 3px;transition:height .4s;position:absolute;bottom:0;left:14%;right:14%}.sd-wkb__bar{background:color-mix(in srgb, var(--fg) 35%, transparent);transform-origin:bottom;border-radius:6px 6px 3px 3px;width:72%;transition:background-color .18s;animation:.6s cubic-bezier(.3,1.2,.4,1) both sd-wkb-grow;position:relative}.sd-wkb__col[aria-checked=true] .sd-wkb__bar,.sd-wkb__col:hover .sd-wkb__bar{background:var(--fg)}.sd-wkb__bar[data-hit]{background:color-mix(in srgb, var(--fg) 70%, transparent)}@keyframes sd-wkb-grow{0%{transform:scaleY(0)}}.sd-wkb__days{text-align:center;color:var(--mute);grid-template-columns:repeat(7,1fr);gap:8px;margin-top:8px;font-size:11px;display:grid}.sd-wkb__days span[data-on]{color:var(--fg);font-weight:650}@media (prefers-reduced-motion:reduce){.sd-wkb *,.sd-wkb :before,.sd-wkb :after{transition:none!important;animation:none!important}}