:root{--brand: #F2A23C;--on-brand: #26302A;--brand-soft: #FDEFD8;--on-brand-soft: #7A4A06;--motif: #5C7A6B;--action: #26302A;--on-action: #FFFFFF;--soft: #E6EEE8;--on-soft: #3D5A4B;--accent: #5C7A6B;--link: #3D5A4B;--ink: #26302A;--ink-2: #55615A;--ink-3: #7F8A84;--inverse: #FFFFFF;--bg: #F7F5EF;--surface: #FFFFFF;--line: #E8E4DA;--line-strong: #CFC9BC;--page: #E9E6DC;--glass: rgba(255, 255, 255, .78);--glass-edge: rgba(255, 255, 255, .7);--land: #D2DDD5;--forest: #1F2A24;--t0: #FCE3BC;--t1: #D9E6DE;--t2: #ECE7D8;--shadow: 38, 48, 42;--danger: #B8442F;--danger-soft: #FBE9E5;--focus: #5C7A6B;--display: "Baloo 2", system-ui, sans-serif;--text: "DM Sans", system-ui, sans-serif;--pad: 20px;--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.3, 1.5, .5, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-mode=light]):not([data-theme=light]){--brand-soft: #3A2E17;--on-brand-soft: #F7C77E;--motif: #5C7A6B;--action: #F2A23C;--on-action: #26302A;--soft: #26342C;--on-soft: #B5D0C1;--accent: #8FB3A0;--link: #B5D0C1;--ink: #F3F0E8;--ink-2: #BDC6C0;--ink-3: #8C9891;--inverse: #171D1A;--bg: #151B18;--surface: #1F2823;--line: #2D3832;--line-strong: #46534B;--page: #0D110F;--glass: rgba(31, 40, 35, .78);--glass-edge: rgba(255, 255, 255, .08);--shadow: 0, 0, 0;--land: #2A3930;--forest: #24322A;--t0: #4B3713;--t1: #2B3D33;--t2: #30352F;--danger: #F08A75;--danger-soft: #3A211C;--focus: #8FB3A0;color-scheme:dark}}:root[data-mode=dark],:root[data-theme=dark]:not([data-mode=light]){--brand-soft: #3A2E17;--on-brand-soft: #F7C77E;--motif: #5C7A6B;--action: #F2A23C;--on-action: #26302A;--soft: #26342C;--on-soft: #B5D0C1;--accent: #8FB3A0;--link: #B5D0C1;--ink: #F3F0E8;--ink-2: #BDC6C0;--ink-3: #8C9891;--inverse: #171D1A;--bg: #151B18;--surface: #1F2823;--line: #2D3832;--line-strong: #46534B;--page: #0D110F;--glass: rgba(31, 40, 35, .78);--glass-edge: rgba(255, 255, 255, .08);--shadow: 0, 0, 0;--land: #2A3930;--forest: #24322A;--t0: #4B3713;--t1: #2B3D33;--t2: #30352F;--danger: #F08A75;--danger-soft: #3A211C;--focus: #8FB3A0;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--text);font-size:15px;line-height:1.45;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,p{margin:0}h1,h2,h3{text-wrap:balance}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}.ic{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ic.fill{fill:currentColor;stroke:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.muted{color:var(--ink-3);font-size:13px}.app-shell{height:100vh;height:100dvh;display:flex;justify-content:center}.phone{position:relative;width:100%;max-width:520px;height:100%;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;isolation:isolate}.screen{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;view-transition-name:screen;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.content{padding:8px var(--pad) 32px}.with-tabs .content{padding-bottom:116px}@media(min-width:640px){.app-shell{align-items:center;padding:24px}.phone{max-width:412px;height:min(880px,calc(100dvh - 48px));border-radius:40px;box-shadow:0 40px 90px rgba(var(--shadow),.22),0 0 0 1px var(--line)}::view-transition-group(screen){border-radius:40px}}::view-transition-group(*){animation-duration:.34s;animation-timing-function:var(--ease)}::view-transition-group(screen){overflow:clip}::view-transition-old(screen),::view-transition-new(screen){animation-duration:.34s;animation-timing-function:var(--ease);mix-blend-mode:normal;height:100%;object-fit:cover;object-position:top}html[data-vt=forward]::view-transition-old(screen){animation-name:vt-out-left}html[data-vt=forward]::view-transition-new(screen){animation-name:vt-in-right}html[data-vt=back]::view-transition-old(screen){animation-name:vt-out-right;z-index:2}html[data-vt=back]::view-transition-new(screen){animation-name:vt-in-left}html[data-vt=tab]::view-transition-old(screen){animation-name:vt-fade-out;animation-duration:.16s}html[data-vt=tab]::view-transition-new(screen){animation-name:vt-rise-in;animation-duration:.3s}html[data-vt=flow]::view-transition-old(screen),html[data-vt=flow]::view-transition-new(screen){animation-duration:.2s}@keyframes vt-out-left{to{transform:translate(-26%);opacity:0}}@keyframes vt-in-right{0%{transform:translate(100%)}}@keyframes vt-out-right{to{transform:translate(100%)}}@keyframes vt-in-left{0%{transform:translate(-26%);opacity:0}}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-rise-in{0%{opacity:0;transform:translateY(12px) scale(.985)}}::view-transition-group(tabbar){z-index:20}::view-transition-old(tabbar):only-child{animation:vt-tab-out .26s var(--ease) both}::view-transition-new(tabbar):only-child{animation:vt-tab-in .34s var(--spring) both}@keyframes vt-tab-out{to{transform:translateY(130%)}}@keyframes vt-tab-in{0%{transform:translateY(130%)}}::view-transition-old(tabpill):only-child{animation:vt-tab-out .26s var(--ease) both}::view-transition-new(tabpill):only-child{animation:vt-tab-in .34s var(--spring) both}::view-transition-group(tabpill){z-index:21;animation-timing-function:var(--spring);animation-duration:.38s}::view-transition-group(avatar){z-index:30;animation-duration:.4s}::view-transition-old(avatar),::view-transition-new(avatar){height:100%;width:100%;object-fit:cover;object-position:center 22%;border-radius:28px}.tabbar{position:absolute;z-index:15;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);padding:7px 6px;border-radius:26px;background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);box-shadow:0 14px 34px rgba(var(--shadow),.2),inset 0 0 0 1px var(--glass-edge);view-transition-name:tabbar;transition:transform .38s var(--spring),opacity .25s}.tabbar.away{transform:translateY(140%);opacity:0}.tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px 0;font-size:10.5px;letter-spacing:-.01em;white-space:nowrap;font-weight:600;color:var(--ink-3);transition:color .2s}.tab-ic{display:grid;place-items:center;width:54px;height:32px;border-radius:999px;transition:transform .25s var(--spring)}.tab:active .tab-ic{transform:scale(.86)}.tab.active{color:var(--ink)}.tab.active .tab-ic{background:var(--brand);color:var(--on-brand);view-transition-name:tabpill}.badge{position:absolute;top:-2px;left:calc(50% + 9px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px var(--surface);animation:pop .35s var(--spring) both}.topbar{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:6px;padding:calc(10px + env(safe-area-inset-top)) 10px 8px;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar h2{flex:1;font:700 19px/1.2 var(--display);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar.left h2{text-align:left;padding-left:10px;font-size:28px;font-weight:800;letter-spacing:-.01em}.icon-btn{position:relative;flex:none;width:44px;height:44px;border-radius:15px;display:grid;place-items:center;color:var(--ink);transition:background .15s,transform .2s var(--spring)}.icon-btn:active{background:var(--soft);transform:scale(.9)}.icon-btn.solid{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.icon-btn.spacer{visibility:hidden}.icon-btn .badge{top:0;left:auto;right:0}.hero{position:relative;overflow:hidden;background:var(--brand);color:var(--on-brand);min-height:calc(280px + env(safe-area-inset-top));padding:calc(16px + env(safe-area-inset-top)) var(--pad) 78px;border-radius:0 0 38px 38px}.hero:after{content:"";position:absolute;right:36px;top:calc(26px + env(safe-area-inset-top));width:116px;height:236px;border-radius:48px;background:var(--motif);transform:skew(-12deg) rotate(10deg);animation:motif-in .7s var(--spring) both}@keyframes motif-in{0%{transform:skew(-12deg) rotate(24deg) translateY(-70px)}}.hero>*{position:relative;z-index:1}.hero-top{display:flex;align-items:center;gap:10px;min-height:30px}.logo{height:24px;width:auto;display:block}.hero h1{font:800 34px/1.02 var(--display);letter-spacing:-.015em;margin:26px 0 6px;max-width:58%}.hero p{font-size:15px;opacity:.86;max-width:54%}.hero.pitch h1{font-size:27px;line-height:1.05;max-width:58%;text-wrap:balance}.hero.pitch p{font-size:14px;line-height:1.4;max-width:58%}.demo-chip{font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:#26302a24}.finder{position:relative;z-index:2;margin-top:-62px;padding:14px 12px 12px;border-radius:28px;background:var(--surface);box-shadow:0 18px 40px rgba(var(--shadow),.14),inset 0 0 0 1px var(--line)}.finder-head{min-height:52px;padding:2px 136px 10px 6px}.finder-head b{display:block;font:700 19px/1.15 var(--display);white-space:nowrap}.finder-head span{font-size:13px;color:var(--ink-3)}.hero-pet{position:absolute;z-index:3;right:12px;bottom:calc(100% - 20px);width:122px;transform-origin:50% 78%;animation:pet-in .8s .1s var(--spring) both}.hero-pet img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 12px rgba(38,48,42,.26))}.hero-pet.hop{animation:wiggle .7s var(--spring)}@keyframes pet-in{0%{transform:translateY(46px) scale(.9);opacity:0}}@keyframes wiggle{20%{transform:rotate(-6deg) translateY(-8px)}50%{transform:rotate(5deg)}78%{transform:rotate(-2deg)}}.quick{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none;margin-right:-12px;padding-right:12px}.quick::-webkit-scrollbar{display:none}.quick button{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:999px;background:var(--soft);color:var(--on-soft);font-size:13px;font-weight:600;transition:transform .2s var(--spring),filter .15s}.quick button:active{transform:scale(.94);filter:brightness(.95)}.quick .ic{width:16px;height:16px}.mini-bar{display:none}@supports (animation-timeline: scroll()){.mini-bar{position:sticky;top:0;z-index:7;height:0;display:block}.mini-bar>div{display:flex;align-items:center;justify-content:space-between;height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0 var(--pad);background:var(--brand);color:var(--on-brand);box-shadow:0 6px 18px rgba(var(--shadow),.16);animation:mini-in linear both;animation-timeline:scroll(nearest block);animation-range:150px 230px}.mini-bar .icon-btn{color:var(--on-brand)}@keyframes mini-in{0%{opacity:0;transform:translateY(-100%)}}.hero-inner{animation:hero-out linear both;animation-timeline:scroll(nearest block);animation-range:0px 200px}@keyframes hero-out{to{opacity:.2;transform:translateY(24px) scale(.97)}}}.search{display:flex;align-items:center;gap:10px;height:54px;padding:0 16px;border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 10px 26px #26302a29;transition:box-shadow .2s,transform .2s var(--ease)}.search:focus-within{box-shadow:0 12px 30px #26302a38,0 0 0 3px #26302a2e}.search .ic{color:var(--ink-3)}.search input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:16px}.search input::-webkit-search-cancel-button{display:none}.search.flat{box-shadow:inset 0 0 0 1.5px var(--line)}.search.flat:focus-within{box-shadow:inset 0 0 0 1.5px var(--focus),0 0 0 4px color-mix(in srgb,var(--focus) 18%,transparent)}.segmented{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border-radius:16px;background:var(--line)}.segmented button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;height:38px;border-radius:12px;font-size:14px;font-weight:700;color:var(--ink-2);transition:color .2s}.segmented button .ic{width:17px;height:17px}.segmented button.on{color:var(--ink);background:var(--surface);box-shadow:0 2px 8px rgba(var(--shadow),.12)}.segmented button .n{font-size:12px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--soft);color:var(--on-soft)}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:28px 0 12px}.section-title h3{font:700 20px/1.2 var(--display);letter-spacing:-.005em}.section-title a,.section-title .more{font-size:13px;font-weight:700;color:var(--link)}.section-title .count{font-size:13px;color:var(--ink-3)}.cat-row{display:flex;gap:6px;overflow-x:auto;margin:0 calc(var(--pad) * -1);padding:32px calc(var(--pad) - 2px) 8px;scroll-snap-type:x proximity;scrollbar-width:none}.cat-row::-webkit-scrollbar{display:none}.category{flex:none;width:82px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--ink-2);scroll-snap-align:start}.category .tile{position:relative;width:78px;height:62px;border-radius:24px;background:var(--t0);transition:transform .3s var(--spring),background .2s,box-shadow .2s}.category.t1 .tile{background:var(--t1)}.category.t2 .tile{background:var(--t2)}.category .pop{--m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 62'%3E%3Cpath d='M0 0h78v38a24 24 0 0 1-24 24H24A24 24 0 0 1 0 38z'/%3E%3C/svg%3E");position:absolute;left:50%;bottom:0;width:98px;height:96px;margin-left:-49px;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) top / 100% 35px no-repeat,var(--m) bottom center / 78px 62px no-repeat;mask:linear-gradient(#000 0 0) top / 100% 35px no-repeat,var(--m) bottom center / 78px 62px no-repeat}.category .pop img{position:absolute;left:4px;bottom:0;width:90px;height:88px;object-fit:contain;object-position:center bottom;transform-origin:50% 100%;transition:transform .35s var(--spring)}.category:active .pop img{transform:translateY(-4px) scale(1.08)}.category:active .tile{transform:scale(.95)}.category.active{color:var(--ink)}.category.active .tile{background:var(--brand);box-shadow:0 10px 20px #f2a23c6b;transform:translateY(-4px)}.category.active .pop img{transform:scale(1.06)}.cat-row.static{flex-wrap:wrap;overflow:visible;margin:0;padding:30px 0 0;row-gap:34px;gap:10px}.cat-row.static .category{width:auto;min-width:82px;max-width:46%;cursor:default;color:var(--ink);font-size:13px}.cat-row.static .category small{display:block;margin-top:-4px;font-size:12px;font-weight:500;color:var(--ink-3);text-align:center}.chips{display:flex;gap:8px;overflow-x:auto;margin:0 calc(var(--pad) * -1);padding:2px var(--pad);scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips.wrap{flex-wrap:wrap;overflow:visible;margin:0;padding:0}.chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:background .18s,color .18s,transform .2s var(--spring)}.chip .ic{width:17px;height:17px}button.chip:active{transform:scale(.93)}.chip.active{background:var(--ink);color:var(--inverse);box-shadow:none}.chip.static{background:var(--soft);color:var(--on-soft);box-shadow:none}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--on-soft);font-size:12px;font-weight:600}.tag.warm{background:var(--brand-soft);color:var(--on-brand-soft)}.tag.quiet{background:var(--line);color:var(--ink-2)}.tag .ic{width:14px;height:14px}.tag.with-pic{padding-left:4px;gap:6px}.tag img{width:22px;height:22px;border-radius:50%;object-fit:cover}.avatar{--a1: var(--soft);--a2: var(--soft);--af: var(--on-soft);--am: var(--brand);position:relative;flex:none;overflow:hidden;width:60px;height:60px;border-radius:26%;display:grid;place-items:center;background:linear-gradient(140deg,var(--a1),var(--a2));color:var(--af);font:800 26px/1 var(--display)}.avatar:after{content:"";position:absolute;right:13%;top:-16%;width:19%;height:46%;border-radius:40%;background:var(--am);transform:skew(-12deg) rotate(10deg)}.avatar.plain:after{display:none}.avatar.v0{--a1: #F2A23C;--a2: #F7BC6A;--af: #26302A;--am: #5C7A6B}.avatar.v1{--a1: #5C7A6B;--a2: #7E9C8C;--af: #FFFFFF;--am: #F2A23C}.avatar.v2{--a1: #26302A;--a2: #3D4C43;--af: #FFFFFF;--am: #F2A23C}.avatar.v3{--a1: #FDEFD8;--a2: #F8DDB0;--af: #7A4A06;--am: #5C7A6B}.avatar.v4{--a1: #DCE8E0;--a2: #C4D7CB;--af: #2F4A3D;--am: #F2A23C}.avatar.sm{width:48px;height:48px;font-size:21px}.avatar.xs{width:36px;height:36px;font-size:16px}.avatar.lg{width:96px;height:96px;font-size:42px;box-shadow:0 0 0 5px var(--bg),0 14px 30px rgba(var(--shadow),.18)}.avatar.pet{--a1: var(--surface);--a2: var(--surface);font-size:48px}.avatar.photo{background:var(--soft)}.avatar.photo:after{display:none}.avatar.photo img,.emoji.photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}.emoji.photo{overflow:hidden}.cards{display:grid;gap:12px}.panel{background:var(--surface);border-radius:22px;padding:16px;box-shadow:inset 0 0 0 1px var(--line)}.panel p{font-size:14px;color:var(--ink-2);line-height:1.55}.sitter-card{position:relative;display:flex;gap:14px;width:100%;text-align:left;padding:14px;border-radius:24px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:transform .25s var(--spring)}.sitter-card:active{transform:scale(.975)}.sitter-card .body{flex:1;min-width:0}.sitter-card h4{display:flex;align-items:center;gap:5px;font:700 17px/1.2 var(--display);padding-right:36px}.sitter-card h4 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sitter-card.has-photo{align-items:stretch;padding:10px 14px 10px 10px}.sitter-card .avatar.photo{width:92px;height:auto;min-height:112px;border-radius:18px}.sitter-card.has-photo .body{padding:4px 0}.verified{color:var(--accent);width:18px;height:18px}.meta{display:flex;align-items:center;gap:4px;margin:2px 0 8px;font-size:13px;color:var(--ink-3)}.meta .ic{width:15px;height:15px}.card-foot{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:10px;font-size:13px;color:var(--ink-2)}.rating{display:inline-flex;align-items:center;gap:4px;font-weight:600;white-space:nowrap}.rating .ic{width:15px;height:15px;color:var(--brand)}.price{font:800 17px/1 var(--display);color:var(--ink);white-space:nowrap}.price small{font:500 12px var(--text);color:var(--ink-3)}.heart{position:absolute;top:8px;right:8px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3);transition:color .15s,transform .2s var(--spring)}.heart:active{transform:scale(.8)}.heart.on{color:var(--danger)}.heart.on .ic{fill:currentColor;animation:pop .4s var(--spring)}@keyframes pop{0%{transform:scale(.4)}}.rail{display:flex;gap:12px;overflow-x:auto;margin:0 calc(var(--pad) * -1);padding:4px var(--pad) 10px;scroll-snap-type:x mandatory;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.feature{position:relative;isolation:isolate;flex:none;width:214px;height:284px;scroll-snap-align:center;border-radius:30px;overflow:hidden;cursor:pointer;text-align:left;color:#fff;background:var(--soft);transition:transform .25s var(--spring)}.feature:active{transform:scale(.97)}.feature .shot{position:absolute;inset:0}.feature .shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%;transition:transform .7s var(--ease)}.feature:active .shot img{transform:scale(1.06)}.feature .shot.blank{display:grid;place-items:center;background:linear-gradient(150deg,var(--b1, #F7BC6A),var(--b2, #F2A23C))}.feature .shot.blank span{font:800 104px/1 var(--display);color:#ffffffe0;transform:translateY(-30px)}.shot.blank.v1{--b1: #86A494;--b2: #5C7A6B}.shot.blank.v2{--b1: #44544A;--b2: #26302A}.shot.blank.v3{--b1: #F2C27A;--b2: #E0902A}.shot.blank.v4{--b1: #A9C5B6;--b2: #6F8F7F}.feature:after{content:"";position:absolute;z-index:1;inset:38% 0 0;background:linear-gradient(transparent,#121814db);pointer-events:none}.feature .pill{position:absolute;z-index:2;left:12px;top:12px;display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 11px;border-radius:999px;background:#ffffffed;color:#26302a;font-size:13px;font-weight:700}.feature .pill .ic{width:14px;height:14px;color:var(--brand)}.feature .heart{z-index:2;color:#fff;background:#26302a57;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feature .heart.on{color:#fff;background:var(--danger)}.feature .body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:14px 16px 16px}.feature h4{display:flex;align-items:center;gap:5px;font:700 20px/1.15 var(--display)}.feature h4 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature .verified{color:#fff}.feature .meta{margin:3px 0 11px;color:#ffffffd6;white-space:nowrap;overflow:hidden}.feature .price{display:inline-block;height:32px;padding:0 13px;border-radius:999px;background:var(--brand);color:#26302a;font-size:15px;line-height:32px}.feature .price small{color:#26302ab8}.next{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;width:100%;margin-top:18px;padding:16px;border-radius:24px;background:var(--action);color:var(--on-action);text-align:left;transition:transform .25s var(--spring)}.next:active{transform:scale(.98)}.next .when{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:color-mix(in srgb,var(--on-action) 14%,transparent);font:800 22px/1 var(--display);text-align:center}.next .when small{display:block;font:600 11px var(--text);opacity:.8;margin-top:2px}.next b{display:block;font:700 17px/1.2 var(--display)}.next span.sub{font-size:13px;opacity:.8}.next>.ic{margin-left:auto;opacity:.7}.next .txt{flex:1;min-width:0}.next .pet{flex:none;width:54px;height:54px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px color-mix(in srgb,var(--on-action) 24%,transparent)}.next .pet img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}.pet-row{display:flex;gap:12px;overflow-x:auto;margin:0 calc(var(--pad) * -1);padding:2px var(--pad) 6px;scrollbar-width:none}.pet-row::-webkit-scrollbar{display:none}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid2>*{min-width:0}.animal-card{position:relative;isolation:isolate;overflow:hidden;flex:none;width:134px;height:168px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:14px;border-radius:26px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-align:left;transition:transform .25s var(--spring)}.grid2 .animal-card{width:auto;height:196px}.animal-card:active{transform:scale(.95) rotate(-1.5deg)}.animal-card .emoji{position:absolute;left:14px;top:14px;width:54px;height:54px;border-radius:19px;display:grid;place-items:center;font-size:29px;background:var(--soft)}.animal-card .cap{position:relative;z-index:2;display:block;min-width:0}.animal-card h4{font:700 18px/1.15 var(--display)}.animal-card .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .7s var(--ease)}.animal-card:active .bg{transform:scale(1.06)}.animal-card.has-photo{color:#fff;box-shadow:none}.animal-card.has-photo:after{content:"";position:absolute;z-index:1;inset:45% 0 0;background:linear-gradient(transparent,#121814cc)}.animal-card.has-photo .muted{color:#ffffffd6}.animal-card.add{align-items:center;justify-content:center;text-align:center;color:var(--link);background:transparent;box-shadow:none;border:1.5px dashed var(--line-strong);font-weight:700;font-size:13px;gap:8px}.animal-card.add .emoji{position:static;color:var(--on-soft)}.select-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);text-align:left;transition:box-shadow .15s,transform .2s var(--spring)}.select-card:active{transform:scale(.98)}.select-card .emoji{flex:none;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:25px;background:var(--soft)}.select-card b{display:block;font:700 16px/1.2 var(--display)}.select-card .tick{margin-left:auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--line-strong);color:transparent;transition:background .2s,transform .3s var(--spring)}.select-card .tick .ic{width:15px;height:15px;stroke-width:2.8}.select-card.on{box-shadow:inset 0 0 0 2px var(--ink)}.select-card.on .tick{background:var(--ink);color:var(--inverse);box-shadow:none;transform:scale(1.08)}.btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;margin-top:10px;padding:0 18px;border-radius:18px;font:700 16px/1 var(--display);transition:transform .2s var(--spring),filter .15s,background .2s}.btn:active{transform:scale(.96);filter:brightness(.95)}.btn.primary{background:var(--action);color:var(--on-action)}.btn.brand{background:var(--brand);color:var(--on-brand)}.btn.secondary{background:var(--soft);color:var(--on-soft)}.btn.ghost{box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--ink)}.btn.danger{color:var(--danger);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--danger) 38%,transparent)}.btn.on-brand{background:#fff;color:#26302a}.btn.dark{background:#26302a;color:#fff}.btn.small{min-height:44px;font-size:15px;border-radius:15px}.btn.fit{width:auto}.btn.loading{pointer-events:none;color:transparent}.btn.loading:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;border:2.5px solid var(--on-action);border-right-color:transparent;animation:spin .7s linear infinite}.btn.secondary.loading:after,.btn.ghost.loading:after,.btn.on-brand.loading:after,.btn.danger.loading:after{border-color:var(--ink);border-right-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.btn-row .btn{margin-top:0}.text-link{display:block;width:100%;text-align:center;padding:14px 8px 4px;font-size:14px;font-weight:700;color:var(--link)}.dock{position:sticky;bottom:0;z-index:8;display:flex;align-items:center;gap:12px;margin:22px calc(var(--pad) * -1) -32px;padding:12px var(--pad) calc(14px + env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 -1px 0 var(--line)}.dock .btn{margin-top:0}.dock .sum{flex:1;min-width:0;line-height:1.25}.dock .sum b{display:block;font:800 20px/1.1 var(--display);transform-origin:left center}.dock .sum b.tick{animation:tick .45s var(--spring)}@keyframes tick{0%{transform:scale(.7);opacity:.3}}.dock .sum span{font-size:13px;color:var(--ink-3)}.dock.col{flex-direction:column;align-items:stretch;gap:8px}.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--ink-2)}.field input,.field select,.field textarea{width:100%;min-width:0;max-width:100%;min-height:54px;padding:14px 15px;border:1.5px solid var(--line);border-radius:16px;background:var(--surface);font-size:16px;outline:0;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}.field textarea{min-height:108px;resize:vertical;line-height:1.5}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237F8A84' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--focus);box-shadow:0 0 0 4px color-mix(in srgb,var(--focus) 18%,transparent)}.field input::placeholder,.field textarea::placeholder{color:var(--ink-3)}.field .hint{margin-top:6px;font-size:12px;color:var(--ink-3)}.field .with-btn{position:relative}.field .with-btn input{padding-right:52px}.field .with-btn button{position:absolute;right:5px;top:5px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--ink-3)}.range-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.range-row b{font:800 18px var(--display)}input[type=range]{width:100%;height:30px;accent-color:var(--brand)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-weight:600}.switch-row:last-child{border-bottom:0;padding-bottom:0}.switch-row:first-child{padding-top:0}.switch-row small{display:block;font-weight:400;color:var(--ink-3);font-size:13px}.switch{flex:none;position:relative;width:52px;height:32px;border-radius:999px;background:var(--line-strong);transition:background .25s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .3s var(--spring)}.switch.on{background:var(--brand)}.switch.on:after{transform:translate(20px)}.svc-list{display:grid;gap:10px}.svc{border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow .15s}.svc.on{box-shadow:inset 0 0 0 2px var(--ink)}.svc:focus-within{outline:3px solid var(--focus);outline-offset:2px}.svc-main{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}.svc-main input{position:absolute;opacity:0;pointer-events:none}.svc-main .mi{flex:none;width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:var(--soft);color:var(--on-soft)}.svc-main .txt{flex:1;min-width:0}.svc-main b{display:block;font:700 16px/1.2 var(--display)}.svc-main small{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:var(--ink-3)}.svc-main .tick{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--line-strong);color:transparent;transition:background .2s,transform .3s var(--spring)}.svc-main .tick .ic{width:15px;height:15px;stroke-width:2.8}.svc.on .tick{background:var(--ink);color:var(--inverse);box-shadow:none;transform:scale(1.08)}.svc-price{display:none;align-items:center;gap:10px;margin:0 14px;padding:12px 0 14px;border-top:1px solid var(--line);font-size:14px;font-weight:600;color:var(--ink-2)}.svc.on .svc-price{display:flex}.svc-price input{flex:1;min-width:0;height:46px;padding:0 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--bg);font-size:16px;outline:0;-webkit-appearance:none;appearance:none}.svc-price input:focus{border-color:var(--focus)}.list-row .two{display:block}.list-row .two b{display:block;font-weight:600;color:var(--ink)}.list-row .two small{display:block;font-size:12.5px;line-height:1.35;color:var(--ink-3)}.species-group{margin-bottom:14px}.species-group-title{font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:8px}.species-grid{display:flex;flex-wrap:wrap;gap:8px}.pick{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 14px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s,color .15s,transform .25s var(--spring)}.pick:active{transform:scale(.93)}.pick input{position:absolute;opacity:0;pointer-events:none}.pick.selected{background:var(--ink);color:var(--inverse);box-shadow:none}.pick:focus-within{outline:3px solid var(--focus);outline-offset:2px}.cal{border-radius:24px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding:14px 10px 10px}.cal-month+.cal-month{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.cal-title{padding:0 8px 8px;font:700 16px var(--display);text-transform:capitalize}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px}.cal-grid .dow{text-align:center;font-size:12px;font-weight:600;color:var(--ink-3);padding-bottom:6px}.day{position:relative;height:44px;display:grid;place-items:center;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.day span{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;transition:background .15s,transform .25s var(--spring)}.day:not(:disabled):active span{transform:scale(.85);background:var(--soft)}.day:disabled{color:var(--line-strong);cursor:default}.day.today span{box-shadow:inset 0 0 0 1.5px var(--line-strong)}.day.in:before,.day.start.ranged:before,.day.end.ranged:before{content:"";position:absolute;inset:4px 0;background:var(--brand-soft)}.day.start.ranged:before{left:50%}.day.end.ranged:before{right:50%}.day.start span,.day.end span{background:var(--brand);color:var(--on-brand);animation:pop .3s var(--spring)}.cal-hint{display:flex;align-items:center;gap:8px;padding:10px 8px 2px;font-size:13px;color:var(--ink-2)}.cal-hint .ic{width:17px;height:17px;color:var(--accent)}.cover{position:relative;overflow:hidden;height:148px;background:linear-gradient(140deg,var(--b1, var(--brand)),var(--b2, #F7BC6A));color:var(--on-brand);padding:calc(8px + env(safe-area-inset-top)) 10px 0}.cover:after{content:"";position:absolute;right:34px;top:-56px;width:96px;height:176px;border-radius:38px;background:var(--bm, var(--motif));transform:skew(-12deg) rotate(10deg)}.cover.v1{--b1: #5C7A6B;--b2: #86A494;--bm: #F2A23C}.cover.v2{--b1: #26302A;--b2: #44544A;--bm: #F2A23C}.cover.v3{--b1: #F8DDB0;--b2: #FDEFD8;--bm: #5C7A6B}.cover.v4{--b1: #C4D7CB;--b2: #E6EEE8;--bm: #F2A23C}.cover .row{position:relative;z-index:1;display:flex;justify-content:space-between}.cover .icon-btn{color:#26302a;background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cover .icon-btn.heart{position:relative;top:0;right:0;border-radius:15px}.cover .icon-btn.heart.on{color:var(--danger)}.cover.shot{height:340px;background:var(--soft)}.cover.shot:after{inset:0;width:auto;height:auto;border-radius:0;transform:none;background:linear-gradient(rgba(18,24,20,.34),transparent 30%,transparent 64%,rgba(18,24,20,.28));pointer-events:none}.cover.shot .morph{position:absolute;inset:0}.cover.shot .morph img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}.cover.shot .row{z-index:2}label.icon-btn,label.btn{cursor:pointer}label.working{opacity:.55;pointer-events:none}.identity{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:-50px;padding:0 var(--pad);position:relative}.identity h1{display:flex;align-items:center;gap:6px;margin-top:12px;font:800 27px/1.15 var(--display);letter-spacing:-.01em}.identity .verified{width:22px;height:22px}.identity .meta{margin:4px 0 0;font-size:14px}.identity.sheet-top{z-index:2;align-items:flex-start;text-align:left;margin-top:-32px;padding:24px var(--pad) 0;border-radius:32px 32px 0 0;background:var(--bg)}.identity.sheet-top h1{margin-top:0;font-size:31px}.avatar-edit{position:relative;display:block;cursor:pointer;transition:transform .25s var(--spring)}.avatar-edit:active{transform:scale(.95)}.avatar-edit .cam{position:absolute;right:-6px;bottom:-6px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--action);color:var(--on-action);box-shadow:0 0 0 4px var(--bg)}.avatar-edit .cam .ic{width:18px;height:18px}.me-photo{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:14px;border-radius:24px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.me-photo .avatar{width:80px;height:80px;font-size:34px}.me-photo p{margin:2px 0 10px;font-size:13px;line-height:1.45;color:var(--ink-2)}.me-photo .btn{margin:0}.photo-pick{position:relative;display:block;height:200px;margin-bottom:18px;border-radius:28px;overflow:hidden;cursor:pointer;background:var(--t1);border:2px dashed color-mix(in srgb,var(--accent) 55%,transparent);transition:transform .25s var(--spring)}.photo-pick:active{transform:scale(.98)}.photo-pick:focus-within{outline:3px solid var(--focus);outline-offset:2px}.photo-pick .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:16px;text-align:center;color:var(--on-soft)}.photo-pick .ph .ic{width:34px;height:34px;margin-bottom:8px}.photo-pick .ph b{font:700 18px/1.2 var(--display)}.photo-pick .ph small{font-size:13px;opacity:.85}.photo-pick img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-pick img[hidden]{display:none}.photo-pick .again{display:none;position:absolute;right:12px;bottom:12px;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:999px;background:#ffffffeb;color:#26302a;font-size:13px;font-weight:700}.photo-pick .again .ic{width:17px;height:17px}.photo-pick.filled{border-color:transparent}.photo-pick.filled .again{display:inline-flex}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0 4px;padding:14px 4px;border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.stat{text-align:center;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:flex;align-items:center;justify-content:center;gap:3px;font:800 19px/1.2 var(--display)}.stat strong .ic{width:16px;height:16px;color:var(--brand)}.stat small{font-size:12px;color:var(--ink-3)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}.list-row:first-child{padding-top:0}.list-row:last-child{border-bottom:0;padding-bottom:0}.list-row span{display:inline-flex;align-items:center;gap:9px;color:var(--ink-2)}.list-row .ic{width:19px;height:19px;color:var(--accent)}.list-row strong{font-weight:700;white-space:nowrap}.list-row.total{font:800 18px var(--display)}.list-row.total span{color:var(--ink)}.fact b{display:block;font-size:15px;margin-top:2px}.menu{border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.menu-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;text-align:left;font-weight:600;font-size:15px;border-bottom:1px solid var(--line);transition:background .15s}.menu-row:last-child{border-bottom:0}.menu-row:active{background:var(--bg)}.menu-row .mi{flex:none;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--soft);color:var(--on-soft)}.menu-row .mi .ic{width:20px;height:20px}.menu-row span.label{flex:1}.menu-row>.ic{color:var(--ink-3);width:18px;height:18px}.menu-row.danger{color:var(--danger)}.menu-row.danger .mi{background:var(--danger-soft);color:var(--danger)}.menu-row.static{cursor:default;flex-wrap:wrap}.menu-row.static .segmented{flex:1 1 100%;margin-top:4px}.counts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.counts button{padding:14px 8px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-align:center;transition:transform .25s var(--spring)}.counts button:active{transform:scale(.94)}.counts b{display:block;font:800 24px/1.1 var(--display)}.counts span{font-size:12px;color:var(--ink-3)}.island{display:block;width:100%;height:auto;overflow:visible}.island path{fill:var(--land);stroke:var(--surface);stroke-width:1.3;stroke-linejoin:round;transition:fill .25s,transform .3s var(--spring);transform-box:fill-box;transform-origin:center}.island path.has{fill:color-mix(in srgb,var(--brand) 55%,var(--land))}.island path.many{fill:var(--brand)}.island.live path{cursor:pointer}.island.live path:active{transform:scale(1.06)}.island path.sel{fill:var(--ink)}.island .pin{pointer-events:none}.island .pin circle{fill:var(--surface);stroke:var(--ink);stroke-width:1.4}.island .pin text{font:800 10px var(--display);fill:var(--ink);text-anchor:middle;dominant-baseline:central}.island .pin.sel circle{fill:var(--brand);stroke:var(--brand)}.island .dot{fill:var(--brand);stroke:var(--surface);stroke-width:2}.island.draw path{animation:land .7s var(--ease) both;animation-delay:calc(var(--i) * 14ms)}@keyframes land{0%{opacity:0;transform:translateY(8px) scale(.9)}}.map-wrap{position:relative;margin:4px 0 14px;padding:18px 22px 14px;border-radius:30px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.map-credit{margin-top:8px;text-align:right;font-size:11px;color:var(--ink-3)}.map-teaser{position:relative;overflow:hidden;display:flex;align-items:center;gap:4px;width:100%;padding:16px 14px 16px 18px;border-radius:26px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-align:left;transition:transform .25s var(--spring)}.map-teaser:active{transform:scale(.98)}.map-teaser .island{flex:none;width:104px}.map-teaser .island path{stroke-width:2}.map-teaser b{display:block;font:700 19px/1.15 var(--display);margin-bottom:4px}.map-teaser .txt{flex:1;min-width:0;font-size:14px;color:var(--ink-2)}.map-teaser .go{display:flex;align-items:center;gap:4px;margin-top:10px;font-size:13px;font-weight:700;color:var(--link)}.map-teaser .go .ic{width:15px;height:15px}.where{display:flex;align-items:center;gap:14px}.where .island{flex:none;width:96px}.where .island path{stroke-width:2.2}.farm{position:relative;display:block;width:100%;margin-top:30px;border-radius:30px;overflow:hidden;background:var(--forest);color:#f7f5ef;text-align:left;transition:transform .25s var(--spring)}.farm:active{transform:scale(.98)}.farm .shot{display:block;height:172px;overflow:hidden;background:#2e3a33}.farm .shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .7s var(--ease)}.farm:active .shot img{transform:scale(1.05)}.farm .txt{display:block;padding:16px 20px 20px}.farm small,.join small{display:block;margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--brand)}.farm b,.join b{display:block;font:700 22px/1.1 var(--display)}.farm em,.join em{display:block;margin-top:6px;font-style:normal;font-size:13px;line-height:1.4;opacity:.78}.farm .go,.join .go{display:inline-flex;align-items:center;gap:6px;height:34px;margin-top:14px;padding:0 13px;border-radius:999px;background:var(--brand);color:#26302a;font-size:13px;font-weight:700;white-space:nowrap}.farm .go .ic,.join .go .ic{width:15px;height:15px}.svc-rail{display:flex;gap:10px;overflow-x:auto;margin:0 calc(var(--pad) * -1);padding:2px var(--pad) 8px;scroll-snap-type:x proximity;scrollbar-width:none}.svc-rail::-webkit-scrollbar{display:none}.svc-card{position:relative;isolation:isolate;flex:none;width:150px;height:194px;border-radius:26px;overflow:hidden;text-align:left;color:#fff;background:var(--soft);scroll-snap-align:start;transition:transform .25s var(--spring)}.svc-card:active{transform:scale(.96)}.svc-card .shot{position:absolute;inset:0}.svc-card .shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.svc-card:active .shot img{transform:scale(1.06)}.svc-card:after{content:"";position:absolute;z-index:1;inset:40% 0 0;background:linear-gradient(transparent,#121814db);pointer-events:none}.svc-card .body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:12px 14px 13px}.svc-card b{display:block;font:700 16px/1.15 var(--display)}.svc-card small{display:block;margin-top:3px;font-size:12px;line-height:1.25;color:#ffffffdb}.join{position:relative;display:block;width:100%;min-height:168px;margin-top:30px;padding:20px 136px 20px 20px;border-radius:30px;overflow:hidden;background:var(--t0);color:var(--ink);text-align:left;transition:transform .25s var(--spring)}.join:active{transform:scale(.98)}.join small{color:var(--on-brand-soft)}.join em{font-size:14px;opacity:.84}.join .go{background:var(--action);color:var(--on-action)}.join .pop{position:absolute;right:-14px;bottom:0;width:160px;pointer-events:none}.join .pop img{display:block;width:100%;height:auto;transform-origin:50% 100%;transition:transform .45s var(--spring)}.join:active .pop img{transform:scale(1.05) rotate(-2deg)}.booking-card{padding:16px;border-radius:24px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.booking-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.booking-head h4{font:700 17px/1.2 var(--display)}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--line);color:var(--ink-2)}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status.pending{background:var(--brand-soft);color:var(--on-brand-soft)}.status.pending:before{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.3;transform:scale(.7)}}.status.accepted,.status.completed{background:var(--soft);color:var(--on-soft)}.status.declined,.status.cancelled{background:var(--danger-soft);color:var(--danger)}.party{display:flex;align-items:center;gap:12px}.party .who{flex:1;min-width:0}.party h5{font:700 16px/1.2 var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote{margin-top:12px;padding:10px 12px;border-radius:16px;background:var(--bg);font-size:14px;color:var(--ink-2);line-height:1.5;white-space:pre-line}.booking-card .tags{margin-top:12px}.booking-card .btn{min-height:46px;font-size:15px;border-radius:15px}.steps{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:12px;font-weight:600;color:var(--ink-3)}.steps i{flex:1;height:4px;border-radius:2px;background:var(--line)}.steps i.on{background:var(--brand)}.steps i.off{background:var(--danger-soft)}.done{position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(24px + env(safe-area-inset-top)) 28px calc(24px + env(safe-area-inset-bottom));view-transition-name:screen}.done .cheer{position:relative;width:150px;height:150px;margin-top:70px;border-radius:50%;background:var(--brand);animation:pop .6s var(--spring) both}.cheer .pop{--m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cpath d='M0 0h150v75a75 75 0 0 1-150 0z'/%3E%3C/svg%3E");position:absolute;left:50%;bottom:0;width:190px;height:232px;margin-left:-95px;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) top / 100% 157px no-repeat,var(--m) bottom center / 150px 150px no-repeat;mask:linear-gradient(#000 0 0) top / 100% 157px no-repeat,var(--m) bottom center / 150px 150px no-repeat}.cheer .pop img{position:absolute;left:50%;bottom:-40px;height:236px;width:auto;transform:translate(-50%);animation:cheer-in .8s .1s var(--spring) both}@keyframes cheer-in{0%{transform:translate(-50%) translateY(60%)}}.done .check{position:absolute;right:-8px;bottom:-4px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:#fff;box-shadow:0 0 0 5px var(--bg);animation:pop .5s .35s var(--spring) both}.done .check svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:draw .5s .6s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.done h1{margin-top:26px;font:800 32px/1.05 var(--display);letter-spacing:-.015em}.done p{margin-top:10px;color:var(--ink-2);max-width:30ch}.done .recap{width:100%;margin:24px 0 8px;text-align:left}.done .btn{max-width:340px}.confetti{position:absolute;left:50%;top:34%;width:0;height:0;pointer-events:none}.confetti i{position:absolute;width:10px;height:22px;border-radius:5px;background:var(--c);transform:skew(-12deg);opacity:0;animation:burst 1.1s .25s var(--ease) both}@keyframes burst{0%{opacity:1;transform:translate(0) skew(-12deg) rotate(0)}to{opacity:0;transform:translate(var(--x),var(--y)) skew(-12deg) rotate(var(--r))}}.conv{display:flex;align-items:center;gap:12px;width:100%;padding:12px var(--pad);text-align:left;transition:background .15s}.conv:active{background:var(--surface)}.conv .who{flex:1;min-width:0}.conv h4{font:700 16px/1.2 var(--display)}.conv p{font-size:14px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv .side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px;align-self:flex-start;padding-top:3px;font-size:12px;color:var(--ink-3)}.conv.unread p{color:var(--ink);font-weight:600}.conv .dot{width:10px;height:10px;border-radius:50%;background:var(--brand);animation:pop .35s var(--spring)}.chat-head{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.chat-head h2{text-align:left}.chat{display:flex;flex-direction:column;gap:3px;padding:12px 14px 18px;min-height:100%}.bubble{max-width:80%;padding:9px 14px;border-radius:20px;font-size:15px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.them{align-self:flex-start;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-bottom-left-radius:7px}.bubble.me{align-self:flex-end;background:var(--brand);color:var(--on-brand);border-bottom-right-radius:7px}.bubble.gap{margin-top:10px}.bubble time{display:block;margin-top:2px;font-size:11px;opacity:.65}.bubble.new{animation:bubble-in .34s var(--spring) both;transform-origin:bottom right}.bubble.them.new{transform-origin:bottom left}.bubble.pending{opacity:.6}@keyframes bubble-in{0%{opacity:0;transform:translateY(16px) scale(.8)}}.chat-day{align-self:center;margin:14px 0 6px;padding:3px 10px;border-radius:999px;background:var(--line);font-size:12px;font-weight:600;color:var(--ink-2)}.chat-empty{margin:auto 0;text-align:center;padding:20px 10px}.chat-empty p{color:var(--ink-3);margin-bottom:14px}.chat-empty .chips{flex-direction:column;align-items:center;overflow:visible;margin:0;padding:0}.chat-empty .chip{height:auto;min-height:40px;white-space:normal;padding:8px 16px}.chat-input{flex:none;display:flex;align-items:center;gap:8px;padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -1px 0 var(--line);view-transition-name:chatbar}.chat-input input{flex:1;min-width:0;height:48px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);outline:0;font-size:16px;transition:border-color .15s}.chat-input input:focus{border-color:var(--focus)}.send{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--action);color:var(--on-action);transition:transform .25s var(--spring)}.send:active{transform:scale(.82) rotate(-12deg)}.scrim{position:absolute;inset:0;z-index:30;background:#0f141173;animation:fade-in .25s both}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:31;max-height:88%;overflow-y:auto;padding:8px var(--pad) calc(18px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;background:var(--bg);box-shadow:0 -20px 50px #0003;touch-action:pan-y}.sheet.opening{animation:sheet-in .42s var(--spring) both}.sheet.closing{animation:sheet-out .22s var(--ease) both}.scrim.closing{animation:fade-out .22s both}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.sheet .grab{display:block;width:100%;padding:6px 0 12px;cursor:grab;touch-action:none}.sheet .grab:before{content:"";display:block;width:44px;height:5px;margin:0 auto;border-radius:3px;background:var(--line-strong)}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sheet-head h2{font:800 24px/1.1 var(--display)}.empty{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:168px;padding:26px 18px 20px;border-radius:30px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.empty .peek{position:absolute;left:50%;bottom:calc(100% - 1px);display:block;width:216px;margin-left:-108px;overflow:hidden}.empty .peek img{display:block;width:100%;height:auto;transform-origin:50% 100%;animation:peek-up .9s .15s var(--spring) both}.empty .peek.hop img{animation:peek-hop .8s var(--spring)}@keyframes peek-up{0%{transform:translateY(102%)}}@keyframes peek-hop{30%{transform:translateY(70%)}65%{transform:translateY(-3%)}}.empty h3{font:700 21px/1.2 var(--display);margin-bottom:6px}.empty p{color:var(--ink-2);max-width:30ch;margin-bottom:8px}.empty .btn{max-width:300px}.notice{display:flex;gap:10px;padding:13px 14px;margin-bottom:16px;border-radius:18px;background:var(--soft);color:var(--on-soft);font-size:14px;line-height:1.5}.notice .ic{width:20px;height:20px;margin-top:1px}.notice.warm{background:var(--brand-soft);color:var(--on-brand-soft)}.booking-card .notice{margin:12px 0 0}.pay-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;font-size:13px;line-height:1.45;color:var(--ink-2)}.pay-note .ic{flex:none;width:17px;height:17px;margin-top:1px;color:var(--accent)}.menu-row .tag{flex:none}.sk{border-radius:24px;height:104px;background:linear-gradient(100deg,var(--line) 30%,color-mix(in srgb,var(--line) 45%,var(--surface)) 50%,var(--line) 70%);background-size:300% 100%;animation:shimmer 1.3s linear infinite}.sk.tall{flex:none;width:214px;height:284px;border-radius:30px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.toast{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top));z-index:100;display:flex;align-items:center;gap:9px;max-width:min(380px,calc(100vw - 28px));padding:11px 16px 11px 12px;border-radius:999px;background:var(--ink);color:var(--inverse);font-size:14px;font-weight:600;box-shadow:0 14px 34px #00000047;opacity:0;transform:translate(-50%,-140%) scale(.9);transition:opacity .2s,transform .45s var(--spring);pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) scale(1)}.toast .ti{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#26302a}.toast .ti .ic{width:15px;height:15px;stroke-width:2.6}.toast.warn .ti{background:#f08a75}.welcome{position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column;background:#1f2a24;color:#f7f5ef;view-transition-name:screen}.welcome:before{content:"";position:absolute;right:-46px;top:54px;width:170px;height:310px;border-radius:70px;background:var(--motif);opacity:.55;transform:skew(-12deg) rotate(10deg);animation:motif-in .9s var(--spring) both}.welcome>*{position:relative}.w-text{padding:calc(26px + env(safe-area-inset-top)) 24px 0}.welcome .logo{height:30px}.welcome.center{align-items:center;justify-content:center}.welcome.center:before{display:none}.welcome.center .logo{height:44px;animation:breathe 1.4s ease-in-out infinite alternate}@keyframes breathe{to{transform:scale(1.05)}}.welcome h1{margin-top:22px;font:800 40px/.98 var(--display);letter-spacing:-.02em}.welcome h1 span{display:inline-block;animation:word .6s var(--ease) both;animation-delay:calc(.2s + var(--i) * 70ms)}@keyframes word{0%{opacity:0;transform:translateY(18px)}}.welcome p{margin-top:12px;font-size:16px;opacity:.8;max-width:30ch}.stage{position:relative;flex:1;min-height:190px;overflow:hidden}.stage .sun{position:absolute;left:50%;bottom:-210px;width:440px;height:440px;margin-left:-220px;border-radius:50%;background:var(--brand);animation:sun 1s var(--spring) both}@keyframes sun{0%{transform:translateY(70%) scale(.8)}}.star{position:absolute;bottom:-8%;display:block;transform-origin:50% 100%;animation:rise 1s var(--spring) both;animation-delay:calc(.2s + var(--i) * .13s)}.star img{display:block;height:100%;width:auto;filter:drop-shadow(0 12px 16px rgba(0,0,0,.3))}.star.main{z-index:3;height:82%;left:50%;translate:-50% 0}.star.left{z-index:1;height:44%;left:-9%;bottom:-3%}.star.right{z-index:2;height:54%;right:-5%;bottom:-5%}.star.hop{animation:star-hop .7s var(--spring)}@keyframes rise{0%{transform:translateY(108%)}}@keyframes star-hop{28%{transform:translateY(-7%) rotate(-3deg)}60%{transform:translateY(0) rotate(2deg)}}.w-card{z-index:4;padding:20px 24px calc(16px + env(safe-area-inset-bottom));border-radius:34px 34px 0 0;background:var(--bg);color:var(--ink);box-shadow:0 -18px 44px #00000047}.w-card .btn:first-child{margin-top:0}.w-card .btn.brand{justify-content:space-between;min-height:60px;padding:0 9px 0 24px;border-radius:999px;font-size:17px}.w-card .btn.ghost{border-radius:999px}.w-card .btn .go{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#26302a;color:#fff;transition:transform .3s var(--spring)}.w-card .btn:active .go{transform:translate(4px)}.auth{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:0 24px calc(20px + env(safe-area-inset-bottom));view-transition-name:screen}.auth-photo{position:relative;flex:none;height:178px;margin:0 -24px;overflow:hidden;background:var(--soft)}.auth-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%}.auth-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(18,24,20,.3),transparent 45%,var(--bg))}.auth-photo .icon-btn{position:absolute;z-index:1;left:14px;top:calc(10px + env(safe-area-inset-top));color:#26302a;background:#ffffffd6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-icon{position:relative;z-index:1;display:block;width:68px;height:68px;border-radius:21px;margin:-36px 0 18px;overflow:hidden;box-shadow:0 12px 26px #f2a23c59,0 0 0 4px var(--bg)}.app-icon img{display:block;width:120.1%;max-width:none;height:auto;margin-left:-7.16%}.auth h1{font:800 32px/1.08 var(--display);letter-spacing:-.015em}.auth .lead{margin:8px 0 22px;color:var(--ink-2)}.auth .forgot{align-self:flex-end;margin:-6px 0 6px;padding:6px 2px;font-size:13px;font-weight:700;color:var(--link)}.auth .legal{margin-top:auto;padding-top:22px;font-size:12px;color:var(--ink-3);text-align:center}.navbar{display:none}.bk-main,.bk-side,.auth-body{display:contents}.after-btn{margin-top:14px;text-align:center}.conv.open{background:var(--soft)}@media(min-width:960px){:root{--pad: 32px}.app-shell{padding:0;align-items:stretch}.phone{max-width:none;height:100vh;height:100dvh;border-radius:0;box-shadow:none}::view-transition-group(screen){border-radius:0}html[data-vt=forward]::view-transition-old(screen),html[data-vt=back]::view-transition-old(screen){animation-name:vt-fade-out;animation-duration:.16s}html[data-vt=forward]::view-transition-new(screen),html[data-vt=back]::view-transition-new(screen){animation-name:vt-rise-in;animation-duration:.3s}.navbar{display:block;flex:none;position:relative;z-index:20;background:#1f2a24;color:#f7f5ef;box-shadow:0 1px #ffffff12;view-transition-name:navbar}.navbar-in{display:flex;align-items:center;gap:30px;max-width:1184px;height:72px;margin:0 auto;padding:0 32px}.nav-logo{display:block;border-radius:10px}.nav-logo .logo{height:27px}.navbar nav{display:flex;gap:4px;flex:1}.nav-link{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px;border-radius:999px;font:600 15px var(--text);color:#f7f5efc7;transition:background .15s,color .15s}.nav-link:hover{background:#ffffff17;color:#fff}.nav-link.active{background:var(--brand);color:#26302a}.nav-link .badge{position:static;box-shadow:none}.nav-right{display:flex;align-items:center;gap:10px}.nav-right .demo-chip{background:#ffffff1f}.nav-right .btn{margin:0}.nav-me{display:flex;align-items:center;gap:10px;height:48px;padding:0 18px 0 6px;border-radius:999px;background:#ffffff17;font-weight:600;color:#f7f5ef;transition:background .15s}.nav-me:hover{background:#ffffff29}.nav-me.active{box-shadow:inset 0 0 0 2px var(--brand)}.navbar :focus-visible{outline-color:var(--brand)}.screen{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.screen::-webkit-scrollbar{display:block;width:10px}.screen::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:5px;border:2px solid var(--bg)}.content{max-width:1184px;margin:0 auto;padding:8px 32px 72px}.topbar{position:static;max-width:1184px;margin:0 auto;padding:24px 32px 10px 22px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.topbar h2,.topbar.left h2{text-align:left;padding-left:10px;font-size:34px;font-weight:800;letter-spacing:-.01em}.topbar .icon-btn.spacer{display:none}.mini-bar{display:none!important}.section-title{margin-top:40px}.section-title h3{font-size:24px}.empty{max-width:480px;margin-left:auto;margin-right:auto}.content>.btn{max-width:420px}.content:has(>.field)>.btn{max-width:none}.after-btn{text-align:left}.chips{margin:0;padding:2px 0;flex-wrap:wrap;overflow:visible}.cards{grid-template-columns:repeat(auto-fill,minmax(440px,1fr));align-items:start;gap:18px}.dock{margin:26px 0 -72px;padding:14px 0 22px}.sheet{left:auto;right:32px;bottom:32px;width:440px;max-height:calc(100% - 140px);border-radius:30px}.sheet .grab:before{visibility:hidden}.hero{min-height:410px;padding:46px 32px 112px;border-radius:0 0 56px 56px}.hero:after{display:none}.hero-inner{position:relative;z-index:0;max-width:1120px;margin:0 auto;animation:none!important}.hero-inner:after{content:"";position:absolute;z-index:-1;right:50px;top:-6px;width:172px;height:356px;border-radius:72px;background:var(--motif);transform:skew(-12deg) rotate(10deg);animation:motif-in .7s var(--spring) both}.hero-top{display:none}.hero h1{font-size:70px;margin:30px 0 14px;max-width:64%}.hero.pitch h1{font-size:60px;max-width:62%}.hero.pitch p{font-size:20px;line-height:1.35;max-width:46%}.hero p{font-size:20px;max-width:52%}.finder{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin-top:-72px;padding:22px 252px 22px 28px;border-radius:36px}.finder-head{min-height:0;padding:0}.finder-head b{font-size:22px}.finder .search{height:58px}.quick{margin:0;padding:0;overflow:visible}.hero-pet{right:34px;width:216px;bottom:calc(100% - 34px)}.hero .next{--action: #26302A;--on-action: #F7F5EF;max-width:430px;margin-top:26px;box-shadow:0 16px 34px #26302a38}.cat-row{margin:0;padding:36px 0 8px;overflow:visible;justify-content:space-between}.explore .cat-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:26px 2px;padding:26px 0 4px}.explore .category{width:auto;gap:6px;font-size:11px}.explore .category .tile{zoom:.72}.rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;overflow:visible}.feature,.sk.tall{width:auto;height:370px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;margin-top:48px}.duo>div{display:flex}.duo .section-title{display:none}.duo .farm{display:grid;grid-template-columns:46% minmax(0,1fr);align-items:center;min-height:230px;margin:0}.duo .farm .shot{height:100%}.duo .farm .txt{padding:22px 26px}.duo .map-teaser{min-height:230px;gap:18px;padding:18px 26px}.duo .map-teaser .island{width:150px}.duo .map-teaser b{font-size:23px}.svc-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0;padding:0;overflow:visible}.svc-card{width:auto;height:240px;border-radius:28px}.svc-card b{font-size:17px}.join{min-height:190px;margin-top:44px;padding:34px 340px 34px 36px}.join b{font-size:32px}.join em{font-size:17px;max-width:34em}.join .go{height:42px;padding:0 18px;font-size:15px}.join .pop{right:56px;width:270px}.pet-row{flex-wrap:wrap;overflow:visible;margin:0;padding:0;gap:16px}.animal-card{width:176px;height:216px}.grid2{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.grid2 .animal-card{height:230px}.explore{display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,34vw,440px);gap:40px;align-items:start}.view-switch{display:none}.explore .cards{grid-template-columns:1fr}.explore-map{position:sticky;top:16px}.explore-map .map-wrap{margin:0 0 16px;padding:26px 34px 16px}.sitter-page{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,31vw,380px);column-gap:44px;align-items:start;max-width:1184px;margin:0 auto;padding:22px 32px 72px}.sitter-page>*,.profile-main>*{grid-column:1}.sitter-page>.profile-main{display:contents}.sitter-page .cover{border-radius:36px;height:200px}.sitter-page .cover.shot{height:420px}.sitter-page .cover.shot .morph img{object-position:center 28%}.sitter-page .identity.sheet-top{margin-top:0;padding:28px 0 0;border-radius:0;background:none}.sitter-page .identity.sheet-top h1{font-size:46px}.sitter-page .identity .meta{font-size:16px}.sitter-page .stats{margin-top:22px}.profile-main>.dock{grid-column:2;grid-row:1 / span 40;position:sticky;top:22px;z-index:1;flex-wrap:wrap;gap:16px 12px;margin:0;padding:28px;border-radius:32px;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 22px 54px rgba(var(--shadow),.13),inset 0 0 0 1px var(--line)}.profile-main>.dock .sum{flex:1 1 100%}.profile-main>.dock .sum b{font-size:38px}.profile-main>.dock .sum span{font-size:15px}.profile-main>.dock .btn.fit{flex:1}.profile-main .cat-row.static{justify-content:flex-start}.bk{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:44px;align-items:start}.bk-main,.bk-side{display:block;min-width:0}.bk-side{position:sticky;top:16px}.bk-side .section-title:first-child{margin-top:0}.bk-side .dock{position:static;margin:18px 0 0;padding:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.bk .cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.cal{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px 26px;padding:20px}.cal-month+.cal-month{margin-top:0;padding-top:0;border-top:0}.cal-hint{grid-column:1 / -1}.content:has(>.inbox){padding-bottom:24px}.inbox{display:grid;grid-template-columns:clamp(280px,30vw,360px) minmax(0,1fr);height:calc(100vh - 190px);height:calc(100dvh - 190px);min-height:420px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:var(--surface)}.inbox-list{overflow-y:auto;padding:8px 0;border-right:1px solid var(--line)}.inbox-list .conv{padding:14px 20px}.inbox-list .conv:hover{background:var(--bg)}.inbox-chat{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.inbox-head{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 20px;background:var(--surface);border-bottom:1px solid var(--line)}.inbox-head h2{flex:1;font:700 19px/1.2 var(--display)}.chat-scroll{flex:1;min-height:0;overflow-y:auto}.inbox-chat .chat{min-height:100%;padding:18px 26px}.inbox-chat .chat-input{padding:12px 16px;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.inbox-empty{margin:auto;padding:24px;text-align:center;color:var(--ink-2)}.inbox-empty .big{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 16px;border-radius:28px;background:var(--soft);color:var(--on-soft)}.inbox-empty .big .ic{width:34px;height:34px}.inbox-empty h3{font:700 21px/1.2 var(--display);color:var(--ink);margin-bottom:4px}.bubble{max-width:64%}.prof{display:grid;grid-template-columns:340px minmax(0,1fr);gap:44px;align-items:start;max-width:1040px}.prof-side{position:sticky;top:16px}.prof-main{padding-top:26px}.content:has(>.field),.content:has(>.photo-pick){max-width:760px}.screen:has(>.content>.field)>.topbar{max-width:760px}.narrow{max-width:760px;margin:0 auto;padding:22px 32px 0}.narrow .cover{border-radius:36px}.narrow .cover.shot{height:420px}.narrow .identity.sheet-top{margin-top:0;padding:26px 0 0;border-radius:0;background:none}.narrow .content{max-width:none;padding:0 0 72px}.narrow .content>.btn{max-width:none}.auth{display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:hidden}.auth-photo{height:100vh;height:100dvh;margin:0}.auth-photo img{object-position:center}.auth-photo:after{background:linear-gradient(rgba(18,24,20,.3),transparent 38%,rgba(18,24,20,.62))}.auth-photo:before{content:"Tous les animaux, toutes les mains.";position:absolute;z-index:1;left:48px;right:48px;bottom:48px;font:800 46px/1.02 var(--display);letter-spacing:-.02em;color:#fff;max-width:12em}.auth-photo .icon-btn{left:28px;top:28px}.auth-body{display:flex;flex-direction:column;justify-content:center;width:min(440px,calc(100% - 96px));height:100vh;height:100dvh;margin:0 auto;padding:40px 0;overflow-y:auto}.auth-body .app-icon{margin:0 0 22px;box-shadow:0 12px 26px #f2a23c59}.auth .legal{margin-top:28px;padding-top:0}.welcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);grid-template-rows:auto auto;column-gap:24px;padding-left:max(48px,calc((100vw - 1184px)/2 + 32px))}.welcome.center{display:flex;padding-left:0}.welcome:before{right:5%;top:7%;width:270px;height:500px;border-radius:110px}.w-text{grid-column:1;grid-row:1;align-self:end;padding:0 0 30px}.welcome .logo{display:block;height:40px;margin-bottom:44px}.welcome h1{margin-top:0;font-size:72px;text-wrap:balance}.welcome p{margin-top:18px;font-size:20px;max-width:32ch}.w-card{grid-column:1;grid-row:2;align-self:start;max-width:470px;padding:24px;border-radius:34px;box-shadow:0 26px 64px #0000005c}.stage{grid-column:2;grid-row:1 / span 2;height:100vh;height:100dvh;min-height:0}.stage .sun{width:640px;height:640px;margin-left:-320px;bottom:-310px}.star.main{height:72%;left:57%}.star.left{height:42%;left:1%}.star.right{height:48%;right:-2%}.done .recap{max-width:440px}}@media(hover:hover)and (min-width:960px){.sitter-card:hover,.feature:hover,.animal-card:hover,.map-teaser:hover,.farm:hover,.next:hover,.svc-card:hover,.join:hover{transform:translateY(-4px)}.feature:hover .shot img,.animal-card:hover .bg,.svc-card:hover .shot img,.farm:hover .shot img{transform:scale(1.05)}.category:hover .pop img{transform:translateY(-4px) scale(1.08)}.btn:hover{filter:brightness(1.06)}.chip:hover:not(.active):not(.static){box-shadow:inset 0 0 0 1px var(--line-strong)}.menu-row:hover:not(.static){background:var(--bg)}.island.live path:hover{fill:color-mix(in srgb,var(--ink) 45%,var(--land))}.island.live path.sel:hover{fill:var(--ink)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.no-vt .enter{animation:vt-rise-in .3s var(--ease) both}