/* GeishaPorn 1.2.0 — Hanami layout translation.
   Visual geometry is based on the supplied Hanami reference package.
   Real WordPress data, PluginCams players, Reels, favorites and routes remain dynamic.
   The Home Reels pattern is intentionally not restyled here. */

:root{
  --han-bg:#050607;
  --han-panel:#0d0f11;
  --han-panel-2:#101214;
  --han-panel-3:#15181b;
  --han-line:#22262a;
  --han-line-soft:#181b1e;
  --han-muted:#92969b;
  --han-text:#f6f6f6;
  --han-red:#d81f24;
  --han-red-2:#b9171c;
  --han-red-hot:#ef2d32;
  --han-header:88px;
  --han-sidebar:296px;
  --han-gap:28px;
  --han-shell:1672px;
  --gp-accent:#d81f24!important;
  --gp-accent-bright:#ef2d32!important;
  --gp-accent-deep:#a81419!important;
  --cg-accent:#d81f24!important;
  --nr-accent:#d81f24!important;
}

html{background:var(--han-bg)!important;color-scheme:dark!important}
body:not(.geishaporn_reels-app-page){
  margin:0!important;
  min-width:320px!important;
  overflow-x:hidden!important;
  background:var(--han-bg)!important;
  color:var(--han-text)!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
}
body:not(.geishaporn_reels-app-page)::before{
  content:""!important;
  position:fixed!important;
  z-index:0!important;
  left:0!important;
  top:var(--han-header)!important;
  bottom:0!important;
  width:30px!important;
  display:block!important;
  pointer-events:none!important;
  background:url("../images/hanami/seigaiha-strip.png") top left/30px 863px repeat-y!important;
  opacity:.72!important;
}
body:not(.geishaporn_reels-app-page)::after{
  content:""!important;
  position:fixed!important;
  z-index:0!important;
  right:0!important;
  bottom:0!important;
  width:127px!important;
  height:48px!important;
  display:block!important;
  pointer-events:none!important;
  background:url("../images/hanami/right-brush.png") center/contain no-repeat!important;
  opacity:.88!important;
}
body.admin-bar:not(.geishaporn_reels-app-page)::before{top:calc(var(--han-header) + 32px)!important}

/* =========================================================
   HEADER — same visual hierarchy as the supplied reference,
   mapped to real GeishaPorn routes and search.
   ========================================================= */
html body .sr-topbar.gp-app-header.gp-hanami-topbar{
  position:fixed!important;
  z-index:10050!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  width:min(var(--han-shell),100vw)!important;
  height:var(--han-header)!important;
  min-height:var(--han-header)!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:296px minmax(420px,1fr) minmax(430px,600px)!important;
  align-items:center!important;
  gap:28px!important;
  padding:0 28px!important;
  border:0!important;
  border-bottom:1px solid #111416!important;
  border-radius:0!important;
  background:rgba(5,6,7,.985)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
}
body.admin-bar .sr-topbar.gp-app-header.gp-hanami-topbar{top:32px!important}

.gp-hanami-brand{
  width:252px!important;
  height:70px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  position:static!important;
  transform:none!important;
  color:#fff!important;
  text-decoration:none!important;
  overflow:visible!important;
}
.gp-hanami-brand-emblem{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  display:block!important;
  object-fit:contain!important;
  border-radius:50%!important;
  box-shadow:0 0 0 1px rgba(216,31,36,.15),0 0 28px rgba(216,31,36,.07)!important;
}
.gp-hanami-brand-copy{display:grid!important;gap:0!important;line-height:1!important;white-space:nowrap!important}
.gp-hanami-brand-copy strong{
  color:#faf9f7!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:25px!important;
  font-weight:500!important;
  letter-spacing:.18em!important;
}
.gp-hanami-brand-copy small{
  margin-top:3px!important;
  color:#d5d0cd!important;
  font-family:Inter,sans-serif!important;
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:.54em!important;
}

.gp-hanami-main-nav{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:37px!important;
  min-width:0!important;
}
.gp-hanami-main-nav a{
  position:relative!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:2px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#a7aaad!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.gp-hanami-main-nav a::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:100%!important;
  bottom:19px!important;
  height:2px!important;
  background:var(--han-red)!important;
  transition:right .18s ease!important;
}
.gp-hanami-main-nav a:hover,.gp-hanami-main-nav a.is-active{color:#fff!important}
.gp-hanami-main-nav a.is-active::after{right:0!important}
.gp-hanami-live-dot{
  width:7px!important;
  height:7px!important;
  display:inline-block!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:var(--han-red)!important;
  box-shadow:0 0 0 3px rgba(216,31,36,.06)!important;
}

.gp-hanami-top-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:20px!important;
  min-width:0!important;
}
.gp-hanami-search{
  width:385px!important;
  height:42px!important;
  min-width:220px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #1d2024!important;
  border-radius:12px!important;
  background:#0f1113!important;
  color:#8c9196!important;
  box-shadow:none!important;
}
.gp-hanami-search>i{flex:0 0 auto!important;font-size:16px!important;color:#9ba0a4!important}
.gp-hanami-search input{
  flex:1!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#ededed!important;
  box-shadow:none!important;
  font-size:12px!important;
}
.gp-hanami-search input::placeholder{color:#777c82!important}
.gp-hanami-shortcut{
  min-width:23px!important;
  height:23px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:5px!important;
  background:#1b1e21!important;
  color:#9da0a3!important;
  font-size:11px!important;
  font-weight:700!important;
}
.gp-hanami-icon-action{
  position:relative!important;
  width:28px!important;
  height:42px!important;
  min-width:28px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#e8e8e8!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-size:21px!important;
}
.gp-hanami-icon-action:hover,.gp-hanami-icon-action.is-active{color:var(--han-red-hot)!important}
.gp-hanami-icon-action em{
  position:absolute!important;
  right:-5px!important;
  top:2px!important;
  min-width:15px!important;
  height:15px!important;
  padding:0 3px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:var(--han-red)!important;
  color:#fff!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:800!important;
}
html body .gp-hanami-profile-trigger,
html body.sr-home button.sr-menu-toggle.gp-hanami-profile-trigger{
  width:auto!important;
  height:48px!important;
  min-width:55px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#b7b9bc!important;
  box-shadow:none!important;
}
.gp-hanami-profile-trigger img{
  width:42px!important;
  height:42px!important;
  display:block!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.07)!important;
}
.gp-hanami-profile-trigger>i{font-size:11px!important}
.gp-hanami-profile-trigger:hover{color:#fff!important}

/* =========================================================
   SIDEBAR — real taxonomies/functions in the Hanami filter panel.
   ========================================================= */
html body .sr-drawer.gp-desktop-sidebar.gp-hanami-sidebar{
  position:fixed!important;
  z-index:9995!important;
  top:var(--han-header)!important;
  left:max(28px,calc((100vw - var(--han-shell))/2 + 28px))!important;
  right:auto!important;
  width:var(--han-sidebar)!important;
  height:calc(100vh - var(--han-header) - 22px)!important;
  max-height:817px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  border:1px solid #15181b!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(14,16,18,.985),rgba(12,14,16,.985))!important;
  box-shadow:0 18px 60px rgba(0,0,0,.18)!important;
  transform:none!important;
  transition:width .22s ease,transform .22s ease!important;
}
body.admin-bar .sr-drawer.gp-desktop-sidebar.gp-hanami-sidebar{top:calc(var(--han-header) + 32px)!important}
.gp-hanami-sidebar::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:-1px!important;
  bottom:0!important;
  width:88px!important;
  height:92px!important;
  pointer-events:none!important;
  background:url("../images/hanami/left-brush.png") left bottom/88px 92px no-repeat!important;
  opacity:.82!important;
}
.gp-hanami-sidebar-head{
  position:relative!important;
  z-index:2!important;
  height:56px!important;
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 16px 0 20px!important;
  border:0!important;
  border-bottom:1px solid #25282b!important;
  background:transparent!important;
  color:#f0f0f1!important;
}
.gp-hanami-sidebar-head>strong{
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.gp-hanami-sidebar-head-actions{display:flex!important;align-items:center!important;gap:4px!important}
html body button.gp-sidebar-collapse,
html body button.gp-mobile-close{
  width:30px!important;
  height:32px!important;
  min-width:30px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8e9296!important;
  box-shadow:none!important;
}
html body button.gp-sidebar-collapse:hover,
html body button.gp-mobile-close:hover{color:#fff!important;background:transparent!important}
html body button.gp-mobile-close{display:none!important}

.gp-hanami-sidebar-scroll{
  position:relative!important;
  z-index:1!important;
  height:calc(100% - 56px)!important;
  padding:0 0 16px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:#33373b transparent!important;
}
.gp-hanami-sidebar-scroll::-webkit-scrollbar{width:5px!important}
.gp-hanami-sidebar-scroll::-webkit-scrollbar-thumb{background:#303438!important;border-radius:4px!important}
.gp-hanami-filter-section{
  margin:0!important;
  padding:17px 20px 0!important;
  border:0!important;
  background:transparent!important;
}
.gp-hanami-filter-section-compact{padding-top:14px!important}
.gp-hanami-filter-title{
  min-height:18px!important;
  margin:0 0 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  color:#c0c2c4!important;
  font-size:11px!important;
  font-weight:650!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
.gp-hanami-filter-title>i{font-size:10px!important;color:#73777b!important}
.gp-hanami-filter-title-static{margin-bottom:8px!important}
.gp-hanami-chips{display:flex!important;flex-wrap:wrap!important;gap:8px 7px!important}
.gp-hanami-chip{
  min-height:27px!important;
  padding:7px 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:17px!important;
  background:#1a1d20!important;
  color:#c6c8ca!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:550!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:background .16s ease,color .16s ease!important;
}
.gp-hanami-chip:hover{background:#24282c!important;color:#fff!important}
.gp-hanami-chip.is-active{background:var(--han-red)!important;color:#fff!important}
.gp-hanami-select-stack{display:grid!important;gap:6px!important}
.gp-hanami-select-row{
  width:100%!important;
  min-height:34px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border:1px solid #292d31!important;
  border-radius:8px!important;
  background:#101316!important;
  color:#c8cacc!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-size:10px!important;
}
.gp-hanami-select-row>span{min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.gp-hanami-select-row img{width:15px!important;height:10px!important;flex:0 0 15px!important;border-radius:1px!important;object-fit:cover!important}
.gp-hanami-select-row>span>i{width:14px!important;color:#9da1a5!important;text-align:center!important;font-size:11px!important}
.gp-hanami-select-row small{color:#74787c!important;font-size:9px!important}
.gp-hanami-select-row:hover,.gp-hanami-select-row.is-active{border-color:#494e53!important;background:#15191c!important;color:#fff!important}
.gp-hanami-select-row.is-active{border-color:rgba(216,31,36,.72)!important;box-shadow:inset 2px 0 0 var(--han-red)!important}

.gp-hanami-quick-section{padding-top:16px!important}
.gp-hanami-quick-links{display:grid!important;border-top:1px solid rgba(255,255,255,.05)!important}
.gp-hanami-quick-links>a{
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
  background:transparent!important;
  color:#a7aaad!important;
  text-decoration:none!important;
  font-size:10px!important;
}
.gp-hanami-quick-links>a>span{display:flex!important;align-items:center!important;gap:8px!important}
.gp-hanami-quick-links>a>i{font-size:9px!important;color:#5d6165!important}
.gp-hanami-quick-links>a:hover{color:#fff!important}
.gp-hanami-quick-links>a:hover>i{color:var(--han-red)!important}

.gp-hanami-reels-card{
  position:relative!important;
  min-height:197px!important;
  margin:18px 18px 10px!important;
  overflow:hidden!important;
  border:1px solid #711d20!important;
  border-radius:9px!important;
  background:radial-gradient(circle at 0 45%,rgba(111,16,19,.18),transparent 46%),linear-gradient(180deg,#101214,#101214)!important;
}
.gp-hanami-reels-card>img{
  position:absolute!important;
  left:-2px!important;
  top:8px!important;
  width:80px!important;
  height:128px!important;
  object-fit:cover!important;
}
.gp-hanami-reels-copy{padding:13px 12px 51px 83px!important}
.gp-hanami-reels-title{
  color:#f1f1f1!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:13px!important;
  letter-spacing:.11em!important;
}
.gp-hanami-reels-title span{color:var(--han-red-hot)!important}
.gp-hanami-reels-copy ul{list-style:none!important;margin:7px 0 0!important;padding:0!important;color:#c6c7c9!important;font-size:10px!important;line-height:22px!important}
.gp-hanami-reels-copy li::before{content:"✓"!important;margin-right:8px!important;color:#fff!important}
.gp-hanami-reels-button{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:43px!important;
  padding:0 14px 0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-top:1px solid #eb3f43!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#d52a2e,#be1e22)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:10px!important;
  font-weight:650!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.gp-hanami-reels-button span{position:absolute!important;right:14px!important;font-size:17px!important}
.gp-hanami-legal-links{padding:0 20px 14px!important}
.gp-hanami-legal-links .sr-drawer-legal-links{display:flex!important;flex-wrap:wrap!important;gap:6px 12px!important}
.gp-hanami-legal-links .sr-drawer-legal-links a{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#666b70!important;
  box-shadow:none!important;
  font-size:8px!important;
  text-decoration:none!important;
}
.gp-hanami-legal-links .sr-drawer-legal-links a i{display:none!important}
.gp-hanami-legal-links .sr-drawer-legal-links a:hover{color:#b9bdc0!important}

/* Collapsed desktop filter rail keeps a clean, usable trigger. */
html.gp-sidebar-collapsed body .sr-drawer.gp-hanami-sidebar{width:64px!important}
html.gp-sidebar-collapsed body .gp-hanami-sidebar-head{padding:0!important;justify-content:center!important}
html.gp-sidebar-collapsed body .gp-hanami-sidebar-head>strong,
html.gp-sidebar-collapsed body .gp-hanami-sidebar-scroll{opacity:0!important;pointer-events:none!important}
html.gp-sidebar-collapsed body .gp-hanami-sidebar-head-actions{width:100%!important;justify-content:center!important}
html.gp-sidebar-collapsed body .gp-sidebar-collapse{display:grid!important}

/* =========================================================
   MAIN LAYOUT
   ========================================================= */
body:not(.geishaporn_reels-app-page) .sr-shell,
body:not(.geishaporn_reels-app-page) .gp-global-page-layout{
  position:relative!important;
  z-index:1!important;
}
body.gp-hanami-layout:not(.geishaporn_reels-app-page)>.sr-shell{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:calc(var(--han-header) + 0px) max(28px,calc((100vw - var(--han-shell))/2 + 30px)) 32px max(352px,calc((100vw - var(--han-shell))/2 + 352px))!important;
}
body:not(.geishaporn_reels-app-page) .gp-global-page-layout{
  width:auto!important;
  max-width:none!important;
  min-height:100vh!important;
  margin:0!important;
  padding:calc(var(--han-header) + 16px) max(28px,calc((100vw - var(--han-shell))/2 + 30px)) 36px max(352px,calc((100vw - var(--han-shell))/2 + 352px))!important;
  display:block!important;
}
body:not(.geishaporn_reels-app-page) .gp-standard-page-main,
body:not(.geishaporn_reels-app-page) .gp-custom-global-layout>.sr-shell,
body:not(.geishaporn_reels-app-page) .gp-standard-global-layout>.gp-standard-page-main{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
html.gp-sidebar-collapsed body.gp-hanami-layout:not(.geishaporn_reels-app-page)>.sr-shell,
html.gp-sidebar-collapsed body:not(.geishaporn_reels-app-page) .gp-global-page-layout{
  padding-left:max(120px,calc((100vw - var(--han-shell))/2 + 120px))!important;
}

body.sr-home .gp-page-layout,
body.sr-home .gp-page-layout.has-directory{
  width:100%!important;
  max-width:none!important;
  display:block!important;
  grid-template-columns:none!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
body.sr-home .gp-page-content{width:100%!important;min-width:0!important;margin:0!important;padding:0!important}

/* =========================================================
   FEATURED REAL PLAYER — Hanami hero card, no fake image/player.
   ========================================================= */
body.sr-home .gp-featured-card{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #1e2124!important;
  border-bottom:0!important;
  border-radius:12px 12px 0 0!important;
  background:#0b0d0f!important;
  box-shadow:0 22px 60px rgba(0,0,0,.20)!important;
}
body.sr-home .gp-featured-media{position:relative!important;margin:0!important;padding:0!important;background:#000!important}
body.sr-home .sr-player.cg-resizable-player{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1265/463!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#000!important;
  box-shadow:none!important;
}
body.sr-home .sr-player .sr-embed-wrap,
body.sr-home .sr-player .sr-poster-fallback,
body.sr-home .sr-player .webcam-embed-container{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:#000!important;
}
body.sr-home .sr-player iframe,
body.sr-home .sr-player video,
body.sr-home .sr-player .webcam-embed-container iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  border:0!important;
  transform:none!important;
}
body.sr-home .sr-poster-fallback img{width:100%!important;height:100%!important;object-fit:cover!important}
body.sr-home .sr-rank-badge{
  position:absolute!important;
  z-index:20!important;
  left:14px!important;
  top:14px!important;
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:5px!important;
  background:rgba(3,4,5,.78)!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:blur(7px)!important;
}
body.sr-home .sr-rank-badge::before{
  content:"LIVE"!important;
  display:inline-flex!important;
  align-items:center!important;
  height:22px!important;
  margin-left:-4px!important;
  padding:0 7px!important;
  border-radius:4px!important;
  background:#c92025!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
}
body.sr-home .sr-rank-badge strong{font-size:10px!important;font-weight:700!important;color:#fff!important}
body.sr-home .sr-rank-badge span{font-size:9px!important;color:#c4c6c8!important}
body.sr-home .sr-navigation-skeleton{display:none!important}
body.sr-home .sr-player-resize-handle{
  position:relative!important;
  z-index:5!important;
  width:100%!important;
  height:7px!important;
  margin:0!important;
  border:0!important;
  border-top:1px solid #141719!important;
  background:#080a0b!important;
}
body.sr-home .sr-player-resize-handle span{width:50px!important;height:2px!important;border-radius:2px!important;background:#41464a!important;opacity:.55!important}

/* Open/next mechanics stay present, but become unobtrusive player tools. */
body.sr-home .gp-player-decisions{
  position:absolute!important;
  z-index:30!important;
  right:14px!important;
  top:14px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  gap:7px!important;
  border:0!important;
  background:transparent!important;
  pointer-events:auto!important;
}
body.sr-home .gp-player-decisions .sr-decision{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:8px!important;
  background:rgba(6,7,8,.75)!important;
  color:#f1f1f1!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px)!important;
}
body.sr-home .gp-player-decisions .sr-decision:hover{border-color:rgba(216,31,36,.72)!important;background:rgba(18,9,10,.88)!important;color:#fff!important}
body.sr-home .gp-player-decisions .sr-decision>i{margin:0!important;font-size:14px!important}
body.sr-home .gp-player-decisions .sr-decision>span{display:none!important}
body.sr-home .gp-player-decisions .sr-next{display:none!important}

/* Stream identity bar — visually joined to the player card. */
body.sr-home .gp-profile-card{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  min-height:103px!important;
  margin:0!important;
  padding:14px 26px 14px 18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:22px!important;
  border:1px solid #1e2124!important;
  border-top:1px solid #15181b!important;
  border-radius:0 0 12px 12px!important;
  background:linear-gradient(180deg,#0d1012,#0a0c0e)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.14)!important;
}
body.sr-home .gp-profile-card-main{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
}
body.sr-home .gp-profile-avatar{
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  flex:0 0 68px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:2px solid var(--han-red)!important;
  border-radius:50%!important;
  background:#241010!important;
  box-shadow:none!important;
}
body.sr-home .gp-profile-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
body.sr-home .gp-profile-copy{min-width:0!important;display:block!important}
body.sr-home .gp-profile-title-row{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
}
body.sr-home .gp-profile-title-row h1{margin:0!important;font-size:18px!important;font-weight:650!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.sr-home .gp-profile-title-row h1 a{color:#f5f5f5!important;text-decoration:none!important}
body.sr-home .gp-profile-title-row>i.fa-circle-check{color:var(--han-red)!important;font-size:13px!important}
body.sr-home .sr-live-status{
  min-height:21px!important;
  padding:0 7px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  border:0!important;
  border-radius:4px!important;
  background:#ca2025!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
}
body.sr-home .sr-live-status>i{display:none!important}
body.sr-home .gp-profile-copy>p{margin:5px 0 0!important;color:#d8d9da!important;font-size:10px!important;line-height:1.2!important}
body.sr-home .gp-profile-copy>p a{color:#d8d9da!important;text-decoration:none!important}
body.sr-home .gp-profile-meta.gp-profile-meta-pills{
  margin:8px 0 0!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px 15px!important;
  color:#8d9195!important;
}
body.sr-home .gp-profile-meta .gp-profile-pill,
body.sr-home .gp-profile-meta a.gp-profile-pill,
body.sr-home .gp-profile-meta span.gp-profile-pill{
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8d9195!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:500!important;
  text-decoration:none!important;
}
body.sr-home .gp-profile-meta .gp-profile-pill:not(:last-child)::after{content:"•"!important;margin-left:10px!important;color:#3d4145!important}
body.sr-home .gp-profile-location img{width:14px!important;height:9px!important;border-radius:1px!important;object-fit:cover!important}
body.sr-home .gp-profile-viewers{
  margin-left:7px!important;
  padding-left:13px!important;
  min-width:80px!important;
  display:grid!important;
  grid-template-columns:auto auto!important;
  grid-template-areas:"icon value" "icon label"!important;
  align-items:center!important;
  column-gap:7px!important;
  border-left:1px solid #24282b!important;
  color:#85898d!important;
}
body.sr-home .gp-profile-viewers>i{grid-area:icon!important;color:#8d9195!important;font-size:13px!important}
body.sr-home .gp-profile-viewers>strong{grid-area:value!important;color:#f1f1f1!important;font-size:12px!important;font-weight:650!important;line-height:1!important}
body.sr-home .gp-profile-viewers>span{grid-area:label!important;margin-top:2px!important;color:#777c80!important;font-size:8px!important;line-height:1!important;text-transform:lowercase!important}

body.sr-home .gp-hanami-profile-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.sr-home .gp-hanami-profile-actions .sr-icon-action{
  margin:0!important;
  box-shadow:none!important;
  transform:none!important;
  text-decoration:none!important;
}
body.sr-home .gp-hanami-previous,
body.sr-home .gp-hanami-next-meta{
  height:58px!important;
  min-height:58px!important;
  padding:0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  border-radius:8px!important;
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
body.sr-home .gp-hanami-previous{
  min-width:170px!important;
  border:1px solid #5b5e61!important;
  background:#0d0f11!important;
  color:#ededed!important;
}
body.sr-home .gp-hanami-next-meta{
  min-width:190px!important;
  border:1px solid #f04449!important;
  background:linear-gradient(135deg,#d21f24,#b8181d)!important;
  color:#fff!important;
  position:relative!important;
  overflow:hidden!important;
}
body.sr-home .gp-hanami-next-meta::after{
  content:"✿"!important;
  position:absolute!important;
  right:8px!important;
  bottom:0!important;
  color:rgba(255,255,255,.12)!important;
  font-size:39px!important;
  line-height:1!important;
}
body.sr-home .gp-hanami-next-meta>span,
body.sr-home .gp-hanami-next-meta>i{position:relative!important;z-index:1!important}
body.sr-home .gp-hanami-utility{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #292d31!important;
  border-radius:8px!important;
  background:#0f1113!important;
  color:#b4b8bb!important;
}
body.sr-home .gp-hanami-utility:hover,
body.sr-home .gp-hanami-utility[aria-pressed="true"]{border-color:#604145!important;color:#fff!important;background:#161012!important}
body.sr-home .gp-hanami-utility>span{display:none!important}
body.sr-home .gp-hanami-utility>i{font-size:13px!important}

/* Score remains available but is quiet enough not to break the reference layout. */
body.sr-home .sr-score-card{
  width:100%!important;
  min-height:0!important;
  margin:14px 0 0!important;
  padding:11px 14px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:15px!important;
  align-items:center!important;
  border:1px solid #181b1e!important;
  border-radius:8px!important;
  background:#090b0d!important;
  box-shadow:none!important;
}
body.sr-home .sr-score-main{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
body.sr-home .sr-score-main>span{display:none!important}
body.sr-home .sr-score-main>strong{font-size:16px!important;color:#fff!important}
body.sr-home .sr-score-main>small{color:#7f8488!important;font-size:9px!important;white-space:nowrap!important}
body.sr-home .sr-score-copy{min-width:0!important}
body.sr-home .sr-score-copy>span,body.sr-home .sr-score-copy>p{display:none!important}
body.sr-home .sr-score-copy h2{margin:0!important;color:#a7abad!important;font-size:10px!important;font-weight:500!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.sr-home .sr-score-stat{display:flex!important;align-items:center!important;gap:7px!important;color:#8b9094!important}
body.sr-home .sr-score-stat i{font-size:11px!important}
body.sr-home .sr-score-stat span{display:flex!important;align-items:center!important;gap:6px!important}
body.sr-home .sr-score-stat small{font-size:8px!important;color:#777c80!important}
body.sr-home .sr-score-stat strong{font-size:10px!important;color:#d9dcde!important}

/* =========================================================
   RECOMMENDATIONS — live dynamic cams using Hanami card geometry.
   ========================================================= */
body.sr-home .gp-hanami-recommendations{
  width:100%!important;
  margin:17px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.sr-home .gp-hanami-section-head{
  min-height:30px!important;
  margin:0 0 12px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:0!important;
  background:transparent!important;
}
body.sr-home .gp-hanami-section-head>div{min-width:0!important}
body.sr-home .gp-hanami-section-head h2{
  margin:0!important;
  color:#f0f0f1!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1!important;
}
body.sr-home .gp-hanami-section-head h2::before{
  content:"✿"!important;
  margin-right:9px!important;
  color:var(--han-red)!important;
  font-size:20px!important;
  vertical-align:-1px!important;
}
body.sr-home .gp-hanami-view-all{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#a4a8ab!important;
  font-size:10px!important;
  text-decoration:none!important;
}
body.sr-home .gp-hanami-view-all i{font-size:9px!important}
body.sr-home .gp-hanami-view-all:hover{color:#fff!important}
body.sr-home .gp-hanami-recommendations .sr-stream-carousel{position:relative!important;margin:0!important;padding:0!important;overflow:visible!important}
body.sr-home .gp-hanami-recommendations .sr-stream-grid{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:18px!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
}
body.sr-home .gp-hanami-recommendations .gp-related-item{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
  text-decoration:none!important;
}
body.sr-home .gp-hanami-recommendations .gp-related-item:nth-child(n+6){display:none!important}
body.sr-home .gp-hanami-recommendations .sr-thumb{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:235/149!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid #2b2e31!important;
  border-radius:8px!important;
  background:#0c0e10!important;
}
body.sr-home .gp-hanami-recommendations .sr-thumb img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:0!important;
  transition:transform .22s ease!important;
}
body.sr-home .gp-hanami-recommendations .gp-related-item:hover .sr-thumb img{transform:scale(1.025)!important}
body.sr-home .gp-hanami-recommendations .gp-related-live{
  position:absolute!important;
  left:8px!important;
  top:8px!important;
  width:auto!important;
  height:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  border:0!important;
  border-radius:4px!important;
  background:#ca2025!important;
  box-shadow:none!important;
}
body.sr-home .gp-hanami-recommendations .gp-related-live::before{
  content:"LIVE"!important;
  padding:4px 7px!important;
  color:#fff!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:800!important;
  line-height:1!important;
}
body.sr-home .gp-hanami-recommendations .sr-card-info{
  margin:0!important;
  padding:9px 0 0!important;
  display:grid!important;
  gap:4px!important;
  border:0!important;
  background:transparent!important;
}
body.sr-home .gp-hanami-recommendations .sr-card-info strong{
  min-width:0!important;
  color:#eeeeef!important;
  font-size:10px!important;
  font-weight:600!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.sr-home .gp-hanami-recommendations .sr-card-info span{color:#81868a!important;font-size:8px!important}
body.sr-home .gp-hanami-recommendations .sr-card-info span i{margin-right:4px!important;color:#8b9094!important}
body.sr-home .gp-hanami-recommendations .sr-carousel-arrow{
  position:absolute!important;
  z-index:5!important;
  top:50%!important;
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #42464a!important;
  border-radius:50%!important;
  background:#0c0e10!important;
  color:#e7e7e7!important;
  box-shadow:0 7px 20px rgba(0,0,0,.3)!important;
  transform:translateY(-75%)!important;
}
body.sr-home .gp-hanami-recommendations .sr-carousel-arrow.is-prev{left:-22px!important}
body.sr-home .gp-hanami-recommendations .sr-carousel-arrow.is-next{right:-22px!important}

/* Directory rail is retained as a real feature, but moved below the Hanami main composition. */
body.sr-home .gp-page-layout>.gp-directory-sidebar{
  width:100%!important;
  max-width:none!important;
  margin:24px 0 0!important;
  padding:16px!important;
  display:block!important;
  border:1px solid #1c1f22!important;
  border-radius:10px!important;
  background:#0a0c0e!important;
  box-shadow:none!important;
}
body.sr-home .gp-page-layout>.gp-directory-sidebar .gp-directory-sidebar-head{margin:0 0 11px!important;padding:0!important;border:0!important;background:transparent!important}
body.sr-home .gp-page-layout>.gp-directory-sidebar .gp-directory-list{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
body.sr-home .gp-page-layout>.gp-directory-sidebar .gp-directory-item{min-width:0!important;margin:0!important;border:1px solid #202428!important;border-radius:7px!important;background:#0e1113!important;box-shadow:none!important}
body.sr-home .gp-page-layout>.gp-directory-sidebar .gp-directory-item::before{display:none!important}

/* =========================================================
   INTERNAL SURFACES — same shell language, mechanics unchanged.
   ========================================================= */
body:not(.geishaporn_reels-app-page) .gp-standard-page-main,
body:not(.geishaporn_reels-app-page) .nr-ranking-shell,
body:not(.geishaporn_reels-app-page) .nr-directory-shell,
body:not(.geishaporn_reels-app-page) .nr-news-shell,
body:not(.geishaporn_reels-app-page) .gp-video-shell,
body:not(.geishaporn_reels-app-page) .gp-gallery-shell{
  color:var(--han-text)!important;
}
body:not(.geishaporn_reels-app-page) .cg-card,
body:not(.geishaporn_reels-app-page) .gp-video-card,
body:not(.geishaporn_reels-app-page) .gp-gallery-card,
body:not(.geishaporn_reels-app-page) .nr-rank-row,
body:not(.geishaporn_reels-app-page) .gp-directory-card,
body:not(.geishaporn_reels-app-page) .nr-news-card{
  border-color:#23272a!important;
  background:#0d0f11!important;
  box-shadow:none!important;
}
body:not(.geishaporn_reels-app-page) .cg-card:hover,
body:not(.geishaporn_reels-app-page) .gp-video-card:hover,
body:not(.geishaporn_reels-app-page) .gp-gallery-card:hover,
body:not(.geishaporn_reels-app-page) .gp-directory-card:hover{
  border-color:#3d4145!important;
  transform:none!important;
  box-shadow:none!important;
}
body:not(.geishaporn_reels-app-page) .cg-card img,
body:not(.geishaporn_reels-app-page) .gp-video-card img,
body:not(.geishaporn_reels-app-page) .gp-gallery-card img{border-radius:8px!important}
body:not(.geishaporn_reels-app-page) .cg-favorite-btn,
body:not(.geishaporn_reels-app-page) .gp-favorite-btn{
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(7,8,9,.76)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body:not(.geishaporn_reels-app-page) .cg-favorite-btn:hover,
body:not(.geishaporn_reels-app-page) .cg-favorite-btn.is-active,
body:not(.geishaporn_reels-app-page) .gp-favorite-btn:hover{border-color:var(--han-red)!important;background:rgba(35,9,11,.88)!important;color:#fff!important}
body:not(.geishaporn_reels-app-page) .nr-ranking-hero,
body:not(.geishaporn_reels-app-page) .gp-archive-hero,
body:not(.geishaporn_reels-app-page) .nr-directory-hero,
body:not(.geishaporn_reels-app-page) .nr-news-hero{
  border:1px solid #1e2225!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#0e1012,#090b0d)!important;
  box-shadow:none!important;
}
body:not(.geishaporn_reels-app-page) .nr-pagination a,
body:not(.geishaporn_reels-app-page) .nr-pagination span,
body:not(.geishaporn_reels-app-page) .page-numbers{
  border-color:#2a2e32!important;
  background:#0e1113!important;
  color:#b9bdc0!important;
  box-shadow:none!important;
}
body:not(.geishaporn_reels-app-page) .nr-pagination .current,
body:not(.geishaporn_reels-app-page) .page-numbers.current{border-color:var(--han-red)!important;background:var(--han-red)!important;color:#fff!important}

/* Shared right-side Site Directory on internal pages becomes a restrained reference-style panel. */
body:not(.geishaporn_reels-app-page) .gp-global-page-layout>.gp-shared-site-sidebar{
  margin:24px 0 0!important;
  width:100%!important;
  max-width:none!important;
  padding:15px!important;
  border:1px solid #1e2225!important;
  border-radius:10px!important;
  background:#0b0d0f!important;
  box-shadow:none!important;
}
body:not(.geishaporn_reels-app-page) .gp-global-page-layout>.gp-shared-site-sidebar .gp-directory-list{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}

/* Mobile bottom navigation stays functional but adopts the new palette. */
body:not(.geishaporn_reels-app-page) .gp-mobile-nav{
  border-top:1px solid #1d2023!important;
  background:rgba(7,8,9,.97)!important;
  box-shadow:0 -12px 30px rgba(0,0,0,.28)!important;
}
body:not(.geishaporn_reels-app-page) .gp-mobile-nav a{color:#8e9397!important;background:transparent!important;border-radius:0!important}
body:not(.geishaporn_reels-app-page) .gp-mobile-nav a.is-active{color:#fff!important}
body:not(.geishaporn_reels-app-page) .gp-mobile-nav a.is-active i{color:var(--han-red-hot)!important}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1380px){
  :root{--han-sidebar:265px;--han-gap:18px}
  html body .sr-topbar.gp-app-header.gp-hanami-topbar{grid-template-columns:250px minmax(360px,1fr) minmax(360px,470px)!important;gap:18px!important;padding:0 20px!important}
  .gp-hanami-brand{width:230px!important}
  .gp-hanami-main-nav{gap:25px!important}
  .gp-hanami-search{width:300px!important}
  html body .sr-drawer.gp-desktop-sidebar.gp-hanami-sidebar{left:20px!important;width:265px!important}
  body.gp-hanami-layout:not(.geishaporn_reels-app-page)>.sr-shell,
  body:not(.geishaporn_reels-app-page) .gp-global-page-layout{padding-left:303px!important;padding-right:20px!important}
  html.gp-sidebar-collapsed body.gp-hanami-layout:not(.geishaporn_reels-app-page)>.sr-shell,
  html.gp-sidebar-collapsed body:not(.geishaporn_reels-app-page) .gp-global-page-layout{padding-left:100px!important}
  body.sr-home .gp-hanami-previous{min-width:145px!important;padding:0 16px!important}
  body.sr-home .gp-hanami-next-meta{min-width:160px!important;padding:0 18px!important}
  body.sr-home .gp-hanami-recommendations .sr-stream-grid{gap:14px!important}
}

@media (max-width:1120px){
  :root{--han-header:74px}
  html body .sr-topbar.gp-app-header.gp-hanami-topbar{
    grid-template-columns:220px minmax(0,1fr) auto!important;
    height:74px!important;
    min-height:74px!important;
    padding:0 18px!important;
  }
  .gp-hanami-brand{width:215px!important;height:60px!important}
  .gp-hanami-brand-emblem{width:50px!important;height:50px!important;flex-basis:50px!important}
  .gp-hanami-brand-copy strong{font-size:21px!important}.gp-hanami-brand-copy small{font-size:8px!important}
  .gp-hanami-main-nav{display:none!important}
  .gp-hanami-search{width:min(360px,42vw)!important}
  html body .sr-drawer.gp-desktop-sidebar.gp-hanami-sidebar{
    top:74px!important;
    left:0!important;
    width:min(330px,88vw)!important;
    height:calc(100vh - 74px)!important;
    max-height:none!important;
    border-radius:0 12px 12px 0!important;
    transform:translateX(-105%)!important;
  }
  html body .sr-drawer.gp-desktop-sidebar.gp-hanami-sidebar.is-open{transform:translateX(0)!important}
  html body button.gp-mobile-close{display:grid!important}
  html body button.gp-sidebar-collapse{display:none!important}
  .gp-hanami-drawer-backdrop{
    position:fixed!important;
    z-index:9990!important;
    inset:74px 0 0!important;
    display:block!important;
    background:rgba(0,0,0,.66)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .18s ease!important;
  }
  .gp-hanami-drawer-backdrop.is-open{opacity:1!important;pointer-events:auto!important}
  body.gp-hanami-layout:not(.geishaporn_reels-app-page)>.sr-shell,
  body:not(.geishaporn_reels-app-page) .gp-global-page-layout,
  html.gp-sidebar-collapsed body.gp-hanami-layout:not(.geishaporn_reels-app-page)>.sr-shell,
  html.gp-sidebar-collapsed body:not(.geishaporn_reels-app-page) .gp-global-page-layout{
    padding-left:18px!important;
    padding-right:18px!important;
    padding-top:calc(var(--han-header) + 16px)!important;
  }
  body.sr-home .gp-profile-card{grid-template-columns:1fr!important;gap:12px!important}
  body.sr-home .gp-hanami-profile-actions{justify-content:stretch!important;width:100%!important}
  body.sr-home .gp-hanami-previous,body.sr-home .gp-hanami-next-meta{flex:1!important;min-width:0!important}
  body.sr-home .gp-hanami-recommendations .sr-stream-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.sr-home .gp-hanami-recommendations .gp-related-item:nth-child(n+4){display:none!important}
  body.sr-home .gp-page-layout>.gp-directory-sidebar .gp-directory-list,
  body:not(.geishaporn_reels-app-page) .gp-global-page-layout>.gp-shared-site-sidebar .gp-directory-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media (max-width:720px){
  :root{--han-header:68px}
  body:not(.geishaporn_reels-app-page)::before,body:not(.geishaporn_reels-app-page)::after{display:none!important}
  html body .sr-topbar.gp-app-header.gp-hanami-topbar{
    grid-template-columns:1fr auto!important;
    gap:12px!important;
    height:68px!important;
    min-height:68px!important;
    padding:0 13px!important;
  }
  .gp-hanami-brand{width:auto!important;height:56px!important;gap:9px!important}
  .gp-hanami-brand-emblem{width:43px!important;height:43px!important;flex-basis:43px!important}
  .gp-hanami-brand-copy strong{font-size:18px!important;letter-spacing:.14em!important}
  .gp-hanami-brand-copy small{font-size:7px!important;letter-spacing:.42em!important}
  .gp-hanami-search,.gp-hanami-stories{display:none!important}
  .gp-hanami-top-actions{gap:13px!important}
  .gp-hanami-icon-action{width:25px!important;min-width:25px!important;font-size:19px!important}
  html body .gp-hanami-profile-trigger,html body.sr-home button.sr-menu-toggle.gp-hanami-profile-trigger{min-width:45px!important;height:46px!important;gap:4px!important}
  .gp-hanami-profile-trigger img{width:36px!important;height:36px!important}.gp-hanami-profile-trigger>i{font-size:9px!important}
  html body .sr-drawer.gp-desktop-sidebar.gp-hanami-sidebar{top:68px!important;height:calc(100vh - 68px)!important;width:min(318px,92vw)!important}
  .gp-hanami-drawer-backdrop{inset:68px 0 0!important}
  body.gp-hanami-layout:not(.geishaporn_reels-app-page)>.sr-shell,
  body:not(.geishaporn_reels-app-page) .gp-global-page-layout{padding:80px 12px 86px!important}
  body.sr-home .gp-featured-card{border-radius:8px 8px 0 0!important}
  body.sr-home .sr-player.cg-resizable-player{aspect-ratio:16/9!important;min-height:0!important}
  body.sr-home .sr-rank-badge{left:9px!important;top:9px!important;min-height:26px!important;padding:0 6px!important}
  body.sr-home .sr-rank-badge::before{height:19px!important;padding:0 5px!important;font-size:8px!important}
  body.sr-home .gp-player-decisions{right:9px!important;top:9px!important}
  body.sr-home .gp-player-decisions .sr-decision{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:7px!important}
  body.sr-home .gp-profile-card{min-height:0!important;padding:13px!important;border-radius:0 0 8px 8px!important}
  body.sr-home .gp-profile-card-main{align-items:flex-start!important;gap:11px!important}
  body.sr-home .gp-profile-avatar{width:52px!important;height:52px!important;min-width:52px!important;flex-basis:52px!important}
  body.sr-home .gp-profile-title-row{gap:6px!important;flex-wrap:wrap!important}
  body.sr-home .gp-profile-title-row h1{font-size:15px!important;max-width:64vw!important}
  body.sr-home .gp-profile-viewers{display:none!important}
  body.sr-home .gp-profile-meta.gp-profile-meta-pills{gap:5px 10px!important;margin-top:6px!important}
  body.sr-home .gp-hanami-profile-actions{display:grid!important;grid-template-columns:1fr 38px 38px 38px 1fr!important;gap:6px!important}
  body.sr-home .gp-hanami-previous,body.sr-home .gp-hanami-next-meta{height:46px!important;min-height:46px!important;padding:0 8px!important;font-size:8px!important}
  body.sr-home .gp-hanami-utility{width:38px!important;height:38px!important;min-width:38px!important}
  body.sr-home .sr-score-card{grid-template-columns:auto minmax(0,1fr)!important;margin-top:10px!important;padding:9px 10px!important}.sr-score-stat{display:none!important}
  body.sr-home .gp-hanami-recommendations{margin-top:14px!important}
  body.sr-home .gp-hanami-section-head h2{font-size:13px!important}
  body.sr-home .gp-hanami-recommendations .sr-stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  body.sr-home .gp-hanami-recommendations .gp-related-item:nth-child(n+3){display:none!important}
  body.sr-home .gp-hanami-recommendations .sr-carousel-arrow{display:none!important}
  body.sr-home .gp-page-layout>.gp-directory-sidebar .gp-directory-list,
  body:not(.geishaporn_reels-app-page) .gp-global-page-layout>.gp-shared-site-sidebar .gp-directory-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .gp-hanami-reels-card{margin-left:14px!important;margin-right:14px!important}
}

@media (max-width:480px){
  .gp-hanami-brand-copy strong{font-size:16px!important}.gp-hanami-brand-copy small{font-size:6px!important}
  .gp-hanami-saved{display:none!important}
  body.sr-home .gp-hanami-profile-actions{grid-template-columns:1fr 36px 36px 1fr!important}
  body.sr-home .gp-hanami-profile-actions .gp-hanami-utility[data-refresh-page]{display:none!important}
  body.sr-home .gp-hanami-utility{width:36px!important;height:36px!important;min-width:36px!important}
  body.sr-home .gp-hanami-previous,body.sr-home .gp-hanami-next-meta{font-size:7px!important}
}