@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--paper:#f6f4ee;--white:#fffefa;--ink:#252b28;--muted:#858c85;--line:#e9e7df;--green:#456c58;--green-soft:#e8efe8;--orange:#d7875d;--blue:#718aa1;--lav:#8d83a7;--yellow:#d7b76c;--shadow:0 12px 40px #414b3a0a}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,sans-serif;font-size:14px}.shell{max-width:1190px;margin:auto;padding:0 46px}.topbar{border-bottom:1px solid #e6e3db;justify-content:space-between;align-items:center;height:76px;display:flex}.brand{color:var(--ink);letter-spacing:-.7px;align-items:center;gap:10px;font:800 18px Manrope,sans-serif;text-decoration:none;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:9px;place-items:center;width:29px;height:29px;font:800 20px Manrope;display:grid;transform:rotate(-4deg)}.top-note{color:#747b73;align-items:center;gap:9px;font-size:12px;display:flex}.status-dot{background:#76a17b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #76a17b20}.icon-button,.arrow-button{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #deded6;border-radius:8px;padding:9px 12px;font:600 12px DM Sans}.icon-button span{color:var(--green);margin-left:8px}.welcome{justify-content:space-between;align-items:flex-end;padding:53px 0 44px;display:flex}.eyebrow,.section-kicker{letter-spacing:1.45px;color:#828a80;font-size:10px;font-weight:700}.eyebrow{align-items:center;gap:11px;display:flex}.eyebrow-line{background:#c5c9bf;width:23px;height:1px}h1,h2,p{margin-top:0}h1{letter-spacing:-2.8px;margin:19px 0 12px;font:700 clamp(38px,5vw,58px)/1.06 Manrope,sans-serif}h1 span{color:var(--green)}.intro{color:#777e77;margin:0;font-size:14px}.week-card{background:var(--white);width:245px;box-shadow:var(--shadow);border:1px solid #efede7;border-radius:12px;margin-bottom:3px;padding:17px 19px 15px}.week-card-top{color:#878e86;letter-spacing:1.1px;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.week-spark{color:var(--orange);font-size:17px;line-height:10px}.progress-line{background:#eeeee8;border-radius:9px;height:5px;margin:19px 0 12px;overflow:hidden}.progress-line div{background:var(--green);border-radius:9px;width:0;height:100%;transition:width .3s}.week-card-bottom{justify-content:space-between;align-items:baseline;display:flex}.week-card-bottom strong{color:var(--green);font:700 21px Manrope}.week-card-bottom span{color:#8a9089;font-size:10px}.week-nav{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.section-kicker{margin:0 0 7px}h2{letter-spacing:-.65px;margin:0;font:700 20px Manrope}.nav-actions{gap:7px;display:flex}.arrow-button{color:#667168;background:#fffefa;width:34px;height:34px;padding:0;font-size:18px}.arrow-button:hover,.icon-button:hover{color:var(--green);border-color:#9fb1a2}.days{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.day-card{background:var(--white);cursor:pointer;border:1px solid #eae8e0;border-radius:10px;min-height:228px;padding:13px 12px 10px;transition:transform .15s,border-color .15s;position:relative}.day-card:hover{border-color:#b9c9ba;transform:translateY(-2px)}.day-card.selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.day-card.is-today .day-date{color:var(--green)}.day-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.day-name{letter-spacing:.75px;color:#7d857d;font-size:10px;font-weight:700}.day-date{font:700 17px Manrope}.today-mark{letter-spacing:.4px;color:var(--green);background:#e9f0e7;border-radius:4px;padding:4px 5px;font-size:8px;font-weight:700}.day-items{flex-direction:column;gap:9px;display:flex}.day-item{color:#525b54;align-items:flex-start;gap:7px;font-size:10px;line-height:1.35;display:flex}.mini-dot{background:var(--green);border-radius:2px;flex:none;width:6px;height:6px;margin-top:3px}.day-item.done{color:#9da39c;text-decoration:line-through}.day-item.done .mini-dot{background:#adc3ac}.day-foot{color:#92988f;border-top:1px solid #efeee8;justify-content:space-between;padding-top:8px;font-size:9px;display:flex;position:absolute;bottom:11px;left:12px;right:12px}.day-foot strong{color:#657366;font-weight:600}.lower-grid{grid-template-columns:1.3fr 1fr;gap:17px;margin-top:26px;display:grid}.panel{background:var(--white);box-shadow:var(--shadow);border:1px solid #eae8e0;border-radius:12px;padding:22px 24px}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading h2,.care-panel h2,.history-heading h2{font-size:19px}.date-pill{color:#687367;background:#f0f1eb;border-radius:20px;padding:6px 10px;font-size:10px}.day-tabs{border-bottom:1px solid #eeece5;gap:5px;margin:19px 0 12px;padding-bottom:11px;display:flex;overflow-x:auto}.tab{color:#858c84;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:6px 9px;font:600 10px DM Sans}.tab.active{background:var(--green-soft);color:var(--green)}.checklist{min-height:165px}.task-row{cursor:pointer;border-bottom:1px solid #f1efe9;align-items:center;gap:11px;padding:9px 0;display:flex}.task-row:last-child{border-bottom:0}.task-check{color:#fff;border:1.5px solid #cdd2c9;border-radius:5px;flex:none;place-items:center;width:16px;height:16px;font-size:10px;display:grid}.task-row.done .task-check{background:var(--green);border-color:var(--green)}.task-title{color:#404941;font-size:12px;font-weight:600}.task-row.done .task-title{color:#999f98;text-decoration:line-through}.task-meta{color:#9a9e96;white-space:nowrap;margin-left:auto;font-size:9px}.task-tag{color:#808071;background:#f3f1e9;border-radius:4px;margin-left:5px;padding:3px 6px;font-size:8px;display:inline-flex}.daily-note{color:#858b82;background:#f8f7f1;border-radius:7px;gap:9px;margin-top:12px;padding:11px;font-size:10px;display:flex}.note-icon{color:#c7964e}.care-panel{background:#f0f1e9}.care-intro{color:#788076;max-width:350px;margin:9px 0 16px;font-size:11px;line-height:1.6}.anchor-list{flex-direction:column;gap:8px;display:flex}.anchor{background:#ffffffb3;border:1px solid #e9ebe2;border-radius:8px;align-items:center;gap:11px;padding:10px;display:flex}.anchor-icon{border-radius:8px;place-items:center;width:29px;height:29px;font-size:17px;display:grid}.prayer{color:#c28b4d;background:#f7eee1}.rest{color:#8279a0;background:#edeaf4}.play{color:#5b9382;background:#e5efec}.anchor strong,.anchor small{display:block}.anchor strong{font-size:11px}.anchor small{color:#898f85;margin-top:3px;font-size:9px}.anchor-check{color:var(--green);margin-left:auto;font-size:13px}.care-tip{color:#778073;border-top:1px solid #dfe2d7;margin-top:14px;padding-top:11px;font-size:9px;line-height:1.55}.history-section{margin-top:32px}.history-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.history-copy{color:#858b83;margin:6px 0 0;font-size:11px}.history-icon{width:32px;height:32px;color:var(--green);border:1px solid #e5e3db;border-radius:50%;place-items:center;display:grid}.history-list{flex-direction:column;gap:7px;display:flex}.history-row{background:var(--white);cursor:pointer;border:1px solid #eae8e0;border-radius:9px;align-items:center;gap:15px;padding:12px 15px;display:flex}.history-row:hover{border-color:#b9c9ba}.history-week{min-width:145px;font-size:11px;font-weight:600}.history-bar{background:#efeee8;border-radius:10px;flex:1;height:5px;overflow:hidden}.history-bar div{background:#86a286;border-radius:10px;height:100%}.history-count{color:#828a80;text-align:right;min-width:90px;font-size:10px}.history-arrow{color:#9ca39b;font-size:15px}.empty-history{color:#858b83;text-align:center;background:#fffefa;border:1px dashed #dedfd6;border-radius:9px;padding:18px;font-size:11px}footer{color:#8b9087;border-top:1px solid #e6e3db;align-items:center;gap:8px;margin-top:34px;padding:17px 0 23px;font-size:10px;display:flex}.brand-mark.small{border-radius:6px;width:19px;height:19px;font-size:13px}.footer-right{margin-left:auto}@media (max-width:900px){.shell{padding:0 25px}.days{grid-template-columns:repeat(4,minmax(0,1fr))}.day-card{min-height:205px}.lower-grid{grid-template-columns:1fr}.week-card{width:225px}}@media (max-width:560px){.shell{padding:0 16px}.topbar{height:64px}.top-note{display:none}.welcome{padding:36px 0 31px;display:block}.welcome h1{font-size:43px}.week-card{width:100%;margin-top:23px}.days{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.day-card{min-height:190px}.day-card:last-child{grid-column:span 2;min-height:145px}.day-card:last-child .day-items{grid-template-columns:1fr 1fr;display:grid}.lower-grid{margin-top:19px}.panel{padding:19px 16px}.task-meta{font-size:8px}.history-row{gap:8px;padding:11px 9px}.history-week{flex:1;min-width:0;font-size:10px}.history-count{min-width:62px;font-size:9px}.history-bar{max-width:60px}footer{flex-wrap:wrap}.footer-right{width:100%;margin-left:27px}}@media (min-width:561px) and (max-width:700px){.days{grid-template-columns:repeat(3,minmax(0,1fr))}}.top-actions{align-items:center;gap:8px;display:flex}.sync-state{color:#81897f;white-space:nowrap;font-size:10px}.sync-button{color:#426550;background:#edf1e9;border-color:#e3e9df;font-size:11px}.today-button{white-space:nowrap}@media (max-width:650px){.top-actions{gap:5px}.sync-state{display:none}.sync-button,.today-button{padding:8px 9px;font-size:10px}}:root[data-theme=dark]{--paper:#171c19;--white:#202722;--ink:#e8ece7;--muted:#a0aaa0;--line:#38423a;--green:#90b49a;--green-soft:#2a3b30;--shadow:0 12px 40px #00000025}:root[data-theme=dark] body{background:var(--paper);color:var(--ink)}:root[data-theme=dark] .topbar,:root[data-theme=dark] footer{border-color:#303a32}:root[data-theme=dark] .brand,:root[data-theme=dark] h2,:root[data-theme=dark] .task-title,:root[data-theme=dark] .anchor strong{color:var(--ink)}:root[data-theme=dark] .intro,:root[data-theme=dark] .top-note,:root[data-theme=dark] .history-copy,:root[data-theme=dark] .care-intro,:root[data-theme=dark] .care-tip,:root[data-theme=dark] .day-name,:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .section-kicker{color:#a2aca2}:root[data-theme=dark] .day-card,:root[data-theme=dark] .panel,:root[data-theme=dark] .week-card,:root[data-theme=dark] .history-row{background:var(--white);border-color:#333d35}:root[data-theme=dark] .day-card.selected{border-color:#90b49a;box-shadow:0 0 0 1px #90b49a}:root[data-theme=dark] .care-panel{background:#202a23}:root[data-theme=dark] .anchor{background:#29332c;border-color:#39443b}:root[data-theme=dark] .task-row,:root[data-theme=dark] .day-foot,:root[data-theme=dark] .day-tabs{border-color:#333d35}:root[data-theme=dark] .day-item,:root[data-theme=dark] .task-meta,:root[data-theme=dark] .history-count,:root[data-theme=dark] .date-pill,:root[data-theme=dark] .anchor small,:root[data-theme=dark] footer{color:#a4aea4}:root[data-theme=dark] .date-pill,:root[data-theme=dark] .daily-note,:root[data-theme=dark] .task-tag{color:#b6c1b5;background:#2b352d}:root[data-theme=dark] .daily-note{color:#a9b2a8}:root[data-theme=dark] .empty-history{color:#aeb8ad;background:#202722;border-color:#3b463d}:root[data-theme=dark] .icon-button,:root[data-theme=dark] .arrow-button{color:#e4eae3;background:#222b25;border-color:#414b43}:root[data-theme=dark] .icon-button:hover,:root[data-theme=dark] .arrow-button:hover{color:#b8d2bc;border-color:#8aa78f}:root[data-theme=dark] .sync-button{color:#b8d2bc;background:#2a3b30;border-color:#3a4b3d}:root[data-theme=dark] .tab{color:#a2aca2}:root[data-theme=dark] .tab.active{color:#b8d2bc;background:#2a3b30}:root[data-theme=dark] .progress-line,:root[data-theme=dark] .history-bar{background:#343d35}:root[data-theme=dark] .day-card.is-today .day-date{color:#a9c8ad}:root[data-theme=dark] .today-mark{color:#b8d2bc;background:#2a3b30}:root[data-theme=dark] .task-check{border-color:#59645a}:root[data-theme=dark] .task-row.done .task-check{background:#65876c;border-color:#65876c}.task-row{text-align:left;background:0 0;border-top:0;border-left:0;border-right:0;width:100%;font-family:inherit}.day-card{animation:.38s both card-in;animation-delay:var(--card-delay,0s)}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
