.app{flex-direction:column;width:100dvw;display:flex}.app .theme-toggle{appearance:none}.app .theme-toggle>svg{width:1.5rem;height:1.5rem}.kanban-board{grid-template-columns:1fr 1fr 1fr;gap:.75rem 1rem;width:100%;max-width:1500px;margin:0 auto;padding:2rem 1rem;display:grid}.kanban-board>.header{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;column-gap:1rem;display:flex}.kanban-board>.header .header__title{font-family:var(--sd-serif);margin:0;font-size:1.25rem;font-weight:400}.kanban-board>.header .header__actions{color:var(--text-muted);flex-direction:row;align-items:center;gap:1rem;display:flex}@media (width<=900px){.kanban-board{grid-template-columns:1fr}}[data-col=todo]{--column-accent:var(--sd-red-500)}[data-col=inprogress]{--column-accent:var(--sd-purple-400)}[data-col=done]{--column-accent:var(--sd-green-700)}.column{background:var(--bg-sunken);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-content:start;min-height:360px;display:flex}.column .column__header{border-bottom:1px solid var(--border);grid-template-columns:auto auto 1fr;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:grid}.column .column__dot{background:color-mix(in srgb, var(--column-accent) 50%, transparent);border-radius:50%;width:.75rem;height:.75rem}.column .column__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.875rem}.column .column__count{background:var(--sd-neutral-trans);color:var(--text-muted);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;place-self:end;align-items:center;min-width:1.75rem;min-height:1.75rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.column .column__cards{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex}.column .column__cards .empty-state{text-align:center;place-self:center;font-style:italic}.column .column__cards .empty-state>*{color:var(--text-faint);font-weight:500}.column.column--over{border-color:var(--sd-info);box-shadow:var(--shadow)}.add-k-card{padding:1rem}.add-k-card .add-k-card__trigger{appearance:none;border:1px dashed var(--text-faint);color:var(--text-faint);background:0 0;width:100%}.add-k-card .add-k-card__trigger svg{height:1em}.add-k-card .add-k-card__trigger:hover,.add-k-card .add-k-card__trigger:focus{color:var(--primary-hover);border-color:var(--primary-hover);background:var(--bg)}.add-k-card .add-k-card__trigger:focus{border-style:solid;outline:none}.add-k-card .add-k-card__textarea{font-family:var(--sd-serif)}.add-k-card .add-k-card__form{flex-direction:column;gap:.375rem;display:flex}.add-k-card .add-k-card__footer{flex-direction:row;justify-content:end;gap:.375rem;display:flex}.list-item{pointer-events:none}.k-card{background:var(--bg-raised);border-radius:var(--sd-radius);box-shadow:var(--shadow-sm);border:none;flex-direction:column;gap:.375rem;padding:.75rem;display:flex;overflow:hidden}.k-card .k-card__body{font-size:18px;font-family:var(--sd-serif);white-space:pre-wrap}.k-card .k-card__meta{flex-direction:row;justify-content:space-between;align-items:end;height:32px;display:flex}.k-card .k-card__date{color:var(--text-faint);font-variant-numeric:tabular-nums;font-weight:500}.k-card .k-card__actions{color:var(--text-faint);flex-direction:row;gap:.375rem;display:none}.k-card:focus-within .k-card__actions{display:flex}.k-card.k-card--dragging{background-color:var(--sd-info-trans);outline:1px dashed var(--sd-info);box-shadow:var(--shadow)}.k-card.k-card--dragging .k-card__body,.k-card.k-card--dragging .k-card__date{color:var(--sd-info)}.k-card.k-card--overlay{box-shadow:var(--shadow-lg);opacity:.75}.k-card .k-card__edit-textarea{font-size:18px;font-family:var(--sd-serif)}.k-card .k-card__edit-actions{color:var(--text-faint);flex-direction:row;justify-content:end;gap:.375rem;display:flex}.k-dialog-btn{background:0 0;background:color-mix(in srgb, var(--column-accent) 20%, transparent);color:color-mix(in srgb, var(--column-accent) 75%, var(--text))}.k-dialog-btn:hover,.k-dialog-btn:focus{background:color-mix(in srgb, var(--column-accent) 30%, transparent);border-color:#0000}.k-dialog-btn:focus{outline:2px solid var(--column-accent)}