.rec-page{padding-top:24px;padding-bottom:16px}.rec-page .page-title{font-size:var(--font-size-heading);color:var(--color-fg);margin:0 0 8px}.rec-page .page-description{color:var(--color-fg-muted);font-size:var(--font-size-caption);margin:0 0 20px}.rec-noscript{color:var(--color-fg-muted);margin:0 0 16px}.rec-empty{text-align:center;padding:32px 0 8px}.rec-empty-title{font-family:var(--font-display);font-weight:500;font-size:var(--font-size-heading-sm);color:var(--color-fg);margin:0 0 8px}.rec-empty-body{color:var(--color-fg-muted);margin:0 0 20px}.rec-empty-cta-row{margin:0}.rec-empty-cta{border:1px solid var(--color-border-interactive);border-radius:var(--radius-md);color:var(--color-link);padding:12px 24px;font-weight:600;text-decoration:none;display:inline-block}.rec-empty-cta:hover{border-color:var(--color-border-interactive-hover)}.rec-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 24px;display:grid}@media (width<=560px){.rec-stats{grid-template-columns:repeat(2,1fr)}}.rec-stat{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-card);text-align:center;flex-direction:column;justify-content:space-between;gap:2px;padding:10px 12px;display:flex}.rec-stat-label{font-size:var(--font-size-caption);color:var(--color-fg-muted)}.rec-stat-value{font-size:var(--font-size-heading-lg);color:var(--color-fg);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.3}.rec-cal-nav{justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;display:flex}.rec-cal-month{font-family:var(--font-display);font-weight:500;font-size:var(--font-size-heading-sm);color:var(--color-fg);margin:0}.rec-cal-nav-btn{border:1px solid var(--color-border-interactive);border-radius:var(--radius-sm);background-color:var(--color-bg-card);width:44px;height:44px;color:var(--color-fg);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.rec-cal-nav-btn:hover:not(:disabled){border-color:var(--color-border-interactive-hover)}.rec-cal-nav-btn:disabled{border-color:var(--color-border);color:var(--color-fg-subtle);cursor:default}.rec-cal-table{border-collapse:collapse;table-layout:fixed;width:100%}.rec-cal-table th{font-size:var(--font-size-caption);color:var(--color-fg-muted);padding:4px 0;font-weight:500}.rec-cal-cell{border:1px solid var(--color-border);vertical-align:middle;height:56px;padding:0}.rec-cal-cell--blank{border:none}.rec-cal-cell--today{border:2px solid var(--color-shu)}.rec-cal-day{flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;min-height:54px;padding:4px 0;display:flex}button.rec-cal-day{font:inherit;cursor:pointer;background:0 0;border:none}button.rec-cal-day:hover{background-color:var(--color-bg-soft)}button.rec-cal-day[aria-pressed=true]{background-color:var(--color-accent-soft)}.rec-cal-day-num{font-size:var(--font-size-caption);color:var(--color-fg);line-height:1.2}.rec-cal-day-num--none{color:var(--color-fg-subtle)}.rec-cal-day-emoji{font-size:20px;line-height:1.2}@media (width<=480px){.rec-cal-day-emoji{font-size:16px}}.rec-day{border-top:1px dashed var(--color-border);margin-top:12px;padding-top:12px}.rec-day-heading{font-size:var(--font-size-caption);color:var(--color-fg-muted);letter-spacing:.04em;margin:0 0 8px;font-weight:600}.rec-day-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.rec-day-list li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rec-day-link{color:var(--color-fg);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:4px 6px;text-decoration:none;display:inline-flex}.rec-day-link:hover{background-color:var(--color-bg-soft);color:var(--color-link)}.rec-day-link-emoji{font-size:18px}.rec-day-final{font-size:var(--font-size-caption);color:var(--color-fg-muted);white-space:nowrap}.rec-section-heading{font-family:var(--font-display);font-weight:500;font-size:var(--font-size-heading-sm);color:var(--color-fg);margin:0 0 10px}.rec-trend,.rec-dist{margin-top:28px}.rec-trend-chart svg{display:block}.rec-trend-grid{stroke:var(--color-border);stroke-width:1px}.rec-trend-num{fill:var(--color-fg-muted);font-size:14px}.rec-trend-line{fill:none;stroke:var(--color-shu);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter}.rec-trend-marker{fill:var(--color-shu)}.rec-dist-chart{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rec-dist-visual{align-items:center;gap:10px;display:flex}.rec-dist-label{text-align:right;width:5.5em;font-size:var(--font-size-caption);color:var(--color-shu);letter-spacing:.08em;flex-shrink:0;line-height:1.4}.rec-dist-bar-track{flex:1;display:block}.rec-dist-bar{background-color:var(--color-accent-soft);border:1px solid var(--color-border-interactive);height:14px;display:block}.rec-dist-count{min-width:2.5em;font-size:var(--font-size-caption);color:var(--color-fg-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.rec-keep{border-top:1px dashed var(--color-border);margin-top:32px;padding-top:16px}.rec-keep-note{color:var(--color-fg-muted);margin:0 0 8px}.rec-keep-app{margin:0 0 16px}.rec-clear-row{margin:0}.rec-clear-btn{border:1px solid var(--color-border-interactive);border-radius:var(--radius-sm);color:var(--color-fg-muted);font-size:var(--font-size-caption);cursor:pointer;background-color:#0000;padding:10px 16px}.rec-clear-btn:hover{border-color:var(--color-shu);color:var(--color-shu)}.rec-cleared{color:var(--color-fg-muted);font-size:var(--font-size-caption);margin:8px 0 0}