.back-link{margin-bottom:6px;font-size:.88rem;text-decoration:none;display:inline-block}.tasks-hero{border:1px solid var(--primary-200);border-radius:var(--radius-lg);background:linear-gradient(120deg, var(--white), var(--primary-50));box-shadow:var(--shadow-card);gap:10px;margin-bottom:20px;padding:20px 24px;display:grid}.tasks-hero-numbers{align-items:baseline;gap:8px;display:flex}.tasks-hero-numbers strong{color:var(--primary-700);font-size:2.2rem;font-weight:300;line-height:1}.tasks-hero-numbers span{color:var(--ink-soft)}.tasks-hero progress{appearance:none;background:var(--primary-100);border:none;border-radius:999px;width:100%;height:8px;overflow:hidden}.tasks-hero progress::-webkit-progress-bar{background:var(--primary-100)}.tasks-hero progress::-webkit-progress-value{background:var(--primary);border-radius:999px}.tasks-hero progress::-moz-progress-bar{background:var(--primary);border-radius:999px}.task-add{grid-template-columns:1fr 170px auto;gap:8px;margin-bottom:14px;display:grid}.tasks-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.switch-inline{letter-spacing:0;color:var(--ink-soft);cursor:pointer;align-items:center;gap:8px;margin:0;font-size:.88rem;font-weight:400;display:inline-flex}.task-groups{gap:18px;display:grid}.task-group{border:1px solid var(--primary-200);background:var(--white);box-shadow:var(--shadow-card);border-radius:22px;padding:16px 22px 10px;animation:.4s both rise-in}.task-group.is-overdue{border-color:var(--primary-300);background:linear-gradient(120deg, var(--white), var(--primary-50))}.task-group-title{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:8px;margin-bottom:4px;font-size:.82rem;font-weight:600;line-height:1.4;display:flex}.task-group.is-overdue .task-group-title{color:var(--primary-700)}.task-group-count{background:var(--primary-100);letter-spacing:0;border-radius:999px;padding:0 8px;font-size:.75rem}.task-meta{flex:none;align-items:center;gap:6px;display:flex}.task-remove{opacity:0;width:28px;height:28px;transition:opacity var(--transition)}.task-item:hover .task-remove,.task-remove:focus-visible{opacity:1}@media (width<=600px){.task-add{grid-template-columns:1fr 1fr}.task-add input[type=text]{grid-column:1/-1}.task-remove{opacity:1}.task-item{align-items:flex-start}}