*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f7f4ec;--color-sage:#7b9584;--color-charcoal:#2f2f2f;--color-off-white:#f2efe8;--color-forest:#1b4332;--color-accent:#52b788;--color-border:#2f2f2f1f;--font-heading:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", -apple-system, sans-serif;--max-width:480px;--border-radius-btn:28px;--border-radius-card:16px}html,body{background-color:var(--color-bg);height:100%;color:var(--color-charcoal);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:16px;line-height:1.5}#app{min-height:100vh;max-width:var(--max-width);background-color:var(--color-bg);margin:0 auto;position:relative;overflow-x:hidden}@media (width>=520px){body{background-color:#ccd5d0}body:before{content:"";z-index:-1;background-color:#ccd5d0;position:fixed;inset:0}#app{background-color:var(--color-bg);z-index:0;border-left:1px solid #7b958426;border-right:1px solid #7b958426;min-height:100vh;position:relative;box-shadow:0 0 40px #2f2f2f14}}.screen{background-color:var(--color-bg);flex-direction:column;align-items:center;min-height:100vh;padding:0 24px;display:none}.screen.active{display:flex}.loading-overlay{background-color:var(--color-bg);z-index:500;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none;position:fixed;inset:0}.loading-overlay.active{display:flex}.loading-text{font-family:var(--font-heading);color:var(--color-charcoal);font-size:22px}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-sage);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#maintenance-banner{background-color:var(--color-bg);text-align:center;z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:40px 24px;display:none;position:fixed;inset:0}#maintenance-banner.active{display:flex}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-40{margin-top:40px}.mt-48{margin-top:48px}.mt-64{margin-top:64px}.w-full{width:100%}.pb-safe{padding-bottom:env(safe-area-inset-bottom,16px)}.ai-disclaimer{font-family:var(--font-body);color:var(--color-charcoal);opacity:.55;text-align:center;max-width:320px;margin:0 auto;padding:0 24px 8px;font-size:10px;line-height:1.4}.heading-display{font-family:var(--font-heading);color:var(--color-charcoal);font-size:28px;font-weight:700;line-height:1.2}.heading-brand{font-family:var(--font-heading);color:var(--color-sage);letter-spacing:-.5px;font-size:48px;font-weight:700}.body-regular{font-family:var(--font-body);color:var(--color-charcoal);font-size:17px;font-weight:400;line-height:1.6}.body-small{font-family:var(--font-body);color:var(--color-charcoal);font-size:14px;font-weight:400;line-height:1.5}.body-subtle{font-family:var(--font-body);color:var(--color-charcoal);opacity:.6;font-size:12px;font-weight:400;line-height:1.4}.wow-response-content p{margin-bottom:16px}.wow-response-content h1,.wow-response-content h2,.wow-response-content h3{margin-top:24px;margin-bottom:8px}.wow-response-content ul,.wow-response-content ol{margin-bottom:16px;padding-left:20px}.btn-primary{background-color:var(--color-sage);width:100%;max-width:320px;color:var(--color-bg);font-family:var(--font-body);border-radius:var(--border-radius-btn);cursor:pointer;text-align:center;border:none;margin-left:auto;margin-right:auto;padding:16px 32px;font-size:16px;font-weight:600;transition:opacity .2s,background-color .2s;display:block}.btn-primary:hover{opacity:1;background-color:#8aa897}.btn-primary:active{opacity:.8}.btn-secondary{width:100%;max-width:320px;color:var(--color-sage);font-family:var(--font-body);border:2px solid var(--color-sage);border-radius:var(--border-radius-btn);cursor:pointer;text-align:center;background-color:#0000;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s;display:block}.btn-text{color:var(--color-sage);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:14px;font-weight:400;text-decoration:underline}.form-group{width:100%;margin-bottom:20px}.form-label{color:var(--color-charcoal);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-input{border:1px solid var(--color-border);width:100%;font-family:var(--font-body);color:var(--color-charcoal);background-color:#fff;border-radius:12px;outline:none;padding:14px 16px;font-size:16px;transition:border-color .2s}.form-input:focus{border-color:var(--color-sage)}.form-textarea{border:1px solid var(--color-border);width:100%;font-family:var(--font-body);color:var(--color-charcoal);resize:none;background-color:#fff;border-radius:12px;outline:none;padding:14px 16px;font-size:16px;transition:border-color .2s}.form-textarea:focus{border-color:var(--color-sage)}.form-error{color:#c0392b;margin-top:6px;font-size:13px}#cookie-banner{width:100%;max-width:var(--max-width);background-color:var(--color-bg);border-top:1px solid var(--color-border);z-index:1000;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}#cookie-banner.hidden{display:none}#cookie-banner p{color:var(--color-charcoal);flex:1;font-size:11px}.cookie-actions{flex-shrink:0;gap:12px;display:flex}.cookie-btn{font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:11px;font-weight:600}.cookie-btn-accept{color:var(--color-sage)}.cookie-btn-essential{color:var(--color-charcoal)}#global-back-btn{left:calc(50% - 168px)!important}@media (width<=520px){#global-back-btn{left:72px!important}}#left-nav-icon{background-color:var(--color-sage);cursor:pointer;z-index:200;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:none;position:fixed;top:16px;left:16px;box-shadow:0 2px 8px #00000026}#left-nav-icon.visible{display:flex}#left-nav-overlay{z-index:300;background:#0000004d;display:none;position:fixed;inset:0}#left-nav-overlay.visible{display:block}#left-nav-panel{background:var(--color-bg);border-right:1px solid var(--color-border);z-index:400;flex-direction:column;width:300px;height:100%;transition:left .25s;display:flex;position:fixed;top:0;left:-320px;overflow-y:auto}#left-nav-panel.open{left:0}.left-nav-header{background:#7b9584;border-bottom:none;align-items:center;gap:12px;padding:24px 20px 20px;display:flex}.left-nav-dog-name{color:#f7f4ec}.left-nav-dog-avatar{background-color:var(--color-sage);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.left-nav-dog-name{font-family:var(--font-heading);color:#f7f4ec;font-size:20px;font-weight:600}.left-nav-category{background:#7b958412;border-top:1px solid #7b958426;border-bottom:1px solid #7b958426;margin-bottom:4px;padding:14px 20px 6px}.left-nav-category-label{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#5a7363;margin-bottom:0;font-size:10px;font-weight:700}.left-nav-item{cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:13px 20px;transition:background .15s;display:flex}.left-nav-item:hover{border-left-color:var(--color-sage);background-color:#7b958414}.left-nav-item-name{font-family:var(--font-body);color:var(--color-charcoal);font-size:15px}.left-nav-item-name.muted{opacity:.4}.left-nav-coming-soon{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--color-sage);opacity:.5;flex-shrink:0;font-size:10px;font-weight:600}.left-nav-tooltip{color:var(--color-charcoal);opacity:.6;padding:4px 20px 8px;font-size:12px;display:none}.left-nav-divider{display:none}.left-nav-footer{background:#7b95840d;border-top:2px solid #7b958433;margin-top:auto;padding:16px 20px 32px}#account-panel-icon{background-color:var(--color-sage);cursor:pointer;z-index:200;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:none;position:fixed;top:16px;right:16px;box-shadow:0 2px 8px #00000026}#account-panel-icon.visible{display:flex}#account-panel-overlay{z-index:300;background:#0000004d;display:none;position:fixed;inset:0}#account-panel-overlay.visible{display:block}#account-panel{background:var(--color-bg);border-left:1px solid var(--color-border);z-index:400;flex-direction:column;gap:0;width:300px;height:100%;padding:0 20px 40px;transition:right .25s;display:flex;position:fixed;top:0;right:-320px;overflow-y:auto}#account-panel.open{right:0}.panel-section{border-bottom:none;padding:12px 0}#account-panel .panel-section:first-of-type{background:#7b9584;border-bottom:none;margin:0 -20px -12px;padding:20px 20px 14px}#account-panel .panel-section:first-of-type .panel-label{color:#f7f4ecb3;font-size:10px}#account-panel .panel-section:first-of-type .panel-value{color:#f7f4ec;font-size:16px;font-weight:500}#account-panel .panel-section:first-of-type .panel-sub{color:#f7f4ecbf;opacity:1}#account-panel .panel-section:first-of-type .panel-btn-text{color:#f7f4eccc;opacity:1}#account-panel .panel-section:first-of-type .panel-btn-text:hover{color:#f7f4ec;opacity:1}#account-panel .panel-section:first-of-type .panel-btn{color:#f7f4ec;background:#f7f4ec33;border:1px solid #f7f4ec4d}#account-panel .panel-section:first-of-type .panel-btn-secondary{color:#f7f4ec;border-color:#f7f4ec66}.panel-close{color:#f7f4eccc}.panel-section:last-child{border-bottom:none}.panel-label{font-family:var(--font-body);letter-spacing:.07em;text-transform:uppercase;color:#5a7363;margin-bottom:8px;font-size:12px;font-weight:700}.panel-section{position:relative}#account-panel .panel-section:not(:first-of-type)>.panel-label:first-child{letter-spacing:.07em;color:#5a7363;background:#7b958412;border-top:1px solid #7b958426;border-bottom:1px solid #7b958426;margin:0 -20px 12px;padding:8px 20px;font-size:12px;font-weight:700;display:block}#panel-dogs-section .panel-label{align-items:center;display:flex}.panel-value{font-family:var(--font-body);color:var(--color-charcoal);margin-bottom:4px;font-size:15px}#panel-plan{color:var(--color-sage);letter-spacing:-.2px;margin-bottom:4px;font-size:20px;font-weight:700}.panel-sub{font-family:var(--font-body);color:var(--color-charcoal);opacity:.6;font-size:12px}.panel-btn{background-color:var(--color-sage);width:100%;color:var(--color-bg);font-family:var(--font-body);cursor:pointer;text-align:center;border:none;border-radius:20px;margin-top:12px;padding:12px 16px;font-size:14px;font-weight:600;display:block}.panel-btn-secondary{width:100%;color:var(--color-sage);font-family:var(--font-body);border:2px solid var(--color-sage);cursor:pointer;text-align:center;background-color:#0000;border-radius:20px;margin-top:12px;padding:11px 16px;font-size:14px;font-weight:600;display:block}.panel-btn-text{color:var(--color-charcoal);font-family:var(--font-body);cursor:pointer;opacity:.6;text-align:left;background:0 0;border:none;padding:8px 0;font-size:14px}.panel-btn-text:hover{opacity:1}#btn-manage-subscription{color:var(--color-sage);opacity:1;margin-bottom:4px;font-size:15px;font-weight:600}#btn-manage-subscription:hover{opacity:.8}#btn-panel-change-password,#btn-panel-change-email,#panel-logout-btn{opacity:.85;font-size:15px}#btn-panel-change-password:hover,#btn-panel-change-email:hover,#panel-logout-btn:hover{opacity:1}.panel-close{cursor:pointer;opacity:.5;background:0 0;border:none;align-self:flex-end;margin-bottom:8px;padding:4px;font-size:20px;line-height:1}.panel-close:hover{opacity:1}.paw-walk{flex-direction:row;justify-content:center;align-items:center;gap:18px;height:70px;margin-bottom:1.75rem;display:flex}.paw{color:#c8dbd0;opacity:.4;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:34px;transition:opacity .25s,color .25s,transform .25s;display:flex}.pw1{transform:translateY(10px)rotate(90deg)}.pw2{transform:translateY(-10px)rotate(90deg)}.pw3{transform:translateY(10px)rotate(90deg)}.pw4{transform:translateY(-10px)rotate(90deg)}.paw.active{color:#7b9584;opacity:1}.pw1.active{transform:translateY(10px)rotate(90deg)scale(1.2)}.pw2.active{transform:translateY(-10px)rotate(90deg)scale(1.2)}.pw3.active{transform:translateY(10px)rotate(90deg)scale(1.2)}.pw4.active{transform:translateY(-10px)rotate(90deg)scale(1.2)}.fp-container{max-width:480px;margin:0 auto;padding:0 0 40px}.fp-header{text-align:center;background:#7b9584;border-radius:0 0 16px 16px;width:auto;min-width:200px;max-width:70%;margin-bottom:0;margin-left:auto;margin-right:auto;padding:14px 20px 16px}.fp-dog-name{font-family:var(--font-heading);color:#f7f4ec;margin-bottom:4px;font-size:26px;font-weight:700}.fp-date{font-family:var(--font-body);color:#f7f4ecbf;white-space:nowrap;font-size:12px}.fp-section{background:#fff;border-radius:16px;margin:16px 16px 0;overflow:hidden;box-shadow:0 1px 4px #0000000f}.fp-section-label{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#5a7363;background:#7b958412;border-bottom:1px solid #7b958426;padding:8px 16px;font-size:10px;font-weight:700}.fp-section-heading{font-family:var(--font-body);color:var(--color-charcoal);padding:14px 16px 10px;font-size:16px;font-weight:600}.fp-meal-row{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.fp-meal-left{align-items:center;gap:12px;display:flex}.fp-meal-right{align-items:center;gap:8px;display:flex}.fp-paw-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s;display:flex}.fp-paw-fed{background:#7b9584}.fp-paw-unfed{background:#7b95841a}.fp-meal-label{font-family:var(--font-body);color:var(--color-charcoal);font-size:16px;font-weight:500}.fp-toggle-btn{cursor:pointer;font-family:var(--font-body);text-align:center;border:none;border-radius:20px;min-width:90px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.fp-toggle-fed{color:#f7f4ec;background:#7b9584}.fp-toggle-unfed{color:#7b9584;background:#7b95841f;border:1px solid #7b95844d}.fp-remove-afternoon{cursor:pointer;color:var(--color-charcoal);opacity:.35;background:0 0;border:none;padding:4px 6px;font-size:18px;line-height:1;transition:opacity .15s}.fp-remove-afternoon:hover{opacity:.7}.fp-add-meal-row{padding:10px 16px 14px}.fp-add-afternoon-btn{font-family:var(--font-body);color:#7b9584;cursor:pointer;background:0 0;border:1px dashed #7b958466;border-radius:20px;width:100%;padding:8px 16px;font-size:13px;transition:all .2s}.fp-add-afternoon-btn:hover{background:#7b958414;border-color:#7b9584}.fp-potty-buttons{gap:12px;padding:4px 16px 16px;display:flex}.fp-potty-btn{cursor:pointer;font-family:var(--font-body);color:#f7f4ec;border:none;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:18px 12px;font-size:16px;font-weight:700;transition:opacity .15s,transform .1s;display:flex}.fp-potty-btn:active{opacity:.85;transform:scale(.96)}.fp-pee-btn{background:#7b9584}.fp-poop-btn{background:#8b6f47}.fp-potty-paw{font-size:22px}.fp-potty-count{text-align:center;font-family:var(--font-body);color:var(--color-charcoal);opacity:.65;min-height:20px;padding:0 16px 12px;font-size:14px;font-weight:600}.fp-potty-log{border-top:1px solid var(--color-border);padding:4px 0 8px}.fp-potty-empty{text-align:center;font-family:var(--font-body);color:var(--color-charcoal);opacity:.4;padding:16px;font-size:14px}.fp-potty-entry{border-bottom:1px solid #ddd8cc80;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.fp-potty-entry:last-child{border-bottom:none}.fp-potty-entry-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.fp-potty-entry-icon{flex-shrink:0;font-size:14px}.fp-potty-entry-type{font-family:var(--font-body);flex-shrink:0;font-size:14px;font-weight:600}.fp-entry-pee{color:#7b9584}.fp-entry-poop{color:#8b6f47}.fp-potty-entry-time{font-family:var(--font-body);color:var(--color-charcoal);opacity:.55;flex:1;min-width:0;font-size:13px}.fp-potty-entry-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.fp-edit-time-btn{cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px 6px;font-size:14px;line-height:1;transition:opacity .15s}.fp-edit-time-btn:hover{opacity:1}.fp-delete-log-btn{cursor:pointer;color:var(--color-charcoal);opacity:.3;background:0 0;border:none;padding:4px 6px;font-size:18px;line-height:1;transition:opacity .15s}.fp-delete-log-btn:hover{opacity:.7}.fp-time-input{font-family:var(--font-body);color:var(--color-charcoal);background:#fff;border:1px solid #7b958466;border-radius:8px;outline:none;width:90px;padding:3px 6px;font-size:13px}.fp-time-input:focus{border-color:#7b9584}.fp-time-save-btn{color:#f7f4ec;font-family:var(--font-body);cursor:pointer;background:#7b9584;border:none;border-radius:10px;padding:4px 10px;font-size:12px;font-weight:600}.fp-time-cancel-btn{color:var(--color-charcoal);font-family:var(--font-body);opacity:.5;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12px}.fp-footer{text-align:center;font-family:var(--font-body);color:#7b9584;opacity:.7;margin:20px 16px 0;padding:12px 0;font-size:12px}.password-wrapper{width:100%;position:relative}.password-wrapper .form-input{padding-right:48px}.password-toggle{cursor:pointer;color:var(--color-charcoal);opacity:.4;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle:hover{opacity:.7}.breed-dropdown{border:1px solid var(--color-sage);z-index:100;background:#fff;border-top:none;border-radius:0 0 12px 12px;position:absolute;top:100%;left:0;right:0;overflow:hidden}.breed-dropdown-item{font-family:var(--font-body);color:var(--color-charcoal);cursor:pointer;border-bottom:1px solid var(--color-border);padding:12px 16px;font-size:16px}.breed-dropdown-item:last-child{border-bottom:none}.breed-dropdown-item:hover,.breed-dropdown-item.highlighted{background-color:#7b958414}.breed-input-wrapper{width:100%;position:relative}.option-btn{border:1px solid var(--color-border);width:100%;font-family:var(--font-body);color:var(--color-charcoal);text-align:left;cursor:pointer;background-color:#fff;border-radius:12px;padding:16px 20px;font-size:16px;transition:all .15s}.option-btn:hover{border-color:var(--color-sage);background-color:#7b95840d}.option-btn.selected{border-color:var(--color-sage);color:var(--color-forest);background-color:#7b95841a;font-weight:500}.checkin-option{width:100%;font-family:var(--font-body);color:var(--color-charcoal);text-align:left;cursor:pointer;background:#fff;border:1.5px solid #ccd5d0;border-radius:12px;padding:14px 20px;font-size:15px;transition:border-color .15s,background .15s}.checkin-option:hover{border-color:var(--color-sage);background:#f5f8f6}.checkin-option.selected{border-color:var(--color-sage);background:#eef3f0;font-weight:600}#screen-routine .screen-content{max-width:560px;margin:0 auto;padding:32px 24px 48px}.routine-question-group{border-bottom:1px solid var(--color-border);margin-bottom:28px;padding-bottom:28px}.routine-question-group:last-of-type{border-bottom:none}.routine-question-group .body-regular{margin-bottom:14px;font-weight:600;line-height:1.4}.routine-options{flex-direction:column;gap:10px;display:flex}.routine-option{cursor:pointer;font-family:var(--font-body);color:var(--color-charcoal);align-items:flex-start;gap:10px;font-size:15px;line-height:1.4;display:flex}.routine-option input[type=radio]{accent-color:var(--color-sage);cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:3px}#routine-build-btn{width:100%;margin-top:32px}.routine-block-section{border-bottom:1px solid var(--color-border);margin-bottom:24px;padding-bottom:24px}.routine-block-section:last-child{border-bottom:none;margin-bottom:0}#routine-upgrade-nudge{border:1px solid var(--color-border);border-radius:8px;padding:16px}#screen-vaccinations .screen-content{max-width:560px;margin:0 auto;padding:32px 24px 48px}#vacc-disclaimer{border-left:3px solid var(--color-sage);background:#eef3f0;border-radius:4px;margin:16px 0 28px;padding:12px 16px}.vacc-record-header{-webkit-user-select:none;user-select:none}.vacc-record-header:hover{background:#7b95840a}#screen-vet-summary .screen-content{max-width:560px;margin:0 auto;padding:32px 24px 48px}.vet-case-row:hover{border-color:var(--color-sage)!important}#vet-preview-sections>div:last-of-type{border-bottom:none}