@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--bg:#f3f5ec;--paper:#fffef9;--ink:#2f4036;--muted:#68766a;--green:#4f735b;--green-dark:#365541;--sage:#dce6d5;--line:#e5e9df;--gold:#d9b978;--shadow:0 14px 40px #3343330b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1160px;margin:auto;padding:0 34px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5d8}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:-.025em;font-size:1.02rem}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--sage);border-radius:50%;color:var(--green);font-size:1.25rem}.topbar-right{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.88rem}.logout-link{color:var(--green);text-decoration:none}.welcome{display:flex;align-items:center;justify-content:space-between;min-height:260px;padding:38px 8px 32px}.eyebrow{margin:0 0 7px;color:var(--green);font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.welcome h1,.login-card h1{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:clamp(3rem,6vw,4.8rem);line-height:.98;letter-spacing:-.045em;margin:10px 0 16px}.welcome h1 em{color:var(--green);font-weight:500}.intro{color:var(--muted);font-size:1.02rem;max-width:440px;margin:0}.botanical-art{width:215px;flex:0 0 215px;margin-right:65px}.botanical-art svg{width:100%;height:auto;display:block}.status-card{display:flex;align-items:center;gap:20px;padding:23px 26px;background:#e4ebdc;border:1px solid #d6e0cf;border-radius:20px;margin:0 0 25px}.status-icon{width:48px;height:48px;border-radius:15px;background:#f5f7f0;color:var(--green);display:grid;place-items:center;font-size:1.65rem;flex:0 0 auto}.status-copy{flex:1;min-width:0}.status-copy h2,.panel h2{font-size:1.22rem;letter-spacing:-.025em;margin:0 0 3px}.status-copy p:last-child{margin:0;color:var(--muted);font-size:.9rem}.status-actions{display:flex;gap:8px;flex-wrap:wrap}.button{border:0;border-radius:999px;padding:11px 17px;font-weight:600;font-size:.87rem;transition:transform .15s,background .15s}.button:active{transform:scale(.98)}.button-primary{background:var(--green);color:white}.button-primary:hover{background:var(--green-dark)}.button-quiet{background:transparent;color:var(--green);border:1px solid #cbd7c6}.content-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:22px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{margin:0;font-family:"Playfair Display",Georgia,serif;font-size:1.65rem;font-weight:500}.date-chip{background:var(--bg);border-radius:99px;padding:6px 11px;color:var(--muted);font-size:.78rem}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:72px 26px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 0;border-bottom:1px solid #edf0e9}.timeline-item:last-child{border-bottom:0}.timeline-time{font-size:.78rem;color:var(--muted);padding-top:4px;font-variant-numeric:tabular-nums}.timeline-marker{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--sage);color:var(--green);font-size:.83rem}.timeline-item.lunch .timeline-marker{background:#f2e8ce;color:#816a3c}.timeline-item.dog .timeline-marker{background:#e8e0d1}.timeline-item.wrap .timeline-marker{background:#dce6d5}.timeline-content strong{font-size:.88rem;font-weight:600}.timeline-content p{margin:2px 0 0;color:var(--muted);font-size:.78rem;line-height:1.45}.timeline-state{font-size:.72rem;color:var(--muted);padding-top:4px;white-space:nowrap}.timeline-item.done .timeline-content strong,.timeline-item.past .timeline-content strong{color:#8c968a}.timeline-item.done .timeline-marker{background:#4f735b;color:white}.timeline-item.past{opacity:.68}.fine-print{font-size:.74rem;color:#7c877a;line-height:1.55;margin:16px 0 0}.side-column{display:grid;gap:20px}.pause-panel{background:#f9f7ef}.pause-panel h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:1.55rem;margin:8px 0}.pause-panel>p:not(.eyebrow){color:var(--muted);font-size:.9rem;min-height:68px}.activity-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.progress-panel .section-heading{margin-bottom:12px}.section-heading.compact h2{font-size:1.35rem}.progress-count{font-family:"Playfair Display",Georgia,serif;font-size:2rem;color:var(--green)}.progress-track{height:7px;border-radius:9px;background:#e9ede4;overflow:hidden}.progress-fill{height:100%;width:0;background:#719176;border-radius:9px;transition:width .25s}.progress-panel>p{font-size:.84rem;color:var(--muted);margin:12px 0}.text-button{border:0;background:none;padding:0;color:var(--green);font-size:.8rem;text-decoration:underline;text-underline-offset:3px}.settings-panel{margin-top:22px;padding:0}.settings-toggle{width:100%;border:0;background:transparent;color:var(--ink);display:flex;justify-content:space-between;align-items:center;text-align:left;padding:20px 24px;border-radius:20px}.settings-toggle strong{display:block;font-size:1rem}.chevron{font-size:1.4rem;color:var(--green)}.settings-content{padding:0 24px 24px}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.settings-grid label,.login-label{display:flex;flex-direction:column;gap:7px;font-size:.82rem;color:var(--muted);font-weight:600}.settings-grid select,.login-card input{width:100%;border:1px solid #dce3d7;background:#fffefb;border-radius:10px;padding:11px 12px;color:var(--ink);outline-color:#8fa78f}.settings-actions{display:flex;align-items:center;gap:12px;margin-top:18px}.inline-message{color:var(--green);font-size:.85rem}.empty-state{text-align:center;padding:32px 16px;color:var(--muted)}.empty-state span{font-size:2rem}.empty-state strong{display:block;color:var(--ink);margin-top:8px}.empty-state p{font-size:.86rem}.loading-state{padding:24px;color:var(--muted)}footer{display:flex;justify-content:space-between;padding:25px 4px 30px;color:#7e897b;font-size:.76rem}.snooze-dialog{width:min(440px,calc(100% - 32px));border:1px solid var(--line);border-radius:22px;padding:28px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #20302030}.snooze-dialog::backdrop{background:#1d2d2180;backdrop-filter:blur(3px)}.snooze-dialog h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:1.7rem;margin:5px 0}.snooze-dialog p:not(.eyebrow){color:var(--muted);font-size:.9rem}.snooze-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.snooze-options label{padding:12px;border:1px solid var(--line);border-radius:12px;font-size:.88rem}.snooze-options input{accent-color:var(--green)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#2f4036;color:white;padding:12px 18px;border-radius:99px;font-size:.85rem;box-shadow:0 8px 25px #20302020;transition:opacity .2s,transform .2s;z-index:10;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.login-body{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(420px,100%);background:var(--paper);padding:34px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.login-brand{margin-bottom:30px}.login-card h1{font-size:3.2rem}.login-card form{margin-top:22px}.login-card input{margin:8px 0 15px}.login-submit{width:100%}.form-error{background:#f7e5df;color:#8a3927;padding:10px 12px;border-radius:10px;font-size:.85rem}
@media(max-width:800px){.app-shell{padding:0 20px}.botanical-art{margin-right:5px;width:170px;flex-basis:170px}.status-card{align-items:flex-start;flex-wrap:wrap}.status-copy{flex:1 1 calc(100% - 70px)}.status-actions{width:100%;padding-left:68px}.content-grid{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.app-shell{padding:0 14px}.topbar{height:66px}.day-label{display:none}.welcome{min-height:0;padding:34px 2px 26px}.welcome h1{font-size:3.35rem}.welcome-copy{max-width:70%}.botanical-art{width:110px;flex-basis:110px;margin-right:-4px;align-self:center}.intro{font-size:.9rem}.status-card{padding:18px;gap:12px;border-radius:17px}.status-icon{width:40px;height:40px}.status-copy h2{font-size:1.1rem}.status-actions{padding-left:0;display:grid;grid-template-columns:1fr 1fr}.status-actions .button{padding:11px 9px;font-size:.8rem}.panel{padding:19px;border-radius:17px}.content-grid{gap:15px}.side-column{grid-template-columns:1fr;gap:15px}.pause-panel>p:not(.eyebrow){min-height:0}.timeline-item{grid-template-columns:61px 24px minmax(0,1fr);gap:8px}.timeline-state{grid-column:3;grid-row:2;padding-top:0}.timeline-content p{font-size:.75rem}.timeline-time{font-size:.74rem}.settings-grid{gap:12px}.settings-content{padding:0 19px 20px}.settings-toggle{padding:18px 19px}footer{gap:10px;flex-direction:column;padding:22px 4px}footer span:last-child{font-size:.72rem}.login-card{padding:26px}.snooze-options{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}