/* Tsukiro 3.6.61 — stable mobile header + reliable global search */

.search-start-state{
  min-height:112px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:6px;
  padding:20px 16px 24px;
  text-align:center;
  color:#8f8b99;
}
.search-start-state__icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  color:#f0b3d3;
  background:rgba(238,76,166,.08);
  border:1px solid rgba(238,76,166,.14);
  font-size:20px;
}
.search-start-state strong{color:#f4eff7;font-size:14px}
.search-start-state small{max-width:420px;font-size:12px;line-height:1.45}

@media (max-width:760px), (hover:none) and (pointer:coarse){
  html[data-candy-ui="true"] .navbar,
  html[data-candy-ui="true"] .navbar.candy-navbar-scrolled,
  .navbar,
  .navbar.candy-navbar-scrolled{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    margin:0!important;
    border-radius:0!important;
    transform:none!important;
    translate:none!important;
    z-index:1300!important;
    background:#0b0a0f!important;
  }

  body.tsukiro-search-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  [data-global-search].search-shell.is-open .search-input{
    position:fixed!important;
    top:68px!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    min-width:0!important;
    height:50px!important;
    z-index:1310!important;
    opacity:1!important;
    pointer-events:auto!important;
    padding:0 16px!important;
    border-radius:16px!important;
    border:1px solid rgba(227,89,167,.34)!important;
    background:#111117!important;
    box-shadow:0 12px 38px rgba(0,0,0,.34)!important;
    font-size:16px!important;
  }

  [data-global-search].search-shell.is-open .search-toggle{
    z-index:1302!important;
  }

  [data-global-search].search-shell.is-open .search-results,
  [data-global-search] .search-results.is-visible{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    position:fixed!important;
    top:126px!important;
    left:10px!important;
    right:10px!important;
    bottom:auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:124px!important;
    max-width:none!important;
    max-height:calc(100dvh - 220px)!important;
    z-index:1309!important;
    padding:7px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    background:#101016!important;
    box-shadow:0 18px 48px rgba(0,0,0,.48)!important;
  }

  [data-global-search] .search-type-tabs{
    position:sticky!important;
    top:0!important;
    z-index:4!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin:0 0 7px!important;
    padding:5px!important;
    border:0!important;
    border-radius:13px!important;
    background:#15151c!important;
  }
  [data-global-search] .search-type-tabs button{
    min-width:0!important;
    height:38px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }

  [data-global-search] .search-loading,
  [data-global-search] .search-no-results{
    min-height:92px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  [data-global-search] .search-result,
  [data-global-search] .search-user-result{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) auto!important;
    min-height:64px!important;
    gap:10px!important;
    align-items:center!important;
    padding:8px!important;
  }
  [data-global-search] .search-result img{
    width:46px!important;
    height:60px!important;
  }
  [data-global-search] .search-user-avatar{
    width:46px!important;
    height:46px!important;
  }
}

@media (max-width:390px){
  [data-global-search] .search-result,
  [data-global-search] .search-user-result{
    grid-template-columns:42px minmax(0,1fr)!important;
  }
  [data-global-search] .search-result>span:last-child,
  [data-global-search] .search-user-result>span:last-child{
    grid-column:2!important;
    justify-self:start!important;
  }
}