:root{
  --home-glass:rgba(255,255,255,.9);
  --home-ink:#132033;
  --home-line:rgba(255,255,255,.72);
  --home-shadow:0 12px 34px rgba(15,31,51,.18);
}

.home-page-viva{padding-top:12px}
.home-living-stage{
  position:relative;
  width:100%;
  height:clamp(560px,calc(100dvh - 156px),820px);
  min-height:560px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid #dce7ee;
  border-radius:8px;
  background:#d9f0f4;
  box-shadow:0 18px 45px rgba(20,47,67,.13);
}
.home-living-map,.home-living-map>.xf-living-map{position:absolute;inset:0;width:100%;height:100%;min-height:0}
.home-living-map .xf-living-map-status{top:auto;left:14px;bottom:14px}
.home-living-map .xf-living-map-attribution{left:auto;right:10px;bottom:8px}
.home-living-toolbar{
  position:absolute;
  z-index:8;
  top:14px;
  left:14px;
  right:76px;
  display:grid;
  grid-template-columns:minmax(190px,.8fr) minmax(230px,1.35fr) minmax(170px,.65fr);
  align-items:center;
  gap:8px;
  padding:8px;
  border:1px solid var(--home-line);
  border-radius:8px;
  background:var(--home-glass);
  box-shadow:var(--home-shadow);
  backdrop-filter:blur(14px);
}
.home-living-toolbar button,.home-living-toolbar label{min-width:0}
.home-map-location,.home-map-search,.home-map-category{
  height:44px;
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:0 12px;
  border:1px solid #d8e2ea;
  border-radius:7px;
  background:#fff;
  color:var(--home-ink);
}
.home-map-location{cursor:pointer;text-align:left}
.home-map-location span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-map-search input,.home-map-category select{
  width:100%;
  min-width:0;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--home-ink);
  font:inherit;
}
.home-map-actions{
  position:absolute;
  z-index:9;
  top:14px;
  right:14px;
  display:grid;
  gap:6px;
}
.home-map-actions button{
  width:48px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid var(--home-line);
  border-radius:7px;
  background:var(--home-glass);
  color:var(--home-ink);
  box-shadow:0 7px 20px rgba(15,31,51,.13);
  backdrop-filter:blur(12px);
  cursor:pointer;
  font-size:1.22rem;
  font-weight:800;
}
.home-map-actions button:hover,.home-map-actions button:focus-visible{background:#fff;border-color:#22aeb8}
.home-map-popover,.home-map-theme-menu,.home-map-brightness-panel{
  position:absolute;
  z-index:12;
  right:72px;
  width:min(280px,calc(100% - 28px));
  border:1px solid var(--home-line);
  border-radius:8px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--home-shadow);
  backdrop-filter:blur(14px);
}
.home-map-popover{top:74px;padding:12px}
.home-map-popover h3{margin:0 0 4px;font-size:1rem}.home-map-popover p{margin:0 0 10px;color:#607086;font-size:.84rem}
.home-map-popover nav{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.home-map-popover a{padding:10px;border:1px solid #d7e1e9;border-radius:6px;color:#172033;text-align:center;text-decoration:none;font-weight:800}
.home-map-popover a:last-child{background:#ff5a1f;border-color:#ff5a1f;color:#fff}
.home-map-theme-menu{top:202px;padding:7px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.home-map-theme-menu[hidden],.home-map-brightness-panel[hidden],.home-map-popover[hidden]{display:none}
.home-map-theme-menu button{min-height:38px;border:1px solid #dae3ea;border-radius:6px;background:#fff;color:#172033;font-weight:750;cursor:pointer}
.home-map-theme-menu button.active{border-color:#0d9ba7;background:#e9fbfb;color:#08747d}
.home-map-brightness-panel{top:156px;display:flex;align-items:center;gap:10px;padding:10px 12px;color:#26364a;font-size:.82rem;font-weight:800}
.home-map-brightness-panel input{width:100%;accent-color:#ff5a1f}
.home-regional-highlights{
  position:absolute;
  z-index:7;
  left:14px;
  right:76px;
  bottom:68px;
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:0 0 3px;
  scrollbar-width:thin;
  scroll-snap-type:x proximity;
}
.home-highlight-card{
  flex:0 0 min(290px,78vw);
  min-height:82px;
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  align-items:center;
  gap:10px;
  overflow:hidden;
  border:1px solid var(--home-line);
  border-radius:8px;
  background:rgba(255,255,255,.91);
  color:#172033;
  box-shadow:0 9px 24px rgba(14,31,48,.16);
  backdrop-filter:blur(12px);
  text-decoration:none;
  scroll-snap-align:start;
}
.home-highlight-card img{width:78px;height:82px;object-fit:cover;background:#edf2f5}
.home-highlight-card>span{display:grid;gap:3px;min-width:0;padding:8px 10px 8px 0}
.home-highlight-card small{color:#0b7f88;font-weight:850;text-transform:uppercase}.home-highlight-card b,.home-highlight-card em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-highlight-card em{color:#64748b;font-size:.78rem;font-style:normal}
.home-regional-chat-toggle{
  position:absolute;
  z-index:11;
  right:14px;
  bottom:68px;
  width:48px;
  min-height:52px;
  display:grid;
  place-items:center;
  gap:1px;
  padding:4px;
  border:1px solid var(--home-line);
  border-radius:8px;
  background:#172033;
  color:#fff;
  box-shadow:var(--home-shadow);
  cursor:pointer;
}
.home-regional-chat-toggle span:last-child{font-size:.61rem;font-weight:800}
.home-regional-chat{
  position:absolute;
  z-index:13;
  right:14px;
  bottom:128px;
  width:min(370px,calc(100% - 28px));
  max-height:min(470px,calc(100% - 156px));
  display:grid;
  grid-template-rows:auto minmax(130px,1fr) auto;
  overflow:hidden;
  border:1px solid var(--home-line);
  border-radius:8px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 52px rgba(8,25,43,.26);
  backdrop-filter:blur(16px);
}
.home-regional-chat[hidden]{display:none}
.regional-chat-head{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #dce5ec}.regional-chat-head b{margin-right:auto}.regional-chat-head select{max-width:145px;height:34px;margin:0;padding:0 8px;border:1px solid #d6e1e9;border-radius:6px;background:#fff}.regional-chat-head button{width:34px;height:34px;border:0;background:transparent;font-size:1.2rem;cursor:pointer}
.regional-chat-list{display:grid;align-content:start;gap:8px;overflow:auto;padding:10px}
.regional-chat-message{display:grid;gap:2px;padding:8px 10px;border-left:3px solid #11a7b0;background:#f2f8f9;border-radius:0 6px 6px 0}.regional-chat-message b{font-size:.78rem}.regional-chat-message p{margin:0;color:#34445a;font-size:.84rem;line-height:1.35}.regional-chat-message time{color:#748297;font-size:.68rem}
.regional-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:7px;padding:10px;border-top:1px solid #dce5ec}.regional-chat-compose textarea{min-height:42px;max-height:88px;margin:0;padding:9px 10px;resize:vertical;border:1px solid #d5e0e8;border-radius:7px}.regional-chat-compose button{width:42px;border:0;border-radius:7px;background:#ff5a1f;color:#fff;font-size:1.1rem;cursor:pointer}.regional-chat-share{grid-column:1/-1;display:flex;align-items:center;gap:7px;color:#5f6e82;font-size:.72rem}.regional-chat-share input{width:auto;margin:0}
.home-classic-hero{margin-top:20px}.home-category-fallback{display:none}

@media (max-width:820px){
  .home-page-viva{padding-left:8px;padding-right:8px}
  .home-living-stage{height:calc(100dvh - 148px);min-height:590px}
  .home-living-toolbar{right:66px;grid-template-columns:1fr 1fr;align-items:stretch}
  .home-map-location{grid-column:1/-1}
  .home-map-search{min-width:0}.home-map-category{min-width:0}
  .home-map-actions{right:10px}.home-map-actions button{width:44px;height:42px}
  .home-regional-highlights{right:64px;bottom:62px}
  .home-regional-chat-toggle{right:10px;bottom:62px;width:44px}
  .home-regional-chat{right:10px;bottom:118px}
}

@media (max-width:540px){
  .home-page-viva{padding:6px 4px 92px}
  .home-living-stage{height:calc(100dvh - 124px);min-height:620px}
  .home-living-toolbar{top:8px;left:8px;right:58px;gap:6px;padding:6px}
  .home-map-location,.home-map-search,.home-map-category{height:40px;padding:0 9px;font-size:.78rem}
  .home-map-actions{top:8px;right:8px;gap:5px}.home-map-actions button{width:42px;height:40px}
  .home-map-theme-menu{top:190px;right:58px}.home-map-brightness-panel{top:145px;right:58px}
  .home-regional-highlights{left:8px;right:58px;bottom:54px}.home-highlight-card{flex-basis:238px;min-height:70px;grid-template-columns:66px 1fr}.home-highlight-card img{width:66px;height:70px}
  .home-regional-chat-toggle{right:8px;bottom:54px;width:42px;min-height:48px}
  .home-regional-chat{right:8px;bottom:108px;width:calc(100% - 16px);max-height:56%}
  .home-living-map .xf-living-map-status{left:8px;bottom:8px;max-width:58%;padding:6px 8px}.home-living-map .xf-living-map-status span{display:none}
  .home-classic-hero{display:none}
}

@media (prefers-reduced-motion:reduce){
  .home-living-stage *{scroll-behavior:auto!important}
}