/* Shared finish for existing screens. Keep page-specific navigation and data intact. */
:root{--ui-space:16px;--ui-panel:#1b1e23;--ui-border:#363b44;--ui-muted:#b3bac5;--ui-radius:22px}
body{color-scheme:dark}
:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #ffad78;outline-offset:3px}
:where(button,a.btn,summary){-webkit-tap-highlight-color:transparent}
button:disabled,.btn:disabled{cursor:wait;opacity:.55}
:where(.page-inner,.mp,.social-page,.bp) h1{letter-spacing:-.035em;text-wrap:balance}
:where(.page-inner,.mp,.social-page,.bp) h2{letter-spacing:-.025em;line-height:1.25}
:where(.section-head,.mp-panel-head,.outings-section-head) h2{margin-block:0}
:where(.btn,.filter-button){border-radius:14px;min-height:44px;line-height:1.25;font-weight:750}
.btn.primary{background:linear-gradient(135deg,#ff9b4a,#ff7e2e);color:#20160e;border-color:#ff9b4a;box-shadow:inset 0 1px 0 #ffffff30}
.btn.ghost{background:#22262c;border-color:#414751;color:#f0f1f4}
:where(.mp-form,.social-form,.bp-form,.outing-form) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){
 min-width:0;max-width:100%;box-sizing:border-box;min-height:48px;border-radius:13px;border:1px solid #444b56;background:#15181d;color:#f7f7f8;font-size:16px;line-height:1.5;padding:11px 13px;
}
:where(.mp-form,.social-form,.bp-form,.outing-form) :is(input,select,textarea):focus{border-color:#ffad78;box-shadow:0 0 0 3px #ffad7814}
:where(.mp-form,.social-form,.bp-form,.outing-form) label{line-height:1.45;min-width:0}
input::placeholder,textarea::placeholder{color:#939ca9;opacity:1}
:where(.mp-form,.social-form,.bp-form,.outing-form) textarea{resize:vertical}
:where(.mp-empty,.social-empty,.empty-state,.outings-empty){border:1px dashed #48505c;border-radius:var(--ui-radius);background:linear-gradient(145deg,#24272d,#181b20);padding:28px 20px;color:#bac1ca;line-height:1.6}
.empty-state h2{color:#f7f7f8}.empty-state .btn{margin-top:12px}
:where(.mp-panel,.bp-card,.outing-detail-panel,.outing-chat){border-color:var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-panel)}
:where(.mp-panel,.outing-detail-panel,.bp-card)>h2{margin-top:0;margin-bottom:14px}
.home-page{--home-section-gap:30px;--home-heading-gap:16px;padding-top:20px}
.home-page .section-head{align-items:center;flex-wrap:nowrap;gap:12px}
.home-page .section-head>div{min-width:0}
.home-page .section-head h2{font-size:clamp(21px,5.5vw,28px)}
.home-page .section-head button{flex:none;white-space:nowrap;font-size:12px;min-height:44px}
.hero-search-first .search-box,.explore-search{border:1px solid #4a5059;background:#20242b;box-shadow:0 4px 16px #0002;border-radius:18px}
.hero-search-first .search-box input,.explore-search input{font-size:16px;color:#f7f7f8}
.hero-search-first .search-box>svg,.explore-search>svg{color:#ffac75}
.hero-search-first .search-box:focus-within,.explore-search:focus-within{border-color:#ffac75;box-shadow:0 0 0 3px #ffac7514}
.experience-card{border-radius:24px;border-color:#373d46;background:#1b1f25;box-shadow:0 6px 18px #0002}
.experience-card .card-cover{overflow:hidden}
.experience-card .card-body{padding:16px;min-width:0}
.experience-card .card-body h3{font-size:18px;line-height:1.3;letter-spacing:-.025em;margin-top:6px}
.experience-card .card-brand{margin-block:10px}
.experience-card .card-facts{padding-top:14px;border-top-color:#ffffff14}
.explore-header{padding-top:24px;padding-bottom:8px}
.explore-header h1{font-size:clamp(28px,7vw,40px);margin:8px 0}
.explore-header p{color:var(--ui-muted);line-height:1.5;margin-bottom:16px}
.explore-tools{gap:10px;align-items:stretch}
.filter-button{display:flex;align-items:center;justify-content:center;gap:7px;padding-inline:13px;width:auto;flex:none;background:#2a211c;border:1px solid #956340;color:#ffc291}
.filter-button.has-filters{background:#ff913f;color:#20160e;border-color:#ff913f}
.results-count{font-size:13px;color:#b5bcc6;margin-block:16px}
.results-more{display:grid;justify-items:center;gap:10px;margin-block:24px}
.results-more .btn{width:min(100%,360px)}
.search-suggestions{border-radius:16px;border-color:#444b56;box-shadow:0 14px 36px #0006}
.detail-info .detail-title,.detail-title{line-height:1.15;text-wrap:balance}
.detail-cta{border-radius:18px;gap:8px}
.detail-cta>.btn{min-height:48px;border-radius:13px}
.mp .mp-hero{border-radius:26px;border-color:#444039;background:radial-gradient(ellipse at 100% 0,#ff9b4910,transparent 60%),#1b1e23}
.mp .mp-person h1{line-height:1.2}
.mp .mp-panel{padding:20px;margin-block:20px}
.mp .mp-highlight-empty{border-radius:16px;background:#15191f;padding:18px;color:#afb8c5}
.mp .mp-tabs{padding:5px;gap:4px;border-radius:17px;background:#16191f;border:1px solid #353c46;scrollbar-width:thin}
.mp .mp-tabs>button{background:transparent;border:0;border-radius:12px;padding:10px 14px;color:#b7bfcb}
.mp .mp-tabs>button.active{background:#ff9346;color:#21170e;font-weight:800}
.mp .mp-profile-primary{min-width:0!important;flex:1 1 auto!important}
.mp .mp-profile-controls{align-items:stretch;gap:10px}
.mp .mp-profile-menu{flex:none}
.mp .mp-profile-menu-popover .btn{justify-content:flex-start;min-width:0;white-space:normal;text-align:left;min-height:48px}
.mp .mp-profile-menu-popover{max-height:min(60dvh,420px);overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:8px;scrollbar-width:thin}
.mp-confirm-dialog{max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain}
.outing-rating{box-sizing:border-box;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:20px;border-radius:24px}
.outing-rating-close{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:13px}
.outing-rating :is(select,textarea){font-size:16px;min-width:0;max-width:100%;box-sizing:border-box}
.outing-rating h2{margin-block:0;line-height:1.25}
.outing-rating [role=alert]{margin:0;color:#ffc19b;line-height:1.5;overflow-wrap:anywhere}
.mp .mp-session,.mp .mp-wishlist-card{border-radius:17px}
.social-page{padding-top:24px;gap:18px}
.social-head h1{font-size:clamp(28px,7vw,38px);line-height:1.15;margin:8px 0}
.social-feed{gap:20px}
.social-card{border-radius:24px;background:radial-gradient(ellipse at top right,#ffac6b08,transparent 60%),#1c2026;border-color:#3c424c;padding:18px;box-shadow:0 6px 22px #0002}
.social-card .social-author{line-height:1.5;align-items:flex-start}
.social-card .social-author>div{padding-top:2px;min-width:0}
.social-card .social-avatar{width:44px;height:44px}
.social-menu{border-radius:17px;background:#1b1f25}
.social-menu .social-tools{display:grid;grid-template-columns:minmax(0,1fr);overflow-x:visible}
.social-menu .social-tools>:is(a,button){min-width:0;max-width:100%;justify-content:flex-start;gap:10px;padding:12px;font-weight:650;white-space:nowrap}
.social-menu .social-tools .social-action-icon{color:#ffb783}
.social-card .social-card-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:visible}
.social-card .social-card-shortcuts>:is(a,button){min-width:0;max-width:100%;font-size:13px}
.social-card .social-reactions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.9fr);overflow-x:visible;gap:5px}
.social-card .social-reactions>button{min-width:0;max-width:100%;padding:9px 5px;white-space:nowrap;font-size:14px}
.social-card .social-reactions>button:last-child{font-size:12px;border-radius:13px}
.social-card .social-reactions>button:last-child svg{width:17px;height:17px}
.social-outing-summary{border-radius:18px;padding:12px;gap:12px}
.social-outing-summary>img,.social-room-placeholder{border-radius:13px}
.social-session-facts>span{border-radius:13px}
.social-dialog{border-radius:24px;border-color:#464d59;padding:20px;scrollbar-width:thin}
.social-dialog .social-comment{background:#15191f;border-radius:16px}
.outings-top{gap:16px;align-items:center}
.outings-top h1{font-size:clamp(28px,7vw,40px);line-height:1.15}
.outings-top p{font-size:14px;line-height:1.5}
.outing-feed-card,.outing-feature-card{border-radius:22px;border-color:#3b414a;box-shadow:0 5px 16px #0002}
.outing-chat-form textarea,.mp-message-form textarea{border-radius:15px;font-size:16px}
.mp-message-bubble{line-height:1.5}
.mp-message-folders{gap:7px;padding-block:6px}
.mp-message-folders>button{border-radius:13px;min-height:44px}
.news-card,.venue-card{border-radius:22px}
.bp-form{gap:14px}
.bp-card h1{font-size:clamp(26px,6vw,36px)}
.bottom-nav button small{white-space:nowrap;line-height:1.2}
@media(max-width:380px){
 .home-page .section-head h2{font-size:20px}.home-page .section-head button{font-size:11px}
 .social-card{padding:13px;border-radius:22px}.social-card .social-reactions>button{font-size:13px}
 .social-card .social-reactions>button:last-child svg{display:none}
 .filter-button{padding-inline:10px}.filter-button span{font-size:12px}
 .mp .mp-panel{padding:16px}.mp .mp-profile-primary{font-size:13px;padding-inline:10px}
 .bottom-nav button small{font-size:9px!important;letter-spacing:0!important}
}
@media(min-width:600px){.social-menu .social-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){.home-page{--home-section-gap:36px}.mp .mp-panel{padding:24px}.social-card{padding:24px}}
@media(hover:hover){.btn.ghost:hover{background:#2c3139;border-color:#7b6656}.experience-card:hover{border-color:#8e603f}.social-menu .social-tools>:is(a,button):hover{background:#302a24;border-color:#8e603f}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}
.nearby-hero{min-height:0!important;padding-top:18px!important;padding-bottom:12px!important;margin-bottom:14px!important}
.nearby-hero .distance-control{margin-bottom:0}
#nearbyResults>.section-head{margin-top:0;margin-bottom:14px}

/* Tighten only the search / assistant / Top 10 transitions. */
.home-page>.hero-search-first+.escape-assistant,
.home-page>.escape-assistant+.top10-section{margin-block-start:calc(14px - var(--home-section-gap))!important}