/* Shared viewport and navigation rules. Keep comic assets and page interactions. */
body.design-v2 {--nav-height:72px;background:var(--paper);}
body.design-v2 #app *,body.design-v2 #app *::before,body.design-v2 #app *::after{box-sizing:border-box}
body.design-v2 #app :is(.design-main,.design-aside,.design-card-copy,.field,.two-col)>*{min-width:0}
body.design-v2 #app :is(h1,h2,h3,p,strong,.row span){overflow-wrap:anywhere}
body.design-v2 #app :is(.screen.minimum,.design-home){border:0!important;border-radius:0!important}
body.design-v2 #app :is(.topbar,.page-head){height:auto!important;min-height:64px!important;margin:0 0 12px!important;gap:12px;align-items:center}
body.design-v2 #app :is(.topbar,.page-head) h1{font-size:30px!important;line-height:1.25;margin:0!important;letter-spacing:-.035em}
body.design-v2 #app :is(.topbar,.page-head) .iconbutton{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border:1px solid #d6dac6;border-radius:12px;background:var(--paper)}
body.design-v2 #app :is(.primary,.secondary){min-height:44px!important;height:auto!important;font-size:15px!important;padding:10px 16px!important;border-radius:9px!important;line-height:1.4;white-space:normal}
body.design-v2 #app .primary{box-shadow:1px 2px 0 #69724944!important}
body.design-v2 #app .panel{height:auto!important;min-height:0!important;border-radius:12px!important;padding:18px!important;margin:14px 0!important;box-shadow:2px 3px 0 #56652022!important}
body.design-v2 #app .panel h2{font-size:21px!important;line-height:1.4;margin:0 0 10px!important}
body.design-v2 #app .muted{font-size:13px!important;line-height:1.6}
body.design-v2 #app .row{min-height:52px;font-size:14px!important;line-height:1.5}
body.design-v2 #app .light-link{font-size:14px!important;min-height:36px}
body.design-v2 #app .minimum-tabs{height:44px!important;min-height:44px!important;border:1px solid #bdc5a5!important;border-radius:12px!important;background:#eff1e2!important;padding:4px;gap:4px!important;overflow:hidden}
body.design-v2 #app .minimum-tabs button{border:0!important;border-radius:8px!important;font-size:14px!important;min-height:34px!important;font-weight:750;padding:5px 10px!important;background:transparent!important;color:var(--ink)!important}
body.design-v2 #app .minimum-tabs .on{background:var(--olive)!important;color:var(--paper)!important}
body.design-v2 #app .minimum-tabs button:after{display:none!important}
body.design-v2 #app .chip{min-height:36px!important;height:auto!important;font-size:13px!important;padding:7px 11px!important;border-radius:9px!important;line-height:1.3}
body.design-v2 #app .field{margin:18px 0!important}
body.design-v2 #app .field label{font-size:14px!important;line-height:1.5;margin-bottom:7px!important}
body.design-v2 #app :is(.field,.route-search,.route-conditions) :is(input,select,textarea){font-size:16px!important;max-width:100%;border-radius:8px!important;padding:10px 12px!important;line-height:1.5}
body.design-v2 #app :is(.field,.route-search,.route-conditions) :is(input,select){height:46px!important;min-height:46px!important}
body.design-v2 #app .field textarea{height:auto!important;min-height:100px!important}
body.design-v2 #app .route-search{display:grid!important;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) auto!important;gap:8px!important;margin:12px 0!important}
body.design-v2 #app .route-search input{width:100%!important;min-width:0}
body.design-v2 #app .route-search .chip{min-width:0!important;font-size:14px!important;height:46px!important}
body.design-v2 #app .route-pet-filters{flex-wrap:wrap!important;gap:8px!important}
body.design-v2 #app .route-direction{height:36px!important;margin-left:auto}
body.design-v2 #app .route-direction select{font-size:13px!important}
body.design-v2 #app .route-results-grid{height:auto!important;max-height:none!important;display:block!important;overflow:visible!important}
body.design-v2 #app .design-trip-card{height:auto!important;min-height:0!important;border-radius:12px!important;margin:16px 0!important;padding:0!important;box-shadow:2px 3px 0 #56652022!important}
body.design-v2 #app .design-card-copy{padding:16px!important;gap:8px;overflow:visible!important}
body.design-v2 #app .design-card-copy .design-owner{min-height:48px!important;margin:0!important}
body.design-v2 #app .design-card-copy .design-owner .avatar{width:44px!important;height:44px!important}
body.design-v2 #app .design-card-copy .design-owner strong{font-size:14px!important}
body.design-v2 #app .design-card-copy .design-owner small{display:block!important;font-size:11px!important}
body.design-v2 #app .design-card-copy .design-more{position:static!important;width:36px!important;height:36px!important;min-width:36px!important}
body.design-v2 #app .design-card-copy h3{font-size:21px!important;line-height:1.35!important;margin:0!important}
body.design-v2 #app .design-card-copy h2{display:block!important;font-size:23px!important;line-height:1.4!important;margin:0!important}
body.design-v2 #app .card-facts{padding:8px 0!important;display:block!important;border-top:1px solid #dadcca!important}
body.design-v2 #app .card-facts>p{font-size:13px!important;line-height:1.6;margin:4px 0!important}
body.design-v2 #app .card-facts .design-question{margin:8px 0 0!important}
body.design-v2 #app .card-action{width:100%!important;margin-top:auto!important}
body.design-v2 #app .route-service-help{margin:16px 0!important}
body.design-v2 #app .design-help-row button{min-height:64px!important;border-radius:10px!important}
body.design-v2 #app .route-create{position:static!important;transform:none!important;width:100%!important;margin:16px 0!important;height:auto!important;min-height:46px!important;border-radius:10px!important}
body.design-v2 #app .design-routes .design-aside{margin-top:12px!important}
body.design-v2 #app .details-title{font-size:32px!important;line-height:1.35!important}
body.design-v2 #app .design-detail-pair{gap:12px!important;align-items:stretch}
body.design-v2 #app .design-detail-pair .panel{margin:0!important}
body.design-v2 #app .pending-items{font-size:14px!important;line-height:1.6}
body.design-v2 #app .design-detail-links summary{min-height:52px;font-size:15px!important}
body.design-v2 #app .minimum-empty{height:auto!important;min-height:260px!important;padding:24px!important}
body.design-v2 #app .minimum-empty h2{font-size:24px!important}
body.design-v2 #app .minimum-empty .primary{width:auto!important;max-width:100%}
body.design-v2 #app .design-form-actions .primary{width:auto!important;flex:1;max-width:360px}
body.design-v2 #app .design-mine h1{font-size:30px!important;line-height:1.35;margin:8px 0!important}
body.design-v2 #app .mine-subtitle{font-size:14px!important;margin:0 0 18px!important}
body.design-v2 #app .account-line{margin:12px 0!important;font-size:15px!important}
body.design-v2 #app .design-mine-footer{height:110px!important;margin-top:20px!important}
body.design-v2 #app .design-mine-footer span{font-size:14px!important}
/* The same icons, spacing and selected state are used on every page. */
body.design-v2 #app :is(.design-bottom,.design-top-nav) button{border:0!important;box-shadow:none!important;background:transparent!important;line-height:1.25;font-weight:600!important;letter-spacing:0!important}
body.design-v2 #app :is(.design-bottom,.design-top-nav) button:after{display:none!important}
body.design-v2 #app :is(.design-bottom,.design-top-nav) .nav-icon{display:block!important;content:normal!important;fill:none!important;width:23px!important;height:23px!important}
body.design-v2 #app :is(.design-bottom,.design-top-nav) .active{background:#e8edd9!important;color:var(--olive)!important;font-weight:850!important}
@media(max-width:759px){
 body.design-v2 #app .screen.minimum{padding:12px 16px calc(var(--nav-height) + env(safe-area-inset-bottom) + 24px)!important;min-height:100dvh!important}
 body.design-v2 #app .design-bottom{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:calc(var(--nav-height) + env(safe-area-inset-bottom))!important;padding:8px 16px calc(8px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #cbd1b9!important;background:var(--paper)!important;z-index:90;box-shadow:0 -4px 18px #24321108}
 body.design-v2 #app .design-bottom button{width:100%!important;height:56px!important;min-height:56px;gap:5px!important;font-size:12px!important;padding:6px!important;border-radius:13px!important}
 body.design-v2 #app .design-mobile-brand{height:60px!important;padding:4px 0!important;margin-bottom:12px;align-items:center;border:0!important}
 body.design-v2 #app .design-mobile-brand .design-logo{width:190px!important;max-width:calc(100% - 60px)!important;height:auto!important}
 body.design-v2 #app .design-mobile-brand button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #d6dac6;border-radius:12px;padding:8px;background:var(--paper)}
 body.design-v2 #app .design-mobile-brand small{display:none!important}
 body.design-v2 #app .design-mobile-brand .icon{width:24px!important;height:24px!important}
 body.design-v2 #app .design-columns{display:block!important}
 body.design-v2 #app .design-card-art{height:145px!important;min-height:0!important;aspect-ratio:auto!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important}
 body.design-v2 #app .design-trip-card.experience-card{display:flex!important}
 body.design-v2 #app .design-outing>.minimum-tabs{width:100%!important;max-width:100%!important;margin:0 0 14px!important}
 body.design-v2 #app .outing-description{margin:0 0 12px!important;font-size:13px!important}
 body.design-v2 #app .design-nearby{display:flex!important;flex-direction:column;height:auto!important;min-height:100dvh!important}
 body.design-v2 #app .design-nearby .outing-controls{height:auto!important;min-height:44px;display:flex;flex-basis:auto!important;margin:0!important;gap:8px}
 body.design-v2 #app .design-nearby>.time-chips{height:auto!important;flex-basis:auto!important;margin:10px 0 14px!important;display:flex;flex-wrap:wrap!important;gap:6px}
 body.design-v2 #app .time-chips .chip{flex:1;white-space:nowrap;padding:7px 5px!important}
 body.design-v2 #app .design-map-columns{display:block!important;margin:0!important;flex:none!important;min-height:0!important}
 body.design-v2 #app .outing-map-wrap{height:clamp(350px,55dvh,540px)!important;min-height:0!important;flex:none!important;margin:0!important;border:1px solid var(--line);border-radius:14px!important;overflow:hidden}
 body.design-v2 #app .design-map-columns .design-invites{display:none!important}
 body.design-v2 #app .minimum-create:not(.route-create){position:static!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:16px 0 0!important;min-height:46px!important;height:auto!important}
 body.design-v2 #app .design-mine .design-main>.design-current{display:block!important}
 body.design-v2 #app .design-framed:before,body.design-v2 #app .design-framed:after{display:none!important}
 body.design-v2 #app .design-detail-hero{min-height:190px!important;height:auto!important;padding:12px 95px 12px 0!important}
 body.design-v2 #app .design-detail-hero .details-title{font-size:28px!important}
 body.design-v2 #app .design-detail-hero .trip-route{font-size:19px!important}
 body.design-v2 #app .design-route-art{width:85px!important;height:155px!important;top:30px!important;right:0!important}
 body.design-v2 #app .design-detail-pair{display:grid!important;grid-template-columns:1fr 1fr}
 body.design-v2 #app .design-detail-pair .panel{padding:12px!important}
 body.design-v2 #app .design-detail-pair h2{font-size:18px!important}
 body.design-v2 #app .design-form-actions .primary{max-width:none}
 /* Today stays within the viewport; navigation is outside the content frame. */
 body.design-v2 #app:has(.design-home){background:var(--paper)!important;height:100dvh!important;overflow:hidden!important}
 body.design-v2 #app .design-home{height:calc(100dvh - var(--nav-height) - env(safe-area-inset-bottom))!important;padding:10px 16px 16px!important;background:var(--paper)!important;align-items:stretch}
 body.design-v2 #app .design-home-frame{width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;transform:none!important;border:0!important;border-radius:0!important;display:flex!important;overflow:visible!important}
 body.design-v2 #app .design-home .design-mobile-brand{flex-shrink:0;margin-bottom:4px;height:56px!important}
 body.design-v2 #app .design-home-filters{height:52px!important;min-height:52px;padding:0 0 8px!important;border:0!important;gap:10px}
 body.design-v2 #app .design-home-filters .minimum-tabs{min-width:0!important;height:40px!important;min-height:40px!important;gap:1px!important;padding:3px!important}
 body.design-v2 #app .design-home-filters .minimum-tabs button{font-size:12px!important;padding:4px!important;min-height:32px!important;white-space:nowrap}
 body.design-v2 #app .design-wish{font-size:13px!important;padding:0 0 0 10px!important;min-height:40px}
 body.design-v2 #app .design-home-card{flex:1;min-height:0!important;display:flex!important;padding:12px!important;gap:10px!important;border:1.5px solid var(--line)!important;border-radius:14px!important;box-shadow:3px 4px 0 #56652022!important;overflow:hidden}
 body.design-v2 #app .design-home-copy{display:contents!important}
 body.design-v2 #app .home-identity{order:0!important;min-height:48px!important;height:48px!important;gap:10px!important;flex-shrink:0}
 body.design-v2 #app .home-identity>.avatar{width:48px!important;height:48px!important}
 body.design-v2 #app .home-identity strong{font-size:13px!important}
 body.design-v2 #app .design-home-route{font-size:18px!important;line-height:1.4}
 body.design-v2 #app .design-home .design-home-title{order:1!important;font-size:clamp(25px,8vw,34px)!important;line-height:1.25!important;min-height:0!important;margin:0!important;letter-spacing:-.04em!important;flex-shrink:0;white-space:normal!important}
 body.design-v2 #app .design-picture{order:2!important;flex:1!important;min-height:75px!important;height:auto!important;aspect-ratio:auto!important;width:100%!important;margin:0!important;border-radius:9px!important;overflow:hidden}
 body.design-v2 #app .design-picture img{width:100%;height:100%!important;object-fit:cover!important}
 body.design-v2 #app .design-facts{order:3!important;height:auto!important;min-height:54px!important;flex:none!important;margin:0!important;padding:4px 0!important;gap:8px;border:0!important}
 body.design-v2 #app .design-facts b{font-size:12px!important;white-space:normal!important}
 body.design-v2 #app .design-facts small{font-size:10px!important}
 body.design-v2 #app .design-facts img{width:28px!important;height:32px!important}
 body.design-v2 #app .design-home-actions{order:4!important;position:static!important;height:46px!important;min-height:46px;margin:0!important;gap:7px!important;flex-shrink:0}
 body.design-v2 #app .design-home-actions button{position:static!important;width:36px!important;height:46px!important;min-height:46px!important;font-size:23px!important;border-radius:8px!important}
 body.design-v2 #app .design-home-actions .primary{width:auto!important;font-size:17px!important;padding:6px!important}
 body.design-v2 #app .design-home-actions .home-secondary{width:67px!important;font-size:12px!important;padding:4px!important}
 body.design-v2 #app .experience-note{display:none!important}
}
@media(max-width:359px),(max-height:700px) and (max-width:759px){
 body.design-v2 #app .design-home{padding:6px 12px 12px!important}
 body.design-v2 #app .design-home .design-mobile-brand{height:45px!important}
 body.design-v2 #app .design-home-card{gap:7px!important;padding:10px!important}
 body.design-v2 #app .design-home .design-home-title{font-size:25px!important}
 body.design-v2 #app .design-facts{min-height:44px!important}
 body.design-v2 #app .home-identity{height:40px!important;min-height:40px!important}
 body.design-v2 #app .home-identity>.avatar{width:40px!important;height:40px!important}
}
@media(min-width:760px){
 body.design-v2 #app .design-desktop-head{position:sticky!important;top:0!important;z-index:95;height:76px!important;min-height:76px;border-bottom:1px solid #cbd1b9!important;padding:12px max(24px,calc((100% - 1280px)/2))!important;display:grid!important;grid-template-columns:220px 1fr 160px;gap:20px;background:var(--paper)}
 body.design-v2 #app .logo-button{width:220px!important;max-width:100%;height:48px!important;padding:0!important;display:flex;align-items:center;background:transparent}
 body.design-v2 #app .design-desktop-head .design-logo{width:220px!important;height:auto!important;max-width:100%!important}
 body.design-v2 #app .design-top-nav{position:static!important;left:auto!important;transform:none!important;display:flex!important;justify-content:center;gap:8px!important;width:auto!important;height:48px!important}
 body.design-v2 #app .design-top-nav button{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;font-size:15px!important;padding:12px 18px!important;border-radius:12px!important;height:46px!important}
 body.design-v2 #app .head-account{gap:12px!important;justify-content:flex-end}
 body.design-v2 #app .head-avatar{width:36px!important;height:36px!important;background:transparent}
 body.design-v2 #app .design-message{font-size:13px!important;min-height:44px!important;gap:6px}
 body.design-v2 #app .design-message .icon{width:22px!important;height:22px!important}
 body.design-v2 #app .screen.minimum{width:100%!important;max-width:1280px!important;min-height:calc(100dvh - 76px)!important;margin:0 auto!important;padding:24px 24px 40px!important}
 body.design-v2 #app .design-columns{grid-template-columns:minmax(0,1fr) 310px!important;gap:28px!important;align-items:start}
 body.design-v2 #app .design-columns:not(:has(.design-aside)){grid-template-columns:1fr!important}
 body.design-v2 #app .design-outing>.minimum-tabs{max-width:none!important;width:440px!important;margin:0 0 18px!important}
 body.design-v2 #app .design-routes .topbar:after{display:none!important}
 body.design-v2 #app .design-trip-card:not(.personal-card){display:grid!important;grid-template-columns:42% minmax(0,1fr)!important;align-items:stretch;min-height:270px!important}
 body.design-v2 #app .design-card-art{height:100%!important;min-height:0!important;aspect-ratio:auto!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important}
 body.design-v2 #app .design-card-art img{height:100%!important;width:100%;object-fit:cover}
 body.design-v2 #app .design-routes>.minimum-create{position:static!important;width:auto!important;max-width:none!important;transform:none!important;margin:20px 0!important;min-height:46px!important;height:auto!important;font-size:16px!important}
 body.design-v2 #app .design-nearby .outing-controls{width:auto!important;height:auto!important;flex-basis:auto!important;margin:0!important;display:flex;gap:10px}
 body.design-v2 #app .design-nearby .outing-controls .chip{width:auto!important;height:42px!important;font-size:14px!important}
 body.design-v2 #app .design-nearby>.time-chips{height:auto!important;flex-basis:auto!important;margin:12px 0 18px!important;gap:8px}
 body.design-v2 #app .map-view-switch{position:static!important;display:none!important}
 body.design-v2 #app .design-map-columns{display:grid!important;margin:0!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:24px!important;height:auto!important;min-height:0!important;flex:none!important}
 body.design-v2 #app .outing-map-wrap{height:620px!important;min-height:0!important;flex:none!important;border:1.5px solid var(--line);border-radius:14px!important;overflow:hidden}
 body.design-v2 #app .design-invites{height:620px!important;min-height:0!important;overflow:auto!important}
 body.design-v2 #app .design-invite .invite-art{height:150px!important;min-height:0!important}
 body.design-v2 #app .design-invite .invite-identity :is(strong,h2){font-size:18px!important}
 body.design-v2 #app .design-invite .invite-actions{gap:8px}
 body.design-v2 #app .design-nearby{height:auto!important;display:block!important}
 body.design-v2 #app .design-nearby>.minimum-create{position:static!important;transform:none!important;width:auto!important;max-width:none!important;top:auto!important;right:auto!important;margin:18px 0 0!important;height:auto!important;min-height:46px!important}
 body.design-v2 #app .design-home{height:calc(100dvh - 76px)!important;max-width:1280px!important;margin:auto;padding:20px 24px 30px!important;background:var(--paper)!important}
 body.design-v2 #app .design-home-filters{height:64px!important;padding:0 0 20px!important;gap:16px!important}
 body.design-v2 #app .design-home-filters .minimum-tabs{width:420px!important;min-width:0!important;height:44px!important}
 body.design-v2 #app .design-home-card{grid-template-columns:54% 46%!important;padding:10px!important;max-height:720px;min-height:0!important;border-radius:16px!important;gap:0!important}
 body.design-v2 #app .design-home-copy{padding:24px!important;gap:16px!important;border:0!important;overflow:auto!important}
 body.design-v2 #app .home-identity{min-height:64px!important;height:auto!important;gap:12px!important}
 body.design-v2 #app .home-identity>.avatar{width:64px!important;height:64px!important}
 body.design-v2 #app .home-identity strong{font-size:18px!important}
 body.design-v2 #app .desktop-home-route{font-size:28px!important;line-height:1.4}
 body.design-v2 #app .design-home .design-home-title{font-size:clamp(32px,3.4vw,46px)!important;line-height:1.25!important;margin:0!important;min-height:0!important;letter-spacing:-.04em!important}
 body.design-v2 #app .design-picture{border-radius:10px!important;height:100%!important}
 body.design-v2 #app .design-facts{min-height:70px!important;margin:auto 0 0!important;flex:none!important;padding:12px 0!important;gap:8px}
 body.design-v2 #app .design-facts b{font-size:15px!important;white-space:normal}
 body.design-v2 #app .design-facts small{font-size:12px!important}
 body.design-v2 #app .design-facts img{width:40px!important;height:45px!important}
 body.design-v2 #app .design-home-actions{position:static!important;height:52px!important;gap:10px!important;margin:0!important;min-height:52px}
 body.design-v2 #app .design-home-actions button{position:static!important;width:44px!important;height:52px!important;min-height:52px;font-size:26px!important}
 body.design-v2 #app .design-home-actions .primary{width:auto!important;font-size:21px!important}
 body.design-v2 #app .design-home-actions .home-secondary{width:86px!important;font-size:14px!important}
 body.design-v2 #app .experience-note{font-size:13px!important;margin:0!important}
 body.design-v2 #app .personal-card{min-height:0!important}
 body.design-v2 #app .personal-content{min-height:0!important}
 body.design-v2 #app .design-personal-art{min-height:0!important;height:240px!important;max-height:none!important}
 body.design-v2 #app .design-form-preview #form-preview-title{font-size:28px!important}
 body.design-v2 #app .design-form-art{aspect-ratio:1.4!important}
 body.design-v2 #app .design-page:before{display:none!important}
}
@media(min-width:760px) and (max-width:1023px){
 body.design-v2 #app .design-desktop-head{grid-template-columns:180px 1fr 100px;gap:12px;padding:12px 20px!important}
 body.design-v2 #app .logo-button,body.design-v2 #app .design-desktop-head .design-logo{width:180px!important}
 body.design-v2 #app .design-message span{display:none}
 body.design-v2 #app .design-top-nav button{padding:10px 12px!important;font-size:14px!important}
 body.design-v2 #app .design-columns{grid-template-columns:minmax(0,1fr) 250px!important;gap:20px!important}
 body.design-v2 #app .design-map-columns{grid-template-columns:minmax(0,1fr) 280px!important;gap:16px!important}
 body.design-v2 #app .design-trip-card:not(.personal-card){grid-template-columns:1fr!important}
 body.design-v2 #app .design-card-art{height:190px!important;border-right:0!important;border-bottom:1px solid var(--line)!important}
 body.design-v2 #app .design-home-copy{padding:16px!important;gap:10px!important}
 body.design-v2 #app .design-home .design-home-title{font-size:30px!important}
 body.design-v2 #app .design-home-actions .primary{font-size:17px!important}
}

body.design-v2 #app .design-home .design-home-title{max-width:none!important;display:block!important}
body.design-v2 #app .design-home .design-home-title:after{display:none!important}
body.design-v2 #app .design-home .design-live-picture .design-live-pet{object-fit:contain!important;max-width:80%;height:90%!important;left:10%;bottom:0}
@media(max-width:759px){body.design-v2 #app .home-experience .experience-facts{grid-template-columns:1.35fr 1fr 1fr!important}body.design-v2 #app .home-experience .experience-facts>div{padding:0!important;gap:5px!important}body.design-v2 #app .home-experience .experience-facts img{width:22px!important}body.design-v2 #app .home-experience .experience-facts>div:first-child b{font-size:11px!important;white-space:nowrap!important}body.design-v2 #app .home-experience .experience-facts small{font-size:9px!important}}
body.design-v2 #app .design-trip-card.experience-card .design-card-art{display:block!important}
body.design-v2 #app .design-trip-card.experience-card .design-card-copy{padding:16px!important}
body.design-v2 #app .design-trip-card.experience-card :is(h2,h3,.muted){display:block!important;margin:0!important}
body.design-v2 #app .design-trip-card.experience-card .card-action{position:static!important;transform:none!important;right:auto!important;top:auto!important;white-space:normal!important;width:100%!important;margin:4px 0 0!important;font-size:14px!important;min-height:44px!important;height:auto!important}
body.design-v2 #app .design-card-copy .design-owner>div{align-self:center!important;padding:0!important}
body.design-v2 #app .design-card-copy .design-owner strong{line-height:1.5!important}
@media(min-width:760px){body.design-v2 #app .design-trip-card.experience-card{grid-template-columns:42% minmax(0,1fr)!important;min-height:270px!important}}
@media(min-width:760px) and (max-width:1023px){body.design-v2 #app .design-trip-card.experience-card{grid-template-columns:1fr!important}}
body.design-v2 #app .design-outing.design-routes #route-results .route-create{position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;height:auto!important;min-height:46px!important;margin:16px 0!important;font-size:15px!important;border-radius:10px!important}
body.design-v2 #app .minimum-tabs.minimum-tabs button{border:0!important;background:transparent!important;color:var(--ink)!important;font-size:14px!important;min-height:34px!important;height:auto!important;border-radius:8px!important}
body.design-v2 #app .minimum-tabs.minimum-tabs button.on{background:var(--olive)!important;color:var(--paper)!important}
body.design-v2 #app .route-conditions label{display:block!important;margin:16px 0!important;font-size:14px!important;min-height:0!important}
body.design-v2 #app .route-conditions label>span{display:block;margin-bottom:8px}
body.design-v2 #app .route-conditions label .minimum-chips{gap:8px!important;margin:0!important}
body.design-v2 #app .route-conditions label .chip{min-width:46px!important;white-space:nowrap;font-size:13px!important;padding:8px 12px!important;min-height:36px!important}
body.design-v2 #app .route-conditions select{width:100%!important;min-width:0}
body.design-v2 #app .design-mine .mine-subtitle{font-size:14px!important;margin-bottom:18px!important}
body.design-v2 #app .design-current .row :is(span,b){font-size:14px!important;line-height:1.6}
body.design-v2 #app .design-current .task-box{flex:0 0 20px!important;font-size:20px!important}
body.design-v2 #app .design-current .light-link{font-size:14px!important}
body.design-v2 #app .desktop-account{position:static!important;inset:auto!important;transform:none!important;width:230px!important;margin:20px 0 0 auto!important;height:auto!important}
body.design-v2 #app .desktop-account .row{padding:12px!important;font-size:14px!important;min-height:48px!important}
body.design-v2 #app .design-mine .design-pet-aside{display:none!important}

body.design-v2 #app .route-conditions label>span{width:auto!important;max-width:none!important}
body.design-v2 #app .design-detail-pair{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
body.design-v2 #app .design-detail-pair .panel{border:1.5px solid var(--line)!important;border-radius:12px!important;display:block!important;padding:16px!important}
body.design-v2 #app .design-detail-pair .panel .detail-state-icon{float:left;margin-right:8px}
body.design-v2 #app .design-detail-pair .panel :is(p,.pending-items,small){margin:8px 0 0!important;padding:0!important;font-size:13px!important;line-height:1.6!important}
body.design-v2 #app .design-page .design-detail-hero .details-title{font-size:32px!important;max-width:none!important}
@media(max-width:759px){body.design-v2 #app .design-page .design-detail-hero .details-title{font-size:28px!important}body.design-v2 #app .design-detail-pair .panel{padding:12px!important}body.design-v2 #app .design-route-art img{object-fit:cover!important;object-position:75% center!important}}
@media(min-width:760px){body.design-v2 #app .design-page>.page-head{display:flex!important;justify-content:flex-start!important;margin-bottom:20px!important}body.design-v2 #app .design-page>.page-head .iconbutton{display:none!important}body.design-v2 #app .design-page>.page-head .back{font-size:20px!important;min-height:44px;padding-right:10px}body.design-v2 #app .design-detail-hero{height:auto!important;min-height:235px!important;padding:20px!important}body.design-v2 #app .design-detail-hero .design-route-art{height:calc(100% - 24px)!important;top:12px!important}}
body.design-v2 #app .design-page #trip-form>.field{display:block!important}
body.design-v2 #app .design-page #trip-form .field label{padding-top:0!important;font-size:14px!important;margin-bottom:7px!important}
body.design-v2 #app .design-page #trip-form .pet-select-field select{padding-left:58px!important}
body.design-v2 #app .design-page #trip-form .pet-select-field>img{left:12px!important;bottom:7px!important;width:32px!important;height:32px!important}
body.design-v2 #app .design-page:has(#trip-form) .page-head:after{display:none!important}
body.design-v2 #app .design-page:has(#trip-form) .page-head{justify-content:space-between!important}
body.design-v2 #app .design-page:has(#trip-form) .page-head .back{position:static!important}
body.design-v2 #app .design-page:has(#trip-form) .page-head .iconbutton{display:grid!important}
body.design-v2 #app .design-page:has(#trip-form) .design-main{padding:20px!important;border-radius:12px!important}
@media(max-width:759px){body.design-v2 #app .design-page:has(#trip-form) .design-main{padding:0!important;border:0!important}}
@media(min-width:760px){body.design-v2 #app .design-page:has(#trip-form) .page-head .iconbutton{display:none!important}}
body.design-v2 #app .design-form-preview .preview-route{font-size:22px!important;line-height:1.4!important;margin:12px 0!important}
body.design-v2 #app .design-form-preview .design-form-art{height:190px!important;min-height:0!important;aspect-ratio:auto!important}
body.design-v2 #app .design-form-preview .design-form-art img{height:100%!important;object-fit:cover!important}
body.design-v2 #app .design-form-preview .design-live-picture .design-live-pet{height:85%!important;object-fit:contain!important;bottom:0!important}
body.design-v2 #app .design-form-preview .design-facts{display:block!important;height:auto!important;min-height:0!important;max-height:none!important}
body.design-v2 #app .design-form-preview .design-facts>div{margin:10px 0!important;padding:0!important}
body.design-v2 #app .design-form-preview .design-facts b{font-size:13px!important}
@media(min-width:760px){body.design-v2 #app .design-page:has(#trip-form)>.page-head{justify-content:flex-start!important;gap:24px!important}}
body.design-v2 #app .design-trip-card.personal-card{display:block!important;padding:18px!important;height:auto!important;min-height:0!important}
body.design-v2 #app .personal-identity{display:flex!important;align-items:center;gap:12px;justify-content:space-between;min-height:48px!important;height:auto!important;margin:0 0 16px!important}
body.design-v2 #app .personal-identity .design-owner{flex:1;min-width:0}
body.design-v2 #app .personal-identity .design-owner .avatar{width:44px!important;height:44px!important}
body.design-v2 #app .personal-identity .design-owner strong{font-size:16px!important}
body.design-v2 #app .personal-identity .minimum-chips{margin:0!important;gap:6px;flex-shrink:0}
body.design-v2 #app .personal-identity .tag{font-size:12px!important}
body.design-v2 #app .personal-content{position:relative!important;padding:0!important;height:auto!important;min-height:0!important}
body.design-v2 #app .personal-content h2{font-size:28px!important;line-height:1.4!important;margin:0!important;padding:0!important}
body.design-v2 #app .personal-content h3{font-size:21px!important;line-height:1.4;margin:6px 0!important}
body.design-v2 #app .personal-content .muted{font-size:13px!important;margin:0 0 12px!important}
body.design-v2 #app .design-personal-art{position:static!important;inset:auto!important;transform:none!important;display:block!important;min-height:0!important;max-height:none!important;border-radius:8px!important;overflow:hidden}
body.design-v2 #app .personal-content .process-line{margin:16px 0!important;padding:0!important;width:100%!important;min-height:40px!important;height:auto!important}
body.design-v2 #app .personal-actions{position:static!important;transform:none!important;display:flex!important;gap:12px!important;height:auto!important;margin:12px 0 0!important}
body.design-v2 #app .personal-actions .primary{width:auto!important;max-width:none!important;font-size:15px!important;min-height:44px!important}
body.design-v2 #app .trip-status-filters{margin:16px 0!important;gap:8px!important}
body.design-v2 #app .trip-status-filters .chip{font-size:14px!important;min-height:36px!important;padding:7px 12px!important}
body.design-v2 #app .listing-subtitle{font-size:14px!important;margin:0 0 16px!important}
@media(min-width:1024px){
 body.design-v2 #app .personal-content{display:grid!important;grid-template-columns:minmax(0,1fr) 240px!important;column-gap:24px;align-items:start}
 body.design-v2 #app .personal-content>*{grid-column:1}
 body.design-v2 #app .personal-content .design-personal-art{grid-column:2!important;grid-row:1/span 5!important;width:100%!important;height:230px!important}
 body.design-v2 #app .personal-content .design-personal-art img{height:100%!important;width:100%;object-fit:cover}
 body.design-v2 #app .personal-hint{display:none!important}
}
@media(max-width:1023px){
 body.design-v2 #app .personal-identity{flex-wrap:wrap!important}
 body.design-v2 #app .personal-content{display:block!important}
 body.design-v2 #app .personal-content .design-personal-art{width:100%!important;height:170px!important;margin:12px 0!important}
 body.design-v2 #app .personal-content h2{font-size:24px!important}
 body.design-v2 #app .personal-actions .primary{width:100%!important}
}
body.design-v2 #app .design-live-picture.design-personal-art,body.design-v2 #app .design-live-picture.design-form-art,body.design-v2 #app .design-live-picture.design-picture{position:relative!important;overflow:hidden!important}
body.design-v2 #app .design-live-picture .design-live-pet{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important}
body.design-v2 #app .design-listing .trip-status-filters .chip{font-size:14px!important;min-height:36px!important;padding:7px 12px!important}
body.design-v2 #app .design-listing .personal-identity .tag{font-size:12px!important;padding:4px 8px!important}
body.design-v2 #app .personal-actions .primary{font-size:15px!important}
body.design-v2 #app .order-aside .order-trip-title{font-size:26px!important;line-height:1.4;margin:12px 0!important}
body.design-v2 #app .order-aside .design-form-art{height:190px!important;min-height:0!important;aspect-ratio:auto!important}
body.design-v2 #app .order-aside .order-time{font-size:14px!important;line-height:1.5}
body.design-v2 #app .order-aside .design-owner .avatar{width:44px!important;height:44px!important}
body.design-v2 #app .order-aside .design-owner strong{font-size:14px!important}
body.design-v2 #app .order-aside .design-owner h3{font-size:20px!important}
body.design-v2 #app .design-listing .personal-actions .primary{font-size:15px!important;min-height:44px!important;height:auto!important;padding:10px 16px!important}
@media(min-width:760px){
 body.design-v2 #app .design-desktop-head[class]{height:76px!important;min-height:76px!important}
 body.design-v2 #app .design-desktop-head .design-top-nav button{font-size:15px!important;flex-direction:row!important;gap:8px!important;height:46px!important;padding:12px 18px!important}
 body.design-v2 #app .design-desktop-head .design-top-nav .nav-icon{width:23px!important;height:23px!important;display:block!important}
 body.design-v2 #app .design-desktop-head .design-message .icon{width:22px!important;height:22px!important}
}
@media(min-width:760px) and (max-width:1023px){body.design-v2 #app .design-desktop-head .design-top-nav button{font-size:14px!important;padding:10px 12px!important}}
@media(min-width:760px){
 body.design-v2 #app .design-home .design-home-filters .minimum-tabs{flex:0 0 420px!important;width:420px!important;min-width:0!important;height:44px!important;min-height:44px!important;gap:4px!important;padding:4px!important}
 body.design-v2 #app .design-home .design-home-filters .minimum-tabs button{height:34px!important;min-height:34px!important;padding:5px 12px!important;border-radius:8px!important;font-size:14px!important}
 body.design-v2 #app .design-desktop-head .design-message{border:0!important;box-shadow:none!important;border-radius:10px!important;background:transparent!important;padding:8px!important;font-size:13px!important}
 body.design-v2 #app .design-desktop-head .head-avatar{display:block!important;width:36px!important;height:36px!important}
}
@media(max-width:759px){
 body.design-v2 #app .trip-status-filters{flex-wrap:nowrap!important;overflow-x:auto!important;max-width:100%;padding-bottom:6px!important;scrollbar-width:thin}
 body.design-v2 #app .trip-status-filters .chip{flex:0 0 auto!important;white-space:nowrap}
}
/* A long public title must not push Today's controls out of the viewport. */
body.design-v2 #app .design-home .design-home-title{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden!important}
@media(max-width:759px){body.design-v2 #app .design-home .design-home-title{-webkit-line-clamp:2;max-height:2.5em!important}}

/* October audit: preserve three tabs and keep nearby's action above navigation. */
body.design-v2 #app .route-diagram{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:24px!important;min-height:120px!important;background:#f6f8ee;border:1px solid var(--line);border-radius:12px}
body.design-v2 #app .route-diagram span{font-size:20px;overflow-wrap:anywhere;flex:1;text-align:center}
body.design-v2 #app .route-diagram svg{width:90px;flex:none;color:var(--olive)}
body.design-v2 #app .content-tools button{display:block;max-width:100%}
body.design-v2 #app .design-invite .invite-art{object-fit:contain!important}
body.design-v2 #app .design-message .icon{object-fit:contain}
@media(max-width:759px){
 body.design-v2 #app .design-nearby{min-height:0!important;height:auto!important;padding-bottom:calc(104px + env(safe-area-inset-bottom))!important;overflow:visible!important}
 body.design-v2:has(.design-nearby){overflow-y:auto!important;height:auto!important}
 body.design-v2 #app .design-nearby .outing-map-wrap{height:clamp(240px,calc(100dvh - 405px),450px)!important}
 body.design-v2 #app .design-nearby .minimum-create{margin-bottom:16px!important}
 body.design-v2 #app .route-diagram span{font-size:17px}
}

body.design-v2 #app .comparison-scroll{overflow-x:auto;max-width:100%;margin:12px 0}
body.design-v2 #app .candidate-comparison table{border-collapse:collapse;width:100%;min-width:580px;font-size:13px}
body.design-v2 #app .candidate-comparison th,body.design-v2 #app .candidate-comparison td{padding:10px;border:1px solid var(--line);vertical-align:top;text-align:left;white-space:normal}
body.design-v2 .payment-qr{display:block;width:240px;max-width:100%;margin:16px auto}
body.design-v2 #app .maplibregl-ctrl-attrib{font-size:10px!important;line-height:1.2!important;max-width:calc(100% - 20px);white-space:normal!important}
body.design-v2 #app .maplibregl-ctrl-attrib-button{display:none!important}
body.design-v2 #app .map-public-note{bottom:36px!important}
@media(min-width:760px){
 body.design-v2 #app .design-nearby .outing-map-wrap{height:clamp(300px,calc(100dvh - 480px),520px)!important}
}
body.design-v2 #app .map-public-note{left:8px!important;right:auto!important;padding:3px 6px;background:var(--paper);border-radius:4px;font-size:10px!important;color:var(--ink)!important}
@media(min-width:760px){
 body.design-v2 #app .design-nearby>.minimum-create{position:absolute!important;top:110px!important;right:24px!important;left:auto!important;bottom:auto!important;transform:none!important;width:190px!important;margin:0!important;z-index:11}
}