:root{
  --xf400-glass:rgba(12,24,31,.72);
  --xf400-line:rgba(255,217,181,.42);
  --xf400-orange:#ff6a22;
  --xf400-cyan:#79e3e4;
}

.home-page-v400 .home-living-stage{
  background:
    linear-gradient(rgba(7,18,25,.08),rgba(7,18,25,.18)),
    url("./assets/textures/xfartura-glass-lounge-v400.png") center/cover no-repeat;
  border-color:rgba(255,176,112,.42);
  box-shadow:0 24px 58px rgba(8,22,31,.28),inset 0 0 0 1px rgba(255,255,255,.32);
}

.home-page-v400 #home-living-map{background:transparent}

.home-page-v400 .home-living-map canvas{
  touch-action:none;
  -webkit-user-select:none;
  user-select:none;
}

.home-page-v400 .home-search-dock{
  position:absolute;
  z-index:14;
  top:14px;
  left:14px;
  display:flex;
  align-items:flex-start;
  gap:8px;
}

.home-page-v400 .home-search-toggle{
  width:48px;
  height:46px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.7);
  border-radius:8px;
  background:linear-gradient(150deg,rgba(251,254,255,.9),rgba(211,231,234,.72));
  color:#192b35;
  box-shadow:0 12px 30px rgba(5,18,27,.24),inset 0 1px rgba(255,255,255,.9);
  backdrop-filter:blur(16px) saturate(1.15);
  cursor:pointer;
}

.home-page-v400 .home-search-toggle svg{width:21px;height:21px;stroke-width:1.9}
.home-page-v400 .home-search-toggle[aria-expanded="true"]{color:#fff;background:linear-gradient(145deg,#ff7a37,#e84a12);border-color:rgba(255,196,160,.8)}

.home-page-v400 .home-search-panel{
  position:static;
  width:min(720px,calc(100vw - 160px));
  display:grid;
  grid-template-columns:minmax(250px,1fr) minmax(170px,.5fr) auto;
  gap:7px;
  padding:6px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(249,253,253,.9),rgba(217,235,238,.78));
  box-shadow:0 16px 38px rgba(5,18,27,.26),inset 0 1px rgba(255,255,255,.92);
  backdrop-filter:blur(18px) saturate(1.16);
  animation:xf400-search-in .18s ease-out;
}

.home-page-v400 .home-search-panel[hidden]{display:none!important}
.home-page-v400 .home-search-panel .home-map-search,
.home-page-v400 .home-search-panel .home-map-category,
.home-page-v400 .home-search-panel .home-map-open-summary{height:42px}
.home-page-v400 .home-search-panel .home-map-open-summary{display:grid;min-width:100px}

@keyframes xf400-search-in{
  from{opacity:0;transform:translateX(-8px)}
  to{opacity:1;transform:none}
}

.home-page-v400 .home-regional-chat-preview{
  position:absolute;
  z-index:8;
  left:14px;
  bottom:132px;
  width:min(330px,calc(100% - 96px));
  display:grid;
  gap:5px;
  padding:9px 11px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.38);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(11,24,32,.74),rgba(28,47,54,.57));
  color:#fff;
  box-shadow:0 12px 30px rgba(4,14,21,.25),inset 0 1px rgba(255,255,255,.18);
  backdrop-filter:blur(13px) saturate(1.12);
  text-align:left;
  cursor:pointer;
}

.home-page-v400 .regional-chat-preview-title{
  display:flex;
  align-items:center;
  gap:7px;
  color:#ffd6b4;
  font-size:.72rem;
  font-weight:850;
}
.home-page-v400 .regional-chat-preview-title svg{width:15px;height:15px;stroke-width:1.9}
.home-page-v400 .regional-chat-preview-list{display:grid;gap:2px;min-width:0}
.home-page-v400 .regional-chat-preview-list>span{
  overflow:hidden;
  color:rgba(255,255,255,.9);
  font-size:.73rem;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-page-v400 .regional-chat-preview-list b{color:var(--xf400-cyan);font-weight:800}
.home-page-v400 .home-regional-chat-preview:hover,
.home-page-v400 .home-regional-chat-preview:focus-visible{border-color:rgba(255,169,103,.82);background:rgba(15,29,37,.86)}

.home-page-v400 .home-living-map .xf-living-map-status{
  left:14px;
  bottom:78px;
  background:rgba(11,24,32,.72);
  border-color:rgba(255,255,255,.38);
}

.home-page-v400 .home-map-actions{
  background:linear-gradient(155deg,rgba(249,253,253,.76),rgba(195,218,223,.58));
  border-color:rgba(255,255,255,.68);
}

.home-page-v400 .home-regional-chat{
  background:linear-gradient(145deg,rgba(249,253,253,.96),rgba(222,238,240,.92));
  border-color:rgba(255,255,255,.86);
}

@media (max-width:720px){
  .home-page-v400 .home-search-dock{top:8px;left:8px}
  .home-page-v400 .home-search-toggle{width:42px;height:42px;flex-basis:42px}
  .home-page-v400 .home-search-panel{
    position:absolute;
    top:50px;
    left:0;
    width:calc(100vw - 30px);
    max-width:calc(100vw - 30px);
    grid-template-columns:minmax(0,1fr) minmax(112px,.4fr);
  }
  .home-page-v400 .home-search-panel .home-map-open-summary{
    grid-column:1/-1;
    display:flex;
    justify-content:center;
    min-height:34px;
    height:34px;
  }
  .home-page-v400 .home-search-panel .home-map-open-summary small{max-width:none}
  .home-page-v400 .home-regional-chat-preview{left:8px;bottom:119px;width:min(270px,calc(100% - 66px));padding:8px 9px}
  .home-page-v400 .home-living-map .xf-living-map-status{left:8px;bottom:72px}
}

@media (max-width:430px){
  .home-page-v400 .home-search-panel{grid-template-columns:1fr}
  .home-page-v400 .home-search-panel .home-map-category{display:flex;justify-content:flex-start;padding:0 9px}
  .home-page-v400 .home-search-panel .home-map-category select{width:100%;color:#172033}
  .home-page-v400 .home-search-panel .home-map-category::after{display:none}
  .home-page-v400 .home-regional-chat-preview{width:min(244px,calc(100% - 64px))}
  .home-page-v400 .regional-chat-preview-list>span:nth-child(n+2){display:none}
}

@media (prefers-reduced-motion:reduce){
  .home-page-v400 .home-search-panel{animation:none}
}