/* BIONIC v1.3.7 — Mobile First, The Rule of YOU
 * Keeps all Desktop lighting/layout untouched. Compact phone widgets and a
 * usable, scrollable wallpaper picker with reliable visual feedback.
 */
.bcs-standby{ -webkit-text-size-adjust:100%;text-size-adjust:100%; }
.bcs-standby .bcs-wallpaper-feedback{
  position:fixed;z-index:2147483000;left:50%;bottom:max(20px,env(safe-area-inset-bottom));
  transform:translateX(-50%);max-width:calc(100vw - 40px);
  padding:11px 18px;background:rgba(8,47,76,.96);border:1px solid rgba(121,230,255,.68);
  box-shadow:0 9px 30px #0009;border-radius:999px;color:#f5fcff;font-weight:600;font-size:13px;line-height:1.45;
  font-family:inherit;text-align:center;pointer-events:none;
}
.bcs-standby .bcs-wallpaper-feedback[hidden]{display:none!important}
/* Dialog is in the browser top layer; ensure its content scrolls on a phone. */
.bcs-standby .bcs-wallpaper-dialog{
  box-sizing:border-box;display:none;overflow-x:hidden;overflow-y:auto;
  max-height:calc(100dvh - 44px);overscroll-behavior:contain;
  scrollbar-width:thin;
}
.bcs-standby .bcs-wallpaper-dialog[open]{display:block}
.bcs-standby .bcs-wallpaper-tile{min-width:0;touch-action:manipulation}
.bcs-standby .bcs-wallpaper-tile span{overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere}
.bcs-standby .bcs-wallpaper-tile[aria-pressed="true"]{border-color:#8aeaff;box-shadow:inset 0 0 0 1px #87e5ff,0 0 17px #36bfff55}
.bcs-standby .bcs-wallpaper-help{font-size:12px;line-height:1.55}
@media (max-width:760px){
  .bcs-standby .bcs-standby-shell{gap:16px;padding:18px 18px 20px}
  .bcs-standby .bcs-standby-story{padding:22px 0 12px}
  .bcs-standby .bcs-standby-content{gap:10px}
  /* Preserve the photographic identity instead of masking every picture dark blue. */
  .bcs-standby .bcs-standby-wallpaper{background-position:60% center;filter:saturate(1.17) contrast(1.05)}
  .bcs-standby .bcs-standby-orb{display:none} /* keep the selected photograph visually distinct on phones */
  .bcs-standby .bcs-standby-tint{
    background:linear-gradient(180deg,rgba(2,12,32,.78) 0%,rgba(2,13,32,.79) 35%,rgba(3,16,38,.53) 69%,rgba(2,10,29,.8) 100%),rgba(2,12,33,calc(var(--bcs-standby-overlay,.3) * .32));
  }
  /* Two small phone-sized cards: time and temperature; connection below. */
  .bcs-standby .bcs-standby-widgets{
    align-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;align-items:stretch;padding:0 0 8px;margin:0;min-width:0;
  }
  .bcs-standby .bcs-standby-glass{
    min-width:0;padding:12px 11px;border-radius:15px;
    box-shadow:0 8px 23px rgba(0,7,24,.30),inset 0 1px rgba(238,254,255,.14);
  }
  .bcs-standby .bcs-standby-clock-card{grid-column:span 1;min-height:112px}
  .bcs-standby .bcs-weather{grid-column:span 1;min-height:112px}
  .bcs-standby .bcs-standby-health{grid-column:1/-1;min-height:68px;padding:11px 14px;gap:11px}
  .bcs-standby .bcs-standby-caption{grid-column:1/-1;line-height:1.3;font-size:9px;margin:0}
  .bcs-standby .bcs-standby-widget-title{font-size:10px;line-height:1.3;letter-spacing:0;display:flex;gap:4px;align-items:center}
  .bcs-standby .bcs-standby-time{display:block;font-size:clamp(24px,6.6vw,31px);letter-spacing:-.07em;line-height:1.13;white-space:nowrap;margin:11px 0 7px}
  .bcs-standby .bcs-standby-date{font-size:9px;letter-spacing:0;line-height:1.4;overflow-wrap:anywhere}
  .bcs-standby .bcs-weather-body{gap:5px;margin:7px 0 5px;align-items:center}
  .bcs-standby .bcs-weather-symbol{font-size:clamp(23px,6vw,31px);flex:0 0 auto}
  .bcs-standby .bcs-weather-details{min-width:0;gap:2px}
  .bcs-standby .bcs-weather-details strong{font-size:clamp(29px,8vw,36px);font-weight:450;line-height:1;white-space:nowrap}
  .bcs-standby .bcs-weather-details span{font-size:10px;line-height:1.25;overflow-wrap:anywhere}
  .bcs-standby .bcs-weather-foot{display:block;font-size:9px;line-height:1.25;color:#d8eaff;overflow-wrap:anywhere}
  .bcs-standby .bcs-weather-foot span:last-child{display:none} /* technical source hidden visually on narrow screens */
  .bcs-standby .bcs-standby-health .bcs-standby-status-dot{width:16px;height:16px;flex:0 0 16px}
  .bcs-standby .bcs-standby-health .bcs-standby-status-dot:after{inset:4px}
  .bcs-standby .bcs-standby-health div{min-width:0}
  .bcs-standby .bcs-standby-health strong{font-size:12px;font-weight:750;letter-spacing:0;line-height:1.35}
  .bcs-standby .bcs-standby-health small{font-size:10px;line-height:1.35;margin-top:2px;overflow-wrap:anywhere}
  .bcs-standby .bcs-standby-bars{font-size:15px;flex-shrink:0}
  .bcs-standby .bcs-standby-footer{gap:12px;padding:13px 0 0}
  .bcs-standby .bcs-standby-toolbar{gap:9px}
  .bcs-standby .bcs-standby-button{font-size:12px;padding:10px 12px;min-height:44px}
  .bcs-standby .bcs-wallpaper-dialog{
    width:calc(100vw - 24px);max-width:calc(100vw - 24px);
    max-height:calc(100dvh - 28px);margin:auto;padding:16px 14px 18px;
    border-radius:20px;border-color:rgba(127,207,255,.58);
    background:rgba(5,22,45,.98);-webkit-text-size-adjust:100%;text-size-adjust:100%;
  }
  .bcs-standby .bcs-dialog-head{gap:10px;margin:0 0 14px;align-items:flex-start}
  .bcs-standby .bcs-dialog-head span{font-size:10px;letter-spacing:.07em}
  .bcs-standby .bcs-dialog-head h2{font-size:20px;line-height:1.35;letter-spacing:0;max-width:100%;overflow-wrap:anywhere;margin-top:5px}
  .bcs-standby .bcs-dialog-close{flex:0 0 42px;width:42px;height:42px;font-size:24px;border-radius:12px;background:#1d4c7a}
  .bcs-standby .bcs-wallpaper-dialog .bcs-wallpaper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .bcs-standby .bcs-wallpaper-tile{width:100%;border-width:1px;border-radius:10px;min-width:0}
  .bcs-standby .bcs-wallpaper-tile img{width:100%;aspect-ratio:1.5;object-fit:cover}
  .bcs-standby .bcs-wallpaper-tile span{padding:7px 7px 8px;font-size:11px;line-height:1.35;min-height:36px;font-weight:650;max-width:100%;overflow-wrap:anywhere}
  .bcs-standby .bcs-wallpaper-help{margin:13px 1px 0;font-size:11px;line-height:1.5}
}
@media(max-width:360px){
  .bcs-standby .bcs-standby-shell{padding-left:13px;padding-right:13px}
  .bcs-standby .bcs-standby-widget-title{font-size:9px}
  .bcs-standby .bcs-standby-time{font-size:clamp(22px,6.2vw,27px)}
  .bcs-standby .bcs-weather-details strong{font-size:28px}
  .bcs-standby .bcs-weather-symbol{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.bcs-standby .bcs-wallpaper-feedback{transition:none}}