*{box-sizing:border-box}body{margin:0;background:#f5f2ec;color:#24211d;font:15px system-ui,sans-serif}.shell{max-width:1180px;margin:auto;padding:0 24px 48px}.top{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font:bold 20px Georgia,serif;color:#24211d;text-decoration:none}.brand b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#24211d;color:#fff;margin-right:8px}.card{background:#fffdf9;border:1px solid #e7dfd5;border-radius:22px;padding:24px;box-shadow:0 12px 35px #2c24180c}.hero{min-height:68vh;display:grid;place-items:center;text-align:center}.hero h1,.welcome h1,.card h2{font-family:Georgia,serif;font-weight:500}.hero h1{font-size:52px;margin:10px 0}.hero p,.muted{color:#777067}.button{display:inline-block;border:1px solid #ded6cc;background:#fff;color:#24211d;text-decoration:none;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}.button.primary{background:#24211d;color:white;border-color:#24211d}.welcome{display:flex;justify-content:space-between;align-items:end;margin:26px 0}.welcome h1{font-size:42px;margin:5px 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:#8c806e}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #ebe3da;padding-bottom:16px}.head h2{margin:4px 0}.pill{background:#eee8df;color:#6f685f;border-radius:99px;padding:6px 9px;font-size:12px}.event,.task{padding:15px 0;border-bottom:1px solid #eee7de}.event small,.task small{display:block;color:#777067;margin-top:4px}.task{display:flex;gap:10px;align-items:center}.task .title{flex:1}.done .title{text-decoration:line-through;opacity:.45}.check{width:24px;height:24px;border:1px solid #c8bfb4;border-radius:8px;background:white}.newtask,.stack{display:flex;gap:8px;margin:16px 0}.newtask input{flex:1}input,select{border:1px solid #ded6cc;background:white;border-radius:11px;padding:10px;font:inherit}.settings{margin-top:20px}.settings summary{font-weight:800;cursor:pointer}.settings .inside{border-top:1px solid #eee7de;margin-top:16px;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.notice{background:#f1ebe3;border-radius:12px;padding:12px;margin:14px 0}.error{background:#f9e9e7}.avatar{width:32px;height:32px;border-radius:50%;vertical-align:middle}.user{display:flex;gap:10px;align-items:center;color:#777067}.user a{color:inherit}.setup{max-width:680px;margin:80px auto}.setup h1{font:500 36px Georgia,serif}.setup li{margin:9px 0;line-height:1.5}code{background:#eee8df;padding:3px 6px;border-radius:6px}@media(max-width:800px){.grid,.settings .inside{grid-template-columns:1fr}.hero h1{font-size:40px}.newtask{flex-wrap:wrap}}