:root{--paper:#fbf4e8;--ink:#282d22;--muted:#777666;--line:#e7dfd0;--green:#526b45;--coral:#d9785a;--white:#fffdf8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope, sans-serif}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1050px)/2),24px)}.brand{font-size:19px;font-weight:800;letter-spacing:-1px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px}.mark{display:grid;place-items:center;background:var(--green);color:#fff;width:29px;height:29px;border-radius:50%;font-family:Georgia;font-size:22px}.today,.eyebrow,small{font-family:'DM Mono',monospace;letter-spacing:1.2px;color:var(--muted);font-size:10px}main{max-width:980px;margin:0 auto;padding:58px 24px}.hero{display:flex;justify-content:space-between;align-items:center;padding-bottom:42px}.eyebrow{color:var(--coral);font-weight:500}h1{font-size:clamp(43px,7vw,72px);line-height:1.02;letter-spacing:-4px;margin:16px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.intro{color:var(--muted);font-size:15px;max-width:400px;line-height:1.7}.hero-art{height:185px;width:185px;border-radius:50%;background:#e8dfc5;position:relative;display:grid;place-items:center;flex:none;margin-right:38px}.hero-art span{font:11px/1.7 'DM Mono';letter-spacing:1.7px;color:var(--green);text-align:center;z-index:1}.sun{position:absolute;width:70px;height:70px;background:#e5a571;border-radius:50%;right:4px;top:12px;opacity:.82}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:48px}.stats div{display:flex;flex-direction:column;gap:7px}.stats b{font-size:23px;letter-spacing:-1px}.panel{background:var(--white);padding:30px 34px;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px #443a2110}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2,form h2{font-size:25px;letter-spacing:-1.2px;margin:7px 0}.add{border:0;border-radius:8px;background:var(--green);color:white;padding:12px 16px;font:600 12px Manrope;cursor:pointer}.filters{display:flex;gap:8px;margin:22px 0 10px}.filter{background:none;border:1px solid var(--line);color:var(--muted);padding:8px 13px;border-radius:20px;font:600 11px Manrope;cursor:pointer}.filter.active{background:#eaf0e5;color:var(--green);border-color:#d8e2d0}.task{display:grid;grid-template-columns:24px 1fr auto;gap:13px;align-items:center;padding:17px 2px;border-bottom:1px solid var(--line)}.check{width:19px;height:19px;accent-color:var(--green);cursor:pointer}.task h3{margin:0 0 5px;font-size:14px}.meta{font:10px 'DM Mono';color:var(--muted)}.badge{font:10px 'DM Mono';color:var(--green);background:#edf1e8;padding:6px 9px;border-radius:20px}.due{font:10px 'DM Mono';color:var(--coral);margin-top:5px}.task.completed h3{text-decoration:line-through;color:#aaa}.empty{text-align:center;padding:40px 10px;color:var(--muted);font-size:13px;line-height:1.7;display:none}footer{display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono';padding:22px 4px}footer button{border:0;background:none;color:var(--coral);font:inherit;cursor:pointer}dialog{border:0;border-radius:16px;padding:0;width:min(440px,calc(100% - 32px));box-shadow:0 18px 70px #282d2250}dialog::backdrop{background:#282d2270}form{padding:34px;background:var(--white);position:relative}form label{display:block;font-size:11px;font-weight:700;margin:17px 0;color:var(--muted)}input,select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fffefa;font:13px Manrope;color:var(--ink)}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.x{position:absolute;right:20px;top:15px;border:0;background:none;font-size:25px;color:var(--muted);cursor:pointer}.submit{width:100%;margin-top:10px}@media(max-width:650px){main{padding:38px 18px}.hero-art{width:115px;height:115px;margin-right:0}.hero-art span{font-size:9px}.sun{width:48px;height:48px}h1{letter-spacing:-2.5px}.panel{padding:23px 18px}.section-head h2{font-size:21px}.stats{margin-bottom:32px}}