:root{--cream:#f7f2eb;--paper:#fffdf9;--sand:#e8ddd0;--caramel:#b79073;--brown:#64483a;--deep:#34261f;--muted:#786a62;--line:rgba(100,72,58,.15);--shadow:0 18px 45px rgba(68,46,35,.10)}
.demo-notice{max-width:1052px;margin:22px auto 0;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#fff8ef;display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px}.demo-notice strong{color:var(--brown);white-space:nowrap}.demo-notice span{line-height:1.5}@media(max-width:680px){.demo-notice{margin:14px 16px 0;align-items:flex-start;flex-direction:column;gap:4px}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--deep);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.topbar{height:70px;max-width:1100px;margin:auto;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.back{font-size:24px;color:var(--deep);text-decoration:none}.brand{display:flex;align-items:center;gap:8px;color:var(--deep);text-decoration:none;font-size:12px;letter-spacing:.15em}.brand span{font-size:24px}.reset-top{justify-self:end;border:0;background:none;color:var(--muted);font-size:13px;text-decoration:underline;cursor:pointer}.intro{max-width:1100px;margin:auto;padding:72px 24px 52px;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end}.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:700;color:var(--caramel)}h1{font-family:"Playfair Display",serif;font-size:clamp(48px,7vw,78px);line-height:.94;letter-spacing:-.045em;margin:17px 0 22px}h1 em{font-weight:500;color:var(--brown)}.intro-copy p{font-size:16px;line-height:1.7;color:var(--muted);max-width:580px}.progress-card{background:var(--brown);color:white;padding:25px;border-radius:24px;display:flex;gap:20px;align-items:center;box-shadow:var(--shadow)}.progress-ring{--p:0deg;width:90px;height:90px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f2dfc9 var(--p),rgba(255,255,255,.13) 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--brown)}.progress-ring span{position:relative;font:600 20px "Playfair Display",serif}.progress-card>div:last-child{display:flex;flex-direction:column;gap:7px}.progress-card strong{font:600 21px "Playfair Display",serif}.progress-card small{font-size:12px;line-height:1.5;color:rgba(255,255,255,.63)}.workspace{max-width:1100px;margin:auto;padding:0 24px 70px}.tools{display:grid;grid-template-columns:1fr auto;gap:12px}.search{height:54px;background:var(--paper);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;padding:0 17px;gap:10px}.search span{font-size:24px;color:var(--caramel)}.search input{border:0;outline:0;background:transparent;width:100%;font-size:16px;color:var(--deep)}.search input::placeholder{color:#aa9f98}.filter-toggle{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:0 18px;color:var(--deep);cursor:pointer}.filters{display:flex;gap:8px;padding:14px 0 2px}.chip{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:8px 13px;cursor:pointer;font-size:13px}.chip.active{background:var(--brown);border-color:var(--brown);color:white}.categories{display:flex;gap:8px;overflow-x:auto;padding:22px 0 15px;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.category-tab{white-space:nowrap;border:0;background:var(--sand);border-radius:11px;padding:10px 14px;color:var(--brown);font-size:13px;cursor:pointer}.category-tab.active{background:var(--deep);color:white}.result-info{border-top:1px solid var(--line);padding:20px 2px 12px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.result-info button{border:0;background:transparent;color:var(--brown);cursor:pointer}.checklist{display:grid;gap:12px}.group{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}.group-title{width:100%;border:0;background:transparent;padding:20px;display:flex;align-items:center;text-align:left;color:var(--deep);cursor:pointer}.group-title>span:first-child{width:42px;height:42px;border-radius:12px;background:var(--sand);display:grid;place-items:center;margin-right:13px;font-weight:700;color:var(--brown)}.group-title-text{display:flex;flex-direction:column;gap:3px}.group-title strong{font:600 20px "Playfair Display",serif}.group-title small{color:var(--muted);font-size:12px}.chevron{margin-left:auto;font-size:19px;transition:transform .2s}.group.closed .chevron{transform:rotate(-90deg)}.group-items{border-top:1px solid var(--line)}.group.closed .group-items{display:none}.subheading{padding:15px 20px 8px;font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--caramel);background:rgba(232,221,208,.22)}.item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:13px 20px;border-top:1px solid rgba(100,72,58,.08);cursor:pointer}.item:first-child{border-top:0}.item input{position:absolute;opacity:0;pointer-events:none}.box{width:23px;height:23px;border:1.5px solid #b9a99e;border-radius:7px;display:grid;place-items:center;color:white;font-size:14px;transition:.15s}.item.checked .box{background:var(--brown);border-color:var(--brown)}.item-name{font-size:15px;line-height:1.35}.item.checked .item-name{text-decoration:line-through;color:#a39891}.priority{font-size:10px;border-radius:999px;padding:5px 7px;background:var(--sand);color:var(--brown);font-weight:700}.empty{text-align:center;padding:70px 20px;color:var(--muted)}.empty span{font-size:42px}.empty strong{display:block;font:600 23px "Playfair Display",serif;color:var(--deep);margin:12px}.empty p{font-size:14px}.finish-note{max-width:730px;margin:0 auto 80px;text-align:center;padding:52px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.finish-note>span{font-size:28px;color:var(--caramel)}.finish-note h2{font:600 clamp(27px,5vw,38px)/1.2 "Playfair Display",serif;margin:12px 0}.finish-note p{color:var(--muted);line-height:1.7}footer{text-align:center;background:var(--deep);color:rgba(255,255,255,.75);padding:30px;font-size:11px;letter-spacing:.18em}dialog{border:0;border-radius:22px;padding:0;max-width:420px;width:calc(100% - 32px);box-shadow:0 30px 90px rgba(45,29,21,.3)}dialog::backdrop{background:rgba(45,31,24,.55);backdrop-filter:blur(3px)}.dialog-inner{text-align:center;padding:34px}.dialog-heart{font-size:31px;color:var(--caramel)}.dialog-inner h2{font:600 29px "Playfair Display",serif;margin:9px}.dialog-inner p{color:var(--muted);line-height:1.6}.dialog-inner>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.dialog-inner button{border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;background:white;color:var(--deep)}#confirmReset{background:var(--brown);color:white;border-color:var(--brown)}
@media(max-width:680px){.topbar{height:62px;padding:0 16px}.brand b{font-size:10px}.intro{grid-template-columns:1fr;padding:54px 18px 38px;gap:25px}.progress-card{padding:18px}.progress-ring{width:76px;height:76px}.workspace{padding:0 14px 55px}.filter-toggle{font-size:0}.filter-toggle span{font-size:20px}.group-title{padding:16px}.group-title strong{font-size:18px}.item{padding:13px 16px}.finish-note{margin:0 18px 60px}.reset-top{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brand img{width:36px;height:36px;object-fit:cover;border-radius:50%;border:1px solid var(--line)}