/* PETCARE HUB 1.1 — typography, liquid glass and adaptive scene HUD */
@font-face{font-family:Petcare Sans;src:url('../assets/fonts/PetcareSans-Regular.woff') format('woff');font-style:normal;font-weight:400 500;font-display:swap}
@font-face{font-family:Petcare Sans;src:url('../assets/fonts/PetcareSans-Bold.woff') format('woff');font-style:normal;font-weight:600 900;font-display:swap}
:root{font-family:'Petcare Sans','Segoe UI',Arial,sans-serif;font-size:16px;font-synthesis:none;--hud-ink:#14382e;--hud-muted:#36574d;--glass-bg:rgba(247,255,253,.58);--glass-line:rgba(255,255,255,.78);--glass-shadow:0 12px 38px rgba(9,37,36,.13),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(255,255,255,.22)}
html{height:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{min-width:320px;overflow:hidden}button,input,select,textarea{font-family:inherit}h1,h2,h3,h4{letter-spacing:-.025em;overflow-wrap:break-word;text-wrap:pretty}p{overflow-wrap:anywhere}.eyebrow{letter-spacing:.105em;font-size:.75rem;line-height:1.65}.brand small{font-size:.625rem;letter-spacing:.12em}button,a{touch-action:manipulation}.btn,.text-btn,.topbar nav a,.field>span,.admin-nav a,.page-tabs a{font-size:.875rem}.field input,.field textarea,.field select,.search-input input,.chat-form input{font-size:1rem;line-height:1.5}.badge{font-size:.8125rem}.pet-meta,.person b,.person small,.key-values>div{font-size:.875rem}.page-heading p,.pet-card p,.guide-card p{font-size:1rem}.glass,.world-label{color:var(--hud-ink);background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 47%),var(--glass-bg);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(22px) saturate(155%);backdrop-filter:blur(22px) saturate(155%)}
.topbar{top:max(16px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));min-height:76px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding:12px 18px;border-radius:24px;gap:18px}.topbar nav{justify-content:center;gap:6px;min-width:0}.topbar nav a{white-space:nowrap;padding:11px 14px;border-radius:30px;transition:background .2s}.topbar nav a.active{background:#ffffff6b;box-shadow:inset 0 1px 0 #ffffffa1;font-weight:700}.topbar nav a.active:after{display:none}.brand{font-size:1rem;letter-spacing:0}.brand-mark{border-radius:14px}.top-actions{gap:6px}.topbar .icon-btn{width:44px;height:44px}.topbar .btn{min-height:42px}.topbar a:hover,.world-label:hover{color:var(--hud-ink);background-color:#ffffff25}.topbar .brand:hover{background:none}.world-label{border-radius:16px;min-height:44px;padding:10px 14px;font-size:.875rem;gap:9px;transition:background .2s}.world-label:hover{background-color:#ffffffe6}.world-label .label-arrow{width:16px;height:16px}
.world-intro{left:max(28px,env(safe-area-inset-left));top:128px;max-width:none;width:clamp(270px,24vw,380px);padding:22px 24px;border-radius:24px;background:rgba(247,255,247,.52);border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);box-shadow:0 8px 34px #14382e0a;color:var(--hud-ink);text-shadow:none;pointer-events:auto}.world-intro h1{font-family:inherit;font-size:clamp(2rem,2.8vw,3.1rem);line-height:1.3;letter-spacing:-.035em;margin:14px 0;overflow-wrap:normal;word-break:normal;text-wrap:balance;font-weight:700}.world-intro h1 span{font-family:inherit;font-style:normal;font-weight:400;letter-spacing:-.04em}.world-intro p{color:var(--hud-muted);font-size:.9375rem;line-height:1.65;margin-bottom:18px}.world-intro .text-btn{font-size:.875rem;margin-top:8px}.world-feature{right:max(28px,env(safe-area-inset-right));bottom:140px;width:290px;border-radius:24px;color:var(--hud-ink);max-height:calc(100dvh - 270px);overflow:auto;scrollbar-width:thin}.featured-pet{padding:16px;gap:14px}.featured-pet img{height:105px;width:88px;border-radius:14px}.featured-pet h3{font-size:1.65rem}.featured-pet p,.featured-pet .text-link{font-size:.875rem}.featured-pet .eyebrow{font-size:.75rem;letter-spacing:.07em}.home-impact{padding:10px 16px}.home-impact span{font-size:.8125rem}.home-counts{padding:12px;gap:12px 8px}.home-counts span{font-size:.75rem}.home-counts b{font-size:1rem}.home-impact,.home-counts{border-color:var(--glass-line)}.world-feature a:hover{color:var(--hud-ink)}.world-location{color:var(--hud-ink);bottom:100px;left:28px;padding:11px 15px;border-radius:16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-line)}.world-location span{color:var(--hud-muted)}.world-controls{bottom:max(44px,calc(env(safe-area-inset-bottom) + 32px));padding:7px;border-radius:21px;gap:5px;max-width:calc(100vw - 32px)}.world-controls button{min-width:44px;height:44px;padding:0 12px;border-radius:14px;font-size:.875rem;color:var(--hud-ink)}.world-controls button.active{background:#173c33;color:#fff}.world-controls button:hover:not(.active){background:#ffffff40}.control-divider{background:var(--glass-line)}.world-help{bottom:max(9px,env(safe-area-inset-bottom));color:var(--hud-ink);width:max-content;max-width:calc(100vw - 32px);padding:5px 12px;background:var(--glass-bg);border-radius:18px;font-size:.75rem;line-height:1.4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.demo-pill{bottom:max(42px,calc(env(safe-area-inset-bottom) + 30px));right:24px;padding:12px 16px;font-size:.8125rem;border-radius:22px}.demo-pill svg{width:18px;height:18px}.walk-pad{left:max(24px,env(safe-area-inset-left));bottom:max(130px,calc(env(safe-area-inset-bottom) + 112px));grid-template-columns:repeat(3,48px);gap:6px}.walk-pad button{height:48px;border-radius:16px;color:var(--hud-ink);background:var(--glass-bg);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);touch-action:none}.walking .world-intro,.walking .world-feature,.walking .world-location{display:none}.walking .world-label{background:var(--glass-bg)}
/* Night changes only the scene HUD: forms retain their readable light workspace. */
body.night{--hud-ink:#f1faf8;--hud-muted:#d1e6e2;--glass-bg:rgba(14,35,47,.62);--glass-line:rgba(195,228,241,.29);--glass-shadow:0 12px 38px rgba(0,8,21,.28),inset 0 1px 0 rgba(236,252,255,.24),inset 0 -1px 0 rgba(236,252,255,.07)}
.night .world-intro{background:rgba(12,31,43,.64);border-color:var(--glass-line);color:var(--hud-ink)}.night .world-intro p,.night .world-location span{color:var(--hud-muted)}.night .world-intro .eyebrow{color:#d0e6e0}.night .world-intro .text-btn{color:var(--hud-ink)}.night .topbar nav a.active{background:#def6ff24;box-shadow:inset 0 1px 0 #ffffff29}.night .topbar .btn.dark,.night .world-intro .btn.dark,.night .world-controls button.active{background:#d1eee1;color:#153c34}.night .brand-mark{background:#d1eee1;color:#153c34}.night .topbar .icon-btn:hover,.night .world-label:hover{background:#d8f5ff24}.night .world-feature .eyebrow,.night .world-feature p,.night .world-feature small{color:var(--hud-muted)}.night .world-feature .text-link{color:#def9eb}.night .demo-pill span{border-color:var(--glass-line)}.night .world-label{color:var(--hud-ink)}.night .world-help{text-shadow:none}.night .topbar a:hover{color:#fff}
.panel-shell{inset:110px 0 0}.workspace{width:min(1240px,calc(100% - 40px));border-radius:24px 24px 0 0;overflow-x:hidden}#workspace-content{padding:0 clamp(16px,3vw,38px) 100px;min-width:0}.page-heading,.detail-columns,.account-layout,.auth-split,.pet-detail-hero,.form-grid{min-width:0}.detail-columns>* ,.account-layout>* ,.auth-split>* ,.pet-detail-hero>*{min-width:0}.workspace-toolbar{gap:12px;flex-wrap:wrap}.workspace-toolbar a{min-height:38px}.workspace-toolbar>div{flex-wrap:wrap;gap:12px}.page-heading h2{line-height:1.4}.section-heading{flex-wrap:wrap}.section-card{overflow-wrap:anywhere}.form-section{min-width:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-box{min-width:0}.upload-box input{min-width:0;max-width:100%}.filter-row,.admin-filters{align-items:flex-end}.filter-row .field,.admin-filters .field{flex:1 1 155px}.table-scroll{max-width:100%;overscroll-behavior-x:contain}.table-scroll table{min-width:680px}.table-scroll th,.table-scroll td{font-size:.875rem}.admin-nav,.page-tabs{scrollbar-width:thin;overscroll-behavior-x:contain}.admin-nav a,.page-tabs a{min-height:44px}.pagination{flex-wrap:wrap}.key-values dd{min-width:0}.application-card,.tracking-card{min-width:0}.application-card>div,.tracking-card>div{min-width:0}.home-counts a{min-height:40px}.panel-open .demo-pill{bottom:18px;background:#edf6f0;color:var(--ink);border-color:#d4e0d8}.panel-open .demo-pill span{display:none}dialog{max-height:calc(100dvh - 32px);overscroll-behavior:contain}dialog .modal-body{overflow-wrap:anywhere}.modal-header h2{line-height:1.45}.modal-body .auth-split{grid-template-columns:repeat(2,minmax(0,1fr))}#toasts{bottom:max(22px,env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 32px)}
@media(min-width:1800px){.world-intro{top:145px;width:390px}.world-feature{right:40px;width:315px}}
@media(max-width:1150px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;border-radius:20px;padding:12px;background:var(--glass-bg);color:var(--hud-ink);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);justify-content:flex-start}.topbar nav.open{display:flex;flex-wrap:wrap}.mobile-menu{display:inline-flex}.world-intro{width:280px;padding:20px}.world-intro h1{font-size:2.15rem}.world-feature{width:260px;right:20px}.world-location{display:none}.demo-pill span{display:none}.demo-pill{bottom:110px;right:24px}.world-feature{bottom:174px}.brand small{display:block}.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.topbar{top:max(10px,env(safe-area-inset-top));left:12px;right:12px;min-height:66px;padding:10px 12px;border-radius:20px;gap:8px}.brand{font-size:.875rem;gap:9px}.brand small{display:none}.brand-mark{width:36px;height:36px}.top-actions{gap:2px}.topbar nav{top:calc(100% + 8px)}.world-intro{top:99px;left:18px;width:255px;padding:17px 19px;border-radius:20px}.world-intro h1{font-size:1.9rem;line-height:1.35;margin:10px 0}.world-intro .eyebrow{font-size:.75rem}.world-intro p{display:none}.world-intro .text-btn{margin-top:7px;font-size:.8125rem}.world-feature{width:234px;right:18px;bottom:163px;border-radius:20px;max-height:calc(100dvh - 270px)}.featured-pet{padding:12px;gap:10px}.featured-pet img{width:69px;height:85px}.featured-pet h3{font-size:1.4rem}.featured-pet .eyebrow{font-size:.75rem}.home-impact{display:none}.world-controls button span{display:none}.world-controls button{padding:0 10px}.world-controls{bottom:max(43px,calc(env(safe-area-inset-bottom) + 29px))}.demo-pill{bottom:max(107px,calc(env(safe-area-inset-bottom) + 92px));right:18px;padding:10px 12px;font-size:.75rem}.world-help{font-size:.75rem;bottom:max(8px,env(safe-area-inset-bottom))}.panel-shell{inset:90px 0 0}.workspace{width:calc(100% - 16px);border-radius:20px 20px 0 0}.workspace-toolbar{padding:10px 0}.page-heading>.btn{align-self:flex-start}.account-layout,.detail-columns,.pet-detail-hero{grid-template-columns:1fr}.auth-split,.modal-body .auth-split{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.pet-profile h2{font-size:2.25rem;line-height:1.35}.gallery-main img{height:clamp(250px,55vw,400px)}.walk-pad{left:18px;bottom:135px;grid-template-columns:repeat(3,44px)}.walk-pad button{height:44px}}
@media(max-width:540px){.topbar{left:8px;right:8px}.top-actions .btn{padding:8px 10px;max-width:110px}.top-actions .btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions .btn svg{display:none}.topbar .icon-btn{width:40px;height:44px}.brand{font-size:.75rem;gap:7px}.brand-mark{width:32px;height:34px}.brand-mark svg{width:22px;height:22px}.world-intro{left:12px;top:95px;width:238px;padding:14px 17px}.world-intro h1{font-size:1.7rem;line-height:1.36;margin:7px 0 12px}.world-intro .text-btn{display:none}.world-intro .btn{font-size:.875rem;min-height:44px;padding:10px 14px}.world-intro .eyebrow{font-size:.75rem;letter-spacing:.04em}.world-feature{width:210px;right:12px;bottom:162px;max-height:150px;overflow:hidden}.home-counts{display:none}.featured-pet img{width:64px;height:80px}.featured-pet .eyebrow{font-size:.75rem;letter-spacing:0}.featured-pet h3{font-size:1.3rem;line-height:1.5;margin:0}.featured-pet p{font-size:.75rem}.featured-pet .text-link{font-size:.8125rem}.demo-pill{right:12px}.world-controls{gap:1px;padding:5px;max-width:calc(100vw - 20px)}.world-controls button{min-width:40px;width:40px;padding:0;height:44px}.control-divider{margin:0 2px}.world-help{max-width:calc(100vw - 20px);font-size:.75rem;padding:4px 9px;line-height:1.5}.world-label{font-size:.8125rem;padding:9px 10px;max-width:210px}.world-label .label-arrow{display:none}.form-grid,.form-grid.three{grid-template-columns:1fr}.pet-grid,.rescue-grid,.guide-grid,.manage-grid,.friend-grid{grid-template-columns:1fr}.metric-grid,.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{font-size:2rem}.form-section{padding:16px}.field{margin-bottom:16px}.profile-summary nav{grid-template-columns:1fr 1fr}.profile-summary nav a{font-size:.875rem;line-height:1.5}.page-heading h2{font-size:1.6rem}.form-footer{flex-direction:column;align-items:stretch}.key-values>div{grid-template-columns:1fr}.tracking-hero{flex-wrap:wrap}.tracking-hero>div{min-width:0;flex:1 1 160px}.tracking-hero .btn{display:flex;width:100%;margin:8px 0}.page-footer{gap:12px}.workspace-toolbar>div .text-btn{font-size:.8125rem}.modal-body{padding:18px}.modal-header{padding:14px 18px}.walk-pad{bottom:140px;left:12px}.walking .demo-pill{bottom:105px}.toast{padding:12px 16px}}
@media(max-height:650px) and (min-width:650px){.world-intro{top:104px;width:260px;padding:14px 18px}.world-intro h1{font-size:1.75rem;margin:6px 0 12px}.world-intro p,.world-intro .text-btn{display:none}.world-feature{width:235px;bottom:125px;max-height:160px}.home-counts,.home-impact{display:none}.demo-pill{bottom:54px;right:18px}.world-controls{bottom:43px}.world-location{display:none}.walk-pad{bottom:100px}.page-heading{margin-bottom:18px}}
@media(max-height:540px){.world-feature{display:none}.world-intro{top:94px;padding:12px 16px;width:235px}.world-intro h1{font-size:1.45rem;line-height:1.4}.world-intro .eyebrow{display:none}.world-intro .btn{min-height:40px}.world-intro p,.world-intro .text-btn{display:none}.demo-pill{bottom:97px}.world-help{font-size:.75rem}.topbar{min-height:60px}.panel-shell{top:84px}.walk-pad{bottom:100px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--glass-bg:rgba(241,249,243,.94)}body.night{--glass-bg:rgba(14,35,47,.96)}.world-intro{background:#edf5eceb}.night .world-intro{background:#112630f5}}
@media(prefers-reduced-transparency:reduce){:root{--glass-bg:#eaf4ef}body.night{--glass-bg:#17323f}.world-intro{background:#eaf4ef}.night .world-intro{background:#17323f}}
@media(prefers-reduced-motion:reduce){.world-label,.topbar nav a{transition:none}}