:root{font-family:system-ui,-apple-system,sans-serif;color:#202842;background:#f3f6ff;font-size:16px;line-height:1.55;--blue:#3454d1}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:4px}button,input{font:inherit}button,.button{cursor:pointer;display:inline-block;text-decoration:none;border:0;border-radius:7px;background:var(--blue);color:white;padding:12px 19px;font-weight:600}button:hover,.button:hover{background:#2441b1}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #dca94b;outline-offset:4px}.masthead{max-width:1160px;margin:auto;padding:28px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce2f3}.brand{font-family:"Avenir Next",ui-rounded,system-ui,sans-serif;font-size:28px;font-weight:750;letter-spacing:-1px;text-decoration:none;color:#202842}.brand span{display:block;font:10px/1.4 system-ui;letter-spacing:2px;color:#66718d}.masthead>a:last-child{font-size:13px}main{max-width:1160px;margin:auto;padding:56px 36px;min-height:70vh}h1,h2{font-family:"Avenir Next",ui-rounded,system-ui,sans-serif;letter-spacing:-1.5px;line-height:1.1}h1{font-size:clamp(36px,5vw,64px);margin:16px 0 24px;font-weight:650}h2{font-size:23px;letter-spacing:-.6px;margin:0 0 16px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:700;color:#53648e}.intro{font-size:20px;color:#53617f;max-width:680px}.entry-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}.entry-options form{padding:30px;background:white;border:1px solid #dce2f3;border-radius:10px}.entry-options p{color:#66718d;font-size:15px}label{display:block;font-size:13px;font-weight:650;margin-bottom:9px}input{width:100%;border:1px solid #bac5e2;border-radius:6px;background:white;padding:12px;color:#202842}.entry-options input{margin-bottom:16px}.secondary{background:#e8edfc;color:#3454d1}.workspace{display:grid;grid-template-columns:240px 1fr;gap:52px}.workspace aside{border-top:6px solid var(--blue);padding-top:16px}.workspace h1{font-size:36px}.summary{color:#66718d}.summary b{font-size:28px;color:var(--blue)}.text-button{background:transparent;color:#66718d;padding:0;font-size:13px;text-decoration:underline}.add-task>div{display:flex;gap:10px}.add-task button{white-space:nowrap}.filters{display:flex;gap:24px;margin:34px 0 10px;font-size:13px}.task-list{border-top:1px solid #cfd8ef}.task{display:flex;align-items:center;gap:16px;padding:18px 10px;border-bottom:1px solid #dce2f3;background:#fff}.task-title{flex:1;overflow-wrap:anywhere}.task[data-done="1"] .task-title{color:#8190ad;text-decoration:line-through}.check,.remove{padding:2px;background:transparent;color:#3454d1;font-size:27px;line-height:1}.check:hover,.remove:hover{background:#e8edfc}.remove{color:#8190ad;font-size:22px}.empty{padding:25px;color:#66718d;background:white}.recovery-key{display:block;padding:22px;margin:30px 0;background:#e3eafb;color:#243d96;border:1px dashed #96a7d9;border-radius:8px;font:16px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;max-width:650px}footer{max-width:1160px;margin:auto;padding:26px 36px;color:#66718d;font-size:12px;border-top:1px solid #dce2f3}#form-status{color:#a3314a;font-size:14px}@media(max-width:720px){.masthead{padding:20px}main{padding:30px 20px}.entry-options,.workspace{grid-template-columns:1fr;gap:26px}.workspace aside{padding-top:8px}.workspace h1 br{display:none}.workspace h1{font-size:30px}.add-task>div{flex-direction:column}footer{padding:20px}}@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}}