/* Reference artwork is used only for independent icons and border strips.
   Text, user content, map and controls remain live DOM elements. */
body.design-v2 #app .design-source-icon{object-fit:contain;mix-blend-mode:multiply;background:none!important;border-radius:0!important;transform:none!important}
body.design-v2 #app .design-bottom .active .icon-user{content:url('assets/design/202610/nav-user-active.webp')}
body.design-v2 #app .design-bottom button{font-weight:800}
body.design-v2 #app .panel{border-image:url('assets/design/202610/panel-frame.png') 8 stretch;border-image-width:8px;border-width:2px;box-shadow:none;border-radius:7px}
body.design-v2 #app .primary{border-image:url('assets/design/202610/button-frame.png') 7 stretch;border-image-width:7px;border-width:2px!important;box-shadow:1px 2px 0 #27301455!important;font-weight:900!important;border-radius:6px!important}
body.design-v2 #app :is(input,textarea,select){border-image:url('assets/design/202610/input-frame.png') 5 stretch;border-image-width:5px}
body.design-v2 #app .design-more{border-width:1.6px!important;border-radius:6px}
body.design-v2 #app .design-bottom .icon{width:29px!important;height:29px!important}
body.design-v2 #app #outing-selected .invite-identity>img{aspect-ratio:1;min-width:82px;min-height:82px;max-height:none;object-fit:cover;border:2px solid var(--ink);padding:0;border:0;background:var(--paper)}
body.design-v2 #app .design-card-copy .design-owner .avatar{object-fit:cover}
@media(max-width:759px){
 body.design-v2 #app .design-nearby:not(:has(.has-invite)) .time-chips .chip{background:var(--paper);color:var(--ink)}
 body.design-v2 #app .design-nearby:not(:has(.has-invite)) .time-chips .chip:first-child{background:var(--lime)}
 body.design-v2 #app .design-nearby .map-caption{font-size:13px;min-height:38px;padding:7px 12px}
 body.design-v2 #app .design-nearby .outing-controls .chip{border-width:1.7px;font-weight:800}
 body.design-v2 #app .design-nearby .minimum-tabs{border-width:2px}
 body.design-v2 #app .design-nearby .topbar .icon-message{width:29px!important;height:29px!important}
 body.design-v2 #app .design-page .page-head>button .icon-message{width:30px!important;height:30px!important}
 body.design-v2 #app .design-mine .design-mobile-brand .icon-message{content:url('assets/design/202610/message-rounded.webp');width:39px!important;height:40px!important}
 body.design-v2 #app .design-mine .design-menu .icon{width:29px;height:29px}
 body.design-v2 #app .design-mine .design-current .row{min-height:54px!important;font-size:14px!important}
 body.design-v2 #app .design-page:has(.design-detail-hero) .design-detail-links .row{font-weight:800;font-size:14px}
 body.design-v2 #app .design-page:has(.design-free-note) .minimum-status{font-size:13px}
 body.design-v2 #app .design-page:has(.design-free-note) .order-services{font-size:18px!important}
 body.design-v2 #app .design-page:has(.design-free-note) .order-services small{font-size:13px}
 body.design-v2 #app .design-free-note{font-size:13px}
 body.design-v2 #app .design-home .home-secondary{border-width:1.7px;font-weight:800}
}
@media(min-width:760px){
 body.design-v2 #app .design-desktop-head{border-bottom-width:2px}
 body.design-v2 #app .design-top-nav .design-source-icon{width:40px!important;height:40px!important}
 body.design-v2 #app :is(.header-explore,.header-mine) .design-top-nav .design-source-icon{display:none}
 body.design-v2 #app .design-message .design-source-icon{width:43px!important;height:43px!important}
 body.design-v2 #app .design-mine .design-current .row{font-size:23px!important}
 body.design-v2 #app .design-current .row small{font-size:17px}
 body.design-v2 #app .design-current .light-link{font-size:20px}
 body.design-v2 #app .design-pet-aside strong{font-size:26px}
 body.design-v2 #app .design-pet-aside small{font-size:18px}
 body.design-v2 #app .design-pet-aside .light-link{font-size:18px}
 body.design-v2 #app .desktop-profile-menu .row{font-size:21px!important}
 body.design-v2 #app .desktop-profile-menu .row small{font-size:16px}
 body.design-v2 #app .profile-orders .row{font-size:19px!important}
 body.design-v2 #app .design-mine .profile-pet-info strong{font-size:35px}
 body.design-v2 #app .design-mine .profile-pet-info small{font-size:19px}
 body.design-v2 #app .design-mine .profile-tags span{font-size:16px}
 body.design-v2 #app .design-mine .profile-add{font-size:20px}
 body.design-v2 #app .design-listing .personal-content .muted{font-size:22px}
 body.design-v2 #app .design-listing .personal-content .design-question{font-size:21px}
 body.design-v2 #app .design-listing .personal-content .design-question small{font-size:21px}
 body.design-v2 #app .design-listing .personal-actions .primary{font-size:24px!important}
 body.design-v2 #app .design-listing .personal-actions .light-link{font-size:22px}
 body.design-v2 #app .design-listing .personal-identity .tag{font-size:20px!important;padding:7px 16px}
 body.design-v2 #app .design-listing .personal-identity .design-owner strong{font-size:25px}
 body.design-v2 #app .design-listing .process-line span{font-size:19px}
 body.design-v2 #app .design-listing .design-pet-aside>img{max-height:255px;height:245px}
 body.design-v2 #app .design-page:has(.design-detail-hero) .design-detail-pair h2{font-size:25px}
 body.design-v2 #app .design-page:has(.design-detail-hero) .design-detail-links .row{font-size:21px!important}
 body.design-v2 #app .design-page:has(.design-detail-hero) .design-detail-links .row small{font-size:17px}
 body.design-v2 #app .design-page:has(.design-detail-hero) .design-pet-aside .secondary{font-size:21px;min-height:42px}
 body.design-v2 #app .design-page:has(.design-detail-hero) .progress-form label{font-size:23px}
 body.design-v2 #app .design-page:has(.design-detail-hero) .progress-form textarea{font-size:18px}
 body.design-v2 #app .design-nearby .design-invites .invite-identity p{font-size:20px}
 body.design-v2 #app .design-nearby .design-invites .invite-actions .secondary{font-size:22px!important}
 body.design-v2 #app .design-invites.invite-selected .invite-identity p{font-size:23px}
 body.design-v2 #app .design-invites.invite-selected .invite-identity .invite-owner{font-size:19px}
 body.design-v2 #app .design-invites.invite-selected .invite-note{font-size:20px}
 body.design-v2 #app .design-invites.invite-selected .invite-steps{font-size:19px}
 body.design-v2 #app .design-invites.invite-selected .invite-traits{display:flex;align-items:center;flex-wrap:wrap}
 body.design-v2 #app .design-routes .design-card-copy .design-owner strong{font-size:22px}
 body.design-v2 #app .design-routes .design-help-row button{font-size:23px!important}
 body.design-v2 #app .design-routes .design-route-aside .muted{font-size:19px}
 body.design-v2 #app .design-routes .card-facts>p{font-size:22px}
 body.design-v2 #app .design-routes .card-action{font-size:22px!important}
 body.design-v2 #app .design-page:has(#trip-form) .field label{font-size:24px}
 body.design-v2 #app .design-page:has(#trip-form) .field :is(input,select,textarea){font-size:23px}
 body.design-v2 #app .design-page:has(#trip-form) .field .muted{font-size:18px}
 body.design-v2 #app .design-page:has(.design-free-note) .order-services{font-size:27px!important}
 body.design-v2 #app .design-page:has(.design-free-note) .order-services small{font-size:20px}
}
body.design-v2 #app .design-bottom .active .icon-home{content:url('assets/design/202610/nav-home-active.webp')}
body.design-v2 #app .design-bottom .active .icon-compass{content:url('assets/design/202610/nav-compass-active.webp')}
body.design-v2 #app .design-mobile-brand .icon-bubble{content:url('assets/design/202610/message-bubble.webp')}
body.design-v2 #app .design-home-title{-webkit-text-stroke:.25px currentColor}
body.design-v2 #app .design-home-actions :is(.previous,.next){font-size:35px!important;font-weight:700;border-width:2px;box-shadow:1px 2px 0 #1d231b55}
@media(max-width:759px){
 body.design-v2 #app .home-wish .design-home-title{font-size:49px!important;letter-spacing:-.055em}
 body.design-v2 #app .home-friend .design-home-title{font-size:39px!important;letter-spacing:-.07em}
 body.design-v2 #app .home-experience .design-home-title{font-size:42px!important;letter-spacing:-.065em}
 body.design-v2 #app .design-home-filters{padding-left:9px;padding-right:9px}
 body.design-v2 #app .design-home .design-mobile-brand{padding-left:8px}
 body.design-v2 #app .design-home .design-mobile-brand .design-logo{width:255px;max-width:none}
 body.design-v2 #app .design-home .design-home-actions .primary{font-size:24px!important}
 body.design-v2 #app .design-home .home-experience .primary{font-size:23px!important}
}

body.design-v2 #app .panel{border-image:none;border:2px solid #25271e;box-shadow:1px 2px 0 #596b3540;border-radius:8px}
body.design-v2 #app :is(.design-home,.design-nearby,.design-routes){--paper:#fefdf3}
body.design-v2 #app .home-friend{--paper:#fefdf4}
body.design-v2 #app .home-experience{--paper:#fefef8}
body.design-v2 #app .design-page:has(.design-free-note){--paper:#fefdf2}
body.design-v2 #app .design-listing{--paper:#fcfaef}
body.design-v2 #app .design-page:has(.design-detail-hero){--paper:#fcfaf1}
@media(max-width:759px){
 body.design-v2 #app .design-mine .design-current .row{min-height:50px!important}
 body.design-v2 #app .design-mine .mine-title{font-size:32px}
 body.design-v2 #app .design-listing .personal-card{margin-top:15px}
 body.design-v2 #app .design-page:has(.design-detail-hero) .design-detail-links .row{min-height:49px}
 body.design-v2 #app .design-page:has(.design-detail-hero) .detail-secondary-actions{font-size:10px}
 body.design-v2 #app .domestic-card .design-card-copy{padding-top:4px}
 body.design-v2 #app .domestic-card .design-card-copy h2{font-size:24px}
 body.design-v2 #app .domestic-card .design-owner .avatar{width:47px!important;height:47px!important}
 body.design-v2 #app .domestic-card .design-owner strong{font-size:13px}
 body.design-v2 #app .design-nearby:has(.has-invite)>.minimum-tabs{height:36px}
 body.design-v2 #app .design-nearby:has(.has-invite) .time-chips .chip:first-child{background:var(--olive);color:var(--paper)}
 body.design-v2 #app #outing-selected .invite-actions button{height:43px;font-size:16px!important;border-width:2px;box-shadow:1px 2px 0 #242f1c66}
}
@media(min-width:760px){
 body.design-v2 #app .home-friend .design-home-actions{grid-template-columns:1fr 84px;column-gap:32px;grid-template-rows:86px 60px;height:157px}
 body.design-v2 #app .home-friend .design-home-actions .primary{font-size:40px!important}
 body.design-v2 #app .home-experience .design-home-actions .primary{font-size:40px!important}
 body.design-v2 #app .design-desktop-head .design-top-nav .active .icon-home{content:url('assets/design/202610/nav-home-active.webp')}
 body.design-v2 #app .design-desktop-head .design-top-nav .active .icon-user{content:url('assets/design/202610/nav-user-active.webp')}
}
body.design-v2 #app .order-services{border:2px solid var(--line)!important;border-radius:6px;box-shadow:1px 2px 0 #596b3540}
body.design-v2 #app .design-free-note{border:1.6px solid var(--line);border-radius:4px}
@media(min-width:760px){
 body.design-v2 #app .header-mine,body.design-v2 #app .header-detail{height:76px}
 body.design-v2 #app .design-page #trip-form .field:has([name=title]) textarea{height:108px;min-height:108px}
 body.design-v2 #app .design-page #trip-form .field:has([name=question]) textarea{height:74px;min-height:74px}
 body.design-v2 #app .design-page #trip-form .field:has([name=visibility]){display:grid;grid-template-columns:98px 1fr;gap:15px;align-items:center}
 body.design-v2 #app .design-page #trip-form .field:has([name=visibility]) label{margin:0}
 body.design-v2 #app .order-aside .order-preview-card{border:2px solid var(--line);border-radius:7px;padding:12px;margin-top:15px}
 body.design-v2 #app .order-aside>.panel{padding:20px}
 body.design-v2 #app .order-aside .order-preview-card .design-form-art{height:220px}
 body.design-v2 #app .order-aside .order-preview-card .secondary{height:55px}
 body.design-v2 #app .order-aside .order-preview-card .design-owner .avatar{width:70px!important;height:70px!important}
 body.design-v2 #app .design-page:has(.design-free-note) .minimum-empty{min-height:554px}
 body.design-v2 #app .design-page:has(.design-free-note) .page-head{padding-left:10px}
 body.design-v2 #app .design-page:has(.design-free-note) .page-head h1{font-size:50px}
}
@media(max-width:759px){
 body.design-v2 #app .home-wish .design-home-title{font-size:min(53px,14.3cqw)!important;letter-spacing:-.055em}
 body.design-v2 #app .home-friend .design-home-title{font-size:min(42px,11.4cqw)!important;letter-spacing:-.085em}
}
@media(max-width:759px){
 body.design-v2 #app .design-routes:has(.route-pet-filters)>.minimum-create{height:35px;min-height:35px!important;margin-top:3px!important;border-radius:25px!important;border-image:none}
 body.design-v2 #app .design-routes:has(.route-pet-filters) .route-create{border-radius:25px!important;border-image:none}
}
@media(max-width:759px){
 body.design-v2 #app .design-routes .route-create{height:35px;min-height:35px!important;margin-top:2px!important;border-radius:25px!important;border-image:none}
}

/* Existing help and card components: one service entry, candidate conditions on demand. */
body.design-v2 #app .route-service-help{display:flex;margin:10px 0}
body.design-v2 #app .route-service-help button{width:100%}
body.design-v2 #app .candidate-group h4{margin:0 0 8px;font-size:18px}
body.design-v2 #app .candidate-group .service-card{margin:10px 0;padding:12px}
body.design-v2 #app .design-pets:has(.profile-add):not(:has(.profile-pet)){min-height:0;height:auto;padding:20px;display:block}