/* 18514 · A self-contained genre browser for the ORIGINAL home only. */
.genre-section .shortbook-genre-overview-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  flex:none;min-height:40px;padding:5px 2px 5px 12px;
  border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:650;line-height:1.4;white-space:nowrap;cursor:pointer;
}
.genre-section .shortbook-genre-overview-toggle:hover{color:var(--text)}
.genre-section .shortbook-genre-overview-toggle>span{font-size:19px;line-height:1}
.genre-section .shortbook-genre-overview-toggle:focus-visible,
.shortbook-genre-overview button:focus-visible{outline:2px solid #d5ad65;outline-offset:3px}
html.shortbook-phone-ui .genre-section .shortbook-genre-overview-toggle{min-height:44px;font-size:11px;padding-left:6px}
.shortbook-genre-overview[hidden]{display:none!important}
html.shortbook-genre-overview-open{overflow:hidden}
.shortbook-genre-overview{
  position:fixed;z-index:55000;inset:0;display:grid;place-items:center;
  box-sizing:border-box;padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
  background:rgba(5,7,10,.68);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)
}
.shortbook-genre-overview-panel{
  width:min(490px,100%);max-height:min(620px,calc(100dvh - 32px));min-width:0;
  box-sizing:border-box;display:flex;flex-direction:column;padding:23px;
  background:#191b1d;color:#eee9df;border:1px solid rgba(222,190,128,.20);
  border-radius:17px;box-shadow:0 20px 70px rgba(0,0,0,.42);
}
.shortbook-genre-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.shortbook-genre-overview-heading span{font-size:10px;letter-spacing:.18em;font-weight:800;color:#cfad77}
.shortbook-genre-overview-heading h2{font-size:21px;margin:4px 0 0;line-height:1.35;letter-spacing:-.03em;color:inherit}
.shortbook-genre-overview-heading>button{width:40px;height:40px;flex:none;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.035);color:inherit;font-size:25px;cursor:pointer}
.shortbook-genre-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow-y:auto;overscroll-behavior:contain;padding:3px 3px 4px;scrollbar-width:thin}
.shortbook-genre-overview-item{min-width:0;min-height:47px;padding:8px 4px;border-radius:9px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);color:inherit;font-size:12px;font-weight:670;line-height:1.3;overflow-wrap:anywhere;cursor:pointer}
.shortbook-genre-overview-item:hover{border-color:rgba(222,190,128,.45);background:rgba(222,190,128,.10);color:#f4d5a0}
html[data-theme="light"] .shortbook-genre-overview{background:rgba(48,42,35,.40)}
html[data-theme="light"] .shortbook-genre-overview-panel{background:#faf8f4;color:#373128;border-color:rgba(84,66,42,.16);box-shadow:0 20px 60px rgba(45,34,23,.25)}
html[data-theme="light"] .shortbook-genre-overview-heading span{color:#967044}
html[data-theme="light"] .shortbook-genre-overview-heading>button,
html[data-theme="light"] .shortbook-genre-overview-item{border-color:rgba(84,66,42,.16);background:#fff;color:#463b2e}
html[data-theme="light"] .shortbook-genre-overview-item:hover{background:#f3ede2;border-color:#b78c52}
@media(max-width:480px){
 .shortbook-genre-overview-panel{padding:17px 14px;border-radius:14px;max-height:calc(100dvh - 24px)}
 .shortbook-genre-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .shortbook-genre-overview-item{min-height:46px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.shortbook-genre-overview,.shortbook-genre-overview-panel{scroll-behavior:auto}}