.pf{gap:28px;max-width:760px;margin-top:8px;display:grid}.pf--empty{text-align:center;justify-items:center;gap:18px}.pf-hero{border:1px solid var(--line);border-radius:calc(var(--r-l) + 8px);background:var(--surface-glass);box-shadow:var(--shadow-2);justify-items:center;gap:14px;padding:clamp(24px,5vw,44px) clamp(16px,4vw,40px);display:grid}.pf-rose{aspect-ratio:1;width:min(100%,320px);position:relative}.pf-rose svg{width:100%;height:100%;display:block;overflow:visible}.pf-rose__track{fill:color-mix(in oklab, var(--task) 14%, transparent)}.pf-rose__wedge{fill:var(--task)}.pf-rose__core{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;place-content:center;justify-items:center;display:grid;position:absolute;inset:31%}.pf-rose__num{font-family:var(--font-serif);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(44px,8vw,60px);line-height:.9}.pf-rose__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:4px;font-size:11px}.pf-extremes{color:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:2px 18px;margin:0;font-size:15px;display:flex}.pf-extremes span{white-space:nowrap}.pf-extremes strong{color:var(--ink);font-weight:600}.pf-block{gap:12px;display:grid}.pf-h2{font-family:var(--font-serif);margin:0;font-size:30px;font-weight:400;line-height:1.1}.pf-totals{gap:8px;margin:0;display:grid}.pf-totals__plot{padding-right:40px;position:relative}.pf-totals svg{width:100%;height:170px;display:block;overflow:visible}.pf-totals__line{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}.pf-totals__label{font-family:var(--font-mono);color:var(--ink-3);font-size:11px;line-height:1;position:absolute;right:0;transform:translateY(-50%)}.pf-totals__bar{fill:color-mix(in oklab, var(--ink) 22%, transparent)}.pf-totals__bar[data-last]{fill:var(--ink)}.pf-totals__caption{font-family:var(--font-mono);color:var(--ink-3);justify-content:space-between;gap:12px;font-size:12px;display:flex}.pf-senses{margin:0;padding:0;list-style:none}.pf-sense{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:12px 4px;display:grid}.pf-sense__name{gap:2px;min-width:0;font-size:15px;font-weight:560;display:grid}.pf-sense__plays{font-family:var(--font-mono);color:var(--ink-3);font-size:11.5px;font-weight:400}.pf-sense__trend{width:120px}.pf-spark{display:block}.pf-spark__band{stroke:var(--line);stroke-dasharray:2 4}.pf-sense__avg{min-width:44px;font-family:var(--font-serif);font-variant-numeric:tabular-nums;justify-items:end;font-size:28px;line-height:1;display:grid}.pf-sense__change{font-family:var(--font-mono);font-size:11px;line-height:1.6}.pf-sense__change[data-trend=up]{color:#1f7a45}.pf-sense__change[data-trend=down]{color:#b4413a}:root[data-season=halloween] .pf-sense__change[data-trend=up]{color:var(--good)}:root[data-season=halloween] .pf-sense__change[data-trend=down]{color:var(--bad)}.pf-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pf-sense__practice{color:var(--ink-2);font-size:13px}.pf-days{margin:0;padding:0;list-style:none}.pf-day{border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 4px;text-decoration:none;display:grid}.pf-day:hover{background:color-mix(in srgb, var(--ink) 3%, transparent)}.pf-day__rose{display:block}.pf-day__empty{fill:color-mix(in oklab, var(--ink) 10%, transparent)}.pf-day__text{gap:2px;min-width:0;display:grid}.pf-day__date{font-size:15px;font-weight:560}.pf-day__sub{font-family:var(--font-mono);color:var(--ink-3);font-size:11.5px}.pf-day__total{font-family:var(--font-serif);font-variant-numeric:tabular-nums;font-size:28px;line-height:1}.pf-days__more{color:var(--ink-2);justify-self:start;font-size:14px}.pf-empty{color:var(--ink-2);margin:0;font-size:17px}.pf-note{color:var(--ink-3);margin:0;font-size:13px}@media (width<=560px){.pf-sense{grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px}.pf-sense__trend{grid-area:2/2;width:auto}.pf-sense__practice{grid-area:2/3/auto/-1;justify-self:end}}
