:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit;border-radius:0}button{cursor:pointer;background:#fff;border:1px solid #ccc;padding:10px 14px}button:hover{background:#f0f0f0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #000;outline-offset:4px}input,select,textarea{background:#fff;border:1px solid #ccc;padding:12px;min-width:0}button.primary{background:#111;color:#fff;border-color:#111;padding:13px 20px}.primary:hover{background:#333}.workspace{max-width:1440px;margin:auto;display:grid;grid-template-columns:245px 1fr;min-height:calc(100svh - 70px)}.sidebar{border-right:1px solid #ddd;padding:48px 24px;display:flex;flex-direction:column}.sidebar-heading{font-size:10px;font-weight:650;letter-spacing:1.8px;color:#777}.sidebar>nav{margin:16px -10px 36px;display:grid;gap:4px}.sidebar nav button{border:0;text-align:left;display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:12px}.sidebar nav button span:last-child{font-size:11px;color:#777}.sidebar nav button.selected{background:#111;color:#fff}.sidebar nav button.selected span:last-child{color:#fff}.project-heading{display:flex;align-items:center;justify-content:space-between}.project-heading button{border:0;padding:0 9px;font-size:21px}.sidebar-bottom{margin-top:auto;font-size:12px;padding-top:48px}.device-dot{display:inline-block;background:#111;width:6px;height:6px;margin-right:7px}.sidebar-bottom p{font-size:11px;line-height:1.9;color:#777}.content{padding:47px 7%;min-width:0}.eyebrow{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1.5px;color:#777}.eyebrow time{letter-spacing:0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:38px 0 32px;gap:20px}h1{font-size:48px;letter-spacing:-2.3px;line-height:1.1;margin:0;font-weight:550}h1 span{color:#999}.page-heading p{color:#777;font-size:13px;margin:15px 0 0}.summary{display:flex;gap:44px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:23px 0;margin-bottom:30px}.summary>div:not(:last-child){display:flex;align-items:baseline;gap:10px}.summary strong{font-size:27px;font-weight:500}.summary span{font-size:11px;color:#777}.progress-summary{margin-left:auto;width:145px;align-self:center}.progress-track{height:3px;background:#eee;margin-top:10px}#progress-bar{height:100%;background:#111;width:0}.quick-add{display:flex;border:1px solid #bbb;align-items:center;padding:5px 12px;gap:10px}.quick-add>span{font-size:23px;font-weight:300;color:#777}.quick-add input{border:0;padding:13px 0;flex:1;font-size:13px}.quick-add button{border:0;background:#f3f3f3;padding:5px 10px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 0 20px;border-bottom:1px solid #ddd}.filters{display:flex;gap:4px}.filters button{font-size:11px;border:0;color:#777;padding:7px 10px}.filters .active{color:#111;background:#eee}.tools{display:flex;gap:12px}.tools input{width:120px}.tools input,.tools select{font-size:11px;padding:6px;border:0;background:#fff}.list-heading{display:flex;justify-content:space-between;color:#999;letter-spacing:1.3px;font-size:9px;padding:20px 0 10px}.task{display:flex;gap:14px;align-items:center;border-bottom:1px solid #eee;padding:18px 0}.task input[type=checkbox]{appearance:none;width:19px;height:19px;padding:0;border:1px solid #aaa;flex-shrink:0;cursor:pointer}.task input:checked{background:#111;border-color:#111}.task input:checked:after{content:"\2713";color:#fff;font-size:13px;display:block;text-align:center}.task-main{flex:1;min-width:0;border:0;padding:0;background:none;text-align:left}.task-main:hover{background:none}.task-title{display:block;font-size:14px;overflow-wrap:anywhere;line-height:1.6}.task-notes{display:block;font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:350px;margin-top:4px}.task.done .task-title{text-decoration:line-through;color:#999}.task-meta{display:flex;align-items:flex-end;flex-direction:column;gap:6px;font-size:10px;color:#777;flex-shrink:0}.task-meta .overdue{color:#111;font-weight:650}.priority{font-size:9px;border:1px solid #aaa;padding:2px 4px;margin-left:8px;text-decoration:none;display:inline-block}.empty{text-align:center;padding:66px 16px 72px}.empty-mark{display:inline-grid;place-items:center;border:1px solid #ccc;width:43px;height:43px;font-size:20px;margin-bottom:12px}.empty h2{font-size:17px;letter-spacing:-.3px;font-weight:500}.empty p{font-size:12px;color:#888;line-height:1.9}.list-footer{display:flex;justify-content:space-between;padding-top:17px;color:#888;font-size:10px}.list-footer button{border:0;padding:0;color:#777;font-size:10px}.footnote{margin-top:70px;text-align:center;color:#999;font-size:10px}dialog{width:450px;max-width:calc(100% - 32px);padding:28px;border:1px solid #111}dialog::backdrop{background:#0006}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-heading h2{font-size:22px;letter-spacing:-.5px;margin:0}.dialog-heading button{border:0;font-size:25px;padding:0 5px}dialog label{display:grid;gap:8px;font-size:12px;margin-bottom:18px}dialog input,dialog select,dialog textarea{width:100%;font-size:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dialog-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}#delete-task{margin-right:auto}#notice{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#111;color:#fff;padding:14px 22px;font-size:13px;z-index:5;width:max-content;max-width:90%}[hidden]{display:none!important}@media(min-width:1400px){.content{padding-left:85px;padding-right:85px}}@media(max-width:850px){.workspace{grid-template-columns:190px 1fr}.sidebar{padding:32px 18px}.content{padding:32px 6%}.toolbar{align-items:stretch;flex-direction:column}.tools input{flex:1}.eyebrow{letter-spacing:1px}h1{font-size:40px}.summary{gap:20px}.progress-summary{width:100px}}@media(max-width:580px){.workspace{display:block}.sidebar{border:0;border-bottom:1px solid #ddd;padding:16px}.sidebar>.sidebar-heading,.project-heading,.sidebar-bottom,#projects{display:none}.sidebar>nav{display:flex;gap:4px;margin:0;overflow-x:auto}.sidebar nav button{gap:8px;white-space:nowrap;padding:9px;font-size:11px}.content{padding:28px 20px}.page-heading{margin-top:28px}h1{font-size:38px}.page-heading .primary{padding:12px;font-size:12px}.summary{gap:24px}.summary strong{font-size:23px}.progress-summary{width:80px}.task-meta{max-width:85px}.task-notes{max-width:200px}.eyebrow{font-size:9px}.empty{padding:50px 10px}.footnote{margin-top:50px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:580px){.project-heading{display:flex;margin-top:15px}.project-heading .sidebar-heading{font-size:9px}#projects{display:flex;overflow-x:auto;margin:4px 0 0}#projects button{gap:12px}}.sidebar-bottom button,.sidebar-bottom a{display:block;font-size:12px;margin-top:10px}.sidebar-bottom button{padding:8px 10px}@media(max-width:580px){.sidebar-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:16px;margin:0}.sidebar-bottom p,.sidebar-bottom .device-dot{display:none}.sidebar-bottom button,.sidebar-bottom a{margin:0;padding:4px 8px}}.workspace{display:block;max-width:800px;min-height:calc(100svh - 77px)}.content{padding:36px 24px}.page-heading{margin:0 0 28px}.list-heading{margin-top:24px}.empty{padding:65px 16px}#options-dialog .sidebar{padding:0;border:0}#options-dialog .sidebar>nav{margin:12px 0 24px}#options-dialog .sidebar-bottom{padding-top:16px;margin:0}#options-dialog .sidebar-bottom p{display:block}#options-dialog .toolbar{flex-direction:column;align-items:stretch}#options-dialog .tools input{width:100%;flex:1}#options-dialog #clear-completed{margin-top:20px}#options-dialog .notification-settings{margin-top:20px;border-top:1px solid;padding-top:20px}#options-dialog .notification-settings p{font-size:12px}#options-dialog .sidebar>.sidebar-heading,#options-dialog .project-heading{display:flex}#options-dialog #projects{display:grid;overflow:visible}#options-dialog .sidebar-bottom{display:block}#options-dialog .sidebar-bottom button,#options-dialog .sidebar-bottom a{margin-top:10px}#options-dialog #views{display:grid}#options-dialog .sidebar nav button{gap:12px}