/* v49 — clearer utility readouts and thoughtful guide language */
.fieldConditions{width:178px!important;height:60px!important;padding:8px 16px!important}
.fieldConditions .fieldPeek{gap:5px}
.fieldConditions .fieldPeek b{font-size:10px!important;letter-spacing:.105em!important}
.fieldConditions .fieldPeek small{font-size:12px!important;font-variant-numeric:tabular-nums}
.fieldConditions:is(:hover,:focus-visible){width:min(430px,calc(100vw - 18px))!important;height:72px!important}
.fieldConditions:is(:hover,:focus-visible)>div>b{font-size:10px!important}
.fieldConditions:is(:hover,:focus-visible)>div>small{font-size:10px!important}
.fieldConditions:is(:hover,:focus-visible) .fieldTemp{font-size:29px!important}
.fieldConditions:is(:hover,:focus-visible) .fieldState span{font-size:11px!important}
.fieldConditions:is(:hover,:focus-visible) .fieldState small{font-size:9px!important}

.soundscapeBar.trackBar,.soundscapeBar.trackBar.minimized{width:166px;height:58px;min-height:58px}
.soundscapeBar .musicPeek b{font-size:9px!important}
.soundscapeBar .musicPeek small{font-size:9px!important;font-variant-numeric:tabular-nums}
.soundscapeBar:is(:hover,:focus-within,.hoverExpanded,.pinned,.dragging){width:min(430px,calc(100vw - 18px));height:64px}
.soundscapeBar:is(:hover,:focus-within,.hoverExpanded,.pinned,.dragging) .trackIdentity b{font-size:11px!important}
.soundscapeBar:is(:hover,:focus-within,.hoverExpanded,.pinned,.dragging) .trackIdentity small{font-size:9px!important}
.soundscapeBar:is(:hover,:focus-within,.hoverExpanded,.pinned,.dragging) .trackTime{font-size:9px!important;min-width:68px}
.soundscapeBar:is(:hover,:focus-within,.hoverExpanded,.pinned,.dragging) label{font-size:8px!important}

.guideSearch:after{content:"Private site guide · clear answers · no account required."!important;font-size:8px!important}
.guideWelcome p{font-size:12px;line-height:1.65}
.experienceDock:after{
  content:attr(data-prompt)!important;
  right:50%!important;
  top:auto!important;
  bottom:calc(100% + 14px)!important;
  max-width:210px;
  padding:10px 13px!important;
  border-radius:14px 14px 14px 4px!important;
  font-size:9px!important;
  line-height:1.35;
  letter-spacing:.07em!important;
  text-align:center;
  transform:translate(50%,8px) scale(.95)!important;
  transform-origin:bottom center!important;
}
.experienceDock:before{
  right:50%!important;
  top:auto!important;
  bottom:calc(100% + 8px)!important;
  width:10px!important;
  height:10px!important;
  border:0!important;
  border-right:1px solid rgba(220,182,109,.72)!important;
  border-bottom:1px solid rgba(220,182,109,.72)!important;
  transform:translateX(50%) rotate(45deg)!important;
}
.experienceDock:is(:hover,:focus-within):after,.experienceDock.guidePrompt:after{transform:translateX(50%)!important}

@media(max-width:650px){
  .fieldConditions{width:168px!important;height:56px!important}
  .fieldConditions .fieldPeek b{font-size:9px!important}
  .fieldConditions .fieldPeek small{font-size:11px!important}
  .experienceDock.guidePrompt:after,.experienceDock.guidePrompt:before{display:block!important}
  .experienceDock:after{right:0!important;transform:translate(0,8px) scale(.95)!important;transform-origin:bottom right!important}
  .experienceDock:is(:hover,:focus-within):after,.experienceDock.guidePrompt:after{transform:none!important}
  .experienceDock:before{right:23px!important;transform:rotate(45deg)!important}
}
@media(prefers-reduced-motion:reduce){.experienceDock:after{transition:none!important}}