:root{--ink:#19352f;--ink-2:#35544d;--cream:#f7f5ef;--paper:#fffdf9;--mint:#bfe0d3;--mint-light:#eaf3ed;--coral:#f2917d;--coral-light:#fde7df;--yellow:#f3c969;--line:#e4e5dc;--shadow:0 24px 60px rgba(37,65,57,.13);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}.hidden{display:none!important}.wrap{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:800 22px Manrope}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px 13px 13px 4px;background:var(--ink);color:#fff;font:800 20px Manrope;transform:rotate(-3deg)}.landing-nav{height:86px;display:flex;align-items:center;justify-content:space-between}.nav-actions{display:flex;gap:12px}.text-btn,.btn,.icon-btn,.profile-btn{border:0;background:none}.text-btn{font-weight:700;padding:12px}.btn{padding:13px 20px;border-radius:14px;font-weight:700;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:#fff}.btn-primary{background:var(--coral);color:#39251f;box-shadow:0 8px 22px rgba(242,145,125,.25)}.btn-ghost{background:rgba(255,255,255,.5);border:1px solid #d9dcd3}.btn-large{padding:17px 22px}.btn-block{width:100%;padding:16px}.hero{min-height:610px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:60px;padding-top:50px;padding-bottom:70px}.startup-error{background:#fff0ed;border:1px solid #e6afa4;border-radius:14px;color:#873d32!important;font-size:13px!important;line-height:1.45!important;padding:12px 15px;margin:0 0 20px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:800;color:#53746b}.eyebrow span{color:var(--coral)}.hero h1{font:800 clamp(48px,5.8vw,77px)/1.02 Manrope;margin:19px 0 24px;letter-spacing:-4px}.hero h1 em{color:var(--coral);font-style:normal}.hero-copy>p{font-size:18px;line-height:1.65;color:#60736d;max-width:600px}.hero-actions{display:flex;gap:12px;margin:34px 0}.play{font-size:10px;margin-right:7px}.trust{display:flex;gap:14px;align-items:center;margin-top:35px}.avatar-stack{display:flex}.avatar-stack span{width:34px;height:34px;display:grid;place-items:center;background:#fff;border:2px solid var(--cream);border-radius:50%;margin-left:-7px}.avatar-stack span:first-child{margin:0}.trust b,.trust small{display:block}.trust small{color:#778681;margin-top:3px}.hero-visual{position:relative;min-height:525px;display:grid;place-items:center}.sun-shape{position:absolute;width:460px;height:460px;background:var(--yellow);border-radius:52% 48% 43% 57%;transform:rotate(-8deg)}.phone-card{position:relative;width:355px;background:var(--paper);padding:20px;border-radius:34px;box-shadow:var(--shadow);transform:rotate(2deg);z-index:2}.phone-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.phone-head b{margin-left:auto}.mini-logo{width:22px;height:22px;background:var(--ink);color:#fff;border-radius:7px;display:grid;place-items:center}.pet-feature{margin-top:17px;background:var(--mint-light);border-radius:19px;padding:15px;display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center;position:relative}.pet-art{height:62px;border-radius:17px;background:#d7b583;display:grid;place-items:end center;font-size:47px;overflow:hidden}.pet-feature small{font-size:8px;font-weight:800;letter-spacing:1px;color:#668077}.pet-feature h3{margin:3px 0 0;font:800 20px Manrope}.pet-feature p{font-size:10px;margin:2px 0;color:#789088}.status-pill{position:absolute;right:12px;bottom:12px;background:#fff;padding:4px 7px;border-radius:10px;font-size:8px}.status-pill::first-letter{color:#5da989}.today-line{display:flex;justify-content:space-between;margin:21px 2px 8px;font-size:12px}.today-line small{color:#80918b}.progress{height:5px;background:#e8e8e1;border-radius:5px;margin-bottom:13px}.progress i{display:block;width:50%;height:100%;background:var(--coral);border-radius:5px}.task-preview{display:flex;align-items:center;gap:11px;border-bottom:1px solid #eeeeea;padding:10px 2px}.task-preview b,.task-preview small{display:block;font-size:10px}.task-preview small{color:#89958f;margin-top:2px}.task-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center}.coral{background:var(--coral-light)}.mint{background:var(--mint-light)}.check,.empty-check{margin-left:auto;width:20px;height:20px;border:1px solid var(--mint);border-radius:50%;display:grid;place-items:center}.check{background:var(--ink);color:#fff}.floating-card{position:absolute;right:-100px;bottom:46px;background:#fff;padding:14px 17px;border-radius:16px;box-shadow:0 15px 35px #435c5033;display:flex;gap:11px;align-items:center;width:235px;transform:rotate(-2deg)}.floating-card>span{font-size:24px}.floating-card small,.floating-card b,.floating-card p{display:block;font-size:9px;margin:0}.floating-card b{font-size:11px;margin:3px 0}.orbit{position:absolute;z-index:3;background:#fff;box-shadow:0 10px 20px #435c5030;border-radius:50%;display:grid;place-items:center}.orbit-one{width:48px;height:48px;left:4%;top:18%;color:var(--coral)}.orbit-two{width:38px;height:38px;right:3%;top:9%;color:#d5a532}.feature-strip{border-top:1px solid #ddded6;display:grid;grid-template-columns:repeat(3,1fr);padding-top:30px;padding-bottom:35px}.feature-strip article{display:flex;align-items:center;gap:15px;padding:5px 30px;border-right:1px solid #ddded6}.feature-strip article:last-child{border:0}.feature-strip article>span{width:44px;height:44px;flex:none;background:var(--mint-light);border-radius:14px;display:grid;place-items:center;font-size:20px}.feature-strip b{font:700 15px Manrope}.feature-strip p{color:#7a8984;font-size:12px;margin:5px 0}
/* App */.app{min-height:100vh;display:grid;grid-template-columns:235px 1fr;background:#f5f3ed}.sidebar{height:100vh;position:sticky;top:0;background:#17372f;color:#fff;padding:28px 17px;display:flex;flex-direction:column}.side-brand{color:#fff;margin-left:11px}.side-brand .brand-mark{background:var(--coral);color:var(--ink)}.side-nav{margin-top:50px;display:grid;gap:6px}.nav-item{width:100%;border:0;color:#c8d6d1;background:none;padding:12px 14px;border-radius:12px;text-align:left;display:flex;gap:13px;align-items:center;font-weight:600}.nav-item:hover,.nav-item.active{background:#294a42;color:#fff}.nav-item span{font-size:18px;width:22px;text-align:center}.side-pet{margin-top:auto;padding:13px;background:#284a41;border-radius:16px;display:flex;align-items:center;gap:9px}.pet-avatar{width:36px;height:36px;flex:none;background:#d7b583;border-radius:11px;display:grid;place-items:center;overflow:hidden;font-size:27px}.pet-avatar img{width:100%;height:100%;object-fit:cover}.side-pet label{min-width:0;flex:1}.side-pet label>span,.side-pet small{display:block;font-size:8px;color:#abc0b9}.side-pet select{width:100%;border:0;background:transparent;color:#fff;font-weight:700;padding:1px 0;outline:none}.side-pet select option{color:var(--ink)}.side-pet button{margin-left:auto;background:none;border:0;color:white}.workspace{min-width:0}.app-header{height:118px;padding:30px 4vw 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.app-header p{margin:0 0 3px;text-transform:uppercase;letter-spacing:1.4px;color:#80908b;font-size:10px;font-weight:800}.app-header h2{margin:0;font:800 25px Manrope}.header-actions{display:flex;align-items:center;gap:13px}.icon-btn{width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid var(--line);position:relative}.icon-btn i{position:absolute;width:6px;height:6px;background:var(--coral);border-radius:50%;right:9px;top:9px}.profile-btn{width:42px;height:42px;border-radius:50%;background:var(--yellow);font-weight:800}.mobile-brand{display:none;border:0;background:none}.view{padding:30px 4vw 100px;max-width:1440px}.dashboard-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:22px}.welcome-card{background:var(--mint);border-radius:var(--radius);padding:26px 30px;display:flex;align-items:center;position:relative;overflow:hidden;min-height:168px}.welcome-card h3{font:800 25px Manrope;margin:0 0 8px}.welcome-card p{color:#4c6d63;margin:0;max-width:410px}.welcome-pet{font-size:115px;position:absolute;right:30px;bottom:-20px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:30px 0 14px}.section-head h3{font:800 18px Manrope;margin:0}.section-head p{margin:4px 0 0;color:#7a8984;font-size:12px}.link-btn{background:none;border:0;color:#52796e;font-weight:700}.task-list,.card{background:var(--paper);border:1px solid var(--line);border-radius:20px}.care-task{display:flex;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid #ecece6}.care-task:last-child{border:0}.care-task.done{opacity:.55}.care-task.done b{text-decoration:line-through}.care-task button.complete{width:25px;height:25px;border:1.5px solid #cbd5d0;background:#fff;border-radius:50%}.care-task.done button.complete{background:var(--ink);color:#fff}.care-task .task-info{flex:1}.care-task b,.care-task small{display:block}.care-task small{color:#87938f;font-size:11px;margin-top:3px}.type-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font-size:18px}.task-time{text-align:right}.task-time b{font-size:12px}.task-time small{font-size:9px}.side-column .section-head{margin-top:0}.pet-card{padding:20px;transition:.2s border-color,.2s box-shadow}.pet-card[data-pet-select]{cursor:pointer}.pet-card.selected-pet{border-color:#70a797;box-shadow:0 8px 24px #284a4114}.pet-card-top{height:150px;background:linear-gradient(140deg,#dce9df,#b9d7ca);border-radius:16px;position:relative;display:grid;place-items:end center;overflow:hidden;font-size:120px}.pet-card-top>span{width:100%;height:100%;display:grid;place-items:end center}.pet-card-top img{width:100%;height:100%;object-fit:cover}.health-badge{position:absolute;top:12px;right:12px;background:#fff;padding:6px 9px;border-radius:20px;font-size:9px;font-weight:800}.pet-details{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.pet-details h3{margin:0;font:800 20px Manrope}.pet-details p{margin:4px 0;color:#83908b;font-size:11px}.pet-stats{display:flex;gap:15px}.pet-stats b,.pet-stats small{display:block;text-align:center;font-size:11px}.pet-stats small{font-size:8px;color:#87938f}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.quick-grid button{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:13px;text-align:left;font-weight:700;font-size:11px}.quick-grid span{display:block;font-size:19px;margin-bottom:6px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-head h3{font:800 26px Manrope;margin:0}.page-head p{color:#768781;margin:5px 0}.records-grid,.pets-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:17px}.pet-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.add-pet-card{color:var(--ink);width:100%;font:inherit}.record{padding:20px}.record-top{display:flex;justify-content:space-between}.record-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:20px}.record h4{margin:17px 0 5px;font:700 16px Manrope}.record p{color:#7b8b85;font-size:12px;line-height:1.5}.record footer{border-top:1px solid var(--line);padding-top:13px;margin-top:15px;font-size:11px;display:flex;justify-content:space-between}.record footer span{color:#6f817b}.empty-state{text-align:center;padding:55px 20px}.empty-state span{font-size:45px}.emergency{background:#20453b;color:#fff;padding:30px;position:relative;overflow:hidden}.emergency:after{content:"PAWPASS";position:absolute;right:-20px;bottom:-20px;font:800 70px Manrope;color:#ffffff0a}.emergency .eyebrow{color:#afd2c6}.emergency h3{font:800 30px Manrope;margin:8px 0}.emergency-grid{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}.emergency-pet{height:150px;background:var(--yellow);border-radius:20px;display:grid;place-items:end center;font-size:115px;overflow:hidden}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.detail-grid div{background:#ffffff10;padding:12px;border-radius:12px}.detail-grid small,.detail-grid b{display:block}.detail-grid small{font-size:8px;color:#b8cec7;margin-bottom:3px}.settings-card{padding:25px;max-width:700px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row b,.setting-row small{display:block}.setting-row small{color:#7c8d87;margin-top:4px}.danger{color:#bd5548}.reunited-link{color:#28705e}.emergency-owner-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.btn-reunited{background:#d6eee6;color:#20453b;border:1px solid #a8d2c5}.reunited-owner-banner{display:flex;gap:14px;align-items:center;background:#dff2ea;border:1px solid #b9ddd2;border-radius:18px;padding:17px 20px;margin-bottom:18px}.reunited-owner-banner>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#2f7664;color:#fff;font-weight:800;flex:none}.reunited-owner-banner b{font:800 17px Manrope}.reunited-owner-banner p{margin:3px 0 0;color:#52736a;font-size:12px}.emergency.pet-home{background:#315f54}
/* dialogs */dialog{border:0}.modal{width:min(460px,calc(100% - 32px));border-radius:25px;padding:34px;box-shadow:var(--shadow);color:var(--ink)}.modal::backdrop{background:#17372fcc;backdrop-filter:blur(4px)}.modal-close{position:absolute;right:17px;top:14px;border:0;background:#f1f0ea;border-radius:50%;width:32px;height:32px;font-size:21px}.auth-modal{text-align:center}.auth-logo{display:flex;justify-content:center}.centered{text-align:center;margin-top:16px}.modal h2{font:800 27px Manrope;margin:9px 0}.modal>p{color:#788983}.modal form{text-align:left;display:grid;gap:14px;margin-top:24px}.modal label{font-size:11px;font-weight:800;color:#5c716a}.modal input,.modal select,.modal textarea{width:100%;border:1px solid #d9ddd7;border-radius:12px;padding:13px;margin-top:7px;background:#fbfaf6;color:var(--ink);outline:none}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#6a988a;box-shadow:0 0 0 3px #bfe0d344}.modal textarea{height:75px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pet-modal{width:min(720px,calc(100% - 32px));max-height:calc(100vh - 32px);overflow:auto}.pet-modal fieldset{border:1px solid var(--line);border-radius:14px;padding:8px 12px 12px;margin:0}.pet-modal legend{font-size:11px;font-weight:800;color:#5c716a;padding:0 5px}.required{color:#c54f42}.optional{font-weight:500;color:#87938f}.field-help{font-size:10px;color:#7c8d87;margin:0 0 2px}.photo-field{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center}.photo-preview{width:72px;height:72px;border-radius:18px;background:var(--mint-light);display:grid;place-items:center;font-size:38px;overflow:hidden}.photo-preview img{width:100%;height:100%;object-fit:cover}.form-error{min-height:16px;color:#b54438!important;font-size:12px;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.welcome-pet img{width:120px;height:140px;object-fit:cover;border-radius:50% 50% 0 0}.emergency-pet img{width:100%;height:100%;object-fit:cover}.switch-auth{font-size:12px}.switch-auth button{border:0;background:none;color:#d76e59;font-weight:800}.toast{position:fixed;z-index:100;left:50%;bottom:30px;transform:translate(-50%,100px);opacity:0;background:var(--ink);color:white;border-radius:12px;padding:12px 18px;font-weight:700;font-size:12px;transition:.3s}.toast.show{transform:translate(-50%,0);opacity:1}.mobile-nav{display:none}
@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center;padding-top:55px}.hero-copy>p{margin:auto}.hero-actions,.trust{justify-content:center}.hero-visual{margin-top:-20px}.feature-strip{grid-template-columns:1fr}.feature-strip article{border-right:0;border-bottom:1px solid #ddded6;padding:15px 10px}.feature-strip article:last-child{border-bottom:0}.sidebar{display:none}.app{display:block}.dashboard-grid{grid-template-columns:1fr}.records-grid,.pets-grid{grid-template-columns:repeat(2,1fr)}.mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;height:70px;background:#fff;border-top:1px solid var(--line);z-index:20;justify-content:space-around;padding:7px}.mobile-nav .nav-item{width:auto;display:grid;gap:1px;place-items:center;font-size:8px;padding:4px 13px}.mobile-nav .nav-item span{font-size:19px}.mobile-nav .nav-item.active{background:var(--mint-light);color:var(--ink)}.mobile-brand{display:block;margin-right:12px}.app-header>div:first-child{display:grid;grid-template-columns:auto 1fr}.app-header p,.app-header h2{grid-column:2}.app-header{padding-left:20px;padding-right:20px}.view{padding-left:20px;padding-right:20px}}
@media(max-width:600px){.emergency-page-head{display:grid;gap:14px}.emergency-owner-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.emergency-owner-actions .btn{min-height:46px}.reunited-owner-banner{align-items:flex-start}.landing-nav{height:74px}.nav-actions .text-btn{display:none}.hero{padding-top:35px;gap:15px}.hero h1{font-size:45px;letter-spacing:-2.7px}.hero-copy>p{font-size:16px}.hero-actions{display:grid}.hero-visual{min-height:455px;transform:scale(.86);margin-left:-25px;margin-right:-25px}.sun-shape{width:400px;height:400px}.floating-card{right:-28px}.feature-strip{padding-top:10px}.app-header{height:100px}.app-header h2{font-size:19px}.view{padding-top:20px}.welcome-card{padding:22px;min-height:175px}.welcome-card p{max-width:65%;font-size:12px}.welcome-pet{right:-10px;font-size:100px}.records-grid,.pets-grid{grid-template-columns:1fr}.page-head{align-items:flex-start}.page-head .btn{padding:11px;font-size:11px}.emergency-grid{grid-template-columns:1fr}.emergency-pet{width:150px}.detail-grid{grid-template-columns:1fr 1fr}.modal{padding:28px 22px}.header-actions .icon-btn{display:none}.form-row{grid-template-columns:1fr}}