/* CSMedia CMS Core 0.33.9.9 — standalone Home-Screen app shell.
   Hidden in normal Safari/browser mode. JS enables .csmedia-app-mode only when
   the site is actually running as an installed Home-Screen/standalone app. */

.csmedia-appbar{display:none!important}

html.csmedia-app-mode,
body.csmedia-app-mode{min-height:100%}

body.csmedia-app-mode{
  padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));
}

body.csmedia-app-mode .csmedia-appbar{
  position:fixed;
  z-index:9999;
  left:50%;
  right:auto;
  bottom:calc(10px + env(safe-area-inset-bottom,0px));
  transform:translateX(-50%);
  width:max-content;
  max-width:calc(100vw - 20px);
  min-height:68px;
  display:flex!important;
  align-items:stretch;
  justify-content:center;
  gap:2px;
  padding:7px;
  border:1px solid rgba(107,111,139,.64);
  border-radius:24px;
  background:rgba(23,24,33,.93);
  box-shadow:0 16px 46px rgba(4,5,13,.38);
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
}

.csmedia-appbar button{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  width:clamp(52px,17vw,72px);
  min-width:0;
  min-height:54px;
  margin:0;
  padding:5px 2px 4px;
  border-radius:17px;
  background:transparent;
  color:#f5f5fb;
  font:inherit;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

.csmedia-appbar button:active,
.csmedia-appbar button.is-active{
  background:rgba(181,131,255,.16);
  color:#c99fff;
}

.csmedia-appbar button:focus-visible{
  outline:2px solid #b583ff;
  outline-offset:1px;
}

.csmedia-appbar button[hidden]{display:none!important}

.csmedia-appbar svg{
  display:block;
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}

.csmedia-appbar .appbar-label{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  line-height:1.1;
  font-weight:650;
  letter-spacing:.015em;
}

.csmedia-appbar [data-app-action="refresh"].is-refreshing svg{
  animation:csmedia-app-refresh .55s linear infinite;
}

@keyframes csmedia-app-refresh{to{transform:rotate(360deg)}}

@media(max-width:390px){
  body.csmedia-app-mode .csmedia-appbar{max-width:calc(100vw - 12px);padding:6px;border-radius:22px}
  .csmedia-appbar button{min-height:52px}
  .csmedia-appbar svg{width:24px;height:24px}
  .csmedia-appbar .appbar-label{font-size:8px}
}

@media(prefers-reduced-motion:reduce){
  .csmedia-appbar [data-app-action="refresh"].is-refreshing svg{animation:none}
}