:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243c30;background:#f6f6ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cd8d3f;outline-offset:3px}.topbar{height:96px;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #dfe3d8}.brand{font-size:29px;font-weight:750;text-decoration:none;color:#254e3b;letter-spacing:-1.5px;display:flex;align-items:center}.brand-icon{display:inline-grid;place-items:center;width:36px;height:39px;border-radius:11px;background:#254e3b;color:#fff;font-family:Georgia,serif;font-style:italic;margin-right:11px;font-size:29px}.brand-dot{color:#c78b51}.local-note{color:#737c72;font-size:12px;display:flex;align-items:center;gap:8px}.local-note>span{background:#82a182;width:6px;height:6px;border-radius:50%}main{max-width:1128px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;min-height:285px;padding:24px 25px 28px 0}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:#73816c;margin:0 0 14px}h1{font-family:Georgia,serif;font-size:50px;line-height:1.08;font-weight:400;letter-spacing:-1.8px;margin:0}h1>span{color:#bd8855}.subtitle{color:#7a8075;font-size:14px;margin:19px 0 0}.illustration{position:relative;width:270px;height:230px;margin-right:62px}.sun{position:absolute;border-radius:50%;background:#eaeede;width:220px;height:220px;left:30px;top:0}.bag{position:absolute;left:65px;top:98px;width:145px;height:120px;background:#dcbf89;transform:rotate(-7deg);clip-path:polygon(0 0,100% 0,92% 100%,9% 100%);display:flex;flex-direction:column;align-items:center;padding-top:42px;box-shadow:inset -20px 0 #d2b27c}.bag span{font:italic bold 29px Georgia;color:#526544}.bag small{font-size:5px;letter-spacing:1px;margin-top:9px;color:#526544}.leaf{position:absolute;background:#64825a;border-radius:80% 0 80% 0;width:45px;height:95px;transform:rotate(-35deg);left:67px;top:30px}.leaf-two{transform:rotate(10deg);left:97px;top:20px;background:#8b9f6d;height:110px}.bread{position:absolute;left:159px;top:23px;width:39px;height:133px;background:repeating-linear-gradient(150deg,#c99960 0 21px,#eed5a4 22px 28px,#c99960 29px 40px);border-radius:25px;transform:rotate(20deg);border:4px solid #d5ab73}.carrot{position:absolute;left:125px;top:60px;background:#d68d55;width:30px;height:100px;transform:rotate(-13deg);border-radius:12px 12px 70% 70%}.spark{position:absolute;right:-2px;top:65px;color:#ba8753;font-size:32px}.workspace{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start}h2{font-size:18px;letter-spacing:-.4px;margin:0}.add-card,.list-card{background:#fff;border:1px solid #e1e5db;border-radius:17px;box-shadow:0 5px 18px #263b2b04}.add-card{padding:25px}.section-heading{display:flex;gap:11px;align-items:center}.small-icon{display:grid;place-items:center;border-radius:9px;width:30px;height:30px;background:#edf2e7;color:#4e6b44;font-size:21px}.muted{font-size:12px;color:#8a8e83;margin:10px 0 25px}label{display:block;font-size:12px;font-weight:650;margin-bottom:9px}input,select{width:100%;height:45px;border:1px solid #dee2d8;border-radius:8px;background:#fcfcf9;padding:0 12px;color:#314336;font-size:13px}input::placeholder{color:#9a9f95}.form-row{display:grid;grid-template-columns:77px 1fr;gap:12px;margin-top:19px}select{padding:0 8px}#form-error{font-size:12px;color:#a0392b;margin:12px 0}.primary{border:0;border-radius:9px;background:#294e3c;color:white;min-height:45px;width:100%;font-size:13px;font-weight:650}.primary:hover{background:#183e2b}.cancel{border:0;background:transparent;color:#526544;padding:12px;width:100%}.tip{display:flex;gap:14px;background:#edf0e3;padding:20px;border-radius:12px;margin-top:20px}.tip>span{font-size:26px;color:#86956c}.tip strong{font-size:12px;font-weight:650}.tip p{font-size:12px;line-height:1.8;color:#7c846e;margin:6px 0 0}.privacy{text-align:center;font-size:10px;color:#898e80;margin-top:21px}.list-card{overflow:hidden}.list-top{padding:27px 28px 0;display:flex;justify-content:space-between}.list-top .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:10px}.list-top h2{font-size:22px;font-family:Georgia,serif;font-weight:400;display:flex;gap:10px;align-items:center}#total-badge{font:11px system-ui;background:#f1f3eb;border-radius:6px;padding:4px 7px;color:#7a856f}.basket{display:grid;place-items:center;background:#f3f4ec;border-radius:12px;width:42px;height:42px;font-size:28px;color:#85916e}.progress-summary{display:flex;justify-content:space-between;margin:24px 28px 10px;font-size:11px;color:#929789}#remaining{color:#5c7053;font-weight:600}progress{display:block;appearance:none;width:calc(100% - 56px);height:5px;margin:0 28px 25px;border:0;border-radius:10px;overflow:hidden;background:#eef1e7}progress::-webkit-progress-bar{background:#eef1e7}progress::-webkit-progress-value{background:#8ca374;border-radius:10px}progress::-moz-progress-bar{background:#8ca374}.toolbar{padding:0 28px 19px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0e8;gap:8px}.filters{display:flex;gap:3px;background:#f5f6f0;border-radius:8px;padding:4px}.filters button{border:0;background:transparent;border-radius:6px;padding:8px 9px;color:#808777;font-size:11px;white-space:nowrap}.filters button[aria-pressed=true]{background:#fff;color:#304d35;box-shadow:0 1px 4px #283d2110}.filters span{margin-left:4px;font-size:10px}.clear{background:none;border:none;font-size:10px;color:#7d866f;padding:10px 0}.clear:hover{color:#9a4637}.category-title{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#8d9682;font-weight:700;background:#fcfcf9;padding:12px 28px;border-bottom:1px solid #f1f2ed}.category-title span{margin-left:7px;color:#a8b09c}.item{display:flex;gap:13px;align-items:center;min-height:65px;padding:10px 28px;border-bottom:1px solid #f1f2ed}.item input{appearance:none;width:21px;height:21px;border-radius:6px;flex-shrink:0;margin:0;padding:0;background:#fff;cursor:pointer}.item input:checked{background:#7c9568;border-color:#7c9568}.item input:checked:after{content:'✓';display:block;text-align:center;color:white;font-size:14px}.item-name{font-size:13px;font-weight:550;overflow-wrap:anywhere}.item.done .item-name{text-decoration:line-through;color:#a1a695}.item-meta{font-size:10px;color:#979f8c;margin-top:5px}.item-content{flex:1;min-width:0}.item-emoji{width:34px;height:34px;display:grid;place-items:center;background:#f6f5ee;border-radius:10px;font-size:21px}.item-actions{display:flex;gap:2px}.icon-button{border:0;background:transparent;width:30px;height:34px;color:#919a85;border-radius:6px;font-size:16px}.icon-button:hover{background:#f1f4e9;color:#345137}.delete:hover{background:#fff0e9;color:#ab5742}.list-footer{text-align:center;padding:17px;font-size:10px;color:#949b87;background:#fdfdfb}.list-footer span{margin-right:6px}.page-footer{display:flex;justify-content:space-between;padding:33px 0;color:#9ba18e;font-size:9px;letter-spacing:1px}.page-footer>span+span{letter-spacing:0}.heart{font-size:15px;color:#9fa887;margin-left:4px}.empty{text-align:center;padding:42px 24px;color:#7c886e}.empty .empty-icon{font-size:30px}.empty h3{color:#3d573d;font:22px Georgia}.empty p{font-size:13px;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#storage-warning{position:fixed;bottom:15px;left:15px;right:15px;padding:14px;background:#fff2cf;color:#69471b;border-radius:8px;font-size:13px}[hidden]{display:none!important}@media(min-width:1450px){main{padding-top:15px}.intro{min-height:310px}}@media(max-width:1200px){main{margin:0 36px}}@media(max-width:850px){.workspace{grid-template-columns:270px 1fr;gap:18px}.toolbar{align-items:flex-start;flex-direction:column}.illustration{margin-right:0}.item{padding:10px 20px}.add-card{padding:20px}.list-top{padding:23px 20px 0}}@media(max-width:650px){.topbar{height:76px;padding:0 22px}.local-note{font-size:9px}.brand{font-size:25px}main{margin:0 20px}.intro{min-height:245px;padding-right:0;position:relative;overflow:hidden}.intro>div:first-child{z-index:1}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:39px}.subtitle{font-size:12px;max-width:200px;line-height:1.7}.illustration{position:absolute;right:-62px;top:31px;transform:scale(.66);opacity:.8}.workspace{grid-template-columns:1fr;gap:20px}.tip,.privacy{display:none}.add-card{padding:20px}.muted{margin-bottom:18px}.form-row{grid-template-columns:85px 1fr;margin-top:14px}.toolbar{flex-direction:row;align-items:center;padding:0 16px 16px}.filters button{padding:8px 6px;font-size:10px}.clear{font-size:9px}.list-top h2{font-size:23px}.category-title{padding-left:20px}.item{gap:10px}.item-emoji{width:30px}.icon-button{width:28px;height:40px}.page-footer{font-size:7px;gap:20px;line-height:1.6}h1{max-width:280px}}
.item-emoji{color:#6c8356}.muted,.subtitle,.local-note{color:#6e7767}.item-meta,.category-title,.list-footer{color:#707b64}.clear{color:#647456}.filters button{color:#64705b}