.ap-try{gap:var(--gap-sm);min-width:0;display:grid}.ap-try-list{gap:var(--app-gap-sm);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.ap-try-item{min-width:0;display:flex}.ap-promo{gap:var(--gap-xs);padding:var(--app-panel-pad);border:var(--rule) solid var(--landing-border);border-radius:var(--app-radius);background:var(--app-promo-sun);color:var(--landing-text-1);transition:transform var(--hover-fast) var(--ease-out), box-shadow var(--hover-fast) var(--ease-out);flex:1;grid-template-rows:auto auto 1fr auto;text-decoration:none;display:grid}.ap-promo[data-wash=dusk]{background:var(--app-promo-dusk)}.ap-promo[data-wash=both]{background:var(--app-promo-both)}.ap-promo:hover{border-color:var(--landing-border-strong);box-shadow:var(--card-shadow);transform:translateY(var(--lift-hover))}.ap-promo-icon{width:var(--icon-nav);height:var(--icon-nav);margin-bottom:var(--gap-xs);color:var(--landing-accent-ink)}.ap-promo-title{font-family:var(--font-serif-stack);font-size:var(--app-h2);font-weight:500;line-height:var(--font-h3-lh)}.ap-promo-line{color:var(--landing-text-2);font-size:var(--app-text-sm);text-wrap:pretty}.ap-promo-more{align-items:center;gap:var(--gap-xs);margin-top:var(--gap-xs);color:var(--landing-accent-ink);font-size:var(--app-text-sm);display:inline-flex}@container (max-width:640px){.ap-try-list{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.ap-try-item{scroll-snap-align:start;flex:0 0 82%}}.ap-stats{padding:var(--app-panel-pad) 0;border:var(--rule) solid var(--landing-border);border-radius:var(--app-radius);background:var(--landing-raised);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.ap-stat{gap:var(--gap-xs);min-width:0;padding-inline:var(--app-panel-pad);flex-direction:column;display:flex}.ap-stat+.ap-stat{border-left:var(--rule) solid var(--landing-border)}.ap-stat-label{color:var(--landing-text-2);font-size:var(--app-text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ap-stat-figure{font-family:var(--font-serif-stack);font-size:var(--app-figure);font-variant-numeric:lining-nums tabular-nums;margin:0;line-height:1}.ap-trend{align-items:flex-start;gap:var(--gap-xs);color:var(--landing-text-3);font-size:var(--app-label);margin:0;display:flex}.ap-trend .ap-icon{height:1lh}.ap-trend[data-trend=up]{color:var(--app-good)}.ap-trend[data-trend=down] .ap-trend-icon{scale:1 -1}@container (max-width:720px){.ap-stats{row-gap:var(--app-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.ap-stat:nth-child(odd){border-left:0}}.ap-home-grid{gap:var(--app-gap);grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.ap-home-side{align-content:start}.ap-upnext>.ap-empty{margin-block:auto}.ap-home-side{gap:var(--app-gap);min-width:0;display:grid}@container (max-width:860px){.ap-home-grid{grid-template-columns:minmax(0,1fr)}}.ap-group{gap:var(--gap-xs);display:grid}.ap-group+.ap-group{margin-top:var(--gap-xs)}.ap-group-head{align-items:baseline;gap:var(--gap-xs);color:var(--landing-text-2);font-size:var(--app-label);margin:0;font-weight:500;display:flex}.ap-group[data-group=overdue] .ap-group-head{color:var(--landing-error-ink)}.ap-tasks{margin:0;padding:0;list-style:none}.ap-task{align-items:flex-start;gap:var(--app-gap-sm);padding-block:var(--gap-sm);display:flex}.ap-task+.ap-task{border-top:var(--rule) solid var(--landing-border)}.ap-status{width:var(--app-status);height:var(--app-status);margin-top:var(--vig-status-nudge);border:var(--app-status-stroke) solid var(--landing-border-strong);border-radius:50%;flex:none}.ap-status[data-status=inProgress]{border-color:var(--landing-accent-ink);background:linear-gradient(90deg, var(--landing-accent-ink) 50%, transparent 50%)}.ap-task-main{gap:var(--gap-xs);flex:1;min-width:0;display:grid}.ap-task-title{overflow-wrap:anywhere;color:var(--landing-text-1)}.ap-task-meta{gap:var(--gap-xs) var(--app-gap-sm);color:var(--landing-text-3);font-size:var(--app-label);flex-wrap:wrap;display:flex}.ap-meta-item{align-items:center;gap:var(--gap-xs);display:inline-flex}.ap-tag{color:var(--landing-text-3)}.ap-task-when{color:var(--landing-text-3);font-size:var(--app-text-sm);font-variant-numeric:tabular-nums;flex:none}.ap-group[data-group=overdue] .ap-task-when{color:var(--landing-error-ink)}.ap-dot{width:var(--app-dot);height:var(--app-dot);background:var(--landing-text-3);border-radius:50%;flex:none;display:inline-block}[data-color=red]{--tint:var(--landing-tag-red)}[data-color=orange]{--tint:var(--landing-tag-orange)}[data-color=yellow]{--tint:var(--landing-tag-yellow)}[data-color=green]{--tint:var(--landing-tag-green)}[data-color=teal]{--tint:var(--landing-tag-teal)}[data-color=blue]{--tint:var(--landing-tag-blue)}[data-color=indigo]{--tint:var(--landing-tag-indigo)}[data-color=purple]{--tint:var(--landing-tag-purple)}[data-color=pink]{--tint:var(--landing-tag-pink)}.ap-dot[data-color],.ap-progress-fill[data-color]{background:var(--tint,var(--landing-text-3))}.ap-legend{gap:var(--app-gap-sm);color:var(--landing-text-2);font-size:var(--app-label);display:flex}.ap-legend-item{align-items:center;gap:var(--gap-xs);display:inline-flex}.ap-swatch{width:var(--app-dot);height:var(--app-dot);border-radius:var(--rule)}.ap-swatch--now{background:var(--landing-accent-ink)}.ap-swatch--then{background:var(--app-bar-ghost)}.ap-chart{height:calc(var(--app-chart-h) + var(--app-gap));border-bottom:var(--rule) solid var(--landing-border);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.ap-chart-day{border-radius:var(--app-radius-sm) var(--app-radius-sm) 0 0;cursor:default;grid-template-rows:1fr auto;justify-items:center;min-width:0;display:grid}.ap-chart-day[data-active]{background:var(--app-hover)}.ap-chart-bars{align-items:flex-end;gap:var(--field-focus-ring);height:var(--app-chart-h);padding-top:var(--app-gap);display:flex}.ap-bar{width:var(--app-bar-max);height:var(--h);border-radius:var(--app-bar-radius) var(--app-bar-radius) 0 0;position:relative}.ap-bar--then{background:var(--app-bar-ghost)}.ap-bar--now{background:var(--landing-accent-ink)}.ap-bar-value{padding-bottom:var(--rule);color:var(--landing-text-1);font-size:var(--app-label);font-variant-numeric:tabular-nums;position:absolute;bottom:100%;left:50%;translate:-50%}.ap-chart-label{padding-block:var(--gap-xs);color:var(--landing-text-2);font-size:var(--app-label)}.ap-chart-day[data-today] .ap-chart-label{color:var(--landing-text-1);font-weight:600}.ap-chart-day[data-future] .ap-chart-label{color:var(--landing-text-3)}.ap-chart-readout{min-height:2lh;color:var(--landing-text-2);font-size:var(--app-text-sm);margin:0}.ap-sr-only{width:var(--rule);height:var(--rule);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.ap-project-list{margin:0;padding:0;list-style:none;container-type:inline-size}.ap-project{align-items:center;gap:var(--gap-xs) var(--app-gap-sm);padding-block:var(--gap-sm);grid-template-columns:minmax(0,1fr) auto;display:grid}.ap-project+.ap-project{border-top:var(--rule) solid var(--landing-border)}.ap-project-name{align-items:center;gap:var(--gap-sm);min-width:0;display:flex}.ap-project-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ap-progress{height:var(--app-progress-h);border-radius:var(--radius-pill);background:var(--app-track);display:block;overflow:hidden}.ap-progress-fill{width:var(--p);border-radius:inherit;height:100%;display:block}.ap-project-count,.ap-project-due{color:var(--landing-text-3);font-size:var(--app-text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.ap-project-due[data-overdue]{color:var(--landing-error-ink)}.ap-project .ap-progress,.ap-project-due{grid-column:1/-1}.ap-empty{justify-items:center;gap:var(--gap-xs);padding:var(--app-gap) var(--app-gap-sm);text-align:center;display:grid}.ap-empty-mark{width:var(--app-avatar-lg);height:var(--app-avatar-lg);margin-bottom:var(--gap-xs);background:var(--app-promo-sun);border:var(--rule) solid var(--landing-border);color:var(--landing-accent-ink);border-radius:50%;place-items:center;display:grid}.ap-empty-title{font-family:var(--font-serif-stack);font-size:var(--app-h2);margin:0;font-weight:500}.ap-empty-line{max-width:var(--measure-tight);margin:0 0 var(--gap-sm);color:var(--landing-text-2);font-size:var(--app-text-sm);text-wrap:pretty}:root[data-theme=dark] .ap-promo:hover{box-shadow:none}
