/**
 * @file Presentation layer for experience.
 *
 * Mobile-first responsive styling only; preserve touch targets, fluid containment and the seven-breakpoint contract.
 */

@font-face{font-family:Inter;src:url('/ufoundme/assets/fonts/InterVariable.woff2') format('woff2');font-display:swap}:root{--ufm-ink:#171327;--ufm-purple:#4b2e83;--ufm-coral:#ff704d;--ufm-apricot:#ffb347;--ufm-line:#e8dfda;--ufm-shadow:0 24px 70px #271b3b14;--ufm-radius:26px}
body:not(:has(>.topbar)){color:var(--ufm-ink);background:radial-gradient(circle at 8% 12%,#ff704d14,transparent 28%),radial-gradient(circle at 91% 76%,#d9c8ff36,transparent 31%),linear-gradient(135deg,#fffaf5,#f8f4ff);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body:not(:has(>.topbar)) button,body:not(:has(>.topbar)) input,body:not(:has(>.topbar)) textarea,body:not(:has(>.topbar)) select{font:inherit}body:not(:has(>.topbar)) :focus-visible{outline:3px solid #ff704d55;outline-offset:3px}
body:not(:has(>.topbar)) .primary,body:not(:has(>.topbar)) .auth-primary{border:0!important;color:#fff!important;background:linear-gradient(120deg,var(--ufm-ink),#32234c)!important;box-shadow:0 12px 28px #17132720;transition:transform .18s ease,box-shadow .18s ease}body:not(:has(>.topbar)) .primary:hover,body:not(:has(>.topbar)) .auth-primary:hover{transform:translateY(-2px);box-shadow:0 17px 34px #1713272b}body:not(:has(>.topbar)) .secondary,body:not(:has(>.topbar)) .auth-secondary{border-color:var(--ufm-line)!important;background:#fff!important;transition:border-color .18s ease,transform .18s ease}body:not(:has(>.topbar)) .secondary:hover,body:not(:has(>.topbar)) .auth-secondary:hover{border-color:#ff704d88!important;transform:translateY(-1px)}
.dash-head{border-bottom-color:#1713270d!important;background:#fffdfbd9!important;backdrop-filter:blur(18px)}.dashboard.owner-office,.dashboard.studio-page{width:min(1240px,100%);min-height:calc(100svh - 76px);padding-top:clamp(38px,7vh,78px);padding-bottom:90px}.welcome{min-height:150px;padding:28px 31px;display:flex;justify-content:center;flex-direction:column;border:1px solid #ffffffb8;border-radius:var(--ufm-radius);overflow:hidden;background:radial-gradient(circle at 90% 20%,#ffb34745,transparent 24%),radial-gradient(circle at 75% 130%,#ff704d36,transparent 35%),linear-gradient(120deg,#fff,#fbf5ff);box-shadow:var(--ufm-shadow)}.welcome::before{width:8px;height:8px;margin-bottom:9px;border-radius:50%;background:var(--ufm-coral);content:''}.welcome p{color:var(--ufm-purple)!important;font-size:.72rem}.welcome h1{max-width:800px;margin:4px 0 0!important;font-size:clamp(2.1rem,4.4vw,4rem)!important;line-height:1;letter-spacing:-.055em}.service-pill{padding:9px 13px;border-radius:999px;font-size:.65rem;font-weight:850}.service-pill.is-active{color:#087250;background:#dcf5e9}.service-pill.is-locked{color:#92520c;background:#fff0d8}
.owner-office>.tabs{width:100%;margin:16px 0 22px;padding:7px;gap:4px;border:1px solid #e8e0ea;background:#f2edf6d9;box-shadow:0 9px 26px #1713270c}.owner-office>.tabs button{min-height:46px;justify-content:center;flex:1;padding:10px 14px}.owner-office>.tabs button.active{color:#fff;background:var(--ufm-purple);box-shadow:0 8px 20px #4b2e8330}.owner-office>.tabs button.active img{filter:brightness(0) invert(1)}.owner-office>section[data-panel]{min-height:360px;padding:clamp(20px,3vw,34px);border:1px solid #ffffffc9;border-radius:var(--ufm-radius);background:#ffffffd9;box-shadow:var(--ufm-shadow);backdrop-filter:blur(14px)}.section-title{align-items:center!important}.section-title h2{font-size:clamp(1.55rem,3vw,2.25rem)!important;letter-spacing:-.04em}.section-title p{max-width:65ch;line-height:1.65}.owner-pet-card,.account-card,.security-card,.thread,.badge-claim{border-color:#eadfe6!important;box-shadow:0 11px 30px #1713270a!important}.owner-pet-card:hover,.thread:hover{border-color:#ff704d70!important;transform:translateY(-2px);box-shadow:0 17px 36px #17132712!important}.owner-pet-card,.thread{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.status{width:max-content;padding:5px 8px;border-radius:999px;background:#fff0e8}.status.on{background:#dcf5e9}.empty{border:1px dashed #d7cadb!important;background:linear-gradient(135deg,#fff,#faf5ff)!important}
.adoption-path{margin:14px 0 0;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #eadfe4;border-radius:20px;background:#fffdfbd9;box-shadow:0 12px 32px #1713270b}.adoption-path>div>small{display:block;margin-bottom:8px;color:#746c79;font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.adoption-path ol{margin:0;padding:0;display:flex;align-items:center;gap:9px;list-style:none}.adoption-path li{display:flex;align-items:center;gap:7px;color:#918a95;font-size:.7rem;font-weight:750}.adoption-path li+li::before{width:25px;height:1px;margin-right:2px;background:#ddd4df;content:''}.adoption-path li b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#eee8ef}.adoption-path li.done{color:#087250}.adoption-path li.done b{color:#087250;background:#dcf5e9}.adoption-path li.done b::after{content:'✓';font-size:.7rem}.adoption-path li.done b{font-size:0}.adoption-path li.current{color:var(--ufm-purple)}.adoption-path li.current b{color:#fff;background:var(--ufm-coral);box-shadow:0 0 0 5px #ff704d14}.adoption-path>.primary{min-width:210px;min-height:52px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;text-decoration:none}.adoption-path>.primary small{font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;opacity:.68}
.studio-shell{margin-top:18px;border:1px solid #e4d8df!important;border-radius:30px!important;box-shadow:0 30px 85px #271b3b1b!important;background:#fff!important}.studio-steps{padding:8px;background:#f5eff6!important}.studio-steps button{min-height:58px;border:0!important;border-radius:16px!important;background:transparent!important}.studio-steps button b{transition:background .18s,color .18s}.studio-steps button.active{color:var(--ufm-purple)!important;background:#fff!important;box-shadow:0 8px 22px #271b3b10}.studio-steps button.active b{color:#fff!important;background:var(--ufm-coral)!important}.studio-editor{background:#fffdfb!important}.studio-editor h2{max-width:16ch;font-size:clamp(1.8rem,3vw,2.65rem)!important;line-height:1.04;letter-spacing:-.05em}.studio-editor .eyebrow{color:var(--ufm-coral)!important}.studio-editor input,.studio-editor textarea,.studio-editor select{border-color:#ddd2d9!important;background:#fff!important}.studio-editor input:focus,.studio-editor textarea:focus,.studio-editor select:focus{border-color:var(--ufm-coral)!important;box-shadow:0 0 0 4px #ff704d12}.studio-preview{background:radial-gradient(circle at 50% 45%,#fff 0,#f5edf7 45%,#eee7e2 100%)!important}.studio-phone{filter:drop-shadow(0 28px 32px #251a3d26)}.studio-actions{border-top-color:#ece3e7!important;background:#fffdfb!important}
.auth-shell{min-height:100svh!important;background:radial-gradient(circle at 12% 15%,#ff704d24,transparent 26%),radial-gradient(circle at 86% 80%,#d8c4ff45,transparent 31%),linear-gradient(135deg,#fffaf4,#f8f4ff)!important}.auth-story{align-self:center}.auth-story h1{max-width:13ch;line-height:.96!important;letter-spacing:-.055em!important}.auth-card{position:relative;overflow:hidden!important;border:1px solid #eadde4!important;border-radius:30px!important;background:#fffdfbf2!important;box-shadow:0 30px 85px #271b3b1c!important}.auth-card::before{height:6px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,var(--ufm-coral),var(--ufm-apricot),var(--ufm-purple));content:''}.auth-card input{border-color:#dfd4da!important;background:#fff!important}.auth-card input:focus{border-color:var(--ufm-coral)!important;box-shadow:0 0 0 4px #ff704d12!important}.auth-login-tabs{padding:5px;border-radius:16px;background:#f3edf5}.auth-login-tab{border-radius:12px!important}.auth-login-tab.is-active{background:#fff!important;box-shadow:0 7px 18px #17132710}.auth-provider{border-radius:15px!important}
.summary,body>main>article{border-color:#eadfe4!important;background:#fffdfbea!important;box-shadow:var(--ufm-shadow)!important}.summary .lines article{transition:transform .18s,border-color .18s}.summary .lines article:hover{border-color:#ff704d70;transform:translateX(3px)}.chat-page{background:radial-gradient(circle at 12% 20%,#ff704d1f,transparent 26%),radial-gradient(circle at 85% 78%,#d8c4ff40,transparent 30%),#fffaf5!important}.chat-phone{box-shadow:0 30px 90px #251a3d22!important}
@media(max-width:1000px){.owner-office>.tabs button{flex:0 0 auto}.dashboard.owner-office,.dashboard.studio-page{padding-top:72px}.welcome{min-height:135px}.owner-office>section[data-panel]{padding:20px}.adoption-path{align-items:stretch;flex-direction:column}.adoption-path>.primary{width:100%}}@media(max-width:700px){.dashboard.owner-office,.dashboard.studio-page{padding:68px 12px 90px}.welcome{padding:22px;border-radius:22px}.welcome h1{font-size:2.15rem!important}.owner-office>.tabs{border-radius:15px}.owner-office>section[data-panel]{min-height:0;border-radius:22px}.section-title{align-items:flex-start!important}.studio-shell{border-radius:22px!important}.studio-steps{position:sticky;z-index:8;top:58px}.auth-card{border-radius:24px!important}.adoption-path ol{align-items:flex-start;flex-direction:column}.adoption-path li+li::before{width:1px;height:13px;margin:0 0 0 12px}.adoption-path li+li{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.primary,.secondary,.owner-pet-card,.thread,.summary .lines article{transition:none!important}}
.welcome h1{font-size:clamp(1.7rem,2.65vw,2.55rem)!important;font-weight:610!important;line-height:1.08!important;letter-spacing:-.035em!important}.studio-editor h2{max-width:22ch!important;font-size:clamp(1.15rem,1.6vw,1.45rem)!important;font-weight:610!important;line-height:1.2!important;letter-spacing:-.025em!important}@media(max-width:700px){.welcome h1{font-size:1.7rem!important}}