@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');

:root{font-family:'DM Sans',Arial,sans-serif;color:#24372f;background:#f7f4ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,label.import-button:focus-within{outline:3px solid #c96742;outline-offset:3px}a{color:inherit}.shell{max-width:1300px;margin:auto;padding:0 42px}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9dacf}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:23px;letter-spacing:-1.3px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#244b3b;color:#f8e4aa;font-size:22px;line-height:1}.brand-dot{color:#d26641}.header-note{font-size:13px;color:#707d73}.intro{display:grid;grid-template-columns:1fr 290px;gap:40px;align-items:end;padding:70px 0 65px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:700;color:#b96544;margin:0 0 18px}.intro h1{font:normal clamp(49px,6vw,84px)/.98 'DM Serif Display',Georgia,serif;letter-spacing:-2px;margin:0}.intro h1 em{color:#bd6a49;font-weight:normal}.intro-copy{max-width:480px;font-size:16px;line-height:1.65;color:#68766b;margin:24px 0 0}.summary{background:#244b3b;color:#fff;padding:27px 30px 23px;min-height:202px;border-radius:3px}.summary-number{font:normal 72px/1 'DM Serif Display',Georgia,serif}.summary-label{font-size:14px;margin-top:3px}.summary-rule{height:1px;background:#72917c;margin:20px 0 15px}.summary-bottom{font-size:12px;color:#d1e0d3}.summary-bottom strong{color:#fff}.workspace{display:grid;grid-template-columns:minmax(270px,360px) minmax(0,1fr);gap:22px;align-items:start}.add-card,.list-panel{background:#fff;border:1px solid #e3e4d9;border-radius:4px;box-shadow:0 8px 24px rgba(33,53,40,.035)}.add-card{padding:30px}.section-heading{display:flex;align-items:center;gap:13px}.section-index{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d8dfd5;border-radius:50%;font-size:10px;font-weight:700;color:#59816c}.section-heading h2{font:normal 27px 'DM Serif Display',Georgia,serif;letter-spacing:-.3px;margin:0}.add-card form{margin-top:34px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px;min-width:0}.field label{font-size:12px;font-weight:700}.field label span{color:#bd6a49}.field input,.field select{border:1px solid #d9ded6;background:#fbfaf6;color:#24372f;border-radius:3px;padding:12px 13px;width:100%;min-height:46px}.field input::placeholder{color:#9aa69c}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary-button{width:100%;border:1px solid #244b3b;background:#244b3b;color:#fff;border-radius:3px;min-height:49px;padding:10px 15px;font-size:13px;font-weight:700;transition:background .15s}.primary-button:hover{background:#356a51}.primary-button span{font-size:21px;vertical-align:-2px;margin-right:5px;font-weight:400}.form-hint{font-size:11px;line-height:1.5;color:#88968a;margin:17px 0 0}.list-panel{min-height:390px;padding:29px 30px 0}.list-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:28px;border-bottom:1px solid #e5e8df}.filter-group{display:flex;gap:3px;background:#f4f5ef;padding:4px;border-radius:4px}.filter{border:0;background:transparent;color:#708075;border-radius:3px;padding:8px 11px;font-size:11px;font-weight:700;white-space:nowrap}.filter:hover{color:#244b3b}.filter.active{background:#fff;color:#244b3b;box-shadow:0 1px 4px rgba(0,0,0,.08)}.category-block{padding:20px 0 5px}.category-heading{display:flex;align-items:center;gap:10px;margin:0 0 7px;color:#849185;font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.category-heading::after{content:'';height:1px;background:#e9ece6;flex:1}.item{display:flex;align-items:center;gap:13px;min-height:59px;padding:8px 0;border-bottom:1px solid #eff0eb}.item:last-child{border-bottom:0}.item-check{appearance:none;display:grid;place-items:center;flex:none;width:23px;height:23px;border:1.5px solid #b3c0b6;border-radius:4px;background:#fff;margin:0;cursor:pointer}.item-check:checked{background:#244b3b;border-color:#244b3b}.item-check:checked::after{content:'✓';font-size:15px;font-weight:700;color:#fff}.item-main{flex:1;min-width:0}.item-name{font-size:14px;font-weight:700;word-break:break-word}.item.done .item-name{text-decoration:line-through;color:#9aa49b}.item-meta{font-size:11px;color:#8a978b;margin-top:3px}.item.done .item-meta{color:#a6afa6}.item-actions{display:flex;align-items:center;gap:2px}.item-action{border:0;background:transparent;color:#78897d;font-size:11px;font-weight:700;padding:8px 6px}.item-action:hover{color:#244b3b;text-decoration:underline}.item-action.delete:hover{color:#b65037}.empty-state{text-align:center;padding:53px 20px 60px}.empty-icon{margin:auto auto 15px;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#edf2e9;color:#477458;font-size:37px}.empty-state h3{font:normal 24px 'DM Serif Display',Georgia,serif;margin:0}.empty-state p{font-size:13px;color:#849185;margin:9px auto 0;max-width:310px;line-height:1.5}.list-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e9ece6;min-height:56px;color:#9aa69c;font-size:11px}.text-button{border:0;background:transparent;color:#456c55;font-size:11px;font-weight:700;padding:8px 0}.text-button:hover{text-decoration:underline}.backup{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#eeefe4;border:1px solid #e4e7da;border-radius:4px;margin:28px 0 60px;padding:27px 32px}.backup .eyebrow{color:#73927a;margin-bottom:9px}.backup h2{font:normal 27px 'DM Serif Display',Georgia,serif;margin:0 0 6px}.backup p:not(.eyebrow){font-size:12px;color:#778679;line-height:1.6;margin:0;max-width:480px}.backup-actions{display:flex;gap:9px;flex:none}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid #c6d0c3;background:transparent;color:#244b3b;border-radius:3px;min-height:43px;padding:10px 15px;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.outline-button:hover{background:#e1e9dc}.import-button{cursor:pointer}#import-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.site-footer{border-top:1px solid #d9dacf;display:flex;justify-content:space-between;padding:20px 0 30px;color:#9ba89d;font-size:11px}.site-footer span:first-child{font-weight:700;color:#5f7568}dialog{border:1px solid #e3e4d9;border-radius:5px;box-shadow:0 18px 70px rgba(18,42,27,.24);padding:29px;width:min(460px,calc(100vw - 28px));color:#24372f}dialog::backdrop{background:rgba(20,39,29,.53)}dialog .eyebrow{margin:0}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top .icon-button{font-size:26px;font-weight:300;line-height:1;border:0;background:transparent;color:#6c8172}dialog h2{font:normal 32px 'DM Serif Display',Georgia,serif;margin:12px 0 27px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.dialog-actions .primary-button{width:auto}.notice{position:fixed;right:22px;bottom:22px;max-width:min(360px,calc(100vw - 44px));background:#244b3b;color:#fff;padding:13px 17px;border-radius:4px;font-size:12px;line-height:1.5;box-shadow:0 7px 25px rgba(0,0,0,.17);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .18s,transform .18s}.notice.visible{opacity:1;transform:translateY(0)}.notice.error{background:#aa4f39}@media(max-width:1000px){.list-top{align-items:flex-start;flex-direction:column}.backup{align-items:flex-start;flex-direction:column}.backup-actions{flex-wrap:wrap}}@media(max-width:740px){.shell{padding:0 20px}.site-header{height:70px}.header-note{display:none}.intro{grid-template-columns:1fr;gap:29px;padding:47px 0 39px}.intro h1{font-size:clamp(48px,11vw,70px)}.intro-copy{font-size:14px;margin-top:18px}.summary{min-height:0;padding:19px 23px;display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}.summary-number{font-size:51px;grid-row:span 2}.summary-label{margin:0}.summary-rule{display:none}.summary-bottom{grid-column:2}.workspace{grid-template-columns:1fr}.add-card,.list-panel{padding:24px}.list-panel{padding-bottom:0;min-height:280px}.list-top{padding-bottom:20px}.backup{margin:22px 0 40px;padding:23px}.site-footer{padding-bottom:23px}}@media(max-width:400px){.filter{padding:7px 9px}.item{gap:9px}.item-action{font-size:10px;padding:7px 4px}.backup-actions{width:100%}.backup-actions .outline-button{flex:1}}