.task-date{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:27px;padding:3px 10px;border:1px solid var(--line);border-radius:18px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;line-height:18px;cursor:pointer;white-space:normal;text-align:left}.task-date .ht-icon{width:16px;height:16px;stroke-width:1.8;flex-shrink:0}.task-date.today{color:#1967d2;border-color:#1967d244}.task-date.overdue{color:#b3261e;border-color:#b3261e44}.task-date:hover{background:var(--hover)}[data-theme=dark] .task-date.today{color:#a8c7fa;border-color:#a8c7fa44}[data-theme=dark] .task-date.overdue{color:#f2b8b5;border-color:#f2b8b544}.task-row.done .task-date{color:var(--muted);border-color:var(--line)}.task-date:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.task-celebration{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 16px 56px;min-height:270px}.task-complete-art{width:150px;height:122px;margin-bottom:14px}.task-celebration h3{font-size:20px;line-height:28px;font-weight:500;color:var(--text);margin:0 0 10px}.task-celebration p{font-size:15px;line-height:22px;font-weight:500;color:var(--muted);margin:0}.task-card:has(.task-celebration) .task-completed{margin-top:2px;margin-bottom:8px}@media(max-width:750px){.task-celebration{min-height:235px;padding:20px 12px 40px}.task-date{font-size:12px}}