button,.btn,.chip,select,input{line-height:1.25}.btn,.chip{min-height:38px}.icon-btn,.location,.menu-toggle,.circle-btn,.heart,.user-avatar,.nav-notice,.nav-feed-icon{min-width:40px;min-height:40px}.icon-btn,.menu-toggle,.circle-btn,.heart{font-size:18px}.nav-links,.nav-actions{font-size:13px}.nav-links a{padding-block:9px}.filters .chip{min-height:42px;padding:9px 15px;font-size:11px;white-space:nowrap}.text-link{display:inline-flex;align-items:center;min-height:34px}.card-meta,.host-line{font-size:11px}.profile-dot{min-width:36px;min-height:36px}.feed-menu a{min-height:42px;display:flex;align-items:center;font-size:11px}.mini-profile>p,.feed-guideline p{font-size:10px}.mini-profile>a:last-child,.feed-guideline a{font-size:10px}.mini-profile span{font-size:9px}.mini-profile b{font-size:13px}.feed-tabs button{min-height:38px;font-size:10px}.composer-prompt,.composer-photo{min-height:40px;font-size:11px}.story-strip b{font-size:9px}.social-post header a{font-size:12px}.social-post header small{font-size:10px}.social-post>p{font-size:13px}.tagged-event{font-size:10px}.social-counts{font-size:10px}.social-actions button{min-height:40px;font-size:11px}.quick-comment input,.quick-comment button{font-size:10px}.side-title h3{font-size:12px}.side-title a,.person-suggest div>a,.person-suggest small,.weekend-now b,.weekend-now small{font-size:9px}.follow-btn{min-height:34px;padding:7px 11px;font-size:9px}.feed-footer{font-size:9px}.post-composer header button{min-width:36px;min-height:36px;font-size:16px}.post-upload b{font-size:11px}.post-upload small,.post-upload em,.tag-experience,.tag-experience select,.composer-options button{font-size:9px}.account-shell,.account-nav,.account-content{min-width:0}.account-nav nav a{min-height:40px;font-size:11px}.account-title p{font-size:12px}.content-tabs button{min-height:42px;font-size:11px}.notification p{font-size:11px}.notification small{font-size:9px}.settings-form label,.report-dialog label{font-size:11px}.settings-form input,.settings-form select,.settings-form textarea{font-size:12px;min-height:42px}.toggle-list b,.privacy-list b{font-size:11px}.toggle-list small,.privacy-list small{font-size:9px}.setting-tags button{min-height:36px;font-size:10px}.safety-tools b{font-size:11px}.safety-tools small{font-size:9px}.connection-grid article>a,.request-row a{font-size:11px}.connection-grid article p,.request-row small{font-size:9px}.dash-nav nav a{min-height:40px;display:flex;align-items:center;font-size:11px}.host-module header p{font-size:12px}.module-toolbar input,.module-toolbar button,.module-toolbar select,.module-select{font-size:10px;min-height:36px}.listing-card>div>span,.listing-card p{font-size:10px}.listing-card h3{font-size:15px}.listing-metrics b{font-size:13px}.listing-metrics small{font-size:8px}.listing-card footer>*{min-height:38px;font-size:10px}.booking-kpis span,.booking-kpis small,.analytics-kpis span,.analytics-kpis small{font-size:10px}.booking-list-head,.booking-list>article{font-size:10px}.booking-list b{font-size:10px}.booking-list small{font-size:8px}.calendar-week b,.calendar-month>div{font-size:9px}.event-day span{font-size:8px}.inbox-list b,.inbox-list p,.inbox-list small{font-size:9px}.host-chat h2{font-size:13px}.host-chat header p,.host-messages small{font-size:8px}.host-messages p{font-size:11px}.host-review header b,.host-review header span{font-size:10px}.host-review header small{font-size:9px}.host-review>p{font-size:11px}.review-overview small,.rating-bars div,.review-categories span{font-size:9px}.checkin-list b{font-size:10px}.checkin-list small,.checkin-list article>span:nth-of-type(2){font-size:8px}.bank-method b{font-size:10px}.bank-method small,.payout-schedule small{font-size:8px}.payout-schedule b{font-size:10px}.section-head,.result-head,.account-title,.host-module>header{gap:16px}.btn,.chip,.filters button,.module-toolbar button,.social-actions button{overflow:visible;text-overflow:clip}.nav-actions,.member-actions,.next-actions,.flow-actions{flex-wrap:wrap}.panel,.experience-card,.listing-card,.booking-card{min-width:0}.nav-notice b{line-height:1}.user-menu a,.logout-button{min-height:38px;display:flex;align-items:center}
@media(max-width:700px){.container{width:min(1180px,calc(100% - 24px))}button,.btn,.chip{min-height:42px}.nav{gap:8px}.nav-actions{gap:6px}.nav-actions>.icon-btn{display:none}.filters{padding-block:8px;min-height:58px}.filters .chip{min-width:max-content}.account-shell{width:calc(100% - 24px);max-width:100%;min-width:0}.account-nav,.account-content{width:100%;max-width:100%;min-width:0}.account-nav nav{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.account-nav nav a{flex:0 0 auto}.account-title{flex-direction:column;align-items:flex-start}.account-title>.btn,.account-title>button{width:100%}.feed-heading h1{font-size:25px}.social-post>p{font-size:14px}.social-actions{gap:2px}.social-actions button{padding-inline:4px}.host-module>header{align-items:flex-start;flex-direction:column}.host-module>header>div:last-child{display:flex;width:100%;gap:8px}.host-module>header .btn{flex:1}.module-toolbar{align-items:stretch}.module-search{min-width:0;width:100%}.calendar-month>div{min-width:0;overflow:hidden}.calendar-month span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-section,.settings-form,.avatar-editor{min-width:0;max-width:100%}.settings-form input,.settings-form textarea,.settings-form select{max-width:100%}}
html,body{overflow-x:clip}.social-post>header>button,.quick-comment>button,.listing-image>button,.host-calendar header button,.counter button{min-width:38px}.quick-comment>button{padding-inline:6px}
@media(max-width:700px){button{min-width:40px}.stars button,.interest-grid button,.choice-grid button,.setting-tags button{min-width:0}}
/* Database-backed empty and loading states */
.database-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;padding:32px;border:1px dashed #ccd3dc;border-radius:20px;background:#fff;text-align:center;color:#0b1736}.database-state b{font-family:Sora,sans-serif;font-size:16px}.database-state p{margin:8px 0 0;color:#667085;font-size:13px}.admin-body .database-state{width:100%;min-height:180px}
.conversation-link{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:12px 16px;border-radius:14px;color:#0b1736;text-decoration:none}.conversation-link>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e5f6f2;color:#007c6c;font-weight:700}.conversation-link div{min-width:0}.conversation-link b,.conversation-link small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-link small{margin-top:3px;color:#667085;font-size:11px}.conversation-link.active{background:#e8f7f4}.socket-status{color:#008c78;font-weight:700}.host-messages,.messages{overflow-y:auto}.admin-activity .revert-activity{margin-left:auto;white-space:nowrap}
.profile-tabs a{display:inline-flex;align-items:center;padding:15px 0;font-size:12px;white-space:nowrap}.nav-wrap .location{display:inline-flex;align-items:center;white-space:nowrap}.nav-actions>.btn-small{min-height:40px;padding:10px 17px}

/* Phone-first spacing polish: keep horizontal rails feeling like native mobile UI, not squeezed desktop grids. */
@media(max-width:700px){
  .section-head{align-items:flex-start;margin-bottom:18px}
  .section-head h2{font-size:25px;letter-spacing:-.02em}
  .section-head .text-link{min-height:32px;padding-top:2px;white-space:nowrap}
  #categories .section-head{margin-bottom:16px}
  .category-row{gap:10px;padding:2px 2px 16px;scroll-padding-inline:12px}
  .category{flex:0 0 96px;min-width:96px;height:106px;border-radius:19px;font-size:10px;line-height:1.25}
  .category span{font-size:28px}
  main>.section.container>.experience-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 4px 18px;margin-inline:-4px;scroll-padding-inline:12px}
  main>.section.container>.experience-grid>.experience-card{flex:0 0 min(86vw,340px);min-width:min(86vw,340px);scroll-snap-align:start;border-radius:22px}
  main>.section.container>.experience-grid .card-image{height:205px}
  main>.section.container>.experience-grid .card-body{padding:15px}
  main>.section.container>.experience-grid .card-body h3{font-size:16px}
  .chip-group{overflow-x:auto;max-width:100%;padding-bottom:4px;scrollbar-width:none}
  .chip-group .chip{flex:0 0 auto;white-space:nowrap}
}