/* =========================================================
   MEOWNET EXPLORER v1.0
   ========================================================= */

.meownet-desktop-art{
  width:62px;
  height:58px;
  display:grid;
  place-items:center;
}
.meownet-desktop-art img{
  display:block;
  width:58px;
  height:58px;
  object-fit:contain;
  filter:drop-shadow(0 3px 1px rgba(28,5,47,.65)) drop-shadow(0 0 8px rgba(255,206,238,.72));
  transition:transform .18s ease,filter .18s ease;
}
#icoInternet:hover .meownet-desktop-art img,
#icoInternet.selected .meownet-desktop-art img{
  transform:translateY(-2px) scale(1.06) rotate(-2deg);
  filter:drop-shadow(0 4px 1px rgba(28,5,47,.66)) drop-shadow(0 0 12px rgba(255,181,228,.95));
}

.meownet-window-title{
  display:flex;
  align-items:center;
  gap:7px;
}

.meownet-mini-logo{
  display:block;
  width:24px;
  height:24px;
  object-fit:contain;
  filter:drop-shadow(0 1px 1px rgba(83,25,65,.35));
}
.meownet-loading-logo{
  display:block;
  width:92px;
  height:92px;
  object-fit:contain;
  filter:drop-shadow(0 5px 2px rgba(78,25,62,.25)) drop-shadow(0 0 13px rgba(255,164,219,.72));
}

.meownet-menubar{
  display:flex;
  gap:2px;
  padding:2px 5px;
  border-bottom:1px solid #c1abb7;
  background:linear-gradient(#fff,#eee7eb);
}

.meownet-menubar button{
  padding:3px 8px;
  border:0;
  background:transparent;
  color:#33222c;
  font-size:11px;
  cursor:pointer;
}

.meownet-menubar button:hover{
  background:#ffd3e7;
  box-shadow:inset 0 0 0 1px #e48bb3;
}

.meownet-toolbar{
  display:flex;
  align-items:stretch;
  gap:2px;
  min-height:55px;
  padding:5px 6px;
  border-bottom:1px solid #bca4b1;
  background:linear-gradient(#fff,#eee6eb);
}

.meownet-toolbar button{
  min-width:55px;
  padding:2px 7px;
  border:1px solid transparent;
  border-radius:3px;
  color:#59213f;
  background:transparent;
  font-size:20px;
  cursor:pointer;
}

.meownet-toolbar button small{
  display:block;
  margin-top:1px;
  font-size:9px;
}

.meownet-toolbar button:hover:not(:disabled){
  border-color:#d07ba5;
  background:linear-gradient(#fff,#ffd2e5);
}

.meownet-toolbar button:disabled{
  opacity:.35;
  cursor:default;
}

.meownet-toolbar-separator{
  width:1px;
  margin:2px 5px;
  background:#c7b5be;
  box-shadow:1px 0 #fff;
}

.meownet-address-row{
  display:grid;
  grid-template-columns:auto minmax(120px,1fr) auto;
  align-items:center;
  gap:7px;
  padding:5px 7px;
  border-bottom:1px solid #bca4b1;
  background:#f2ecef;
}

.meownet-address-row label{
  color:#3e2934;
  font-size:11px;
}

.meownet-address-shell{
  display:grid;
  grid-template-columns:25px 1fr;
  align-items:center;
  min-width:0;
  height:27px;
  border:2px inset #ded4da;
  background:#fff;
}

.meownet-address-icon{
  display:grid;
  place-items:center;
  height:100%;
  border-right:1px solid #ddd;
  font-size:13px;
}

#meownetAddress{
  width:100%;
  min-width:0;
  height:100%;
  padding:3px 6px;
  border:0;
  outline:0;
  color:#242026;
  background:#fff;
  font:11px Tahoma,Verdana,sans-serif;
}

#meownetGo{
  height:28px;
  padding:0 14px;
  border:1px solid #a3547b;
  border-radius:3px;
  color:#5f1e43;
  background:linear-gradient(#fff,#ffc6df);
  cursor:pointer;
}

.meownet-favorites-bar{
  display:flex;
  gap:4px;
  min-height:29px;
  padding:4px 6px;
  overflow-x:auto;
  border-bottom:1px solid #bca4b1;
  background:linear-gradient(#fffafc,#ede5ea);
}

.meownet-favorite{
  flex:0 0 auto;
  padding:3px 8px;
  border:1px solid transparent;
  border-radius:3px;
  color:#4e293c;
  background:transparent;
  font-size:10px;
  white-space:nowrap;
  cursor:pointer;
}

.meownet-favorite:hover{
  border-color:#df94b7;
  background:#ffd9ea;
}

.meownet-content{
  position:relative;
  flex:1;
  min-height:0;
  padding:0!important;
  overflow:hidden!important;
  background:#fff;
}

.meownet-frame{
  display:block;
  width:100%;
  height:100%;
  min-height:300px;
  border:0;
  background:#fff;
}

.meownet-loading{
  position:absolute;
  inset:0;
  z-index:5;
  display:none;
  place-items:center;
  align-content:center;
  gap:10px;
  color:#71274e;
  background:rgba(255,248,252,.93);
  text-align:center;
}

.meownet-loading.show{display:grid}

.meownet-loading-logo{animation:meownetPlanetPulse 1s ease-in-out infinite alternate;}

@keyframes meownetPlanetPulse{
  from{transform:scale(.96) rotate(-2deg)}
  to{transform:scale(1.06) rotate(2deg)}
}

.meownet-loading-bar{
  width:min(240px,70%);
  height:15px;
  overflow:hidden;
  border:2px inset #ddc8d3;
  background:#fff;
}

.meownet-loading-bar i{
  display:block;
  width:35%;
  height:100%;
  background:linear-gradient(90deg,#ff75b7,#cf9eff,#ff75b7);
  animation:meownetLoading 1s linear infinite;
}

@keyframes meownetLoading{
  from{transform:translateX(-110%)}
  to{transform:translateX(390%)}
}

.meownet-help-panel{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:6;
  width:min(330px,calc(100% - 24px));
  padding:13px 14px;
  border:2px solid #d34e91;
  border-radius:7px;
  color:#602342;
  background:linear-gradient(#fff,#ffe1ef);
  box-shadow:5px 5px 0 rgba(75,31,54,.2);
}

.meownet-help-panel p{
  margin:7px 0 10px;
  font-size:11px;
}

#meownetHelpClose{
  position:absolute;
  right:5px;
  top:4px;
  border:0;
  color:#72254c;
  background:transparent;
  font-weight:bold;
  cursor:pointer;
}

#meownetHelpOpenOutside{
  padding:5px 10px;
  border:1px solid #a34a75;
  color:#61203f;
  background:linear-gradient(#fff,#ffc9df);
  cursor:pointer;
}

.meownet-status{
  display:flex;
  justify-content:space-between;
  gap:10px;
}

.meownet-status span:last-child{
  white-space:nowrap;
}

@media(max-width:700px){
  .meownet-window{
    min-width:0;
    min-height:0;
  }

  .meownet-toolbar{
    min-height:45px;
    padding:3px;
  }

  .meownet-toolbar button{
    min-width:42px;
    padding:1px 3px;
    font-size:17px;
  }

  .meownet-toolbar button small{
    display:none;
  }

  .meownet-toolbar-separator{
    margin:2px;
  }

  .meownet-menubar{
    display:none;
  }

  .meownet-address-row{
    grid-template-columns:auto 1fr auto;
    gap:4px;
    padding:4px;
  }

  .meownet-address-row label{
    font-size:0;
  }

  .meownet-address-row label::after{
    content:"URL";
    font-size:9px;
  }

  .meownet-status span:last-child{
    display:none;
  }
}