:root{--ink:#202820;--muted:#848a80;--line:#e8e6df;--paper:#f8f7f3;--sage:#dce7d4;--peach:#f3d4c4}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:15px Arial,sans-serif;color:var(--ink);display:flex;min-height:100vh}aside{width:245px;border-right:1px solid var(--line);padding:35px 24px;background:#fcfbf7}aside b{font:600 26px Georgia,serif}aside b span{color:#d98d6b}aside>small{display:block;color:var(--muted);margin:7px 0 42px}nav{display:grid;gap:6px}nav button{border:0;background:none;text-align:left;padding:12px;border-radius:9px;font-size:15px;color:#62685f;cursor:pointer}nav button.active{background:var(--sage);color:#30432e}aside p{font-size:10px;color:#9a9e94;letter-spacing:1.3px;margin:50px 0 15px}aside div{margin:13px 0;font-size:14px}em{font-style:normal;color:#aaa;font-size:11px}main{width:min(100%,1100px);padding:0 8% 60px}header{height:88px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}header i{font-style:normal;background:var(--peach);border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.page{display:none}.page.show{display:block}.hero{display:flex;align-items:flex-end;justify-content:space-between;margin:54px 0 60px}label{font-size:10px;letter-spacing:1.3px;color:#8e938b}h1{font:500 54px/1.08 Georgia,serif;letter-spacing:-2px;margin:10px 0}h2{font-size:21px;margin:0}small{color:var(--muted);font-size:13px}.hero article{padding:16px 20px;border-radius:14px;background:#efeee7;display:flex;gap:12px}.hero article strong{font-size:13px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.heading small{display:block;margin-top:5px}.heading h1{font-size:45px}.add,.save{background:#253528;color:white;border:0;border-radius:8px;padding:11px 16px;font-weight:bold;cursor:pointer}.task{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:13px;background:#fffefa;padding:16px 18px;margin:10px 0}.task.done{opacity:.5}.check{height:22px;width:22px;border:1.5px solid #b9c0b4;background:white;border-radius:50%;cursor:pointer}.done .check{background:#557054}.info{flex:1;font-weight:bold}.info small{display:block;margin-top:4px;font-weight:normal}.meta{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted)}.dots{color:#c98261;letter-spacing:2px}.upcoming{margin-top:55px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.next{padding:17px;border:1px solid var(--line);border-radius:12px;background:#fffefa}.next b{display:block;margin:20px 0 5px}.cal{margin-top:36px;background:#fffefa;border:1px solid var(--line);border-radius:14px;padding:20px}.days,.caldays{display:grid;grid-template-columns:repeat(7,1fr)}.days b{text-align:center;font-size:10px;color:#999d94;padding-bottom:15px}.day{height:96px;border-top:1px solid var(--line);padding:8px;font-size:12px}.today{color:white}.today>span{background:#253528;border-radius:50%;display:grid;place-items:center;width:25px;height:25px;margin-top:-4px}.event{font-size:10px;border-radius:5px;padding:4px;margin-top:6px;background:var(--sage);overflow:hidden;white-space:nowrap}.event.lea{background:var(--peach)}.all{margin-top:38px}dialog{border:0;border-radius:17px;width:min(420px,90vw);box-shadow:0 20px 60px #0003;padding:0}dialog::backdrop{background:#1e2a1e66}form{padding:28px}dialog h2{font:500 28px Georgia,serif;margin:10px 0 25px}.x{float:right;border:0;background:none;font-size:27px;color:#777;cursor:pointer}input,select{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;margin-top:7px}.effortPick{display:flex;gap:8px;margin:9px 0 20px}.effortPick button{height:34px;width:34px;border:1px solid var(--line);border-radius:50%;background:white}.effortPick .pick{background:var(--peach)}.save{width:100%}@media(max-width:700px){aside{display:none}main{padding:0 20px 40px}.hero{display:block;margin:35px 0}.hero article{margin-top:25px;width:max-content}h1{font-size:42px}.grid{grid-template-columns:1fr}.day{height:68px;padding:5px}.event{font-size:8px}.meta{gap:6px}}