:root{--ink:#17221d;--muted:#66716b;--paper:#f4f0e8;--card:#fffdf8;--line:#d8d7ce;--green:#2d604d;--mint:#cfe2d5;--orange:#ef6d3f;--yellow:#eadc8b;--shadow:0 16px 50px rgba(31,43,36,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,input,textarea{font:inherit}.hero{padding:24px max(24px,calc((100vw - 1180px)/2));background:linear-gradient(125deg,#dce9df 0%,#f4f0e8 62%);border-bottom:1px solid var(--line)}.topbar{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand-dot{width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:18px 0 0 var(--green)}.reset-button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:8px}.reset-button:hover{color:var(--orange)}.hero-grid{display:grid;grid-template-columns:1.4fr .8fr;align-items:end;gap:64px;padding:72px 0 56px}.eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--green)}h1{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(4rem,8vw,7.4rem);line-height:.83;letter-spacing:-.06em;margin:22px 0 30px;font-weight:600}h1 em{color:var(--orange);font-style:italic}.intro{max-width:620px;color:var(--muted);font-size:1.05rem;line-height:1.7}.progress-card{background:var(--ink);color:white;border-radius:3px;padding:28px;box-shadow:var(--shadow);transform:rotate(1deg)}.progress-head{display:flex;justify-content:space-between;align-items:baseline}.progress-head span{color:#b9c5bf}.progress-head strong{font-family:"Source Serif 4",serif;font-size:3.4rem}.progress-track{height:8px;background:#46524c;margin:24px 0 16px;overflow:hidden}.progress-fill{height:100%;width:0;background:var(--yellow);transition:width .35s ease}.progress-card p{margin:0;color:#cbd3cf;font-size:.88rem}main{max-width:1180px;margin:auto;padding:44px 24px 80px}.notice{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:24px 28px;background:#efe2bb;border-left:5px solid var(--orange);margin-bottom:36px}.notice-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--orange);color:white;font-weight:800;font-size:1.3rem}.notice h2{margin:0 0 8px;font:600 1.35rem "Source Serif 4",serif}.notice p{margin:0;line-height:1.65;color:#514d3c}.controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px;position:sticky;top:0;z-index:10;background:rgba(244,240,232,.94);backdrop-filter:blur(12px);padding:14px 0}.search{display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--ink);min-width:270px;padding:9px 4px}.search span{font-size:1.4rem}.search input{border:0;background:transparent;outline:0;width:100%}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:var(--card);padding:9px 14px;cursor:pointer;color:var(--muted)}.filter span{margin-left:5px;color:var(--ink);font-weight:800}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.filter.active span{color:var(--yellow)}.section{margin-top:46px}.section-title{display:flex;align-items:center;gap:14px;margin:0 0 16px;font:600 clamp(1.9rem,4vw,2.8rem) "Source Serif 4",serif;letter-spacing:-.03em}.section-title span{font:700 .72rem Manrope,sans-serif;color:var(--green);background:var(--mint);padding:6px 9px}.items{display:grid;gap:10px}.item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;background:var(--card);border:1px solid var(--line);padding:20px;transition:.2s ease}.item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.item.done{background:#edf3ee}.check{appearance:none;width:30px;height:30px;border:2px solid var(--green);border-radius:50%;display:grid;place-items:center;cursor:pointer;margin:3px 0 0}.check:checked{background:var(--green)}.check:checked:after{content:"✓";color:white;font-weight:800}.item-head{display:flex;justify-content:space-between;gap:16px}.item h3{font-size:1rem;margin:0;line-height:1.45}.item.done h3{text-decoration:line-through;color:var(--muted)}.details{margin:8px 0 0;color:var(--muted);font-size:.88rem;line-height:1.55}.source-note{display:inline-block;margin:10px 0 0;padding:5px 8px;background:#f0e7cc;color:#665c3a;font-size:.72rem;font-weight:700}.links{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.shop-link{color:var(--green);font-size:.82rem;font-weight:800;text-decoration:none;border-bottom:1px solid var(--green)}.shop-link:hover{color:var(--orange);border-color:var(--orange)}.comment{width:100%;min-height:42px;resize:vertical;margin-top:16px;padding:10px 12px;background:#f7f4ed;border:1px solid transparent;outline:0;color:var(--ink)}.comment:focus{border-color:var(--green);background:white}.comment::placeholder{color:#979d99}.empty{text-align:center;padding:80px 20px;color:var(--muted)}footer{max-width:1180px;margin:auto;padding:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem}footer a{color:var(--green);font-weight:800;text-decoration:none}@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:30px;padding:55px 0 38px}.progress-card{transform:none}.controls{align-items:stretch;flex-direction:column}.search{width:100%}.filter-row{display:grid;grid-template-columns:repeat(3,1fr)}.filter{padding:9px 6px}.notice{grid-template-columns:1fr}.item{grid-template-columns:34px 1fr;padding:17px 14px}.check{width:28px;height:28px}h1{font-size:3.9rem}.topbar{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}