@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--mint:#9ad971;--mint-hover:#8ac960;--mint-light:#ebf7e2;--mint-dark:#1e3911;--mint-subtle:#f4faef;--dog-color:#9ad971;--dog-color-hover:#8ac960;--dog-color-light:#ebf7e2;--dog-color-dark:#1e3911;--dog-color-subtle:#f4faef;--dog-glow:#9ad97147;--cat-color:#f6dc79;--cat-color-hover:#edd064;--cat-color-light:#fef8e2;--cat-color-dark:#574003;--cat-color-subtle:#fdfbf2;--cat-glow:#f6dc7959;--bg-page:#f8faf6;--bg-card:#fff;--bg-chip:#f2f5ef;--bg-chip-hover:#e8ede3;--border-light:#e6ede2;--border-subtle:#f0f4ed;--text-main:#141c13;--text-muted:#6b7a67;--text-soft:#8e9e8a;--theme-primary:var(--dog-color);--theme-primary-hover:var(--dog-color-hover);--theme-primary-dark:var(--dog-color-dark);--theme-primary-light:var(--dog-color-light);--theme-primary-subtle:var(--dog-color-subtle);--theme-glow:var(--dog-glow);--theme-hover-border:#9ad9718c;--theme-hover-glow:#9ad9713d;--theme-focus-ring:#9ad97147;--status-upcoming-bg:#ebf7e2;--status-upcoming-text:#2c591b;--status-duesoon-bg:#fef3c7;--status-duesoon-text:#b45309;--status-overdue-bg:#fee2e2;--status-overdue-text:#dc2626;--status-completed-bg:#dcfce7;--status-completed-text:#15803d;--radius-xs:10px;--radius-sm:16px;--radius-md:22px;--radius-lg:30px;--radius-xl:38px;--radius-full:9999px;--clay-card-bg:#fff;--clay-shadow-outer:0 14px 32px #2d5f1e17, 0 4px 10px #9ad97124;--clay-shadow-hover:0 18px 40px #2d5f1e21, 0 6px 14px #9ad97138;--clay-shadow-inset:inset 2.5px 2.5px 5px #fffffff2, inset -3px -3px 6px #2850190f;--clay-shadow-pressed:inset 3px 3px 7px #2850192e, inset -2px -2px 4px #fff9;--clay-btn-shadow:0 8px 22px var(--theme-glow), inset 2px 2px 4px #ffffffbf, inset -2px -3px 5px #23461424;--clay-btn-hover-shadow:0 12px 28px var(--theme-glow), inset 2px 2px 5px #ffffffe6, inset -2px -3px 6px #23461429;--clay-btn-active-shadow:0 2px 6px var(--theme-glow), inset 3px 3px 6px #19370f38, inset -2px -2px 4px #ffffff73;--clay-input-bg:#fbfdfa;--clay-input-shadow:inset 2.5px 3px 6px #284b1912, inset -2px -2px 4px #fffffff2;--clay-input-focus-shadow:inset 2px 2.5px 5px #284b1914, 0 0 0 4px var(--theme-focus-ring);--shadow-card:var(--clay-shadow-outer), var(--clay-shadow-inset);--shadow-float:var(--clay-shadow-hover), var(--clay-shadow-inset);--shadow-btn:var(--clay-btn-shadow);--font-family:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--transition-smooth:all .25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-text-size-adjust:100%;width:100%;min-height:100%;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}img,svg,video{max-width:100%}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}button,input,select,textarea{transition:var(--transition-smooth);font-family:inherit}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.main-content{z-index:10;flex:1;width:100%;max-width:1140px;margin:0 auto;padding:1.5rem 1.25rem 6.5rem;position:relative}.paw-navbar{z-index:40;-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px var(--clay-shadow-outer);transition:var(--transition-smooth);background:#f8faf6e6;border-bottom:2px solid #ffffffd9;padding:.85rem 1.25rem;position:sticky;top:0}.theme-cat .paw-navbar{background:#fefcf6e6}.paw-navbar-inner{justify-content:space-between;align-items:center;max-width:1140px;margin:0 auto;display:flex}.paw-navbar-actions{align-items:center;gap:.85rem;display:flex}.paw-user-badge{background:var(--clay-card-bg);border-radius:var(--radius-full);box-shadow:0 4px 14px var(--clay-shadow-outer), var(--clay-shadow-inset);color:var(--text-main);transition:var(--transition-smooth);border:1.5px solid #fffffff2;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.875rem;font-weight:600;display:flex}.paw-user-avatar{background:var(--mint-light);width:26px;height:26px;color:var(--mint-dark);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:inset 1px 1px 2px #fffc,inset -1px -1px 2px #00000014}.brand-badge{color:var(--text-main);letter-spacing:-.02em;border-radius:var(--radius-full);transition:var(--transition-smooth);align-items:center;gap:.6rem;padding:.35rem .65rem;font-size:1.35rem;font-weight:800;display:flex}.brand-badge:hover{background:var(--theme-primary-subtle);box-shadow:0 4px 14px var(--theme-hover-glow)}.paw-user-badge:hover{background:var(--theme-primary-subtle);border-color:var(--theme-hover-border);box-shadow:0 8px 18px var(--theme-hover-glow), var(--clay-shadow-inset);transform:translateY(-1px)}.brand-icon-bubble{border-radius:var(--radius-full);background:var(--theme-primary);width:40px;height:40px;color:var(--theme-primary-dark);box-shadow:0 4px 14px var(--theme-glow), inset 2px 2px 4px #ffffffbf, inset -2px -2px 4px #0000001f;transition:var(--transition-smooth);border:1.5px solid #ffffff80;justify-content:center;align-items:center;display:flex}.brand-badge:hover .brand-icon-bubble{transform:scale(1.06)}.btn-circle{border-radius:var(--radius-full);background:var(--clay-card-bg);width:44px;height:44px;color:var(--text-main);cursor:pointer;box-shadow:0 6px 16px var(--clay-shadow-outer), var(--clay-shadow-inset);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1.5px solid #fffffff2;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.btn-circle:hover{background:var(--theme-primary-subtle);border-color:var(--theme-hover-border);box-shadow:0 10px 22px var(--theme-hover-glow), var(--clay-shadow-inset);color:var(--theme-primary-dark);transform:translateY(-2px)}.btn-circle:active{box-shadow:0 2px 6px var(--clay-shadow-outer), var(--clay-shadow-pressed);transform:translateY(1px)}.btn-pill{border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:700;transition:all .22s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative}.btn-pill-primary{background:var(--theme-primary);color:var(--theme-primary-dark);box-shadow:var(--clay-btn-shadow);border:1.5px solid #ffffff73}.btn-pill-primary:hover{background:var(--theme-primary-hover);box-shadow:var(--clay-btn-hover-shadow);transform:translateY(-2px)}.btn-pill-primary:active{box-shadow:var(--clay-btn-active-shadow);transform:translateY(1px)}.btn-pill-secondary{background:var(--clay-card-bg);color:var(--text-main);box-shadow:0 6px 18px var(--clay-shadow-outer), var(--clay-shadow-inset);border:1.5px solid #fffffff2}.btn-pill-secondary:hover{background:var(--theme-primary-subtle);border-color:var(--theme-hover-border);color:var(--theme-primary-dark);box-shadow:0 10px 24px var(--theme-hover-glow), var(--clay-shadow-inset);transform:translateY(-2px)}.btn-pill-secondary:active{box-shadow:0 2px 6px var(--clay-shadow-outer), var(--clay-shadow-pressed);transform:translateY(1px)}.btn-pill-danger{color:#991b1b;background:#fee2e2;border:1.5px solid #fffc;box-shadow:0 6px 18px #dc262626,inset 2px 2px 4px #ffffffe6,inset -2px -2px 4px #dc26261f}.btn-pill-danger:hover{color:#7f1d1d;background:#fca5a5;transform:translateY(-2px);box-shadow:0 10px 24px #dc262640,inset 2px 2px 4px #ffffffe6}.btn-pill-danger:active{transform:translateY(1px);box-shadow:0 2px 6px #dc262633,inset 3px 3px 6px #b91c1c40}.btn-pill-sm{padding:.5rem 1.15rem;font-size:.85rem}.btn-pill:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.paw-card{background:var(--clay-card-bg);border-radius:var(--radius-lg);box-shadow:var(--clay-shadow-outer), var(--clay-shadow-inset);border:1.5px solid #fffffff2;padding:1.75rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.paw-card:hover{box-shadow:var(--clay-shadow-hover), var(--clay-shadow-inset), 0 0 0 1px var(--theme-hover-border);border-color:var(--theme-hover-border);transform:translateY(-2px)}a.paw-card:hover,button.paw-card:hover,.paw-card[style*="cursor: pointer"]:hover,.paw-card[style*=cursor\:pointer]:hover{box-shadow:var(--clay-shadow-hover), var(--clay-shadow-inset), 0 0 0 1.5px var(--theme-hover-border);border-color:var(--theme-hover-border);transform:translateY(-2px)}a.paw-card:active,button.paw-card:active,.paw-card[style*="cursor: pointer"]:active,.paw-card[style*=cursor\:pointer]:active{box-shadow:0 4px 12px var(--clay-shadow-outer), var(--clay-shadow-pressed);transform:translateY(1px)}.hero-pet-card{border-radius:var(--radius-xl);flex-direction:column;padding:2rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.hero-pet-card-dog{background:var(--dog-color);color:var(--dog-color-dark);box-shadow:0 18px 40px var(--dog-glow), 0 6px 14px #2d5f1e1f, inset 3px 3px 6px #fffc, inset -3px -4px 7px #234b141f;border:2px solid #ffffff73}.hero-pet-card-dog:hover{transform:translateY(-2px);box-shadow:0 22px 48px #9ad9717a,0 8px 18px #2d5f1e26,inset 3px 3px 6px #ffffffd9,inset -3px -4px 7px #234b141f}.hero-pet-card-cat{background:var(--cat-color);color:var(--cat-color-dark);box-shadow:0 18px 40px var(--cat-glow), 0 6px 14px #8c640f24, inset 3px 3px 6px #ffffffd9, inset -3px -4px 7px #6e500a1f;border:2px solid #ffffff80}.hero-pet-card-cat:hover{transform:translateY(-2px);box-shadow:0 22px 48px #f6dc7985,0 8px 18px #8c640f2e,inset 3px 3px 6px #ffffffe6,inset -3px -4px 7px #6e500a1f}.home-pet-intro-grid{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem;display:grid}@media (width>=820px){.home-pet-intro-grid{grid-template-columns:1.15fr .85fr;align-items:stretch}}.home-next-vax-card{background:var(--clay-card-bg);border-radius:var(--radius-xl);box-shadow:var(--clay-shadow-outer), var(--clay-shadow-inset);border:1.5px solid #fffffff2;flex-direction:column;justify-content:space-between;padding:1.6rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.home-next-vax-card:hover{box-shadow:var(--clay-shadow-hover), var(--clay-shadow-inset), 0 0 0 1px var(--theme-hover-border);border-color:var(--theme-hover-border);transform:translateY(-2px)}.quick-care-mobile-grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (width>=768px){.quick-care-mobile-grid{grid-template-columns:repeat(3,1fr);gap:1.15rem}}.quick-care-card{background:var(--clay-card-bg);border-radius:var(--radius-lg);box-shadow:var(--clay-shadow-outer), var(--clay-shadow-inset);cursor:pointer;border:1.5px solid #fffffff2;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.35rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.quick-care-card:hover{box-shadow:var(--clay-shadow-hover), var(--clay-shadow-inset), 0 0 0 1.5px var(--theme-hover-border);border-color:var(--theme-hover-border);transform:translateY(-2px)}.quick-care-card:active{box-shadow:0 4px 10px var(--clay-shadow-outer), var(--clay-shadow-pressed);transform:translateY(1px)}@media (width>=768px){.quick-care-card{flex-direction:column;align-items:flex-start;min-height:175px;padding:1.6rem}.hero-pet-card{flex-direction:row;justify-content:space-between;align-items:center;padding:2.25rem 2.5rem}}.hero-pet-info{z-index:2;max-width:480px}.hero-pet-tag{border-radius:var(--radius-full);background:#ffffffe6;align-items:center;gap:.4rem;margin-bottom:.85rem;padding:.35rem .9rem;font-size:.825rem;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #0000000a}.hero-pet-tag-dog{color:var(--dog-color-dark)}.hero-pet-tag-cat{color:var(--cat-color-dark)}.hero-pet-title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.2rem;font-weight:800;line-height:1.15}.stat-chips-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;margin:1.5rem 0;display:grid}.stat-chip{background:var(--clay-card-bg);border-radius:var(--radius-md);text-align:center;box-shadow:0 6px 16px var(--clay-shadow-outer), var(--clay-shadow-inset);border:1.5px solid #fffffff2;padding:.85rem 1rem;transition:all .22s cubic-bezier(.2,.8,.2,1)}.stat-chip:hover{background:var(--theme-primary-subtle);border-color:var(--theme-hover-border);box-shadow:0 10px 22px var(--theme-hover-glow), var(--clay-shadow-inset);transform:translateY(-1.5px)}.stat-chip-label{color:var(--text-muted);text-transform:capitalize;margin-bottom:.2rem;font-size:.775rem;font-weight:600}.stat-chip-val{color:var(--text-main);font-size:1.05rem;font-weight:800}.category-pills-row{scrollbar-width:none;align-items:center;gap:.85rem;padding:.6rem .35rem 1.35rem;display:flex;overflow-x:auto}.category-pills-row::-webkit-scrollbar{display:none}.pet-category-pill{border-radius:var(--radius-full);background:var(--clay-card-bg);color:var(--text-muted);cursor:pointer;white-space:nowrap;box-shadow:0 6px 16px var(--clay-shadow-outer), var(--clay-shadow-inset);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1.5px solid #fffffff2;align-items:center;gap:.65rem;padding:.65rem 1.35rem;font-size:.9rem;font-weight:700;transition:all .22s cubic-bezier(.2,.8,.2,1);display:inline-flex}.pet-category-pill:hover{background:var(--theme-primary-subtle);color:var(--theme-primary-dark);border-color:var(--theme-hover-border);box-shadow:0 10px 24px var(--theme-hover-glow), var(--clay-shadow-inset);transform:translateY(-2px)}.pet-category-pill:active{box-shadow:0 2px 6px var(--clay-shadow-outer), var(--clay-shadow-pressed);transform:translateY(1px)}.pet-category-pill.active-dog,.pet-category-pill.active{background:var(--dog-color);color:var(--dog-color-dark);box-shadow:0 8px 22px var(--dog-glow), inset 2px 2px 4px #ffffffbf, inset -2px -3px 5px #2346141f;border:1.5px solid #ffffff73}.pet-category-pill.active-cat{background:var(--cat-color);color:var(--cat-color-dark);box-shadow:0 8px 22px var(--cat-glow), inset 2px 2px 4px #fffc, inset -2px -3px 5px #6e500a1f;border:1.5px solid #ffffff80}.pet-category-pill-avatar{object-fit:cover;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:flex;box-shadow:0 2px 6px #0000000f,inset 1px 1px 2px #fffc}.sub-nav-tabs{gap:.65rem;margin-bottom:1.75rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.sub-nav-tab{border-radius:var(--radius-full);background:var(--clay-card-bg);color:var(--text-muted);cursor:pointer;white-space:nowrap;box-shadow:0 6px 16px var(--clay-shadow-outer), var(--clay-shadow-inset);-webkit-user-select:none;user-select:none;border:1.5px solid #fffffff2;align-items:center;gap:.5rem;padding:.75rem 1.45rem;font-size:.9rem;font-weight:700;transition:all .22s cubic-bezier(.2,.8,.2,1);display:inline-flex}.sub-nav-tab:hover{color:var(--theme-primary-dark);background:var(--theme-primary-subtle);border-color:var(--theme-hover-border);box-shadow:0 10px 22px var(--theme-hover-glow), var(--clay-shadow-inset);transform:translateY(-1.5px)}.sub-nav-tab:active{box-shadow:0 2px 6px var(--clay-shadow-outer), var(--clay-shadow-pressed);transform:translateY(1px)}.sub-nav-tab.active{background:var(--text-main);color:#fff;border:1.5px solid #fff3;box-shadow:0 8px 24px #141c1340,inset 2px 2px 4px #ffffff59,inset -2px -3px 5px #00000059}.status-pill{border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.01em;transition:var(--transition-smooth);border:1px solid #fff9;align-items:center;gap:.35rem;padding:.35rem .9rem;font-size:.775rem;font-weight:700;display:inline-flex;box-shadow:0 3px 8px #0000000a,inset 1.5px 1.5px 3px #ffffffbf,inset -1.5px -1.5px 3px #0000000a}.status-upcoming{background:var(--status-upcoming-bg);color:var(--status-upcoming-text)}.status-duesoon{background:var(--status-duesoon-bg);color:var(--status-duesoon-text)}.status-overdue{background:var(--status-overdue-bg);color:var(--status-overdue-text)}.status-completed{background:var(--status-completed-bg);color:var(--status-completed-text)}.paw-input-group{margin-bottom:1.35rem}.paw-label{color:var(--text-main);margin-bottom:.4rem;font-size:.9rem;font-weight:700;display:block}.paw-input,.paw-select,.paw-textarea{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--clay-input-bg);width:100%;color:var(--text-main);box-shadow:var(--clay-input-shadow);transition:var(--transition-smooth);padding:.85rem 1.25rem;font-size:.95rem;font-weight:500}.paw-input:hover,.paw-select:hover,.paw-textarea:hover{border-color:var(--theme-hover-border)}.paw-input:focus,.paw-select:focus,.paw-textarea:focus{border-color:var(--theme-primary);box-shadow:var(--clay-input-focus-shadow);background:#fff;outline:none}.paw-help{color:var(--text-muted);margin-top:.35rem;font-size:.8rem}.pill-radio-group{flex-wrap:wrap;gap:.65rem;display:flex}.pill-radio-btn{border-radius:var(--radius-full);background:var(--clay-card-bg);color:var(--text-muted);cursor:pointer;box-shadow:0 4px 12px var(--clay-shadow-outer), var(--clay-shadow-inset);-webkit-user-select:none;user-select:none;border:1.5px solid #ffffffe6;padding:.6rem 1.35rem;font-size:.875rem;font-weight:700;transition:all .2s cubic-bezier(.2,.8,.2,1)}.pill-radio-btn:hover{background:var(--theme-primary-subtle);border-color:var(--theme-hover-border);box-shadow:0 8px 18px var(--theme-hover-glow), var(--clay-shadow-inset);color:var(--theme-primary-dark);transform:translateY(-1.5px)}.pill-radio-btn:active{box-shadow:0 2px 6px var(--clay-shadow-outer), var(--clay-shadow-pressed);transform:translateY(1px)}.pill-radio-btn.active{background:var(--theme-primary);color:var(--theme-primary-dark);box-shadow:0 6px 18px var(--theme-glow), inset 2px 2px 4px #ffffffbf, inset -2px -3px 4px #0000001f;border:1.5px solid #ffffff73}.pill-radio-btn.active-dog{background:var(--dog-color);color:var(--dog-color-dark);box-shadow:0 6px 18px var(--dog-glow), inset 2px 2px 4px #ffffffbf, inset -2px -3px 4px #2346141f;border:1.5px solid #ffffff73}.pill-radio-btn.active-cat{background:var(--cat-color);color:var(--cat-color-dark);box-shadow:0 6px 18px var(--cat-glow), inset 2px 2px 4px #fffc, inset -2px -3px 4px #6e500a1f;border:1.5px solid #ffffff80}.paw-alert{border-radius:var(--radius-md);transition:var(--transition-smooth);border:1.5px solid #ffffffb3;align-items:center;gap:.85rem;margin-bottom:1.5rem;padding:1.15rem 1.45rem;font-size:.925rem;display:flex;box-shadow:0 6px 18px #0000000a,inset 2px 2px 4px #ffffffd9,inset -2px -2px 4px #0000000a}.paw-alert-overdue{background:var(--status-overdue-bg);color:var(--status-overdue-text);border-color:#fecacacc}.paw-alert-warning{background:var(--status-duesoon-bg);color:var(--status-duesoon-text);border-color:#fde68acc}.paw-alert-success{background:var(--status-completed-bg);color:var(--status-completed-text);border-color:#bbf7d0cc}.paw-modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:50;background:#141c1373;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.paw-modal-card{border-radius:var(--radius-xl);width:100%;max-width:540px;max-height:88vh;box-shadow:0 24px 60px var(--clay-shadow-outer), 0 8px 24px #00000014, inset 3px 3px 6px #fffffff2, inset -3px -4px 7px var(--clay-shadow-inset);background:#fff;border:2px solid #fffffff2;padding:2.2rem;position:relative;overflow-y:auto}.paw-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.paw-modal-title{letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.grid-cards{grid-template-columns:1fr;gap:1.35rem;display:grid}@media (width>=620px){.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.paw-form-2col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.paw-form-2col{grid-template-columns:1fr;gap:0}}.paw-empty-state{text-align:center;background:var(--clay-card-bg);border-radius:var(--radius-xl);border:2.5px dashed var(--theme-hover-border);box-shadow:var(--clay-shadow-outer), var(--clay-shadow-inset);padding:3.5rem 1.5rem}.paw-empty-emoji{margin-bottom:1rem;font-size:3.5rem}.paw-floating-bottom-nav{bottom:calc(1.35rem + env(safe-area-inset-bottom,0px));z-index:50;border-radius:var(--radius-full);width:min(320px,100vw - 2rem);box-shadow:0 18px 44px var(--clay-shadow-outer), 0 4px 12px #0000000a, inset 2.5px 2.5px 5px #fffffff2, inset -2.5px -3px 6px var(--clay-shadow-inset);-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #fffffff2;padding:.4rem .55rem;position:fixed;left:50%;transform:translate(-50%)}.bottom-nav-track{align-items:center;width:100%;height:52px;display:flex;position:relative}.bottom-nav-slider-wrapper{pointer-events:none;z-index:2;will-change:transform;justify-content:center;align-items:center;width:25%;transition:transform .38s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;bottom:0;left:0}.bottom-nav-slider-bubble{background:var(--theme-primary);width:44px;height:44px;box-shadow:0 6px 18px var(--theme-glow), inset 2px 2px 4px #ffffffbf, inset -2px -3px 5px #0000001f;border:1.5px solid #fff6;border-radius:50%;transition:background .3s,box-shadow .3s}.theme-cat{--theme-primary:var(--cat-color)!important;--theme-primary-hover:var(--cat-color-hover)!important;--theme-primary-dark:var(--cat-color-dark)!important;--theme-primary-light:var(--cat-color-light)!important;--theme-primary-subtle:var(--cat-color-subtle)!important;--theme-glow:var(--cat-glow)!important;--theme-hover-border:#dcb92da6!important;--theme-hover-glow:#f6dc7959!important;--theme-focus-ring:#f6dc7961!important;--clay-shadow-outer:0 14px 32px #8c640f1c, 0 4px 10px #f6dc7938!important;--clay-shadow-hover:0 18px 40px #8c640f26, 0 6px 14px #f6dc7952!important;--clay-shadow-inset:inset 2.5px 2.5px 5px #fffffff2, inset -3px -3px 6px #825f0f12!important;--clay-shadow-pressed:inset 3px 3px 7px #825f0f2e, inset -2px -2px 4px #fff9!important;--clay-btn-shadow:0 8px 22px var(--cat-glow), inset 2px 2px 4px #fffc, inset -2px -3px 5px #6e500a24!important;--clay-btn-hover-shadow:0 12px 28px var(--cat-glow), inset 2px 2px 5px #fffffff2, inset -2px -3px 6px #6e500a29!important;--clay-btn-active-shadow:0 2px 6px var(--cat-glow), inset 3px 3px 6px #64460a38, inset -2px -2px 4px #ffffff80!important;--clay-input-bg:#fffdf7!important;--clay-input-shadow:inset 2.5px 3px 6px #785a0f12, inset -2px -2px 4px #fffffff2!important}.theme-cat .paw-floating-bottom-nav{box-shadow:0 18px 44px var(--clay-shadow-outer), 0 4px 12px #0000000a, inset 2.5px 2.5px 5px #fffffff2, inset -2.5px -3px 6px var(--clay-shadow-inset);border-color:#fffffff2}.theme-dog,.theme-neutral{--theme-primary:var(--dog-color);--theme-primary-hover:var(--dog-color-hover);--theme-primary-dark:var(--dog-color-dark);--theme-primary-light:var(--dog-color-light);--theme-primary-subtle:var(--dog-color-subtle);--theme-glow:var(--dog-glow);--theme-hover-border:#9ad9718c;--theme-hover-glow:#9ad9713d;--theme-focus-ring:#9ad97147}.bottom-nav-slot-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex:1;justify-content:center;align-items:center;width:25%;height:100%;padding:0;display:flex;position:relative}.bottom-nav-slot-bg{z-index:1;background:#edf3ea;border-radius:50%;width:44px;height:44px;transition:background .25s,transform .25s,box-shadow .25s;position:absolute;box-shadow:inset 2px 2px 4px #0000000d,inset -2px -2px 4px #ffffffe6}.theme-cat .bottom-nav-slot-bg{background:#fbf5e4;box-shadow:inset 2px 2px 4px #785a0f0f,inset -2px -2px 4px #ffffffe6}.bottom-nav-slot-btn:hover .bottom-nav-slot-bg{background:var(--theme-primary-subtle);box-shadow:0 0 0 2px var(--theme-hover-border), inset 1.5px 1.5px 3px #0000000a;transform:scale(1.04)}.bottom-nav-slot-icon{z-index:3;justify-content:center;align-items:center;transition:color .25s,transform .3s cubic-bezier(.34,1.38,.64,1);display:flex;position:relative}.bottom-nav-slot-icon.active{color:#141c13;transform:scale(1.08)}.bottom-nav-slot-icon.inactive{color:#586655;transform:scale(1)}.bottom-nav-slot-btn:hover .bottom-nav-slot-icon.inactive{color:var(--theme-primary-dark)}.paw-fixed-background-container{z-index:0;pointer-events:none;contain:strict;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.paw-bg-layer{opacity:0;visibility:hidden;will-change:opacity;width:100%;height:100%;transition:opacity .45s cubic-bezier(.16,1,.3,1),visibility .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;overflow:hidden}.paw-bg-layer.active{opacity:1;visibility:visible}.paw-bg-sky-gradient{width:100%;height:100%;position:absolute;inset:0}.dog-sky{background:radial-gradient(circle at 50% 10%,#fff 0%,#f6fbf4 45%,#ecf5e9 100%)}.cat-sky{background:radial-gradient(circle at 50% 10%,#fff 0%,#fefcf5 45%,#fcf6e3 100%)}.neutral-sky{background:radial-gradient(circle at 50% 10%,#fff 0%,#f9fbf8 50%,#eff4ec 100%)}.dog-sun-glow{pointer-events:none;background:radial-gradient(circle,#9ad97138 0%,#9ad97100 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-60px;left:-60px}.cat-sun-glow{pointer-events:none;background:radial-gradient(circle,#f6dc7947 0%,#f6dc7900 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-60px;left:-60px}.paw-faces-stage{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.dog-decor-theme{color:#3f782c}.cat-decor-theme{color:#c28b12}.paw-random-icon-node{pointer-events:none;z-index:1;will-change:transform;animation-name:clayIconFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute}.paw-random-icon-node svg{display:block}@keyframes clayIconFloat{0%{transform:translateY(0)}50%{transform:translateY(-7px)}to{transform:translateY(0)}}.paw-face-node{pointer-events:none;will-change:transform;filter:drop-shadow(0 6px 16px var(--clay-shadow-outer));transition:transform .35s,opacity .35s;position:absolute}.face-pos-top-left{top:1.5%;left:1%}.face-pos-top-right{top:2%;right:1.5%}.face-pos-upper-center{top:13%;right:20%}.face-pos-mid-left{top:42%;left:.5%}.face-pos-mid-right{top:38%;right:.8%}.face-pos-lower-center{bottom:21%;left:16%}.face-pos-bottom-left{bottom:6%;left:2%}.face-pos-bottom-right{bottom:6%;right:2%}.paw-decor-node{pointer-events:none;transition:transform .3s;position:absolute}.decor-dog-paw-1{top:12%;left:14%}.decor-dog-bone-1{top:8%;right:15%}.decor-dog-heart-1{top:27%;left:8%}.decor-dog-sparkle-1{top:25%;right:10%}.decor-dog-paw-2{bottom:28%;right:11%}.decor-dog-bone-2{bottom:17%;left:13%}.decor-dog-heart-2{bottom:13%;right:16%}.decor-dog-sparkle-2{bottom:19%;right:26%}.neutral-paw-pattern{opacity:.04;background-image:radial-gradient(#1e3911 1.5px,#0000 1.5px);background-size:28px 28px;position:absolute;inset:0}.paw-sliding-viewport-wrapper{touch-action:pan-y pinch-zoom;width:100%;position:relative;overflow-x:hidden}.paw-sliding-page-panel{will-change:transform, opacity;width:100%}@keyframes pawSlideContentLeft{0%{opacity:0;transform:translate(70px)}35%{opacity:.8}to{opacity:1;transform:translate(0,0)}}@keyframes pawSlideContentRight{0%{opacity:0;transform:translate(-70px)}35%{opacity:.8}to{opacity:1;transform:translate(0,0)}}@keyframes pawPageFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translate(0,0)}}.paw-slide-content-left{will-change:transform, opacity;animation:.38s cubic-bezier(.22,1,.36,1) forwards pawSlideContentLeft}.paw-slide-content-right{will-change:transform, opacity;animation:.38s cubic-bezier(.22,1,.36,1) forwards pawSlideContentRight}.paw-page-fade{will-change:transform, opacity;animation:.26s cubic-bezier(.16,1,.3,1) forwards pawPageFade}@media (prefers-reduced-motion:reduce){.paw-slide-content-left,.paw-slide-content-right,.paw-page-fade{animation:none!important;transform:none!important}}@media (width<=640px){.main-content{padding:1rem .85rem 6.5rem}.paw-card{border-radius:var(--radius-md)!important;padding:1.25rem 1rem!important}.hero-pet-card{border-radius:var(--radius-lg)!important;padding:1.35rem 1.15rem!important}.hero-pet-title{font-size:1.7rem!important}.stat-chips-grid{gap:.5rem}.stat-chip{padding:.65rem .5rem}.paw-face-node,.paw-decor-node{transform:scale(.85)}}@media (width<=480px){.paw-navbar{padding:.65rem .85rem}.brand-title{font-size:1.2rem}.paw-user-email{display:none}.paw-user-badge{padding:.35rem}.quick-care-card{padding:1rem 1.1rem}.paw-modal-card{margin:0 auto;max-width:calc(100vw - 1.5rem)!important;padding:1.25rem 1rem!important}.face-pos-upper-center,.face-pos-lower-center,.hide-on-mobile{display:none!important}.paw-random-icon-node{transform-origin:50%;transform:scale(.82)}.paw-face-node{transform:scale(.72)}.paw-decor-node{transform:scale(.75)}}@media (width<=360px){.main-content{padding:.75rem .65rem 6.5rem}.brand-title{font-size:1.05rem}.brand-badge{gap:.4rem;padding:.25rem .4rem}.brand-icon-bubble{width:32px;height:32px}.btn-circle{width:38px;height:38px}.paw-floating-bottom-nav{width:calc(100vw - 1rem);bottom:calc(.85rem + env(safe-area-inset-bottom,0px));padding:.25rem .35rem}.bottom-nav-slot-bg,.bottom-nav-slider-bubble{width:38px;height:38px}.bottom-nav-track{height:46px}.hero-pet-title{font-size:1.5rem!important}.paw-face-node{transform:scale(.6)}.paw-decor-node{transform:scale(.65)}}