.wj-task-card{border-radius:var(--r-card);background:color-mix(in srgb, var(--panel-bg) 88%, transparent);box-shadow:var(--shadow-card);color:var(--panel-ink);gap:.8rem;padding:clamp(1rem,2vw,1.3rem);display:grid}.wj-task-card.is-done{opacity:.72}.wj-task-card__header{flex-wrap:wrap;align-items:flex-start;gap:.8rem;display:flex}.wj-task-card__done,.wj-task-card__step-toggle,.wj-task-card__steps-toggle,.wj-task-card__step-grip,.wj-task-card__edit,.wj-task-card__rename button{min-height:var(--tap,3.25rem);min-width:var(--tap,3.25rem);border-radius:var(--r-chip);color:var(--panel-ink);font:inherit;border:0}.wj-task-card__done{flex:0 0 var(--tap,3.25rem);background:color-mix(in srgb, var(--tool-bg) 85%, transparent);border-radius:50%;place-items:center;display:grid}.wj-task-card__done[aria-pressed=true]{background:var(--btn-mint-fill,var(--mint));color:var(--btn-mint-ink,var(--pill-ink))}.wj-task-card__title-wrap{flex:15rem;min-width:0;max-width:100%}.wj-task-card__title-line{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.wj-task-card__title-wrap h3{min-width:0;font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:clamp(1.2rem,1.8vw,1.45rem);line-height:1.2}.wj-task-card__edit{border-radius:var(--r-chip);background:color-mix(in srgb, var(--tool-bg) 84%, transparent);color:var(--panel-ink);font:inherit;border:0;flex:none;justify-content:center;align-items:center;gap:.35rem;padding:.25rem .65rem;font-weight:700;display:inline-flex}.wj-task-card__rename{flex-wrap:wrap;gap:.45rem;margin-top:.45rem;display:flex}.wj-task-card__rename input{min-width:0;max-width:100%;min-height:var(--tap,3.25rem);border-radius:var(--r-chip);background:var(--field-bg);color:var(--field-ink,var(--panel-ink));font:inherit;border:0;flex:13rem;padding-inline:.85rem}.wj-task-card__rename button{border-radius:var(--r-chip);background:var(--btn-mint-fill,var(--mint));max-width:100%;color:var(--btn-mint-ink,var(--pill-ink));font:inherit;border:0;flex:none;padding-inline:.85rem;font-weight:700}.wj-task-card__rename button:last-child{background:color-mix(in srgb, var(--tool-bg) 84%, transparent);color:var(--panel-ink)}.wj-task-card__dates{flex-wrap:wrap;gap:.4rem .65rem;margin-top:.45rem;display:flex}.wj-task-card__date,.wj-task-card__step-due{color:var(--panel-ink-soft);align-items:center;gap:.3rem;font-size:.875rem;line-height:1.25;display:inline-flex}.wj-task-card__date svg,.wj-task-card__step-due svg{flex:none}.wj-task-card__steps{border-top:1px solid var(--divider);padding-top:.75rem}.wj-task-card__steps-toggle{color:var(--panel-ink);font-family:var(--font-display);text-align:start;background:0 0;align-items:center;gap:.5rem;padding:.25rem .65rem;font-weight:600;display:inline-flex}.wj-task-card__steps-status{border-radius:var(--r-pill);background:color-mix(in srgb, var(--tool-bg) 74%, transparent);color:var(--panel-ink-soft);font-family:var(--font-body);padding:.2rem .5rem;font-size:.875rem}.wj-task-card__steps-list{gap:.45rem;margin:.55rem 0 0;padding:0;list-style:none;display:grid}.wj-task-card__step{border-radius:var(--r-chip);background:color-mix(in srgb, var(--tool-bg) 64%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem .45rem;padding:.35rem;display:grid}.wj-task-card__step-toggle{text-align:start;background:0 0;grid-column:1;align-items:center;gap:.6rem;min-width:0;padding:.25rem .45rem;display:flex}.wj-task-card__check{background:color-mix(in srgb, var(--tool-bg) 88%, transparent);width:1.6rem;height:1.6rem;color:var(--panel-ink-soft);border-radius:50%;flex:0 0 1.6rem;place-items:center;display:grid}.wj-task-card__step-toggle[aria-pressed=true] .wj-task-card__check{background:var(--btn-mint-fill,var(--mint));color:var(--btn-mint-ink,var(--pill-ink))}.wj-task-card__step-text{overflow-wrap:anywhere}.wj-task-card.is-done h3,.wj-task-card__step-toggle[aria-pressed=true] .wj-task-card__step-text{text-decoration:line-through}.wj-task-card__step-due{grid-column:1;padding-inline:.45rem}.wj-task-card__step-grip{color:var(--panel-ink-soft);background:0 0;grid-area:1/2/span 2;padding:0}.wj-task-card :is(button,input,[role=button]):focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (width<=520px){.wj-task-card__header{gap:.6rem}.wj-task-card__step{grid-template-columns:minmax(0, 1fr) var(--tap,3.25rem)}}.wj-planner-page{width:min(100%,70rem);margin-inline:auto}.wj-planner-today,.wj-planner-section,.wj-planner-plan{padding:clamp(1.35rem,3vw,2.25rem)}.wj-planner-section,.wj-planner-plan{margin-top:1.1rem}.wj-planner-today h2,.wj-planner-section>h2,.wj-planner-group h3,.wj-planner-plan h3{font-family:var(--font-display);color:var(--panel-ink);margin:0}.wj-planner-today>p,.wj-planner-section>p,.wj-planner-plan>p,.wj-planner-muted{color:var(--panel-ink-soft);font-size:1.05rem}.wj-planner-add{gap:.75rem;margin:1.15rem 0;display:grid}.wj-planner-add textarea{resize:vertical;min-height:5.5rem}.wj-planner-add>button{justify-self:start}.wj-planner-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.wj-planner-task{position:relative}.wj-planner-task.is-dragging{z-index:1;opacity:.82}.wj-planner-task__actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;margin-top:.45rem;display:flex}.wj-planner-task__actions button{min-width:var(--tap,3.25rem);min-height:var(--tap,3.25rem);border-radius:var(--r-pill);background:var(--tool-bg);color:var(--panel-ink);font:600 1rem var(--font-display);overflow-wrap:anywhere;border:0;flex-shrink:0;justify-content:center;align-items:center;gap:.35rem;max-width:100%;padding-inline:.85rem;display:inline-flex}.wj-planner-task__actions .wj-sortable-handle{color:var(--panel-ink-soft);background:0 0;margin-inline-start:auto;padding:0}.wj-planner-task[data-drop-edge=before]:before,.wj-planner-task[data-drop-edge=after]:after{border-radius:var(--r-pill);background:var(--today-drop-indicator);content:"";pointer-events:none;height:.22rem;position:absolute;left:1rem;right:1rem}.wj-planner-task[data-drop-edge=before]:before{top:-.4rem}.wj-planner-task[data-drop-edge=after]:after{bottom:-.4rem}.wj-planner-group{border-top:1px solid var(--divider);margin-top:1rem;padding-top:1rem}.wj-planner-group h3{margin-bottom:.65rem;font-size:1.18rem}.wj-planner-empty{max-width:30rem;color:var(--panel-ink-soft);flex-direction:column;align-items:flex-start;gap:.85rem;display:flex}.wj-planner-empty a{min-height:var(--tap,3.25rem);border-radius:var(--r-pill);background:var(--tool-bg);color:var(--panel-ink);font-family:var(--font-display);align-items:center;padding-inline:1rem;text-decoration:none;display:inline-flex}.wj-planner-done{margin-top:1.1rem}.wj-planner-done .wj-planner-list{margin-top:.7rem}.wj-planner-plan{border-radius:var(--r-panel);background:color-mix(in srgb, var(--shelf-bg) 82%, var(--panel-bg));box-shadow:var(--panel-shadow);gap:.8rem;display:grid}.wj-planner-plan label{color:var(--panel-ink);gap:.35rem;font-weight:700;display:grid}.wj-planner-plan input,.wj-planner-plan select{min-height:var(--tap,3.25rem);border-radius:var(--r-chip);background:var(--field-bg);max-width:100%;color:var(--field-ink,var(--panel-ink));font:inherit;border:0;padding-inline:.85rem}.wj-planner-plan__actions{flex-wrap:wrap;gap:.65rem;display:flex}.wj-planner-page :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (width<=520px){.wj-planner-today,.wj-planner-section,.wj-planner-plan{padding:1.15rem}.wj-planner-task__actions{justify-content:flex-start}.wj-planner-plan__actions>*{flex:10rem}}@media (prefers-reduced-motion:reduce){.wj-planner-task{transition:none}}
