@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{color:#253029;font-synthesis:none;--green:#244e3c;--coral:#ed7b62;--ink:#253029;--muted:#758078;--line:#e8e5dc;background:#f7f5ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.brand{color:var(--green);align-items:center;gap:10px;font:700 25px Fraunces;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:13px;place-items:center;width:39px;height:39px;display:grid}.welcome-shell{background:radial-gradient(circle at 85% 20%,#e9d9c6 0 18%,#0000 42%),#f8f5ee;min-height:100vh;padding:26px 7%;overflow:hidden}.welcome-shell nav{justify-content:space-between;align-items:center;display:flex}.text-button,.back{color:var(--green);background:0 0;border:0;font-weight:700}.hero{grid-template-columns:1.05fr .8fr;align-items:center;gap:9%;max-width:1200px;min-height:calc(100vh - 90px);margin:auto;display:grid}.hero-copy{max-width:650px}.eyebrow{letter-spacing:1.8px;color:#a45e4d;font-size:12px;font-weight:700}.hero h1{letter-spacing:-2px;color:#24372e;margin:20px 0;font:700 clamp(48px,6vw,78px)/1.02 Fraunces}.hero h1 em{color:var(--coral);font-style:normal}.hero-copy>p{color:#657069;max-width:570px;font-size:19px;line-height:1.65}.hero-actions{gap:12px;margin:32px 0;display:flex}.primary,.secondary{border:0;border-radius:12px;padding:15px 22px;font-weight:700}.primary{background:var(--green);color:#fff;justify-content:center;align-items:center;gap:8px;display:inline-flex}.secondary{color:var(--green);border:1px solid var(--line);background:#fff}.trust-row{color:#718078;flex-wrap:wrap;gap:22px;font-size:13px;display:flex}.trust-row span{align-items:center;gap:6px;display:flex}.trust-row svg{color:var(--coral)}.phone-preview{background:#fffaf5;border:8px solid #244438;border-radius:38px;max-width:410px;padding:27px 22px;transform:rotate(2deg);box-shadow:0 35px 80px #584b3d35}.preview-head{justify-content:space-between;display:flex}.preview-head small,.preview-item small{color:#969e98;letter-spacing:1px;font-size:10px}.preview-head h3{margin:5px 0;font:700 24px Fraunces}.dog-avatar{color:#754532;background:#e8b896;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.day-progress{margin:22px 0;font-size:11px}.day-progress>div{background:#e9e6df;border-radius:5px;height:5px;margin-top:7px}.day-progress i{background:#6d927d;border-radius:5px;width:60%;height:100%;display:block}.preview-item{border-bottom:1px solid #ece7de;grid-template-columns:44px 1fr 25px;align-items:center;gap:12px;padding:15px 0;display:grid}.preview-item.done{opacity:.58}.item-icon{color:#c35f4b;background:#f5d9d1;border-radius:13px;place-items:center;height:42px;display:grid}.item-icon.social{color:#48755d;background:#dfece3}.item-icon svg{width:19px}.preview-item strong{margin:2px 0;font-size:14px;display:block}.preview-item p{color:#929891;margin:0;font-size:11px}.preview-item button{color:#758078;background:0 0;border:0}.preview-item button svg{width:17px}.quote{text-align:center;color:#8e745b;background:#f2eadc;border-radius:14px;margin-top:21px;padding:15px;font:600 12px Fraunces}.auth-shell{background:linear-gradient(135deg,#f1eadf,#f9f7f1);place-items:center;min-height:100vh;padding:50px 20px;display:grid;position:relative}.back{position:absolute;top:28px;left:32px}.auth-card{text-align:center;background:#fff;border-radius:24px;width:min(460px,100%);padding:38px 44px;box-shadow:0 20px 70px #4a453b16}.auth-card .brand{justify-content:center}.auth-card h1{margin:30px 0 6px;font:700 35px Fraunces}.auth-card>div>p{color:var(--muted);margin-top:0}.social-buttons{gap:9px;margin-top:28px;display:grid}.social-buttons button{background:#fff;border:1px solid #dddcd7;border-radius:10px;height:48px;font-weight:600;position:relative}.social-buttons b{font-size:18px;position:absolute;left:18px}.social-buttons .google{color:#4285f4}.social-buttons .facebook{color:#fff;background:#1877f2;border-radius:50%;width:20px;height:20px}.divider{background:#e4e3de;height:1px;margin:25px 0;position:relative}.divider span{color:#9a9e99;background:#fff;padding:0 12px;font-size:12px;position:relative;top:-10px}.auth-card form{text-align:left;gap:15px;display:grid}.auth-card label{font-size:12px;font-weight:700}.auth-card input{border:1px solid #ddded9;border-radius:10px;outline:none;width:100%;margin-top:7px;padding:13px;display:block}.auth-card input:focus{border-color:#557966;box-shadow:0 0 0 3px #55796620}.submit{width:100%;margin-top:5px}.error{color:#bd4439;margin:0;font-size:13px}.switch{color:var(--muted);margin:24px 0 0;font-size:13px}.switch button{color:var(--green);background:0 0;border:0;font-weight:700}.app-shell{grid-template-columns:235px 1fr;min-height:100vh;display:grid}.app-shell>aside{border-right:1px solid var(--line);background:#fff;flex-direction:column;padding:28px 23px;display:flex}.dog-switcher{background:#f7f4ed;border-radius:12px;grid-template-columns:40px 1fr 20px;align-items:center;gap:10px;margin:30px 0;padding:10px;display:grid}.dog-switcher>span{background:#e8b896;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.dog-switcher strong,.dog-switcher small{display:block}.dog-switcher small{color:var(--muted);font-size:11px}.dog-switcher svg{width:15px}.side-nav{gap:6px;display:grid}.side-nav a,.logout{color:#6f7973;border-radius:9px;align-items:center;gap:13px;padding:11px;font-size:14px;font-weight:600;display:flex}.side-nav a.active{color:var(--green);background:#e9f0eb}.side-nav svg,.logout svg{width:19px}.logout{background:0 0;border:0;margin-top:auto}.dashboard{width:100%;max-width:1450px;margin:auto;padding:42px clamp(25px,4vw,65px)}.dashboard>header{justify-content:space-between;align-items:start;display:flex}.dashboard h1{margin:8px 0 4px;font:700 34px Fraunces}.dashboard header p,.panel-title p{color:var(--muted);margin:0}.notification{background:#fff;border:0;border-radius:50%;width:43px;height:43px;box-shadow:0 5px 18px #3331}.summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:31px 0;display:grid}.summary{border-radius:15px;align-items:center;gap:14px;padding:18px;display:flex}.summary>svg{border-radius:12px;width:42px;height:42px;padding:9px}.summary div{display:grid}.summary b{font:700 23px Fraunces}.summary span{color:#6f7973;font-size:12px}.summary.coral{background:#f8e4dd}.summary.coral svg{color:#ba5945;background:#f5c9bc}.summary.sage{background:#e4eee7}.summary.sage svg{color:#557966;background:#cfe0d4}.summary.gold{background:#f3ead5}.summary.gold svg{color:#92722c;background:#ead9ad}.summary.lilac{background:#ebe5ef}.summary.lilac svg{color:#765786;background:#dcd0e4}.content-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.75fr);gap:20px;display:grid}.panel{background:#fff;border-radius:18px;padding:24px;box-shadow:0 8px 35px #353a3510}.panel-title{justify-content:space-between;align-items:center;display:flex}.panel h2{margin:0 0 5px;font:700 21px Fraunces}.panel-title p{font-size:12px}.circle-add,.shopping .panel-title button{color:var(--green);background:#e9f0eb;border:0;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.circle-add svg,.shopping .panel-title svg{width:17px}.progress{background:#eeeae3;border-radius:5px;height:5px;margin:22px 0 8px}.progress i{background:#6f967f;border-radius:5px;width:40%;height:100%;display:block}.timeline-row{border-bottom:1px solid #efede7;grid-template-columns:54px 45px 1fr 28px;align-items:center;gap:13px;padding:17px 0;display:grid}.timeline-row:last-child{border:0}.timeline-row.complete{opacity:.55}.time{display:grid}.time strong{font-size:14px}.time small{color:var(--muted);font-size:9px}.timeline-icon{color:#bd654f;background:#f8dfd8;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.timeline-icon.social{color:#557966;background:#dfece3}.timeline-icon svg{width:19px}.timeline-copy{display:grid}.timeline-copy strong{font-size:14px}.timeline-copy span{color:var(--muted);margin-top:4px;font-size:11px}.check-button{color:#fff;background:#fff;border:1px solid #ccd2cd;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.complete .check-button{background:#6c927c;border-color:#6c927c}.check-button svg{width:14px}.side-column{gap:20px;display:grid}.next-walk{color:#fff;background:#294f3e}.next-walk .eyebrow{color:#efb9a8}.next-walk p{color:#d5dfd9;font-size:12px}.friend-row{align-items:center;gap:12px;margin:25px 0;display:flex}.friend-row>span{color:#754532;background:#e9b495;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.friend-row div{display:grid}.friend-row small{color:#bdcec4}.next-walk .primary{width:100%;color:var(--green);background:#fff}.shopping label{border-bottom:1px solid #eeeae3;gap:10px;padding:13px 0;font-size:13px;display:flex}.shopping label span{display:grid}.shopping label small{color:var(--muted);margin-top:3px;font-size:10px}.view-all{color:var(--green);background:0 0;border:0;margin-top:17px;font-size:12px;font-weight:700}.mobile-nav{display:none}@media (width<=900px){.hero{grid-template-columns:1fr;padding:70px 0}.phone-preview{display:none}.hero-copy{text-align:center;margin:auto}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.app-shell{display:block}.app-shell>aside{display:none}.dashboard{padding:28px 18px 95px}.summary-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.mobile-nav{border-top:1px solid var(--line);z-index:5;background:#fff;justify-content:space-around;align-items:center;height:72px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#89918c;place-items:center;font-size:10px;display:grid}.mobile-nav a.active{color:var(--green)}.mobile-nav svg{width:20px}.mobile-nav button{background:var(--green);color:#fff;border:0;border-radius:50%;width:48px;height:48px}.mobile-nav button svg{width:21px}}@media (width<=560px){.welcome-shell{padding:22px}.hero{min-height:auto;padding:50px 0}.hero h1{font-size:46px}.hero-copy>p{font-size:16px}.hero-actions{display:grid}.trust-row{text-align:left;justify-content:start;width:max-content;margin:30px auto;display:grid}.auth-card{padding:30px 22px}.back{top:16px;left:16px}.dashboard h1{font-size:28px}.summary{gap:8px;padding:13px}.summary>svg{width:35px;height:35px}.content-grid .panel{padding:19px}.timeline-row{grid-template-columns:44px 39px 1fr 24px;gap:8px}.timeline-icon{width:37px;height:37px}.dashboard>header .notification{display:none}}.loading{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:20px;display:grid}.social-buttons button small{float:right;color:#a5aaa6;text-transform:uppercase;letter-spacing:1px;margin-right:10px;font-size:9px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#19352caa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.onboarding-card{background:#fffaf5;border-radius:24px;gap:16px;width:min(460px,100%);padding:36px;display:grid;box-shadow:0 30px 80px #10271f55}.onboarding-card>.brand-mark{margin:auto}.onboarding-card>.eyebrow{text-align:center;margin-top:5px}.onboarding-card h1{text-align:center;margin:0;font:700 34px Fraunces}.onboarding-card>p{text-align:center;color:var(--muted);margin:0 0 8px}.onboarding-card label{font-size:12px;font-weight:700}.onboarding-card label small{color:var(--muted);font-weight:400}.onboarding-card input,.quick-add input{background:#fff;border:1px solid #deddd7;border-radius:10px;width:100%;margin-top:6px;padding:12px;display:block}.onboarding-card .primary{margin-top:8px}.quick-add{border-bottom:1px solid #eeeae3;gap:8px;padding:14px 0;display:grid}.quick-add input{margin:0}.quick-add .primary{padding:11px}.empty-list{text-align:center;color:var(--muted);padding:25px 8px}.empty-list svg{color:#b2bcb5}.empty-list p{font-size:12px}.empty-list button{color:var(--green);background:0 0;border:0;font-size:12px;font-weight:700}.shopping label.urgent span{color:#a44f3e}.shopping label b{color:var(--muted);font-weight:500}.medication-panel .panel-title>button{color:#557966;background:#e4eee7;border:0;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.medication-panel .panel-title svg{width:17px}.med-row{border-bottom:1px solid #eeeae3;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:14px 0;display:grid}.med-row:last-child{border:0}.med-row>span:first-child{color:#557966;background:#e4eee7;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.med-row>span svg{width:17px}.med-row>div{display:grid}.med-row strong{font-size:13px}.med-row small{color:var(--muted);margin-top:3px;font-size:10px}.med-row>button{background:var(--green);color:#fff;border:0;border-radius:8px;padding:8px;font-size:10px;font-weight:700}.med-row.given{opacity:.62}.given-label{color:#557966;align-items:center;font-size:10px;font-weight:700;gap:3px!important;display:flex!important}.given-label svg{width:13px}.medication-form{grid-template-columns:1fr 1fr;max-height:94vh;position:relative;overflow:auto}.medication-form>.brand-mark,.medication-form>.eyebrow,.medication-form>h1,.medication-form>.primary,.medication-form>.medical-note{grid-column:1/-1}.medication-form select{background:#fff;border:1px solid #deddd7;border-radius:10px;width:100%;margin-top:6px;padding:12px;display:block}.modal-close{color:var(--muted);background:0 0;border:0;font-size:25px;position:absolute;top:14px;right:18px}.medical-note{margin:0!important;font-size:10px!important}@media (width<=560px){.medication-form{grid-template-columns:1fr;padding:26px}.medication-form>*{grid-column:1!important}}.interval-input{color:var(--muted);align-items:center;gap:7px;margin-top:8px;font-weight:500;display:flex}.interval-input input{text-align:center;width:70px;margin:0;padding:8px}.feature-overlay{z-index:15;background:#f7f5ef;position:fixed;inset:0;overflow:auto}.feature-page{max-width:1150px;margin:auto;padding:45px clamp(20px,5vw,70px) 80px}.feature-page>header{justify-content:space-between;margin-bottom:28px;display:flex;position:relative}.feature-page h1{margin:7px 0;font:700 38px Fraunces}.feature-page header p,.muted{color:var(--muted)}.feature-close{font-size:34px;position:static}.feature-actions{margin-bottom:20px}.feature-columns{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.feature-card{background:#fff;border-radius:18px;margin-bottom:20px;padding:24px;box-shadow:0 8px 35px #353a3510}.feature-card h2{margin:0 0 18px;font:700 22px Fraunces}.feature-card.compact{margin-top:20px}.feature-form{background:#fff;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;padding:22px;display:grid}.feature-form label,.invite-form label{font-size:11px;font-weight:700}.feature-form input,.feature-form select,.search-row input,.invite-form input,.invite-link input{background:#fff;border:1px solid #deddd7;border-radius:9px;width:100%;margin-top:5px;padding:11px;display:block}.feature-form>.primary{align-self:end;height:42px}.walk-card,.schedule-card,.person-row{border-bottom:1px solid #eeeae3;align-items:center;padding:14px 0;display:grid}.walk-card{grid-template-columns:43px 1fr;gap:12px}.walk-card strong,.schedule-card strong,.person-row strong{font-size:14px}.walk-card p,.schedule-card p{color:var(--muted);margin:4px 0;font-size:11px}.walk-card small,.person-row small{color:var(--muted);font-size:10px;display:block}.schedule-card{grid-template-columns:1fr auto;gap:10px}.row-actions,.invite-chips{flex-wrap:wrap;gap:6px;display:flex}.row-actions button,.invite-chips button,.person-row>button{color:var(--green);background:#e9f0eb;border:0;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700}.danger-text{color:#a54e42!important;background:#f8e4dd!important}.invite-chips{margin-top:9px}.search-row{gap:8px;margin-bottom:12px;display:flex}.search-row input{margin:0}.search-row .primary{white-space:nowrap;padding:10px 14px}.person-row{grid-template-columns:38px 1fr auto;gap:10px}.person-row>span{color:#754532;background:#e8b896;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.person-row i{color:#64816f;font-size:10px;font-style:normal;font-weight:700}.invite-form{border-top:1px solid #eeeae3;gap:10px;margin-top:22px;padding-top:17px;display:grid}.invite-link{background:#f7f4ed;border-radius:10px;margin-top:14px;padding:12px}.invite-link small{color:var(--muted)}.circle-note{color:#557966;background:#e9f0eb;border-radius:10px;gap:10px;margin-top:16px;padding:12px;font-size:11px;display:flex}.circle-note svg{min-width:19px}.circle-note p{margin:0}.side-nav a,.mobile-nav a{cursor:pointer}@media (width<=760px){.feature-columns,.feature-form{grid-template-columns:1fr}.feature-page{padding-top:28px}.feature-page h1{font-size:30px}.schedule-card{grid-template-columns:1fr}.search-row{display:grid}}.dog-switcher{cursor:pointer}.dog-switcher>span{overflow:hidden}.dog-switcher img{object-fit:cover;width:100%;height:100%}.profile-layout{grid-template-columns:280px 1fr;align-items:start;gap:24px;display:grid}.profile-preview{color:#fff;text-align:center;background:#294f3e;border-radius:20px;padding:30px}.large-dog-avatar{color:#8b5a45;background:#f0d3bf;border-radius:50%;place-items:center;width:150px;height:150px;margin:0 auto 20px;display:grid;overflow:hidden}.large-dog-avatar img{object-fit:cover;width:100%;height:100%}.large-dog-avatar svg{width:55px;height:55px}.profile-preview h2{margin:5px;font:700 28px Fraunces}.profile-preview p{color:#c9d8cf}.profile-preview small{color:#b7cbbf;margin-top:24px;line-height:1.5;display:block}.profile-form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.profile-form label{font-size:12px;font-weight:700}.profile-form input,.profile-form textarea{background:#fff;border:1px solid #deddd7;border-radius:10px;width:100%;margin-top:6px;padding:12px;display:block}.profile-form textarea{resize:vertical;min-height:130px}.profile-form .full-field,.profile-form .profile-message{grid-column:1/-1}.profile-message{color:#557966;font-weight:700}.profile-form>.primary{justify-self:start}@media (width<=720px){.profile-layout,.profile-form{grid-template-columns:1fr}.profile-form>*{grid-column:1!important}.profile-preview{padding:22px}.large-dog-avatar{width:110px;height:110px}}.feature-actions{flex-wrap:wrap;gap:10px;display:flex}.care-task-list{margin-top:20px}.check-button:not(:disabled){cursor:pointer}.check-button:disabled{cursor:default}
