:root{--bg:#fffdf9;--text:#28302b;--muted:#70776e;--olive:#b8cd8b;--soft:#f2f4ea;--cream:#f4e8c8;--line:#e7e8df;--danger:#a52a2a;--radius:24px}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);background:var(--bg)}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}input,textarea,select{border:1px solid #d6d9d0;border-radius:13px;padding:13px 14px;background:white;color:var(--text);width:100%;min-width:0}input:focus,textarea:focus,select:focus{outline:3px solid #b8cd8b99;border-color:#72864d}label{font-size:13px;font-weight:650;display:block;margin:12px 0 6px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.055em;font-size:clamp(32px,5vw,53px);line-height:1.05}h2{font-size:24px;letter-spacing:-.035em}h3{font-size:18px}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11px}.shell{max-width:1180px;margin:auto;padding:26px 30px 120px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:32px}.brand{font-weight:800;font-size:25px;letter-spacing:-.06em}.brandmark{background:var(--olive);padding:9px 13px;border-radius:15px;margin-right:10px}.topright{display:flex;align-items:center;gap:12px}.chip{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 13px;font-size:13px;color:var(--text)}.linkbutton{border:none;background:transparent;color:var(--text);font-weight:650}.hero{padding:25px 0 23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:12px;font-weight:750;color:#637154;text-transform:uppercase;letter-spacing:.09em;margin-bottom:12px}.lead{margin-top:12px;color:var(--muted);max-width:520px;line-height:1.5}.heroart{width:145px;height:145px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#faf1b8 0 28%,#f2ead4 30% 64%,#f5f5e9 66%);position:relative;flex:none}.heroart:after{content:'⌂';position:absolute;font-size:93px;line-height:1;left:44px;top:27px;color:#7d8b5d;transform:rotate(-8deg)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:21px;min-width:0}.colorcard{background:var(--olive);border-color:transparent}.cream{background:var(--cream);border-color:transparent}.soft{background:var(--soft);border-color:transparent}.cardtitle{display:flex;align-items:center;gap:10px;margin-bottom:15px}.bubble{background:#fff9;border-radius:14px;padding:10px;font-size:21px}.metric{font-size:35px;font-weight:700;letter-spacing:-.045em}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin:29px 0 14px;gap:12px}.btn{border:0;background:var(--text);color:white;border-radius:999px;padding:12px 18px;font-weight:650}.btn.primary{background:var(--olive);color:#25301b}.btn.secondary{background:var(--soft);color:var(--text)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.pillnav{position:fixed;bottom:max(13px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:min(95vw,650px);width:calc(100% - 24px);display:flex;align-items:center;justify-content:space-around;background:#29312c;color:white;padding:8px;border-radius:100px;box-shadow:0 10px 32px #27332240;z-index:10}.navbtn{color:#d7dfd6;border:0;background:transparent;border-radius:99px;display:flex;flex-direction:column;align-items:center;padding:9px 12px;gap:2px;font-size:10px;min-width:64px}.navbtn .ico{font-size:21px}.navbtn.on{background:#b8cd8b;color:#26311c}.formcard{max-width:570px;margin:0 auto}.modalback{position:fixed;inset:0;background:#151b18a3;display:grid;place-items:center;z-index:20;padding:14px}.modal{width:min(100%,590px);max-height:92dvh;overflow:auto;border-radius:25px;background:#fffdf9;padding:24px;box-shadow:0 24px 80px #1119}.modalhead{display:flex;align-items:center;justify-content:space-between;gap:8px}.x{border:0;background:#eff1e8;border-radius:50%;width:37px;height:37px;font-size:23px}.formactions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}.item{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:0}.check{flex:none;border:2px solid #a6ad9b;border-radius:50%;width:24px;height:24px;background:white;font-size:16px;line-height:20px;padding:0;color:#28302b}.check.done{background:#b8cd8b;border-color:#b8cd8b}.itembody{flex:1;min-width:0}.itemtitle{font-size:16px;font-weight:650;overflow-wrap:anywhere}.itemtitle.done{text-decoration:line-through;color:#7d8379}.tag{font-size:12px;color:#4d6246;background:#edf2e4;border-radius:99px;padding:5px 9px;display:inline-block}.late{color:var(--danger);background:#ffebeb}.members{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.avatar{font-size:11px;font-weight:750;background:#e5eadc;border-radius:40px;padding:5px 8px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.empty{text-align:center;color:var(--muted);padding:36px 14px}.auth{min-height:100dvh;display:grid;place-items:center;padding:20px}.authbox{width:min(100%,420px);border:1px solid var(--line);border-radius:28px;padding:29px;background:#fff}.notice{padding:13px 15px;background:#fce8e8;color:#852522;border-radius:13px;margin:12px 0}.success{padding:13px 15px;background:#edf3dd;border-radius:13px;margin:12px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.weekday{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.day{border:1px solid var(--line);border-radius:12px;min-height:63px;padding:7px;display:flex;flex-direction:column;align-items:flex-start;background:white;color:var(--text)}.day.selected{background:#b8cd8b}.day .dot{width:6px;height:6px;background:#6a774d;border-radius:50%;margin-top:5px}.day.blank{border:0;background:transparent}.selector{padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;gap:10px;align-items:center}.selector input{width:auto}button:focus-visible{outline:3px solid #8b9a62;outline-offset:2px}.toast{position:fixed;z-index:50;top:14px;right:14px;max-width:min(400px,90vw);background:#28302b;color:white;border-radius:15px;padding:13px 17px;box-shadow:0 4px 22px #0002}@media(max-width:800px){.shell{padding:15px 16px 110px}.top{margin-bottom:12px}.grid{grid-template-columns:1fr}.heroart{width:85px;height:85px}.heroart:after{font-size:60px;left:22px;top:15px}.chip{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topright .muted{display:none}.hero{padding:18px 0}.card{padding:17px}.two{grid-template-columns:1fr}.navbtn{padding:9px 7px;min-width:52px}}@media(prefers-reduced-motion:no-preference){.card,.btn,.navbtn{transition:transform .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px)}}