:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;--page: oklch(95% .018 344);--panel: oklch(98.5% .012 344);--panel-soft: oklch(96% .019 344);--panel-hover: oklch(93% .025 344);--text: oklch(27% .028 340);--muted: oklch(48% .04 340);--muted-soft: oklch(62% .025 340);--line: oklch(82% .028 344);--line-strong: oklch(67% .07 344);--accent: oklch(52% .105 345);--accent-deep: oklch(45% .11 345);--accent-soft: oklch(90% .055 344);--accent-ink: oklch(98% .01 344);--danger: oklch(48% .14 25);--danger-soft: oklch(95% .035 25);--active: oklch(57% .12 18);--active-soft: oklch(88% .06 18);background:var(--page);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;place-items:start center;padding:48px 20px}.tracker{width:min(100%,860px);background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 60px #56374c21;padding:28px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}.eyebrow{margin:0 0 6px;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:2rem;line-height:1.05;letter-spacing:0}.date-field{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);border-radius:7px}.date-field input{width:138px;color:inherit;background:transparent;border:0;outline:0}.day-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.day-button{min-height:68px;padding:10px 12px;color:var(--text);text-align:left;background:var(--panel-soft);border:1px solid var(--line);border-radius:7px;transition:background .16s ease-out,border-color .16s ease-out,transform .16s ease-out}.day-button:hover{background:var(--panel-hover)}.day-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.icon-button:focus-visible,input:focus-visible{outline:3px solid oklch(70% .1 345 / .38);outline-offset:2px}.day-button.selected{color:var(--text);background:var(--accent-soft);border-color:var(--line-strong)}.day-button span,.day-button strong{display:block}.day-button span{margin-bottom:8px;font-size:.82rem;font-weight:700}.day-button strong{font-size:1rem}.new-task{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;margin-bottom:14px}input{min-height:46px;color:var(--text);background:#fffafd;background:oklch(99% .01 344);border:1px solid var(--line);border-radius:7px;padding:0 14px}input::placeholder{color:var(--muted-soft)}.primary-button,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;gap:8px;border-radius:7px;border:1px solid transparent;font-weight:700;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out}.primary-button{padding:0 18px;color:var(--accent-ink);background:var(--accent);border-color:var(--accent-deep)}.primary-button:hover{background:var(--accent-deep)}.secondary-button{min-width:112px;padding:0 16px;color:var(--text);background:var(--panel-soft);border-color:var(--line)}.secondary-button:hover{background:var(--panel-hover)}.task-list{display:grid;gap:10px}.task-row{display:grid;grid-template-columns:minmax(0,1fr) 124px 102px;align-items:center;gap:10px}.task-row.confirming-delete{grid-template-columns:minmax(0,1fr) 124px 158px}.task-row.running .task-name,.task-row.running .task-time{border-color:var(--active);box-shadow:0 0 0 3px #fdc8c96b}.task-time{text-align:center;font-variant-numeric:tabular-nums}.icon-button{width:46px;color:var(--text);background:var(--panel);border-color:var(--line)}.task-actions{display:flex;justify-content:flex-end;gap:10px}.icon-button:hover{background:var(--panel-hover)}.icon-button.stop{color:#8f2f39;border-color:#df9d9e;background:var(--danger-soft)}.icon-button.danger{color:var(--danger);background:var(--panel);border-color:var(--line)}.icon-button.danger:hover{color:var(--accent-ink);background:var(--danger);border-color:var(--danger)}.confirm-delete-button{min-height:46px;width:102px;color:var(--accent-ink);background:var(--danger);border:1px solid var(--danger);border-radius:7px;font-weight:800;box-shadow:0 0 0 3px #f9aea77a}.confirm-delete-button:hover{color:var(--accent-ink);background:#892122;border-color:#892122}.empty-state{min-height:96px;display:grid;place-items:center;color:var(--muted);background:var(--panel-soft);border:1px dashed var(--line);border-radius:7px}.empty-state p{margin:0}@media(max-width:760px){.app-shell{padding:18px 12px}.tracker{padding:18px}.topbar,.new-task{grid-template-columns:1fr}.topbar{display:grid;align-items:start}.date-field{width:100%;justify-content:space-between}.date-field input{width:100%}.day-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.new-task{display:grid}.primary-button,.secondary-button{width:100%}.task-row{grid-template-columns:minmax(0,1fr) 104px 92px;gap:8px}.task-row.confirming-delete{grid-template-columns:minmax(0,1fr) 104px 142px}.icon-button{width:42px}.confirm-delete-button{width:92px}}