/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.table{display:table}}:root{--ink:#17142f;--muted:#716f80;--purple:#653f8b;--purple-dark:#4b2c70;--purple-soft:#f1ebf7;--blue:#2d90cf;--blue-soft:#e8f5fb;--line:#e9e7ed;--paper:#fbfafc}html{scroll-behavior:smooth}button,a{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #2d90cf55}.app-shell{min-height:100vh;padding-bottom:100px}.topbar{border-bottom:1px solid var(--line);z-index:30;background:#fff;justify-content:space-between;align-items:center;height:82px;padding:0 max(4vw,28px);display:flex;position:sticky;top:0}.brand{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-rows:31px 13px;grid-template-columns:30px auto;align-items:center;column-gap:5px;padding:4px;display:grid}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--blue), var(--purple));border-radius:10px 10px 10px 3px;grid-row:1/3;place-items:center;width:30px;height:30px;font-size:22px;font-weight:800;display:grid}.brand-name{letter-spacing:-1.2px;color:var(--purple);font-size:24px;font-weight:900;line-height:1}.brand-sub{letter-spacing:2.4px;color:var(--blue);font-size:8px;font-weight:800}.top-actions{align-items:center;gap:12px;display:flex}.test-environment-pill{color:#7a5312;letter-spacing:.7px;background:#fff2c7;border:1px solid #efd27a;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:900}.open-pill{color:#38755b;background:#ecf8f1;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.open-pill i{background:#35a16d;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.icon-button,.avatar-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:40px;height:40px;position:relative}.avatar-button{background:var(--purple);color:#fff;border:0;font-size:11px;font-weight:800}.membership-shortcut{color:var(--purple);font-size:24px;line-height:1}.notification-dot{background:#f27f69;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.notification-dot.member-active-dot{background:#43aa78}.content{max-width:1240px;margin:0 auto;padding:44px 32px 28px}.welcome-row{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.eyebrow,.micro-label{color:var(--purple);letter-spacing:1.8px;margin-bottom:8px;font-size:10px;font-weight:900;display:block}.welcome-row h1,.page-title h1{letter-spacing:-2px;margin:0 0 6px;font-size:clamp(32px,4vw,50px);line-height:1.04}.welcome-row h1 span{font-size:.75em}.welcome-row p,.page-title p{color:var(--muted);margin:0;font-size:15px}.quiet-button,.section-heading button{color:var(--purple);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:13px;font-weight:800}.quiet-button span{margin-left:8px}.pet-hero{color:#fff;background:linear-gradient(120deg,#5a377f 0%,#70499a 55%,#2f91cb 130%);border-radius:28px;grid-template-columns:280px 1fr auto;align-items:center;min-height:245px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #4e32761c}.pet-hero:after{content:"";border:1px solid #fff2;border-radius:50%;width:340px;height:340px;position:absolute;top:-190px;right:-100px}.pet-photo-wrap{height:245px;position:relative}.pet-photo{object-fit:cover;object-position:center 35%;width:100%;height:100%;display:block}.pet-photo-wrap:after{content:"";background:linear-gradient(90deg,#0000 60%,#5e3a84);position:absolute;inset:0}.pet-status{z-index:1;color:#2e7557;background:#fff;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800;position:absolute;bottom:17px;left:18px}.pet-status:before{content:"✓";margin-right:5px}.pet-copy{z-index:1;padding:28px 40px;position:relative}.pet-copy .micro-label{color:#c9eefe;margin-bottom:2px}.pet-copy h2{letter-spacing:-1.8px;margin:0;font-size:42px}.pet-copy>p{color:#efe8f5;margin:4px 0 25px;font-size:13px}.pet-stats{gap:38px;display:flex}.pet-stats div{flex-direction:column;gap:7px;display:flex}.pet-stats span{color:#dcd2e7;font-size:10px}.pet-stats strong{letter-spacing:.5px;font-size:12px}.pet-hero-actions{z-index:2;flex-direction:column;align-self:start;gap:8px;margin:25px 25px 0 0;display:flex;position:relative}.edit-pet{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff10;border:1px solid #fff5;border-radius:99px;padding:9px 13px;font-size:11px}.section-block{margin-top:48px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.section-heading h3{letter-spacing:-.7px;margin:0;font-size:25px}.care-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.care-card{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:75px 1fr 28px;align-items:center;gap:18px;min-height:122px;padding:18px;transition:all .2s;display:grid}.care-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #3222470c}.care-card.urgent{border-color:#c8b6db}.date-box{background:var(--purple-soft);width:70px;height:78px;color:var(--purple);border-radius:15px;align-content:center;place-items:center;display:grid}.date-box.soft{background:var(--blue-soft);color:#267fab}.date-box strong{font-size:27px;line-height:1}.date-box span{letter-spacing:1.2px;margin-top:4px;font-size:9px;font-weight:900}.care-tag{letter-spacing:1.2px;color:#e16d5b;font-size:8px;font-weight:900}.care-tag.neutral{color:var(--blue)}.care-card h4{margin:6px 0 5px;font-size:17px}.care-card p{color:var(--muted);margin:0;font-size:12px}.card-arrow{color:var(--purple);font-size:20px}.action-banner{color:#fff;background:#17142f;border-radius:22px;grid-template-columns:55px 1fr auto;align-items:center;gap:22px;min-height:150px;margin-top:45px;padding:30px 34px;display:grid}.action-icon{background:linear-gradient(145deg, var(--blue), var(--purple));border-radius:17px;place-items:center;width:55px;height:55px;font-size:24px;display:grid}.action-banner span,.benefit-teaser>div>span{color:#a9dff6;letter-spacing:1.5px;font-size:9px;font-weight:900}.action-banner h3{margin:6px 0;font-size:22px}.action-banner p{color:#b9b6c5;margin:0;font-size:12px}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3ea6da,#2d8fc9);border:0;border-radius:12px;justify-content:center;align-items:center;padding:14px 19px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px #1682bb2e}.primary-button span{color:#fff;margin-left:12px}.primary-button.full,.outline-button.full{width:100%}.stories-row{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.story-card{border:1px solid var(--line);background:#fff;border-radius:20px;position:relative;overflow:hidden}.story-card img{object-fit:cover;width:100%;height:175px;display:block}.story-card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#17142f44);height:175px;position:absolute;top:0;left:0;right:0}.story-tag{letter-spacing:1.1px;color:#fff;border-radius:6px;padding:6px 8px;font-size:8px;font-weight:900;display:inline-block}.story-card>.story-tag{z-index:2;position:absolute;top:150px;left:17px}.story-tag.blue{background:var(--blue)}.story-tag.purple{background:var(--purple)}.story-tag.coral{background:#ef7b65}.story-copy{padding:23px 18px 18px}.story-copy h4{margin:0 0 8px;font-size:17px;line-height:1.3}.story-copy p{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.5}.story-copy button{color:var(--purple);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:800}.benefit-teaser{background:linear-gradient(115deg,#efe8f5,#edf7fb);border-radius:22px;grid-template-columns:50px 1fr auto;align-items:center;gap:18px;margin-top:48px;padding:27px 30px;display:grid}.benefit-symbol{width:50px;height:50px;color:var(--purple);background:#fff;border-radius:15px;place-items:center;font-size:25px;display:grid}.benefit-teaser>div>span{color:var(--purple)}.benefit-teaser h3{margin:5px 0;font-size:20px}.benefit-teaser p{color:var(--muted);margin:0;font-size:12px}.benefit-teaser button{border:1px solid var(--purple);color:var(--purple);cursor:pointer;background:0 0;border-radius:10px;padding:12px 16px;font-size:11px;font-weight:800}.page-view{min-height:75vh}.page-title{max-width:780px;margin-bottom:35px;padding-top:12px}.page-title.centered{text-align:center;margin-left:auto;margin-right:auto}.health-layout{grid-template-columns:1fr 330px;align-items:start;gap:22px;display:grid}.timeline-card,.health-aside,.plan-card,.review-card{border:1px solid var(--line);background:#fff;border-radius:22px}.timeline-card{padding:26px}.timeline-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.timeline-head h3{margin:0;font-size:19px}.timeline-head span{color:var(--purple);background:var(--purple-soft);border-radius:99px;padding:6px 10px;font-size:11px;font-weight:900}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:18px 68px 1fr auto;align-items:center;gap:14px;min-height:86px;display:grid;position:relative}.timeline-item:last-child{border-bottom:0}.timeline-dot{border:3px solid #ccc;border-radius:50%;width:12px;height:12px;position:relative}.timeline-item:not(:last-child) .timeline-dot:after{content:"";background:var(--line);width:1px;height:74px;position:absolute;top:9px;left:3px}.timeline-item.done .timeline-dot{background:#50a97b;border-color:#50a97b}.timeline-item.next .timeline-dot{border-color:var(--purple);box-shadow:0 0 0 5px var(--purple-soft)}.timeline-item>strong{font-size:11px}.timeline-item h4{margin:0 0 4px;font-size:14px}.timeline-item p{color:var(--muted);margin:0;font-size:11px}.timeline-item>span{color:var(--muted);background:#f5f4f7;border-radius:99px;padding:6px 9px;font-size:10px}.timeline-item.next>span{background:var(--purple-soft);color:var(--purple);font-weight:800}.timeline-item.clinic-synced-record{background:#f4fbf7;border-radius:12px;margin:0 -12px;padding:0 12px}.timeline-item.clinic-synced-record>span{color:#2f7656;background:#e3f4ea;font-weight:800}.health-aside{padding:22px}.mini-pet{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:18px;display:flex}.mini-pet img{object-fit:cover;border-radius:16px;width:58px;height:58px}.mini-pet h3{margin:0 0 3px}.mini-pet p{color:var(--muted);margin:0;font-size:11px}.info-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:15px 0;font-size:12px;display:flex}.info-row span{color:var(--muted)}.record-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:16px;padding:32px}.empty-care-note{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:14px;padding:16px;font-size:12px}.health-aside .primary-button{margin-top:20px}.record-bars{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px;display:grid}.record-bar{border:1px solid var(--line);background:#fff;border-radius:20px;padding:20px}.record-bar-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.record-bar-head h3{align-items:center;gap:7px;margin:0;font-size:14px;display:flex}.record-bar-note{letter-spacing:.3px;color:var(--muted);white-space:nowrap;background:#f5f4f7;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800}.record-bar-subnote{margin:-8px 0 14px;display:inline-block}.record-bar-add{color:var(--purple);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-size:10px;font-weight:900}.record-bar-add:disabled{color:var(--muted);cursor:not-allowed}.record-bar-empty{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.record-bar-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.record-bar-list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:12px;display:flex}.record-bar-list li:last-child{border-bottom:0;padding-bottom:0}.record-bar-list strong{font-size:12px;display:block}.record-bar-list span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.record-bar-thumb{object-fit:cover;border-radius:10px;flex:none;width:40px;height:40px}.record-bar-list li>div{flex:1;min-width:0}.record-bar-remove{width:22px;height:22px;color:var(--muted);cursor:pointer;background:#f5f4f7;border:0;border-radius:50%;flex:none;font-size:14px;line-height:1}.record-bar-remove:hover{color:#b3261e;background:#fdecec}.outline-button{border:1px solid var(--line);color:var(--purple);cursor:pointer;background:#fff;border-radius:11px;margin-top:9px;padding:12px 15px;font-size:11px;font-weight:800}.plan-card{grid-template-columns:1.1fr .9fr;max-width:940px;margin:0 auto;display:grid;overflow:hidden}.membership-page{scroll-margin-top:95px}.plan-main{padding:38px}.plan-label{letter-spacing:1.4px;color:var(--blue);font-size:9px;font-weight:900}.plan-main h2{margin:9px 0 14px;font-size:29px}.plan-price{color:var(--muted)}.plan-price strong{color:var(--purple);font-size:29px}.plan-main ul{padding:16px 0;font-size:13px;line-height:2.4;list-style:none}.plan-main li b{color:#3b9a6c;margin-right:8px}.plan-main small{color:var(--muted);margin-top:12px;font-size:9px;display:block}.subscribe-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.active-subscription-status{color:#2f7656;background:#e8f5ee;border-radius:11px;align-items:center;gap:10px;padding:10px 13px;display:inline-flex}.active-subscription-status>span{color:#fff;background:#49a878;border-radius:8px;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.active-subscription-status strong,.active-subscription-status small{display:block}.active-subscription-status strong{font-size:10px}.active-subscription-status small{color:#5f806f;margin:3px 0 0;font-size:7px}.coupon-panel{background:linear-gradient(145deg, var(--purple-dark), #725099);color:#fff;padding:38px}.coupon-panel .eyebrow{color:#bce5f7}.coupon-panel h3{margin:0 0 20px}.coupon{color:var(--ink);background:#fff;border-radius:15px;margin-bottom:12px;padding:18px;position:relative;overflow:hidden}.coupon:after{content:"";background:#66418a;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;right:-9px}.coupon>span{letter-spacing:1px;color:var(--muted);font-size:9px;font-weight:900;display:block}.coupon strong{color:var(--purple);font-size:22px}.coupon p{color:var(--muted);margin:4px 0 0;font-size:10px}.coupon.muted{background:#fffd}.benefit-preview{background:#ffffff0b;border:1px solid #ffffff1c;border-radius:12px;align-items:center;gap:10px;margin-bottom:10px;padding:12px;display:flex}.benefit-preview>span{color:#fff;background:#4ba87a;border-radius:8px;place-items:center;width:27px;height:27px;font-size:10px;font-weight:900;display:grid}.benefit-preview p,.benefit-preview strong,.benefit-preview small{margin:0;display:block}.benefit-preview strong{font-size:10px}.benefit-preview small{color:#c5bacc;margin-top:3px;font-size:7px}.automatic-reminder{background:#fff9e9;border:1px solid #e8d9aa;border-radius:15px;grid-template-columns:40px 1fr auto;align-items:center;gap:13px;margin-top:16px;padding:15px 18px;display:grid}.automatic-reminder-icon{color:#725d23;background:#efd37e;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.automatic-reminder span{color:#987820;letter-spacing:.9px;font-size:7px;font-weight:900}.automatic-reminder h3{margin:4px 0 3px;font-size:13px}.automatic-reminder p{color:#7f765e;margin:0;font-size:8px}.automatic-reminder button{color:var(--purple);cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:900}.loyalty-trail{color:#fff;background:linear-gradient(135deg,#17142f 0%,#2e2050 58%,#4b2c70 130%);border-radius:22px;max-width:940px;margin:20px auto 0;padding:30px;position:relative;overflow:hidden;box-shadow:0 22px 55px #2f1d4b22}.loyalty-trail:after{content:"";pointer-events:none;border:1px solid #ffffff18;border-radius:50%;width:280px;height:280px;position:absolute;top:-170px;right:-150px}.trail-intro{grid-template-columns:1fr auto;align-items:center;gap:30px;display:grid}.trail-intro .eyebrow{color:#8fd8f5}.trail-intro h2{letter-spacing:-.7px;margin:0 0 7px;font-size:25px}.trail-intro p{color:#c3becd;max-width:590px;margin:0;font-size:11px;line-height:1.55}.trail-reward{text-align:right;background:#ffffff0d;border:1px solid #ffffff20;border-radius:16px;min-width:165px;padding:15px 18px}.trail-reward span,.trail-reward small{color:#b8dff0;letter-spacing:1px;font-size:7px;font-weight:900;display:block}.trail-reward strong{color:#fff;margin:5px 0;font-size:25px;display:block}.trail-progress{background:#ffffff16;border-radius:99px;height:7px;margin:25px 0 26px;overflow:hidden}.trail-progress i{border-radius:inherit;background:linear-gradient(90deg,#36a8da,#a983d0);height:100%;transition:width .35s;display:block}.mission-track{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mission-step{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;min-height:170px;padding:16px;transition:all .25s;position:relative}.mission-step.done{background:#ffffff12;border-color:#65c59a55}.mission-step.current{border-color:#8fcce5;box-shadow:inset 0 0 0 1px #8fcce522}.mission-step.locked{opacity:.55}.mission-node{color:#cfc7d9;background:#ffffff12;border-radius:11px;place-items:center;width:36px;height:36px;margin-bottom:14px;font-weight:900;display:grid}.mission-step.done .mission-node{color:#fff;background:#3c9d70}.mission-step.current .mission-node{color:#fff;background:linear-gradient(145deg, var(--blue), var(--purple))}.mission-step>span{color:#9d96a8;letter-spacing:.9px;font-size:7px;font-weight:900;display:block}.mission-step.done>span{color:#7cd2a7}.mission-step.current>span{color:#91d8f4}.mission-step h3{margin:7px 0 5px;font-size:13px}.mission-step p{color:#aaa4b3;min-height:30px;margin:0;font-size:9px;line-height:1.45}.mission-step>strong{color:#c8a8e8;margin-top:12px;font-size:17px;display:inline-block}.mission-step.done>strong{color:#7ed2aa}.trail-footer{border-top:1px solid #ffffff13;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:22px;padding-top:20px;display:grid}.level-badge{align-items:center;gap:10px;display:flex}.level-badge>span{background:#9a77bb;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.level-badge small,.level-badge strong{display:block}.level-badge small{color:#a9a3b1;letter-spacing:.8px;font-size:7px}.level-badge strong{margin-top:3px;font-size:11px}.trail-footer>p{color:#9e98a8;margin:0;font-size:8px;line-height:1.45}.trail-demo-button{color:#d8f3ff;cursor:pointer;background:#47a8d21a;border:1px solid #8fcce5;border-radius:10px;padding:11px 14px;font-size:9px;font-weight:900}.trail-note{color:#817a8b;text-align:center;margin-top:13px;font-size:7px;display:block}.review-card{grid-template-columns:48px 1fr auto;align-items:center;gap:18px;max-width:940px;margin:20px auto 0;padding:22px 26px;display:grid}.google-g{color:#4285f4;border:1px solid var(--line);border-radius:50%;place-items:center;width:45px;height:45px;font-size:26px;font-weight:900;display:grid}.review-card .eyebrow{margin-bottom:4px}.review-card h3{margin:0 0 4px;font-size:17px}.review-card p{color:var(--muted);margin:0;font-size:11px}.review-card a{color:var(--purple);border:1px solid var(--purple);border-radius:10px;padding:11px 14px;font-size:11px;font-weight:800;text-decoration:none}.filter-row{gap:8px;margin-bottom:22px;display:flex;overflow-x:auto}.filter-row button{border:1px solid var(--line);color:var(--muted);white-space:nowrap;cursor:pointer;background:#fff;border-radius:99px;padding:9px 14px;font-size:11px}.filter-row button.active{background:var(--purple);color:#fff;border-color:var(--purple)}.feed-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feed-card{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden}.feed-image{position:relative}.feed-image img{object-fit:cover;width:100%;height:220px;display:block}.feed-image>span{background:#fffe;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.feed-body{padding:18px}.feed-body h3{margin:12px 0 8px;font-size:18px;line-height:1.3}.feed-body>p{color:var(--muted);font-size:12px;line-height:1.5}.feed-meta{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:15px;padding-top:12px;font-size:9px;display:flex}.vaccine-title{justify-content:space-between;align-items:end;gap:24px;max-width:none;display:flex}.embedded-vaccine-page{border-top:1px solid var(--line);margin-top:52px;padding-top:38px;scroll-margin-top:95px}.viewer-badge{white-space:nowrap;color:var(--purple);background:var(--purple-soft);letter-spacing:.5px;border-radius:99px;padding:9px 13px;font-size:9px;font-weight:900}.digital-pass{color:#fff;background:radial-gradient(circle at 85% 10%,#43b6e366 0,#0000 27%),linear-gradient(125deg,#4d2d70 0%,#653f8b 52%,#257eaf 135%);border-radius:27px;grid-template-rows:auto 1fr;grid-template-columns:1.1fr 1.35fr .9fr;gap:24px 38px;min-height:270px;padding:28px 32px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 65px #45266c26}.digital-pass:after{content:"";border:1px solid #ffffff25;border-radius:50%;width:370px;height:370px;position:absolute;bottom:-230px;right:-160px}.pass-brand{z-index:1;align-items:center;gap:9px;display:flex;position:relative}.pass-cross{width:34px;height:34px;color:var(--purple);background:#fff;border-radius:11px 11px 11px 3px;place-items:center;font-size:23px;font-weight:900;display:grid}.pass-brand div{flex-direction:column;display:flex}.pass-brand strong{letter-spacing:-1px;font-size:22px}.pass-brand small{color:#bfe8fa;letter-spacing:2px;font-size:7px;font-weight:900}.pass-pet{z-index:1;grid-column:1/2;align-self:end;align-items:center;gap:17px;display:flex;position:relative}.pass-pet img{object-fit:cover;border:3px solid #ffffff4d;border-radius:25px;width:92px;height:92px}.pass-pet span,.pass-data span{color:#c8e9f7;letter-spacing:1.4px;font-size:8px;font-weight:900;display:block}.pass-pet h2{letter-spacing:-1px;margin:4px 0 3px;font-size:31px}.pass-pet p{color:#e7dff0;margin:0;font-size:11px}.pass-data{z-index:1;border-left:1px solid #ffffff30;grid-area:1/2/3/3;align-self:center;gap:22px;padding-left:38px;display:grid;position:relative}.pass-data div{flex-direction:column;gap:5px;display:flex}.pass-data strong{font-size:14px}.pass-verify{text-align:center;z-index:1;grid-area:1/3/3;place-self:center end;position:relative}.qr-demo{background:linear-gradient(90deg,#fff 17%,#0000 17% 32%,#fff 32% 48%,#0000 48% 65%,#fff 65% 80%,#0000 80%),linear-gradient(#fff 15%,#0000 15% 30%,#fff 30% 46%,#0000 46% 62%,#fff 62% 79%,#0000 79%),#33204d;border:9px solid #fff;border-radius:11px;width:112px;height:112px;margin:0 auto 12px;box-shadow:0 8px 25px #2510353b}.pass-verify strong,.pass-verify small{display:block}.pass-verify strong{font-size:11px}.pass-verify small{color:#c9c0d6;margin-top:4px;font-size:8px}.vaccine-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 45px;display:grid}.vaccine-summary>div{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:12px;padding:15px 17px;display:flex}.vaccine-summary strong,.vaccine-summary small{display:block}.vaccine-summary strong{margin-bottom:3px;font-size:12px}.vaccine-summary small{color:var(--muted);font-size:9px}.summary-icon{border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.summary-icon.green{color:#31815c;background:#e7f5ed}.summary-icon.purple{color:var(--purple);background:var(--purple-soft)}.summary-icon.blue{color:#237eae;background:var(--blue-soft)}.records-heading{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.records-heading h3{letter-spacing:-.6px;margin:0;font-size:24px}.records-heading button{color:var(--purple);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:800}.vaccine-records{gap:15px;display:grid}.vaccine-record{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:85px 1fr 235px;align-items:start;gap:25px;padding:23px;display:grid}.record-date{background:var(--purple-soft);min-height:86px;color:var(--purple);border-radius:17px;align-content:center;place-items:center;display:grid}.record-date.soft-date{color:#277eab;background:var(--blue-soft)}.record-date strong{font-size:31px;line-height:1}.record-date span{letter-spacing:.8px;margin-top:7px;font-size:8px;font-weight:900}.record-topline{align-items:center;gap:8px;display:flex}.record-topline>span{color:var(--purple);letter-spacing:1px;font-size:8px;font-weight:900}.record-topline small{color:#388763;background:#eaf6ef;border-radius:99px;padding:4px 7px;font-size:8px;font-weight:800}.record-main h3{margin:11px 0 4px;font-size:20px}.record-main>p{color:var(--muted);margin:0 0 18px;font-size:11px}.vaccine-fields{grid-template-columns:repeat(3,1fr);gap:15px 22px;display:grid}.vaccine-fields div{flex-direction:column;gap:4px;display:flex}.vaccine-fields span{color:var(--muted);font-size:9px}.vaccine-fields strong{font-size:11px}.record-proof{border-left:1px solid var(--line);gap:9px;padding-left:23px;display:grid}.label-proof{background:linear-gradient(145deg,#faf8fc,#f0eaf6);border:1px dashed #b6a6c9;border-radius:13px;flex-direction:column;align-items:start;min-height:112px;padding:14px;display:flex;position:relative}.label-proof:after{content:"";opacity:.55;background:repeating-linear-gradient(90deg,#3a2b47 0 1px,#0000 1px 3px);width:24px;height:100%;position:absolute;top:0;right:14px}.label-proof span{color:var(--muted);letter-spacing:1px;font-size:7px;font-weight:900}.label-proof strong{color:var(--purple);margin:8px 0 4px;font-size:16px}.label-proof p,.label-proof small{margin:0 0 2px;font-size:9px}.label-proof i{color:#398361;margin-top:auto;font-size:7px;font-style:normal;font-weight:800}.label-proof.blue-label strong{color:#267eac}.vet-signature{padding:11px 3px 0}.vet-signature span{color:var(--muted);letter-spacing:.8px;margin-bottom:5px;font-size:7px;display:block}.vet-signature strong{font-size:11px}.vet-signature p{color:var(--purple);margin:3px 0;font-size:9px}.vet-signature small{color:var(--muted);font-size:7px}.prototype-warning{color:#715e33;background:#fff8e8;border:1px solid #f2dfad;border-radius:13px;align-items:center;gap:11px;margin-top:17px;padding:13px 16px;display:flex}.prototype-warning>span{background:#eacb75;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-family:Georgia,serif;font-weight:900;display:grid}.prototype-warning p{margin:0;font-size:10px;line-height:1.5}.bottom-nav{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffe;border:1px solid #e2dfe8;border-radius:18px;align-items:center;gap:4px;padding:7px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #29184029}.bottom-nav button{color:#85818e;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:90px;padding:9px 13px;font-size:10px;font-weight:800;display:flex}.bottom-nav button span{font-size:17px;line-height:1}.bottom-nav button.active{background:var(--purple-soft);color:var(--purple)}.bottom-nav .schedule-nav{background:var(--purple);color:#fff}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17142fb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:25px;width:min(470px,100%);max-height:90vh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 30px 100px #0004}.modal-close{cursor:pointer;background:#f2f0f4;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;position:absolute;top:16px;right:18px}.modal h2{letter-spacing:-1px;margin:0 0 8px;font-size:29px}.modal>p{color:var(--muted);font-size:13px}.appointment-options{gap:9px;margin:22px 0 18px;display:grid}.appointment-options button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:13px;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:13px;display:grid}.appointment-options button>span{background:var(--purple-soft);width:36px;height:36px;color:var(--purple);border-radius:10px;place-items:center;font-weight:900;display:grid}.appointment-options strong,.appointment-options small{display:block}.appointment-options strong{font-size:12px}.appointment-options small{color:var(--muted);margin-top:3px;font-size:10px}.modal-note{text-align:center;color:var(--muted);margin-top:12px;font-size:9px;display:block}.success-state{text-align:center;padding:18px 5px 5px}.success-state>div{color:#2d9362;background:#e7f7ee;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 18px;font-size:28px;display:grid}.success-state p{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.5}.membership-modal{text-align:center;width:min(410px,100%)}.membership-modal-mark{color:#fff;background:linear-gradient(145deg, var(--purple), var(--blue));border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto 15px;font-size:30px;display:grid}.membership-modal .eyebrow{margin-bottom:6px}.membership-modal h2{margin:0 auto 8px;font-size:25px}.membership-modal-copy{max-width:310px;color:var(--muted);margin:0 auto 15px;font-size:10px;line-height:1.5}.membership-price{justify-content:center;align-items:end;gap:5px;margin:13px 0 16px;display:flex}.membership-price strong{color:var(--purple);font-size:31px}.membership-price span{color:var(--muted);margin-bottom:5px;font-size:10px}.membership-essentials{border:1px solid var(--line);text-align:left;background:#fbfafc;border-radius:13px;margin:0 0 18px;padding:14px 16px;font-size:9px;line-height:2.25;list-style:none}.membership-essentials b{color:#3f9c70;margin-right:7px}.membership-details-button{color:var(--purple);cursor:pointer;background:0 0;border:0;margin-top:13px;font-size:9px;font-weight:900}.membership-modal-note{color:var(--muted);margin-top:12px;font-size:7px;display:block}.member-status-pill{color:#317657;letter-spacing:.6px;background:#e8f5ee;border-radius:99px;margin:10px 0 17px;padding:7px 10px;font-size:8px;font-weight:900;display:inline-block}.membership-quick-stats{text-align:left;gap:8px;margin-bottom:17px;display:grid}.membership-quick-stats div{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;padding:11px 13px;display:flex}.membership-quick-stats span{color:var(--muted);font-size:8px}.membership-quick-stats strong{font-size:10px}.profile-modal{width:min(540px,100%);max-height:calc(100vh - 40px);overflow-y:auto}.profile-head{align-items:center;gap:15px;padding-right:35px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(145deg, var(--purple), #805aa2);border-radius:20px;flex:none;place-items:center;width:62px;height:62px;font-size:18px;font-weight:900;display:grid}.profile-head .eyebrow{margin-bottom:4px}.profile-head h2{margin:0 0 3px;font-size:25px}.profile-head p{color:var(--muted);margin:0;font-size:10px}.profile-saved{color:#317959;background:#e9f6ef;border-radius:10px;margin-top:17px;padding:10px 12px;font-size:9px;font-weight:800}.profile-details{border:1px solid var(--line);background:#fbfafc;border-radius:15px;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 17px;padding:18px;display:grid}.profile-details div{flex-direction:column;gap:5px;display:flex}.profile-details div:last-child{grid-column:1/3}.profile-details span{color:var(--muted);font-size:8px}.profile-details strong{font-size:11px}.profile-pet{border:1px solid var(--line);border-radius:15px;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.profile-pet img{object-fit:cover;border-radius:13px;width:54px;height:54px}.profile-pet span,.profile-pet strong,.profile-pet p{display:block}.profile-pet span{color:var(--purple);letter-spacing:1px;font-size:7px;font-weight:900}.profile-pet strong{margin:4px 0 3px;font-size:14px}.profile-pet p{color:var(--muted);margin:0;font-size:8px}.profile-pet button{color:var(--purple);cursor:pointer;background:0 0;border:0;padding:7px;font-size:9px;font-weight:900}.profile-notifications{border:1px solid var(--line);background:#fbfafc;border-radius:15px;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;margin-top:13px;padding:13px;display:grid}.profile-notification-icon{width:36px;height:36px;color:var(--purple);background:var(--purple-soft);border-radius:10px;place-items:center;font-size:20px;display:grid}.profile-notifications span,.profile-notifications strong,.profile-notifications p,.profile-notifications small{display:block}.profile-notifications span{color:var(--purple);letter-spacing:.8px;font-size:7px;font-weight:900}.profile-notifications strong{margin:3px 0;font-size:11px}.profile-notifications p{color:var(--muted);margin:0;font-size:7px}.profile-notifications small{color:#8b7850;margin-top:4px;font-size:7px;line-height:1.35}.profile-notification-actions{justify-items:stretch;gap:5px;display:grid}.profile-notifications button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;padding:8px 10px;font-size:8px;font-weight:900}.profile-notifications button.disable{color:#986353}.profile-notifications button.enable{color:#337857;background:#edf7f1;border-color:#a7d0bb}.profile-actions{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px;display:grid}.profile-actions button,.profile-actions a{border:1px solid var(--line);min-height:94px;color:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:13px;flex-direction:column;align-items:flex-start;gap:7px;padding:13px;text-decoration:none;display:flex}.profile-actions>*>span{width:29px;height:29px;color:var(--purple);background:var(--purple-soft);border-radius:9px;place-items:center;font-weight:900;display:grid}.profile-actions strong,.profile-actions small{display:block}.profile-actions strong{font-size:10px}.profile-actions small{color:var(--muted);margin-top:3px;font-size:7px;line-height:1.35}.profile-note{color:var(--muted);text-align:center;margin-top:14px;font-size:7px;display:block}.profile-settings-toggle{border:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:#fff;border-radius:11px;justify-content:space-between;align-items:center;margin-top:17px;padding:12px 15px;font-size:10px;font-weight:800;display:flex}.profile-settings-toggle span{font-size:9px}.profile-settings{margin-top:13px}.profile-settings .profile-notifications{margin-top:0}.clinic-access-modal{text-align:center;width:min(430px,100%)}.clinic-access-modal .eyebrow{margin-bottom:8px;display:block}.clinic-numeric-code{color:var(--purple);background:var(--purple-soft);letter-spacing:.18em;border:1px solid #dcd4e6;border-radius:16px;margin:24px 0 12px;padding:18px 12px;font-size:clamp(34px,10vw,52px);font-weight:900;line-height:1}.clinic-code-meta{color:var(--muted);justify-content:center;gap:12px;font-size:8px;font-weight:800;display:flex}.clinic-code-meta span{background:#f4f2f6;border-radius:999px;padding:7px 9px}.clinic-code-loading,.clinic-code-error{background:#f4f2f6;border-radius:12px;margin:22px 0 10px;padding:16px;font-size:10px}.clinic-code-error{color:#9b2b3a;background:#fff0f2}.profile-form{gap:12px;margin-top:22px;display:grid}.profile-form label{gap:6px;display:grid}.profile-form label span{font-size:9px;font-weight:800}.profile-form input{border:1px solid var(--line);border-radius:10px;outline:0;width:100%;height:43px;padding:0 12px;font-size:11px}.profile-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #653f8b12}.profile-edit-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:5px;display:grid}.profile-edit-actions .outline-button{margin:0}.edit-pet-form{margin-top:18px}.field{gap:7px;margin-bottom:14px;display:grid}.field>span{font-size:10px;font-weight:800}.field input,.field select{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);background:#fff;border-radius:10px;outline:0;padding:0 12px;font-size:12px}.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:10px;outline:0;padding:10px 12px;font-family:inherit;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #653f8b12}.field small{color:var(--muted);margin-top:2px;font-size:8px;display:block}.full-field{width:100%}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-error{color:#b3261e;background:#fdecec;border-radius:10px;margin:-4px 0 14px;padding:10px 12px;font-size:10px;font-weight:700}.pet-type-picker{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px;display:grid}.pet-type-picker button{border:1px solid var(--line);min-height:42px;color:var(--muted);cursor:pointer;background:#fff;border-radius:10px;padding:0 4px;font-size:10px;font-weight:800}.pet-type-picker button span{color:#aaa4b0;margin-right:5px}.pet-type-picker button.selected{color:var(--purple);background:var(--purple-soft);border-color:#a88ec0}.pet-type-picker button.selected span{color:var(--purple)}.pet-photo-input{display:none}.pet-photo-row{align-items:center;gap:14px;display:flex}.pet-photo-preview{background:var(--purple-soft);border-radius:13px;flex:none;place-items:center;width:52px;height:52px;font-size:20px;display:grid;overflow:hidden}.pet-photo-preview img{object-fit:cover;width:100%;height:100%}.pet-photo-actions{flex:1;position:relative}.pet-photo-button{width:100%;color:var(--purple);background:var(--paper);cursor:pointer;text-align:left;border:1px dashed #c7bdd4;border-radius:10px;align-items:center;gap:10px;padding:12px;font-size:10px;font-weight:800;display:flex}.pet-photo-button b{font-size:14px}.pet-photo-button i{color:var(--muted);margin-left:auto;font-size:8px;font-style:normal}.pet-photo-menu{z-index:5;border:1px solid var(--line);background:#fff;border-radius:12px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 14px 34px #3a256312}.pet-photo-menu button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:11px;font-size:10px;font-weight:700;display:flex}.pet-photo-menu button:hover{background:var(--purple-soft)}.pet-photo-menu button b{font-size:14px}.pet-photo-menu .pet-photo-remove{color:#b3261e}.pet-photo-menu .pet-photo-remove:hover{background:#fdecec}.edit-pet:disabled{opacity:.5;cursor:not-allowed}.my-pets-list{gap:10px;margin:18px 0 20px;display:grid}.my-pet-item{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:15px;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;padding:10px;display:grid}.my-pet-item:disabled{opacity:.6;cursor:not-allowed}.my-pet-item.active{background:var(--purple-soft);border-color:#a88ec0}.my-pet-photo{background:var(--purple-soft);border-radius:12px;place-items:center;width:46px;height:46px;font-size:19px;display:grid;overflow:hidden}.my-pet-photo img{object-fit:cover;width:100%;height:100%}.my-pet-info{gap:2px;min-width:0;display:grid}.my-pet-info strong{font-size:13px}.my-pet-info small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.my-pet-status{color:var(--purple);white-space:nowrap;font-size:10px;font-weight:900}.my-pet-item.active .my-pet-status{color:#2e7557}@media (width<=850px){.content{padding:30px 20px 24px}.pet-hero{grid-template-columns:190px 1fr}.pet-copy{padding:25px}.pet-hero-actions{flex-direction:row;grid-column:1/-1;place-self:end;margin:0 20px 16px 0}.pet-stats{gap:18px}.care-grid,.stories-row,.feed-grid{grid-template-columns:1fr 1fr}.action-banner{grid-template-columns:50px 1fr}.action-banner .primary-button{grid-column:2;justify-self:start}.health-layout{grid-template-columns:1fr}.health-aside{order:-1}.record-bars{grid-template-columns:1fr 1fr}.plan-card{grid-template-columns:1fr}.mission-track{grid-template-columns:1fr 1fr}.trail-footer{grid-template-columns:auto 1fr}.trail-demo-button{grid-column:1/3}.digital-pass{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr}.pass-pet{grid-area:2/1}.pass-data{grid-area:1/2/4}.pass-verify{text-align:left;grid-area:3/1;justify-self:start;align-items:center;gap:12px;display:flex}.qr-demo{border-width:6px;width:72px;height:72px;margin:0}.vaccine-record{grid-template-columns:75px 1fr}.record-proof{border-left:0;border-top:1px solid var(--line);grid-column:2;grid-template-columns:1fr 1fr;align-items:center;padding:18px 0 0}}@media (width<=600px){.topbar{height:68px;padding:0 16px}.test-environment-pill{padding:7px 9px;font-size:7px}.open-pill{display:none}.content{padding:25px 16px 24px}.welcome-row{align-items:start}.welcome-row h1,.page-title h1{font-size:35px}.welcome-row .quiet-button{display:none}.pet-hero{grid-template-columns:1fr}.pet-photo-wrap{height:220px}.pet-photo-wrap:after{background:linear-gradient(#0000 55%,#5e3a84)}.pet-copy{margin-top:-5px;padding:12px 22px 26px}.pet-copy h2{font-size:34px}.pet-stats{justify-content:space-between}.pet-stats span{font-size:9px}.care-grid,.stories-row,.feed-grid,.record-bars{grid-template-columns:1fr}.action-banner{grid-template-columns:42px 1fr;gap:14px;padding:24px}.action-icon{border-radius:13px;width:42px;height:42px}.automatic-reminder{grid-template-columns:36px 1fr}.automatic-reminder button{grid-column:2;justify-self:start;padding:0}.benefit-teaser{grid-template-columns:44px 1fr;padding:23px}.benefit-teaser button{grid-column:1/3}.review-card{grid-template-columns:45px 1fr}.review-card a{text-align:center;grid-column:1/3}.profile-actions{grid-template-columns:1fr}.profile-actions button,.profile-actions a{flex-direction:row;align-items:center;min-height:72px}.profile-notifications{grid-template-columns:36px 1fr}.profile-notification-actions{grid-column:2;justify-self:start}.timeline-card{padding:18px;overflow-x:auto}.timeline-item{min-width:520px}.plan-main,.coupon-panel{padding:27px}.loyalty-trail{padding:24px}.trail-intro{grid-template-columns:1fr;gap:17px}.trail-reward{text-align:left}.mission-track{grid-template-columns:1fr}.mission-step,.mission-step p{min-height:0}.trail-footer{grid-template-columns:1fr}.trail-demo-button{grid-column:1}.vaccine-title{align-items:start}.viewer-badge{white-space:normal;text-align:center;max-width:120px}.digital-pass{grid-template-rows:auto;grid-template-columns:1fr;gap:23px;padding:24px}.pass-brand,.pass-pet,.pass-data,.pass-verify{grid-area:auto/1}.pass-data{border-top:1px solid #ffffff30;border-left:0;grid-template-columns:1fr 1fr;gap:18px;padding:20px 0 0}.pass-data div:last-child{grid-column:1/3}.pass-verify{border-top:1px solid #ffffff30;justify-self:stretch;padding-top:18px}.vaccine-summary{grid-template-columns:1fr;margin-bottom:35px}.vaccine-record{grid-template-columns:1fr;gap:17px;padding:18px}.record-date{width:76px;min-height:76px}.vaccine-fields{grid-template-columns:1fr 1fr}.record-proof{grid-column:1;grid-template-columns:1fr}.records-heading{align-items:start}.bottom-nav{justify-content:space-around;width:calc(100% - 20px);bottom:8px}.bottom-nav button{flex-direction:column;flex:1;gap:4px;min-width:0;padding:8px 4px;font-size:8px}.bottom-nav .schedule-nav{flex:1.1}.modal{padding:27px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}:root{--clinic-ink:#17152a;--clinic-muted:#747384;--clinic-line:#e8e7ed;--clinic-paper:#f6f5f8;--clinic-brand:#653f8b;--clinic-blue:#2d90cf;--clinic-green:#328560}*{box-sizing:border-box}body{background:var(--clinic-paper);color:var(--clinic-ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2d90cf44}.clinic-app{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.clinic-sidebar{color:#fff;background:linear-gradient(165deg,#17142f,#2b1c48 68%,#3b2559);flex-direction:column;height:100vh;padding:27px 19px 20px;display:flex;position:sticky;top:0}.clinic-brand{color:#fff;align-items:center;gap:10px;padding:0 8px;text-decoration:none;display:flex}.clinic-brand-mark{background:linear-gradient(145deg, var(--clinic-blue), var(--clinic-brand));border-radius:12px 12px 12px 4px;place-items:center;width:38px;height:38px;font-size:28px;font-weight:900;display:grid}.clinic-brand b,.clinic-brand small{display:block}.clinic-brand b{letter-spacing:-.8px;font-size:20px}.clinic-brand small{color:#8bd2ef;letter-spacing:2px;margin-top:2px;font-size:7px;font-weight:900}.clinic-context{background:#ffffff08;border:1px solid #ffffff13;border-radius:14px;margin:29px 0 23px;padding:15px}.clinic-context span,.clinic-context strong,.clinic-context small{display:block}.clinic-context span{color:#8dd3ef;letter-spacing:1px;font-size:7px;font-weight:900}.clinic-context strong{margin-top:7px;font-size:11px;line-height:1.35}.clinic-context small{color:#aaa4b5;margin-top:4px;font-size:8px}.clinic-sidebar nav{gap:5px;display:grid}.clinic-sidebar nav button{color:#aaa4b5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;grid-template-columns:23px 1fr auto;align-items:center;width:100%;padding:11px 12px;font-size:10px;font-weight:800;display:grid}.clinic-sidebar nav button>span{font-size:16px}.clinic-sidebar nav button i{color:#81798d;letter-spacing:.6px;font-size:5px;font-style:normal}.clinic-sidebar nav button.active{color:#fff;box-shadow:inset 3px 0 var(--clinic-blue);background:#fff1}.clinic-sidebar-foot{border-top:1px solid #fff1;align-items:center;gap:10px;margin-top:auto;padding:14px 8px 0;display:flex}.secure-dot{background:#55bd87;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #55bd8722}.clinic-sidebar-foot strong,.clinic-sidebar-foot small{display:block}.clinic-sidebar-foot strong{font-size:8px}.clinic-sidebar-foot small{color:#8f889b;margin-top:3px;font-size:6px}.clinic-workspace{min-width:0}.clinic-topbar{border-bottom:1px solid var(--clinic-line);z-index:20;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.clinic-topbar>div{align-items:center;gap:11px;display:flex}.clinic-topbar>div>strong{font-size:11px}.test-ribbon{color:#805b18;letter-spacing:.7px;background:#fff4ce;border:1px solid #efd27a;border-radius:99px;padding:6px 9px;font-size:6px;font-weight:900}.clinic-user{text-align:right}.clinic-user div strong,.clinic-user div small{display:block}.clinic-user div strong{font-size:10px}.clinic-user div small{color:var(--clinic-muted);margin-top:3px;font-size:7px}.clinic-user>span{color:#fff;background:var(--clinic-brand);border-radius:50%;place-items:center;width:36px;height:36px;font-size:9px;font-weight:900;display:grid}.clinic-content{max-width:1320px;margin:0 auto;padding:36px 38px 60px}.clinic-message{color:#563a72;background:#f1ecf6;border:1px solid #d7cbe2;border-radius:12px;align-items:center;gap:10px;margin-bottom:19px;padding:12px 15px;font-size:9px;display:flex}.clinic-message>span{background:#fff;border-radius:7px;place-items:center;width:21px;height:21px;font-weight:900;display:grid}.clinic-message.success{color:#286f4e;background:#ebf7f0;border-color:#bfe2cd}.clinic-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:27px;display:flex}.clinic-heading.compact{align-items:center}.clinic-heading>div>span,.panel-heading span,.quick-panel>span,.record-heading span,.form-eyebrow{color:var(--clinic-brand);letter-spacing:1.4px;font-size:7px;font-weight:900;display:block}.clinic-heading h1{letter-spacing:-1.5px;margin:7px 0 5px;font-size:clamp(29px,3vw,40px);line-height:1.05}.clinic-heading p{color:var(--clinic-muted);margin:0;font-size:11px}.clinic-heading>button,.record-heading button{color:#fff;background:var(--clinic-brand);cursor:pointer;border:0;border-radius:11px;padding:12px 16px;font-size:9px;font-weight:900}.clinic-heading>button:disabled{color:#928c9a;cursor:default;background:#e8e5eb}.clinic-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.clinic-stats article{border:1px solid var(--clinic-line);background:#fff;border-radius:18px;align-items:center;gap:16px;min-height:125px;padding:20px;display:flex}.stat-symbol{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:10px;display:grid}.stat-symbol.purple{color:var(--clinic-brand);background:#eee7f4}.stat-symbol.blue{color:#247eae;background:#e5f3fa}.stat-symbol.amber{color:#946e20;background:#fbf0d1}.clinic-stats small,.clinic-stats strong,.clinic-stats p{margin:0;display:block}.clinic-stats small{color:var(--clinic-muted);font-size:8px}.clinic-stats strong{margin:5px 0 4px;font-size:25px}.clinic-stats p{color:#96929e;font-size:7px}.clinic-dashboard-grid{grid-template-columns:1.45fr .75fr;gap:18px;display:grid}.clinic-panel{border:1px solid var(--clinic-line);background:#fff;border-radius:19px;min-height:335px;padding:23px}.panel-heading{border-bottom:1px solid var(--clinic-line);justify-content:space-between;align-items:start;padding-bottom:17px;display:flex}.panel-heading h2,.quick-panel h2{margin:6px 0 0;font-size:17px}.panel-heading button{color:var(--clinic-brand);cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:900}.empty-state{text-align:center;padding:58px 20px 25px}.empty-state>span{width:43px;height:43px;color:var(--clinic-brand);background:#eee7f4;border-radius:13px;place-items:center;margin:auto;font-size:22px;display:grid}.empty-state h3{margin:13px 0 5px;font-size:14px}.empty-state p{color:var(--clinic-muted);margin:0;font-size:9px}.empty-state button{border:1px solid var(--clinic-brand);color:var(--clinic-brand);cursor:pointer;background:#fff;border-radius:9px;margin-top:17px;padding:9px 12px;font-size:8px;font-weight:900}.activity-list{display:grid}.activity-list article{border-bottom:1px solid var(--clinic-line);grid-template-columns:34px 1fr auto;align-items:center;gap:12px;min-height:68px;display:grid}.activity-icon{color:#2d7955;background:#e8f5ed;border-radius:10px;place-items:center;width:31px;height:31px;font-weight:900;display:grid}.activity-list strong,.activity-list p,.activity-list small{margin:0;display:block}.activity-list strong{font-size:10px}.activity-list p,.activity-list small{color:var(--clinic-muted);margin-top:3px;font-size:7px}.quick-panel{color:#fff;background:linear-gradient(145deg,#261b3c,#4a2e69);border:0}.quick-panel>span{color:#82ceec}.quick-panel ol{gap:12px;margin:0;padding:14px 0 0;list-style:none;display:grid}.quick-panel li{background:#ffffff08;border:1px solid #ffffff13;border-radius:12px;align-items:start;gap:11px;padding:11px;display:flex}.quick-panel li>b{color:#fff;background:#3b9dcc;border-radius:9px;flex:none;place-items:center;width:27px;height:27px;font-size:9px;display:grid}.quick-panel li strong{font-size:9px}.quick-panel li p{color:#bdb6c8;margin:4px 0 0;font-size:7px;line-height:1.4}.access-card{border:1px solid var(--clinic-line);background:#fff;border-radius:24px;grid-template-columns:.82fr 1.18fr;max-width:900px;min-height:470px;margin:15px auto;display:grid;overflow:hidden;box-shadow:0 24px 70px #291c3d0d}.access-visual{color:#fff;text-align:center;background:radial-gradient(circle at 20% 15%,#55b6dd44,#0000 32%),linear-gradient(145deg,#211734,#5a367c);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.access-visual>span{background:#ffffff0c;border:1px solid #fff3;border-radius:28px;place-items:center;width:93px;height:93px;margin-bottom:24px;font-size:46px;display:grid}.access-visual strong{font-size:18px}.access-visual small{color:#c3b9cc;margin-top:8px;font-size:8px}.access-card form{padding:52px 48px}.access-card h2,.record-modal h2{letter-spacing:-1px;margin:8px 0;font-size:26px}.access-card form>p,.record-modal>p{color:var(--clinic-muted);font-size:10px;line-height:1.55}.access-card label,.record-modal label,.settings-form label{gap:7px;margin-top:20px;display:grid}.access-card label span,.record-modal label span,.settings-form label span{color:#5e5b68;font-size:8px;font-weight:800}.access-card input,.record-modal input,.record-modal select,.record-modal textarea,.settings-form input{width:100%;color:var(--clinic-ink);background:#fff;border:1px solid #dcd9e1;border-radius:10px;padding:13px 14px;font-size:10px}.demo-code{color:var(--clinic-brand);cursor:pointer;background:0 0;border:0;margin:10px 0 19px;padding:0;font-size:8px}.clinic-primary{color:#fff;background:var(--clinic-brand);cursor:pointer;border:0;border-radius:10px;width:100%;padding:13px 16px;font-size:9px;font-weight:900}.clinic-primary:disabled{opacity:.55;cursor:wait}.access-card form>small{color:#9a96a1;margin-top:13px;font-size:7px;line-height:1.5;display:block}.patient-layout{grid-template-columns:1fr 255px;align-items:start;gap:17px;display:grid}.patient-hero{color:#fff;background:linear-gradient(120deg, #372050, var(--clinic-brand), #267fae 145%);border-radius:19px;grid-template-columns:62px 1fr auto;align-items:center;gap:18px;min-height:125px;padding:20px 23px;display:grid}.patient-avatar{background:#ffffff19;border:2px solid #fff5;border-radius:18px;place-items:center;width:60px;height:60px;font-size:25px;font-weight:900;display:grid}.patient-hero>div>span{color:#a9e0f4;letter-spacing:1px;font-size:7px;font-weight:900}.patient-hero h2{margin:5px 0 3px;font-size:26px}.patient-hero p{color:#e4dcec;margin:0;font-size:9px}.patient-data{gap:22px;display:flex}.patient-data span,.patient-data strong{display:block}.patient-data span{color:#d0c6db;font-size:7px}.patient-data strong{color:#fff;margin-top:5px;font-size:9px}.record-heading{justify-content:space-between;align-items:end;margin:27px 0 13px;display:flex}.record-heading h2{margin:5px 0 0;font-size:18px}.clinical-record-list{gap:11px;display:grid}.clinical-record-list>article{border:1px solid var(--clinic-line);background:#fff;border-radius:16px;grid-template-columns:46px 1fr 150px;align-items:start;gap:15px;padding:18px;display:grid}.record-kind{width:43px;height:43px;color:var(--clinic-brand);background:#eee7f4;border-radius:12px;place-items:center;font-size:8px;font-weight:900;display:grid}.record-copy>span{color:var(--clinic-brand);font-size:7px;font-weight:900}.record-copy h3{margin:6px 0 4px;font-size:13px}.record-copy>p{color:var(--clinic-muted);margin:0;font-size:8px;line-height:1.5}.record-product{background:#f5f3f7;border-radius:8px;gap:10px;margin-top:11px;padding:7px 9px;display:inline-flex}.record-product b{font-size:7px}.record-product small{color:var(--clinic-muted);font-size:7px}.record-attestation{border-left:1px solid var(--clinic-line);padding-left:15px}.record-attestation span,.record-attestation strong,.record-attestation small,.record-attestation i{display:block}.record-attestation span{color:#328560;letter-spacing:.8px;font-size:6px;font-weight:900}.record-attestation strong{margin-top:6px;font-size:8px}.record-attestation small{color:var(--clinic-brand);margin-top:3px;font-size:7px}.record-attestation i{color:#a19ca7;margin-top:10px;font-size:6px;font-style:normal}.record-empty{text-align:center;color:var(--clinic-muted);border:1px dashed #d2ccd8;border-radius:16px;padding:45px}.record-empty>span,.record-empty strong,.record-empty p{display:block}.record-empty>span{font-size:26px}.record-empty strong{color:var(--clinic-ink);margin-top:10px;font-size:11px}.record-empty p{margin:5px 0 0;font-size:8px}.patient-aside{border:1px solid var(--clinic-line);background:#fff;border-radius:18px;padding:21px}.link-status{color:#2d7754;letter-spacing:.8px;background:#e7f5ed;border-radius:99px;padding:6px 8px;font-size:6px;font-weight:900;display:inline-block}.patient-aside h3{margin:14px 0 6px;font-size:15px}.patient-aside>p{color:var(--clinic-muted);margin:0 0 17px;font-size:8px;line-height:1.5}.patient-aside>div{border-top:1px solid var(--clinic-line);padding:12px 0}.patient-aside>div span,.patient-aside>div strong{display:block}.patient-aside>div span{color:var(--clinic-muted);font-size:7px}.patient-aside>div strong{margin-top:4px;font-size:8px}.patient-aside button{width:100%;color:var(--clinic-muted);cursor:pointer;background:#fff;border:1px solid #d6d2dc;border-radius:9px;margin-top:10px;padding:9px;font-size:7px}.editorial-board{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.editorial-board article{border:1px solid var(--clinic-line);background:#fff;border-radius:17px;align-items:start;gap:12px;min-height:230px;padding:19px;display:flex}.editorial-board article>span{color:#fff;background:var(--clinic-brand);border-radius:9px;flex:none;place-items:center;width:29px;height:29px;font-size:8px;font-weight:900;display:grid}.editorial-board h3{margin:5px 0 8px;font-size:13px}.editorial-board p{min-height:85px;color:var(--clinic-muted);margin:0;font-size:8px;line-height:1.55}.editorial-board small{color:#867f8d;background:#eeecef;border-radius:99px;margin-top:15px;padding:6px 8px;font-size:6px;font-weight:900;display:inline-block}.editorial-board small.ready{color:#2d7754;background:#e7f5ed}.editorial-note{color:#725c29;background:#fff8e4;border:1px solid #ead89f;border-radius:12px;margin-top:14px;padding:15px 17px;font-size:8px;line-height:1.5}.team-card{border:1px solid var(--clinic-line);background:#fff;border-radius:17px;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;padding:20px;display:grid}.team-avatar{color:#fff;background:var(--clinic-brand);border-radius:50%;place-items:center;width:46px;height:46px;font-size:10px;font-weight:900;display:grid}.team-card strong,.team-card p,.team-card small{margin:0;display:block}.team-card strong{font-size:11px}.team-card p{color:var(--clinic-muted);margin-top:4px;font-size:8px}.team-card small{color:var(--clinic-brand);margin-top:6px;font-size:7px}.active-member{color:#2d7754;background:#e7f5ed;border-radius:99px;padding:6px 8px;font-size:6px;font-weight:900}.roles-panel{border:1px solid var(--clinic-line);background:#fff;border-radius:17px;margin-top:16px;padding:23px}.roles-panel h2{margin:0 0 15px;font-size:16px}.roles-panel div{border-top:1px solid var(--clinic-line);grid-template-columns:120px 1fr;padding:13px 0;display:grid}.roles-panel b{font-size:9px}.roles-panel p{color:var(--clinic-muted);margin:0;font-size:8px}.settings-grid{grid-template-columns:1fr .8fr;gap:18px;display:grid}.settings-form,.brand-preview{border:1px solid var(--clinic-line);background:#fff;border-radius:19px;padding:27px}.settings-form label:first-child{margin-top:0}.settings-form>small{color:var(--clinic-muted);margin-top:18px;font-size:7px;line-height:1.5;display:block}.color-control{grid-template-columns:48px 1fr;gap:9px;display:grid}.color-control input[type=color]{height:42px;padding:3px}.brand-preview{text-align:center;color:#fff;background:linear-gradient(145deg, #211733, var(--clinic-brand));flex-direction:column;justify-content:center;align-items:center;min-height:340px;display:flex}.brand-preview>span{color:#b8dff0;letter-spacing:1px;font-size:7px;font-weight:900}.preview-mark{width:55px;height:55px;color:var(--clinic-brand);background:#fff;border-radius:17px 17px 17px 5px;place-items:center;margin:20px 0 13px;font-size:35px;font-weight:900;display:grid}.brand-preview h2{margin:0;font-size:20px}.brand-preview p{color:#ded7e5;max-width:260px;font-size:8px}.brand-preview button{color:#fff;background:#ffffff0d;border:1px solid #fff5;border-radius:9px;margin-top:14px;padding:10px 14px;font-size:8px;font-weight:900}.clinic-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0e0b1dcc;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow-y:auto}.record-modal{background:#fff;border-radius:22px;width:min(650px,100%);padding:31px;position:relative;box-shadow:0 35px 100px #0005}.record-modal-close{cursor:pointer;background:#f0eef2;border:0;border-radius:50%;width:31px;height:31px;font-size:19px;position:absolute;top:15px;right:17px}.record-modal form{margin-top:21px}.record-modal label{margin-top:12px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vaccine-form-fields{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.attestation-box{background:#eff8f3;border:1px solid #c6e3d1;border-radius:11px;align-items:start;gap:11px;margin:16px 0;padding:13px;display:flex}.attestation-box>span{color:#fff;background:#3d956b;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.attestation-box strong{font-size:8px}.attestation-box p{color:#527464;margin:4px 0 0;font-size:7px;line-height:1.5}@media (width<=1050px){.clinic-app{grid-template-columns:205px 1fr}.clinic-dashboard-grid,.patient-layout{grid-template-columns:1fr}.patient-aside{order:-1}.editorial-board{grid-template-columns:1fr 1fr}.patient-data{flex-direction:column;gap:8px}}@media (width<=760px){.clinic-app{display:block}.clinic-sidebar{width:100%;height:auto;padding:15px;position:static}.clinic-context,.clinic-sidebar-foot{display:none}.clinic-sidebar nav{margin-top:15px;display:flex;overflow-x:auto}.clinic-sidebar nav button{grid-template-columns:20px 1fr;min-width:112px}.clinic-sidebar nav button i{display:none}.clinic-topbar{height:62px;padding:0 17px;position:static}.clinic-topbar>div>strong,.clinic-user div{display:none}.clinic-content{padding:25px 16px 45px}.clinic-heading{flex-direction:column;align-items:start;gap:14px}.clinic-stats,.settings-grid,.access-card{grid-template-columns:1fr}.access-visual{min-height:210px;padding:25px}.access-visual>span{width:65px;height:65px;margin-bottom:13px;font-size:33px}.access-card form{padding:30px 22px}.patient-hero{grid-template-columns:55px 1fr}.patient-data{flex-direction:row;grid-column:1/3;justify-content:space-between}.clinical-record-list>article{grid-template-columns:43px 1fr}.record-attestation{border-left:0;border-top:1px solid var(--clinic-line);grid-column:2;padding:12px 0 0}.editorial-board{grid-template-columns:1fr}.editorial-board article,.editorial-board p{min-height:0}.form-row,.vaccine-form-fields{grid-template-columns:1fr}}
