.address-setup{color:#1f2937;background:#fff;border-radius:1rem;max-width:38rem;margin:2rem auto;padding:1.5rem}.address-setup h1{margin-top:0}.address-setup label{margin:1rem 0 .4rem;font-weight:600;display:block}.address-setup input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #64748b;border-radius:.4rem;padding:.7rem}.address-setup button{font:inherit;color:#1f2937;cursor:pointer;background:#eef2ff;border:1px solid #64748b;border-radius:.4rem;padding:.7rem 1rem}.address-setup button:disabled{opacity:.6;cursor:default}.address-setup button:focus-visible,.address-setup input:focus-visible{outline-offset:2px;outline:3px solid #2563eb}.address-search{gap:.5rem;display:flex}.address-search input{min-width:0}.google-content{background:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;margin:1rem 0;padding:1rem}.google-content ul{margin:0;padding:0;list-style:none}.google-content li+li{margin-top:.4rem}.google-content li button{text-align:left;background:#fff;width:100%}.google-attribution{width:auto;height:18px;margin:10px 10px 5px;display:block}.address-setup [role=alert]{color:#991b1b}.address-setup>button{margin-top:1rem}.page-background,.page-background *,.page-background :before,.page-background :after{box-sizing:border-box}.page-background{isolation:isolate;color:#f7f8fc;background:#111b39;min-height:100dvh;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.page-background-content{z-index:1;padding-bottom:340px;position:relative}.page-background-decoration{z-index:0;color:#255c76;pointer-events:none;width:100%;height:clamp(140px,30vw,300px);position:absolute;bottom:24px;left:0;right:0}@media (width<=480px){.page-background-content{padding-bottom:200px}}.topbar{z-index:10;background:#111b39;border-bottom:1px solid #26324c;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;min-height:88px;padding:16px clamp(32px,5vw,96px);display:grid;position:sticky;top:0}.topbar-brand{color:#f7f8fc;letter-spacing:-1px;white-space:nowrap;justify-self:start;font-size:28px;font-weight:800;line-height:1.2;text-decoration:none}.topbar-brand:hover{color:#f7f8fc}.topbar-brand span{color:#f4d84b}.topbar-nav{justify-content:center;align-items:center;gap:16px;display:flex}.topbar-link{color:#c6cedd;min-height:48px;font:inherit;text-align:center;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.topbar-link svg{flex-shrink:0}.topbar-link[aria-current=page]{color:#f4d84b;background:#49462e;border-color:#7e7544}.topbar-link:hover:not(:disabled){color:#f4d84b;background:#252f49}.topbar-link small{margin-top:3px;font-size:10px;font-weight:400;display:block}.topbar-link:disabled{color:#7f8794;opacity:1;cursor:not-allowed;background:#242b38;border-color:#3f4654}.topbar-link:disabled small{color:#717987}.topbar-brand:focus-visible,.topbar-link:focus-visible{outline-offset:4px;outline:3px solid #f4d84b}@media (width<=900px){.topbar{grid-template-columns:auto minmax(0,1fr);gap:16px;padding:16px 24px}.topbar-nav{gap:8px}}@media (width<=600px){.topbar{gap:12px;padding:14px 16px}.topbar-brand{font-size:20px}.topbar-nav{gap:4px}.topbar-link{flex-direction:column;gap:4px;padding:6px;font-size:11px}.topbar-link svg{width:20px;height:20px}.topbar-link small{font-size:9px}}@media (width<=360px){.topbar{grid-template-columns:1fr}.topbar-brand{justify-self:center}}.account-page{max-width:42rem;margin:3rem auto;padding:0 1.5rem}.account-page p{line-height:1.6}.account-page button{cursor:pointer;border-radius:.5rem;padding:.75rem 1rem}.account-page button:disabled{cursor:wait;opacity:.65}.home-page{color:#f7f8fc;text-align:left;width:100%;max-width:1100px;margin:0 auto;padding:32px 24px 0}.home-page button{font:inherit}.home-page button:disabled,.home-nav-link:disabled{cursor:not-allowed;opacity:1}.home-welcome h1{color:#f7f8fc;margin:0 0 10px;font-size:clamp(26px,4vw,34px);font-weight:800;line-height:1.25}.home-welcome p{color:#c6cedd;margin:0;font-size:14px;line-height:1.6}.home-section{margin-top:30px}.home-section-label{color:#bdc5d4;letter-spacing:1px;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:700}.home-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.home-quick-card{color:#202d40;text-align:left;background:#f3f5fa;border:1px solid #b9c8df;border-radius:20px;flex-direction:column;gap:8px;min-width:0;padding:20px;text-decoration:none;display:flex}.home-quick-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.home-quick-icon{color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.home-risk-card{color:#555c68;background:#d9dce2;border-color:#8b919d}.home-risk-card .home-quick-icon{background:#777e8a}.home-risk-card .home-quick-description,.home-risk-card .home-soon{color:#626975}.home-profile-card .home-quick-icon{background:#416fcd}.home-quick-arrow{color:#416fcd;font-size:26px}.home-quick-title{font-size:18px;font-weight:800;line-height:1.3}.home-quick-description{color:#526071;font-size:14px;line-height:1.5}.home-soon{color:#6e4545;font-size:12px;font-weight:700}.home-profile-card:hover{color:#202d40;background:#fff;border-color:#f4d84b}.home-learn-heading{color:#8b93a3;margin:0 0 16px;font-size:22px;font-weight:800}.home-learning-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.home-learning-card{color:#f7f8fc;text-align:left;background:#293750;border:1px solid #3b4560;border-radius:20px;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.home-learning-icon{color:#416fcd;background:#f3f5fa;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.home-learning-text{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.home-learning-title{font-size:16px;font-weight:700;line-height:1.4}.home-learning-description{color:#c6cedd;font-size:14px;line-height:1.5}.home-learning-status{color:#c6cedd;flex-shrink:0;font-size:12px}.home-learning-card:disabled{color:#a5acb8;background:#343c4b;border-color:#596170}.home-learning-card:disabled .home-learning-icon{color:#c3c8d0;background:#646b77}.home-learning-card:disabled .home-learning-description,.home-learning-card:disabled .home-learning-status{color:#8f97a5}.home-nav-link:focus-visible,.home-profile-card:focus-visible{outline-offset:4px;outline:3px solid #f4d84b}@media (width<=900px){.home-topbar{grid-template-columns:auto 1fr;gap:16px;padding:16px 24px}.home-nav{justify-content:center;gap:8px}}@media (width<=600px){.home-topbar{gap:12px;padding:14px 20px}.home-brand{font-size:20px}.home-nav{gap:4px}.home-nav-link{flex-direction:column;gap:4px;padding:6px;font-size:11px}.home-nav-link small{font-size:9px}.home-nav-link svg{width:20px;height:20px}.home-page{padding:24px 16px 0}.home-quick-grid{grid-template-columns:1fr}.home-learning-card{flex-wrap:wrap;gap:12px;padding:14px}.home-learning-status{width:100%;padding-left:60px}}.create-pet-page{color:#f7f8fc;text-align:left;width:100%;max-width:680px;margin:0 auto;padding:40px 24px 0}.create-pet-heading{margin-bottom:24px}.create-pet-heading h1{color:#f7f8fc;margin:0 0 12px;font-size:clamp(28px,4vw,36px);font-weight:800;line-height:1.25}.create-pet-heading p{color:#c6cedd;margin:0;font-size:14px;line-height:1.6}.create-pet-form{background:#252f49;border:1px solid #3b4560;border-radius:20px;flex-direction:column;gap:24px;padding:28px;display:flex}.create-pet-field{flex-direction:column;gap:10px;min-width:0;display:flex}.create-pet-field label{color:#f7f8fc;font-size:14px;font-weight:700}.create-pet-field input,.create-pet-field select{color:#f7f8fc;width:100%;min-width:0;min-height:48px;font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111b39;border:1px solid #65718b;border-radius:12px;padding:12px 14px;font-size:16px;line-height:1.5}.create-pet-field select{cursor:pointer}.create-pet-field input::placeholder{color:#aab5c7}.create-pet-field input:hover:not(:disabled),.create-pet-field select:hover:not(:disabled){border-color:#aab5c7}.create-pet-field input:focus,.create-pet-field select:focus{outline-offset:2px;border-color:#f4d84b;outline:2px solid #f4d84b}.create-pet-field input:disabled,.create-pet-field select:disabled{opacity:.7;cursor:not-allowed}.create-pet-error{color:#f1b1bb;overflow-wrap:anywhere;background:#493044;border:1px solid #81525f;border-radius:12px;margin:0;padding:12px 14px;font-size:14px;line-height:1.6}.create-pet-actions{flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;display:flex}.create-pet-save,.create-pet-cancel{min-height:44px;font:inherit;text-align:center;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:12px 20px;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.create-pet-save{color:#111b39;cursor:pointer;background:#f4d84b}.create-pet-save:hover:not(:disabled){background:#ffe875}.create-pet-save:disabled{opacity:.7;cursor:not-allowed}.create-pet-cancel{color:#f7f8fc;background:0 0;border-color:#65718b}.create-pet-cancel:hover{color:#f7f8fc;background:#2c3854;border-color:#aab5c7}.create-pet-back:focus-visible,.create-pet-save:focus-visible,.create-pet-cancel:focus-visible{outline-offset:4px;outline:3px solid #f4d84b}@media (width<=480px){.create-pet-topbar{padding-inline:16px}.create-pet-brand{font-size:22px}.create-pet-page{padding:24px 16px 0}.create-pet-form{gap:20px;padding:20px}.create-pet-save,.create-pet-cancel{flex:1}}@media (prefers-reduced-motion:reduce){.create-pet-save,.create-pet-cancel{transition:none}}.my-pets-page{color:#f7f8fc;text-align:left;width:100%;max-width:1100px;margin:0 auto;padding:40px 24px 0}.my-pets-page a{-webkit-tap-highlight-color:transparent;text-decoration:none}.my-pets-header{margin-bottom:32px}.my-pets-header h1{color:#f7f8fc;margin:0 0 12px;font-size:clamp(28px,4vw,36px);font-weight:800;line-height:1.25}.my-pets-header p{color:#c6cedd;margin:0;font-size:14px;line-height:1.6}.my-pets-empty{text-align:center;background:#252f49;border:1px solid #3b4560;border-radius:20px;flex-direction:column;align-items:center;padding:56px 24px;display:flex}.my-pets-empty-icon{background:#f3f5fa;border:2px solid #f4d84b;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:40px;display:flex}.my-pets-empty h2{color:#f7f8fc;margin:0 0 12px;font-size:24px;font-weight:800}.my-pets-empty p{color:#c6cedd;margin:0 0 24px;line-height:1.6}.my-pets-add-button{color:#111b39;background:#f4d84b;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:12px 24px;font-size:14px;font-weight:700;transition:background .2s;display:inline-flex}.my-pets-add-button:hover{color:#111b39;background:#ffe875}.my-pets-add-button:focus-visible,.my-pets-card-name:focus-visible,.my-pets-card-action:focus-visible{outline-offset:4px;outline:3px solid #f4d84b}.my-pets-add-card-link:focus-visible{outline-offset:-5px;outline:3px solid #f4d84b}.my-pets-section-header{margin-bottom:14px}.my-pets-section-header h2{color:#bdc5d4;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.my-pets-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.my-pets-card{text-align:center;background:#252f49;border:1px solid #3b4560;border-radius:20px;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:28px 20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.my-pets-card:hover{border-color:#65718b;transform:translateY(-4px);box-shadow:0 8px 24px #0000002e}.my-pets-card-icon{background:#f3f5fa;border:2px solid #f4d84b;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:32px;display:flex}.my-pets-card-name{color:#f7f8fc;overflow-wrap:anywhere;max-width:100%;font-size:22px;font-weight:800;line-height:1.3}.my-pets-card-name:hover{color:#f4d84b}.my-pets-card-species{color:#c6cedd;font-size:14px;line-height:1.5}.my-pets-card-action{color:#f4d84b;justify-content:center;align-items:center;min-height:44px;margin-top:auto;padding:10px 8px;font-size:14px;font-weight:700;display:inline-flex}.my-pets-card-action:hover{color:#ffe875;text-underline-offset:4px;text-decoration:underline}.my-pets-add-card{background:#252f49;border:2px dashed #7e7544;border-radius:20px;min-width:0;transition:border-color .2s,background .2s}.my-pets-add-card:hover{background:#2c3854;border-color:#f4d84b}.my-pets-add-card-link{color:#f4d84b;text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;min-height:240px;padding:28px 20px;font-size:16px;font-weight:700;display:flex}.my-pets-add-card-link:hover{color:#ffe875}.my-pets-add-icon{color:#f4d84b;background:#49462e;border:2px solid #f4d84b;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;font-size:36px;display:flex}@media (width<=600px){.my-pets-page{padding:24px 16px 0}.my-pets-header{margin-bottom:28px}.my-pets-empty{padding:40px 20px}.my-pets-grid{gap:16px}.my-pets-card{padding:24px 16px}.my-pets-card-name{font-size:20px}}@media (prefers-reduced-motion:reduce){.my-pets-card,.my-pets-add-button,.my-pets-add-card{transition:none}.my-pets-card:hover{transform:none}}.pet-details-page{text-align:left}.pet-details-page button,.pet-details-page a,.pet-details-page summary{-webkit-tap-highlight-color:transparent}.pet-details-page button{font:inherit}.pet-details-page button:disabled{cursor:not-allowed}.pet-details-content{z-index:1;width:100%;max-width:1100px;margin:0 auto;padding:24px 24px 0;position:relative}.pet-profile-card,.pet-detail-row,.pet-accordion,.pet-manage-card,.pet-details-empty{background:#252f49;border:1px solid #3b4560;border-radius:20px}.pet-profile-card{align-items:center;gap:18px;padding:12px 16px;display:flex}.pet-photo-placeholder{color:#647184;background:#f3f5fa;border:2px solid #f4d84b;border-radius:20px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:7px;width:120px;height:120px;padding:10px;display:flex}.pet-photo-placeholder span{font-size:12px;font-weight:700}.pet-photo-placeholder small{font-size:10px}.pet-profile-info{min-width:0}.pet-profile-title{flex-wrap:wrap;align-items:baseline;gap:4px 7px;display:flex}.pet-profile-title h1{color:#f7f8fc;overflow-wrap:anywhere;margin:0;font-size:clamp(24px,4vw,30px);font-weight:800;line-height:1.25}.pet-profile-species{color:#c6cedd;font-size:20px;font-weight:700}.pet-profile-info>p{color:#c6cedd;margin:10px 0 0;font-size:14px;line-height:1.5}.pet-section{margin-top:28px}.pet-section-heading{color:#bdc5d4;letter-spacing:1px;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.pet-detail-row{background:#26354d;align-items:flex-start;gap:12px;margin-bottom:12px;padding:18px 16px;display:flex}.pet-row-icon{color:#8ab9e6;background:#33475f;border:1px solid #4a607a;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:24px;display:grid}.pet-row-content{overflow-wrap:anywhere;flex:1;min-width:0}.pet-row-content h3{color:#c0c9d8;letter-spacing:1px;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.pet-row-content p{color:#f7f8fc;margin:0;font-size:16px;font-weight:700;line-height:1.5}.pet-row-description{color:#c0c9d8;margin-top:4px;font-size:14px;line-height:1.5;display:block}.pet-edit-button{color:#aab5c7;background:0 0;border:0;flex-shrink:0;padding:4px;font-size:12px}.pet-accordion{margin-bottom:14px;overflow:hidden}.pet-accordion summary{color:#f7f8fc;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:18px 24px;font-size:16px;font-weight:700;line-height:1.4;list-style:none;display:flex}.pet-accordion summary::-webkit-details-marker{display:none}.pet-accordion summary:hover{background:#2c3854}.pet-chevron{border-bottom:2px solid #c6cedd;border-right:2px solid #c6cedd;flex-shrink:0;width:9px;height:9px;transform:rotate(45deg)}.pet-accordion[open] .pet-chevron{transform:rotate(225deg)}.pet-accordion-content{border-top:1px solid #3b4560;padding:0 24px 20px}.pet-accordion-content>p:first-child{margin:16px 0 8px;font-size:14px;line-height:1.6}.pet-help-text{color:#c0c9d8;margin:0;font-size:13px;line-height:1.6}.pet-manage-card{padding:20px}.pet-manage-actions{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.pet-action-button{border:1px solid #0000;border-radius:12px;min-height:44px;padding:11px 18px;font-size:14px;font-weight:700}.pet-action-edit{color:#eadb8c;background:#49462e;border-color:#7e7544}.pet-action-delete{color:#f1b1bb;background:#493044;border-color:#81525f}.pet-details-empty{padding:28px}.pet-details-empty h1{margin:0;font-size:28px}.pet-details-empty p{color:#c6cedd;margin:12px 0 24px;line-height:1.6}.pet-return-button{color:#111b39;background:#f4d84b;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.pet-return-button:hover{background:#ffe875}.pet-details-back:focus-visible,.pet-return-button:focus-visible{outline-offset:4px;outline:3px solid #f4d84b}.pet-accordion summary:focus-visible{outline-offset:-4px;border-radius:18px;outline:3px solid #f4d84b}@media (width<=480px){.pet-details-header{padding-inline:16px}.pet-details-brand{font-size:22px}.pet-details-content{padding:20px 16px 0}.pet-profile-card{gap:14px;padding:12px}.pet-photo-placeholder{border-radius:16px;width:88px;height:100px}.pet-profile-species{font-size:18px}.pet-profile-info>p{font-size:12px}.pet-detail-row{gap:10px;padding:16px 12px}.pet-row-content p{font-size:14px}.pet-row-description{font-size:12px}.pet-accordion summary{padding:16px;font-size:14px}.pet-accordion-content{padding:0 16px 16px}.pet-action-button{flex:1}}:root{--ink:#17352f;--muted:#59716b;--paper:#fbfdf9;--surface:#eef5ed;--primary:#19735c;--primary-dark:#105443;--line:#d4e2d7}html{scroll-behavior:smooth}html,body{max-width:100vw;min-height:100%;overflow-x:hidden}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
