.daily-tasks{margin:0 0 24px;padding:24px;border:1px solid var(--l);border-radius:20px;background:linear-gradient(145deg,var(--p2),var(--p));box-shadow:var(--shadow);color:var(--t)}
.daily-tasks *{box-sizing:border-box}.daily-tasks [hidden]{display:none!important}.daily-tasks-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.daily-tasks-eyebrow{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.16em}.daily-tasks h2{margin:7px 0;font-size:24px}.daily-tasks-heading p{margin:0;color:var(--m);font-size:13px}.daily-tasks-date label,.daily-tasks-input-label{display:block;color:var(--m);font-size:12px;margin-bottom:8px}.daily-tasks-date>div{display:flex;gap:8px}.daily-tasks input{min-width:0;border:1px solid var(--l);border-radius:11px;padding:12px;background:var(--bg);color:var(--t);font:inherit;font-size:14px;color-scheme:dark}.daily-tasks input:focus{outline:2px solid var(--accent);outline-offset:2px}.daily-tasks button{border:1px solid var(--l);border-radius:10px;background:var(--p2);color:var(--t);min-height:42px;padding:9px 13px;font:inherit;font-size:12px;cursor:pointer}.daily-tasks button:hover{border-color:var(--accent)}.daily-tasks button.primary{background:var(--gradient);color:#fff}.daily-tasks-summary{font-size:12px;color:var(--m);margin:22px 0 9px}.daily-tasks progress{display:block;appearance:none;width:100%;height:5px;border:0;border-radius:20px;overflow:hidden;background:var(--l);accent-color:var(--accent);margin:0 0 22px}.daily-tasks progress::-webkit-progress-bar{background:var(--l)}.daily-tasks progress::-webkit-progress-value{background:var(--gradient)}.daily-tasks progress::-moz-progress-bar{background:var(--gradient)}.daily-tasks-composer{display:flex;gap:8px}.daily-tasks-composer input{flex:1}.daily-tasks-feedback{color:var(--accent);font-size:12px;margin:10px 0;min-height:16px}.daily-tasks-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.daily-tasks-table th{text-align:left;color:var(--m);font-size:11px;font-weight:600;padding:10px 6px;border-bottom:1px solid var(--l)}.daily-tasks-table th:first-child{width:auto}.daily-tasks-table th:nth-child(2),.daily-tasks-table th:nth-child(3){width:66px;text-align:center}.daily-tasks-table th:last-child{width:165px}.daily-tasks-table td{padding:14px 6px;border-bottom:1px solid var(--l);vertical-align:middle}.daily-tasks-table td:nth-child(2),.daily-tasks-table td:nth-child(3){text-align:center}.daily-task-title{display:block;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.5}.daily-tasks-table td small{display:block;color:var(--m);font-size:10px;margin-top:5px}.daily-tasks-table [data-status=done] .daily-task-title{color:var(--g)}.daily-tasks-table [data-status=missed] .daily-task-title{color:var(--r)}.daily-tasks button.daily-task-state{width:42px;padding:8px;font-size:17px;opacity:.5}.daily-tasks .daily-task-state[aria-pressed=true]{opacity:1;border-color:var(--g);background:color-mix(in srgb,var(--g) 12%,var(--p))}.daily-tasks .daily-task-state.missed[aria-pressed=true]{border-color:var(--r);background:color-mix(in srgb,var(--r) 12%,var(--p))}.daily-task-actions button+button{margin-left:5px}.daily-task-actions button[data-task-action=remove]{color:var(--r)}.daily-tasks-empty{text-align:center;padding:28px 16px;border:1px dashed var(--l);border-radius:14px}.daily-tasks-empty strong{font-size:14px}.daily-tasks-empty p,.daily-tasks-hint,.daily-tasks-storage{font-size:11px;color:var(--m);line-height:1.6}.daily-tasks-hint{margin:15px 0 6px}.daily-tasks-storage{margin:0}html[data-theme=light] .daily-tasks input{color-scheme:light}
@media(max-width:700px){.daily-tasks{padding:16px;border-radius:18px}.daily-tasks-heading{flex-direction:column;gap:16px}.daily-tasks-date{width:100%}.daily-tasks-date input{flex:1;width:0}.daily-tasks-composer{flex-wrap:wrap}.daily-tasks-composer input{flex-basis:100%;width:100%}.daily-tasks-composer button{flex:1}.daily-tasks h2{font-size:22px}.daily-tasks-table th:nth-child(2),.daily-tasks-table th:nth-child(3){width:48px}.daily-tasks-table th:last-child{width:72px}.daily-tasks-table td{padding:12px 3px}.daily-tasks-table th{padding:10px 3px;font-size:10px}.daily-task-actions button{width:100%;min-height:36px;padding:6px 3px;font-size:10px}.daily-task-actions button+button{margin:5px 0 0}.daily-tasks button.daily-task-state{width:38px;min-height:42px}.daily-task-title{font-size:12px}}
