:root{--background:oklch(95.5% .006 87.6);--foreground:oklch(22% .008 60);--card:oklch(96.5% .01 88.5);--card-foreground:oklch(22% .008 60);--popover:oklch(96.5% .01 88.5);--popover-foreground:oklch(22% .008 60);--primary:oklch(22% .008 60);--primary-foreground:oklch(96.5% .01 88.5);--secondary:oklch(95.5% .012 88);--secondary-foreground:oklch(28% .008 60);--muted:oklch(91.8% .008 80);--muted-foreground:oklch(52% .01 65);--accent:oklch(55% .178 25.5);--accent-foreground:oklch(98% .004 88);--destructive:oklch(62.8% .258 29.23);--destructive-foreground:oklch(98% 0 0);--border:oklch(87.8% .01 78);--input:oklch(87.8% .01 78);--ring:oklch(22% .008 60);--font-sans:"DM Mono", "Courier New", Courier, monospace;--font-mono:"DM Mono", "Courier New", Courier, monospace;--font-serif:"Cormorant Garamond", "Georgia", "Times New Roman", serif;--radius:.125rem}.dark{--background:oklch(11.8% .008 55);--foreground:oklch(79.5% .01 68);--card:oklch(13.8% .009 56);--card-foreground:oklch(79.5% .01 68);--popover:oklch(13.8% .009 56);--popover-foreground:oklch(79.5% .01 68);--primary:oklch(79.5% .01 68);--primary-foreground:oklch(11.8% .008 55);--secondary:oklch(16.8% .009 57);--secondary-foreground:oklch(75% .01 68);--muted:oklch(18.8% .008 56);--muted-foreground:oklch(52% .01 65);--accent:oklch(38.5% .118 22);--accent-foreground:oklch(92% .008 68);--destructive:oklch(62.8% .258 29.23);--destructive-foreground:oklch(98% 0 0);--border:oklch(22.8% .009 57);--input:oklch(22.8% .009 57);--ring:oklch(79.5% .01 68)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}.app{flex-direction:column;align-items:center;min-height:100vh;padding:4rem 1.5rem 6rem;display:flex}.app-header{width:100%;max-width:560px;margin-bottom:2.5rem}.app-title{font-family:var(--font-serif);color:var(--foreground);letter-spacing:-.01em;font-size:clamp(2rem,6vw,2.6rem);font-weight:300;line-height:1.1}.app-main{flex-direction:column;width:100%;max-width:560px;display:flex}.input-row{border-bottom:1.5px solid var(--foreground);align-items:flex-end;gap:1rem;margin-bottom:2rem;padding-bottom:.6rem;display:flex}.task-input{font-family:var(--font-mono);color:var(--foreground);caret-color:var(--accent);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem;line-height:1.6}.task-input::placeholder{color:var(--muted-foreground)}.add-btn{cursor:pointer;font-family:var(--font-mono);letter-spacing:.15em;color:var(--muted-foreground);white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.6875rem;font-weight:500;transition:color .15s}.add-btn:hover:not(:disabled){color:var(--foreground)}.add-btn:disabled{opacity:.35;cursor:default}.filters{gap:1.5rem;margin-bottom:1.25rem;display:flex}.filter-btn{cursor:pointer;font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted-foreground);background:0 0;border:none;padding:0;font-size:.75rem;transition:color .15s}.filter-btn:hover{color:var(--foreground)}.filter-btn.active{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.section-label{font-family:var(--font-serif);letter-spacing:.18em;color:var(--muted-foreground);text-align:center;text-transform:small-caps;margin-bottom:.75rem;font-size:.8125rem;font-style:normal;font-weight:400}.task-list{list-style:none}.task-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;min-height:52px;padding:0 .125rem;display:flex;position:relative}.task-item:first-child{border-top:1px solid var(--border)}.checkbox{border:1.5px solid var(--muted-foreground);cursor:pointer;background:0 0;border-radius:1px;flex-shrink:0;justify-content:center;align-items:center;width:16px;min-width:16px;height:16px;padding:0;transition:border-color .15s,background-color .15s;display:flex}.checkbox:hover{border-color:var(--foreground)}.task-item.done .checkbox,.task-item.completing .checkbox{border-color:var(--accent);background-color:var(--accent)}.checkmark{width:10px;height:10px;color:var(--accent-foreground)}.task-text{font-family:var(--font-mono);color:var(--foreground);flex:1;font-size:.9375rem;line-height:1.5;transition:color .3s;position:relative;overflow:hidden}.task-item.done .task-text,.task-item.completing .task-text{color:var(--muted-foreground)}.strikethrough{background-color:var(--accent);width:0;height:1.5px;animation:.28s ease-out forwards strike;position:absolute;top:50%;left:0;transform:translateY(-50%)}.task-item.done .strikethrough{width:100%;animation:none}@keyframes strike{0%{width:0}to{width:100%}}.delete-btn{cursor:pointer;color:var(--muted-foreground);opacity:0;background:0 0;border:none;flex-shrink:0;padding:0 .25rem;font-size:1.125rem;line-height:1;transition:opacity .15s,color .15s}.task-item:hover .delete-btn{opacity:1}.delete-btn:hover{color:var(--destructive)}.empty-state{font-family:var(--font-mono);color:var(--muted-foreground);text-align:center;padding:3rem 0 1rem;font-size:.875rem;line-height:1.6}