.retention{display:flex;flex-direction:column;gap:var(--space-12);margin:0;--retention-plot-height: calc(var(--space-48) * 4);--retention-axis-width: var(--space-48)}.retention__empty.empty{padding:var(--space-24) var(--space-16);align-items:flex-start;text-align:left}.retention__chart{display:grid;grid-template-columns:var(--retention-axis-width) minmax(0,1fr);grid-template-rows:var(--retention-plot-height) auto;column-gap:var(--space-12);row-gap:var(--space-8)}.retention__y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;margin-block:calc(var(--text-caption-lh) / -2)}.retention__y-label,.retention__x-label{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-caption-size);line-height:var(--text-caption-lh);color:var(--text-secondary)}.retention__plot{position:relative;height:var(--retention-plot-height);border-radius:var(--radius-lg);outline:none;cursor:crosshair;touch-action:pan-y}.retention__plot:focus-visible{outline:var(--border-width-strong) solid var(--border-focus);outline-offset:var(--space-2)}.retention__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.retention__grid{stroke:var(--border-subtle);stroke-width:var(--border-width-default)}.retention__line{fill:none;stroke:var(--viz-1);stroke-width:var(--space-2);stroke-linejoin:round;stroke-linecap:round}.retention__drop-marker{position:absolute;left:var(--retention-x);top:var(--retention-y);box-sizing:border-box;width:var(--space-12);height:var(--space-12);transform:translate(-50%,-50%);border-radius:var(--radius-full);border:var(--space-2) solid var(--surface-default);background:var(--viz-1);pointer-events:none}.retention__drop-label{position:absolute;left:var(--retention-x);top:var(--retention-y);transform:translate(var(--space-8),calc(-50% + var(--space-4)));padding:var(--space-2) var(--space-6);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);font-weight:var(--weight-medium);color:var(--text-primary);background:var(--surface-default);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none}.retention__crosshair{position:absolute;top:0;bottom:0;left:var(--retention-x);width:var(--border-width-default);background:var(--text-tertiary);pointer-events:none}.retention__x-axis{grid-column:2;display:flex;justify-content:space-between}.retention__readout{min-height:var(--text-body-lh);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-body-size);line-height:var(--text-body-lh);color:var(--text-primary)}.retention__drop-text{font-size:var(--text-body-size);line-height:var(--text-body-lh);color:var(--text-secondary)}.retention__caption{font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);color:var(--text-tertiary)}.retention__sr{position:absolute;width:var(--border-width-default);height:var(--border-width-default);padding:0;margin:calc(var(--border-width-default) * -1);overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.post-chip{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-6) var(--space-8);background:transparent;border:none;border-left:var(--border-width-strong) solid transparent;border-radius:var(--radius-sm);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);color:var(--text-primary);text-align:left;cursor:pointer}.post-chip:hover{background:var(--surface-hover)}.post-chip:hover .post-chip__text{color:var(--text-primary)}a.post-chip{text-decoration:none}.post-chip--draft{border-left-color:var(--border-input)}.post-chip--scheduled,.post-chip--claimed{border-left-color:var(--blue-500)}.post-chip--publishing{border-left-color:var(--warning-500)}.post-chip--published{border-left-color:var(--success-500)}.post-chip--failed{border-left-color:var(--danger-500)}.post-chip__time{flex:none;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-caption-size);line-height:var(--text-caption-lh);color:var(--text-tertiary)}.post-chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-chip__glyph{flex:none;color:var(--icon-strong)}.post-chip--draggable{cursor:grab}.post-chip__status{flex:none;color:var(--icon-default)}@keyframes post-chip-settle{0%{opacity:.55;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.post-chip--settling{animation:post-chip-settle var(--duration-fast) var(--ease-enter) both}@media(prefers-reduced-motion:reduce){.post-chip--settling{animation:none}}.calendar{border:var(--border-width-default) solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-default);box-shadow:var(--shadow-card);overflow:hidden}.calendar__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-4);padding:var(--space-4);background:var(--surface-sunken)}.calendar__weekday{padding:var(--space-8);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);letter-spacing:var(--text-body-sm-ls);font-weight:var(--weight-medium);color:var(--text-secondary);text-align:left}.calendar__day{position:relative;display:flex;flex-direction:column;gap:var(--space-6);min-height:calc(var(--space-96) + var(--space-16));padding:var(--space-8);border:none;border-radius:var(--radius-md);background:var(--surface-default);text-align:left;cursor:pointer}.calendar__day:hover{background:var(--surface-hover)}.calendar__day--today:after{content:"";position:absolute;top:var(--space-4);left:var(--space-8);right:var(--space-8);height:var(--border-width-strong);border-radius:var(--radius-full);background:var(--border-focus)}.calendar__day--outside{background:var(--surface-sunken)}.calendar__day--outside .calendar__date{color:var(--text-tertiary)}.calendar__date{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);color:var(--text-primary)}.calendar__day--today .calendar__date{color:var(--text-primary);font-weight:var(--weight-medium)}.calendar__more{align-self:flex-start;padding:var(--space-2) var(--space-6);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-caption-size);line-height:var(--text-caption-lh);cursor:pointer}.calendar__more:hover{background:var(--surface-pressed)}.calendar__overflow{display:flex;flex-direction:column;gap:var(--space-6);min-width:var(--menu-min-width)}.calendar__overflow-title{font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);color:var(--text-secondary);margin-bottom:var(--space-6)}.calendar__day--drop-target{background:var(--surface-selected);outline:var(--space-2) dashed var(--border-strong);outline-offset:calc(-1 * var(--space-2))}.calendar__status{min-height:var(--text-body-sm-lh);margin:var(--space-12) 0 0;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);color:var(--text-secondary)}
