.jl .jl-cal{--cal-base: var(--jl-surface-2);--cal-1: color-mix(in oklab, var(--accent) 16%, var(--cal-base));--cal-2: color-mix(in oklab, var(--accent) 34%, var(--cal-base));--cal-3: color-mix(in oklab, var(--accent) 55%, var(--cal-base));--cal-4: color-mix(in oklab, var(--accent) 78%, var(--cal-base));--cal-5: var(--accent);--cal-ink-lo: var(--jl-ink);--cal-ink-hi: var(--jl-ink);--cal-line: color-mix(in oklab, var(--accent) 55%, var(--border));--cal-peak: var(--jl-ink);margin:0;padding:.9rem 1rem 1rem;background:var(--jl-surface);border:1px solid var(--jl-line)}.jl .jl-cal-cap{display:block}.jl .jl-cal-month{display:block;font-family:var(--font-mono);font-size:.625rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--jl-ink-2)}.jl .jl-cal-figure{display:flex;align-items:baseline;flex-wrap:wrap;gap:.45rem;margin-top:.15rem}.jl .jl-cal-total{font-size:2rem;line-height:1.1;color:var(--jl-ink)}.jl .jl-cal-sub{font-size:.75rem;color:var(--jl-ink-2)}.jl .jl-cal-weekdays,.jl .jl-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.jl .jl-cal-weekdays{margin-top:.9rem;margin-bottom:5px;padding-bottom:.35rem;border-bottom:1px solid var(--jl-line)}.jl .jl-cal-weekdays span{text-align:center;font-family:var(--font-mono);font-size:.5625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--jl-ink-2)}.jl .jl-cal-cell{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:2px;border:1px solid var(--jl-line);background:var(--jl-surface);color:var(--jl-ink-3);overflow:hidden}.jl .jl-cal-cell.is-blank{border-color:transparent;background:transparent}.jl .jl-cal-cell[data-step="0"]{color:var(--jl-ink-2)}.jl .jl-cal-date{position:absolute;top:3px;left:4px;font-family:var(--font-mono);font-size:.625rem;font-weight:700;line-height:1;opacity:.75}.jl .jl-cal-figures{display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:.4rem;min-width:0}.jl .jl-cal-count{font-size:clamp(.9375rem,.6rem + 1vw,1.375rem);font-weight:800;line-height:1;letter-spacing:-.03em}.jl .jl-cal-unit{font-family:var(--font-mono);font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.72}.jl .jl-cal-none{font-size:.75rem;opacity:.5}.jl .jl-cal-peak{position:absolute;top:0;right:0;width:0;height:0;border-top:9px solid var(--cal-peak);border-left:9px solid transparent}.jl .jl-cal-cell[data-step="1"]{background:var(--cal-1);color:var(--cal-ink-lo)}.jl .jl-cal-cell[data-step="2"]{background:var(--cal-2);color:var(--cal-ink-lo)}.jl .jl-cal-cell[data-step="3"]{background:var(--cal-3);color:var(--cal-ink-lo)}.jl .jl-cal-cell[data-step="4"]{background:var(--cal-4);color:var(--cal-ink-hi)}.jl .jl-cal-cell[data-step="5"]{background:var(--cal-5);color:var(--cal-ink-hi)}.jl .jl-cal-cell[data-step="1"],.jl .jl-cal-cell[data-step="2"],.jl .jl-cal-cell[data-step="3"],.jl .jl-cal-cell[data-step="4"],.jl .jl-cal-cell[data-step="5"]{border-color:var(--cal-line)}.jl .jl-cal-cell.is-active{transition:box-shadow .12s ease,transform .12s ease}.jl .jl-cal-cell.is-active:hover,.jl .jl-cal-cell.is-active:focus-visible{box-shadow:0 0 0 2px var(--jl-ink);transform:translateY(-1px);outline:none;z-index:2}.jl .jl-cal-cell.is-quiet{opacity:.72}.jl .jl-cal-cell.is-today{box-shadow:0 0 0 2px var(--jl-ink);z-index:1}.jl .jl-cal-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem 1rem;margin-top:.8rem}.jl .jl-cal-note{margin:0;font-size:.6875rem;color:var(--jl-ink-2)}.jl .jl-cal-note strong{color:var(--jl-ink)}.jl .jl-cal-legend{display:flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:.5625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--jl-ink-2)}.jl .jl-cal-legend>span:first-child{margin-right:.3rem}.jl .jl-cal-legend>span:last-child{margin-left:.3rem}.jl .jl-cal-key{width:.8rem;height:.8rem;border:1px solid var(--cal-line)}.jl .jl-cal-key[data-step="1"]{background:var(--cal-1)}.jl .jl-cal-key[data-step="2"]{background:var(--cal-2)}.jl .jl-cal-key[data-step="3"]{background:var(--cal-3)}.jl .jl-cal-key[data-step="4"]{background:var(--cal-4)}.jl .jl-cal-key[data-step="5"]{background:var(--cal-5)}@media(max-width:639px){.jl .jl-cal-unit{display:none}.jl .jl-cal-figures{margin-top:.3rem}}
