/* Keep the existing channels, independent columns and poster ratios. */
.dr-theme .dr-catalog-hub{overflow:hidden;min-height:calc(100dvh - var(--dr-tabbar-height, 68px));padding-top:calc(15px + env(safe-area-inset-top));background:var(--dr-bg)}
.dr-theme .dr-catalog-top{display:flex;align-items:center;gap:10px}
.dr-theme .dr-catalog-top .dr-search{flex:1;min-width:0;height:45px;border:1px solid var(--dr-line);border-radius:999px;background:linear-gradient(108deg,var(--dr-surface),color-mix(in srgb,var(--dr-accent) 7%,var(--dr-surface)));box-shadow:inset 0 1px 0 #ffffff05}
.dr-theme .dr-catalog-top .dr-search input{font-size:15px;color:var(--dr-text)}
.dr-theme .dr-catalog-top .dr-search input::placeholder{color:var(--dr-muted);opacity:1}
.dr-theme .dr-catalog-top .dr-search button{color:var(--dr-accent);font-weight:600}
.dr-theme .dr-catalog-menu{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;background:none;color:var(--dr-text);padding:10px}
.dr-theme .dr-catalog-menu svg,.dr-theme .dr-catalog-top .dr-search>svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.dr-theme .dr-catalog-top .dr-search>svg{width:19px;height:19px;flex:none;color:var(--dr-muted)}
.dr-theme .dr-catalog-channels{display:flex;gap:23px;align-items:center;overflow-x:auto;scrollbar-width:none;margin:15px -14px 12px;padding:0 14px 7px;overscroll-behavior-x:contain;white-space:nowrap}
.dr-theme .dr-catalog-channels::-webkit-scrollbar{display:none}
.dr-theme .dr-catalog-channels>a{display:block;flex:none;position:relative;padding:4px 0 7px;font-size:20px;font-weight:600;color:var(--dr-muted);text-decoration:none}
.dr-theme .dr-catalog-channels>a.is-active{font-size:23px;font-weight:650;color:var(--dr-text)}
.dr-theme .dr-catalog-channels>a.is-active:after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:3px;border-radius:2px;background:var(--dr-accent);box-shadow:0 1px 10px color-mix(in srgb,var(--dr-accent) 20%,transparent)}
.dr-theme .dr-catalog-stage{position:relative;touch-action:pan-y;min-height:260px}
.dr-theme .dr-catalog-panel{width:100%;min-width:0;will-change:transform}
.dr-theme .dr-catalog-hub .dr-shortcuts{margin:0 0 13px;gap:8px}
.dr-theme .dr-catalog-hub .dr-shortcut{min-width:0;justify-content:center;padding:10px 5px;font-size:14px;font-weight:550;white-space:nowrap;border:1px solid var(--dr-line);border-radius:12px;background:linear-gradient(140deg,var(--dr-surface-raised,var(--dr-surface)),var(--dr-surface))!important;box-shadow:inset 0 1px 0 #ffffff04}
.dr-theme .dr-catalog-hub .dr-shortcut i{width:23px;height:23px;font-size:17px;margin-right:4px;border-radius:0;background:none;color:var(--dr-accent)}
.dr-theme .dr-catalog-hub .dr-shortcut i svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dr-theme .dr-catalog-hub .dr-shortcut i svg path{fill:none}
.dr-theme .dr-catalog-hub .dr-section-title{margin:14px 0}
.dr-theme .dr-catalog-hub .dr-section-title h1{font-size:16px}
.dr-theme .dr-catalog-hub .dr-section-title>span{font-size:11px}
.dr-theme .dr-catalog-panel [data-dr-catalog-source]>.dr-section-title:has(+.dr-masonry){display:none}
.dr-theme .dr-catalog-hub .dr-masonry{columns:2;column-gap:10px}
.dr-theme .dr-catalog-hub .dr-catalog-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;columns:auto}
.dr-theme .dr-catalog-column{min-width:0}
.dr-theme .dr-catalog-hub .dr-card{border:1px solid var(--dr-line);border-radius:12px;margin-bottom:11px;background:linear-gradient(145deg,var(--dr-surface),var(--dr-surface-raised,var(--dr-surface)));box-shadow:inset 0 1px 0 #ffffff03}
.dr-theme .dr-catalog-hub .dr-cover{border-radius:11px 11px 0 0}
.dr-theme .dr-catalog-hub .dr-cover>img{aspect-ratio:3/4.3}
.dr-theme .dr-catalog-hub .dr-masonry .dr-card:nth-child(3n+2) .dr-cover img{aspect-ratio:3/4.5}
.dr-theme .dr-catalog-hub .dr-card-body{padding:10px 10px 12px}
.dr-theme .dr-catalog-hub .dr-card h3{font-size:16px;line-height:1.5;font-weight:550;color:var(--dr-text)}
.dr-theme .dr-catalog-hub .dr-card-description{margin:5px 0 0;font-size:12px;line-height:1.65;color:var(--dr-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dr-theme .dr-catalog-hub .dr-tags{gap:4px;margin-top:7px}
.dr-theme .dr-catalog-hub .dr-tags span{padding:3px 5px;border:1px solid var(--dr-line);border-radius:5px;background:var(--dr-fill,var(--dr-bg));font-size:11px;line-height:1.35;color:var(--dr-muted)}
.dr-theme .dr-catalog-hub .dr-cover-badge{max-width:100%;padding:5px 9px;border-radius:0 0 9px 0;color:var(--dr-on-accent,#2c2211);background:linear-gradient(115deg,var(--dr-metal-light,var(--dr-accent)),var(--dr-accent));font-size:11px;font-weight:600;box-shadow:0 2px 10px #00000012}
.dr-theme .dr-catalog-hub .dr-cover-heat{display:flex;align-items:center;gap:5px;padding:24px 10px 9px;font-size:12px;line-height:1.5;font-weight:500;color:#fff;background:linear-gradient(transparent,#000b)}
.dr-theme .dr-catalog-hub .dr-cover-heat>svg{width:16px;height:17px;fill:none;stroke:var(--dr-metal-light,var(--dr-accent));stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dr-theme .dr-catalog-hub .dr-continue{display:block;break-inside:avoid;padding:10px;margin-bottom:11px;border:1px solid var(--dr-line);border-radius:12px;background:linear-gradient(135deg,var(--dr-surface-raised,var(--dr-surface)),var(--dr-surface));box-shadow:inset 0 1px 0 #ffffff04}
.dr-theme .dr-catalog-hub .dr-continue-top{display:flex;align-items:center;gap:8px}
.dr-theme .dr-catalog-hub .dr-continue-copy{flex:1;min-width:0}
.dr-theme .dr-catalog-hub .dr-continue strong{font-size:14px;line-height:1.5;font-weight:600;margin:3px 0;color:var(--dr-text)}
.dr-theme .dr-catalog-hub .dr-continue span,.dr-theme .dr-catalog-hub .dr-continue small{font-size:11px;line-height:1.5;color:var(--dr-muted)}
.dr-theme .dr-catalog-hub .dr-continue-image-link{display:block;flex:0 0 39%;max-width:68px;overflow:hidden;border-radius:8px;background:var(--dr-fill,var(--dr-bg))}
.dr-theme .dr-catalog-hub .dr-continue-image-link img{width:100%;height:64px;object-fit:cover}
.dr-theme .dr-catalog-hub .dr-continue-meter{display:block;appearance:none;width:100%;height:4px;margin:10px 0 0;border:0;border-radius:2px;overflow:hidden;background:var(--dr-fill,var(--dr-bg));color:var(--dr-accent)}
.dr-theme .dr-catalog-hub .dr-continue-meter::-webkit-progress-bar{background:var(--dr-fill,var(--dr-bg))}
.dr-theme .dr-catalog-hub .dr-continue-meter::-webkit-progress-value{background:linear-gradient(90deg,var(--dr-accent),var(--dr-metal-light,var(--dr-accent)));border-radius:2px}
.dr-theme .dr-catalog-hub .dr-continue-meter::-moz-progress-bar{background:var(--dr-accent);border-radius:2px}
.dr-theme .dr-catalog-hub .dr-continue .dr-button{display:flex;justify-content:center;align-items:center;gap:5px;min-height:34px;margin-top:10px;padding:8px 5px;border:1px solid var(--dr-gold-border,var(--dr-line));border-radius:9px;background:linear-gradient(115deg,var(--dr-metal-light,var(--dr-accent)),var(--dr-accent) 50%,var(--dr-metal-dark,var(--dr-accent)));color:var(--dr-on-accent,#2c2211)!important;font-size:12px;font-weight:600}
.dr-theme .dr-catalog-hub .dr-continue .dr-button>span{color:inherit;font:inherit}
.dr-theme .dr-catalog-hub .dr-continue .dr-button>svg{width:15px;height:15px;fill:currentColor;stroke:currentColor;stroke-width:1;stroke-linejoin:round}
.dr-theme .dr-catalog-module-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.dr-theme .dr-catalog-module-tools h2{font-size:18px;margin:0}
.dr-theme .dr-catalog-module-tools button{color:var(--dr-accent);font-size:13px;background:var(--dr-surface);border-radius:9px;padding:8px 12px}
.dr-theme .dr-catalog-panel>.bili-sec{margin:0 0 20px;padding:0;background:transparent;box-shadow:none;border:0}
.dr-theme .dr-catalog-panel .bili-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
.dr-theme .dr-catalog-panel .pb-art-list,.dr-theme .dr-catalog-panel .pb-manga-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.dr-theme .dr-catalog-panel .bili-main,.dr-theme .dr-catalog-panel .pbs-main{min-width:0;max-width:100%}
.dr-theme .dr-catalog-panel .bili-aside,.dr-theme .dr-catalog-panel .pbs-side{display:none}
.dr-theme .dr-catalog-panel .bili-sec__body{padding:0}
.dr-theme .dr-catalog-panel .bili-sec__head{padding:0 0 12px}
.dr-theme .dr-catalog-panel .pb-card{min-width:0}
.dr-theme .dr-catalog-panel .pb-card__title{font-size:13px}
.dr-theme .dr-catalog-search-panel{padding-top:8px;min-height:400px}
.dr-theme .dr-catalog-search-panel>section{margin:0 0 23px}
.dr-theme .dr-catalog-search-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}
.dr-theme .dr-catalog-search-panel h2{margin:0;font-size:17px}
.dr-theme .dr-catalog-search-panel header button{font-size:12px;color:var(--dr-muted);background:none}
.dr-theme .dr-catalog-words{display:flex;flex-wrap:wrap;gap:9px}
.dr-theme .dr-catalog-words button{font-size:13px;line-height:1.4;padding:7px 11px;border:1px solid var(--dr-line);border-radius:8px;background:var(--dr-surface);color:var(--dr-text)}
.dr-theme .dr-catalog-suggestions{border:1px solid var(--dr-line);border-radius:10px;background:var(--dr-surface);margin-bottom:20px;overflow:hidden}
.dr-theme .dr-catalog-suggestions button{display:block;width:100%;padding:13px;text-align:left;background:none;color:var(--dr-text);border-bottom:1px solid var(--dr-line)}
.dr-theme .dr-catalog-search-panel [data-dr-catalog-source]>.dr-shortcuts,.dr-theme .dr-catalog-search-panel [data-dr-catalog-source]>.dr-continue,.dr-theme .dr-catalog-search-panel [data-dr-catalog-source]>.dr-section-title{display:none}
.dr-theme .dr-catalog-message{padding:50px 18px;text-align:center;color:var(--dr-muted);font-size:14px}
.dr-theme .dr-catalog-message button{display:block;margin:16px auto 0;border:0;border-radius:9px;padding:9px 17px;background:var(--dr-accent-soft);color:var(--dr-accent)}
.dr-theme .dr-catalog-hub [hidden]{display:none!important}
.dr-theme .dr-catalog-hub.is-social-channel .dr-search>[type=submit]{display:none}
.dr-theme .dr-catalog-hub.is-social-channel .dr-search input{color:var(--dr-muted);opacity:1}
.dr-theme .dr-catalog-social-guest{padding:65px 18px;text-align:center;background:var(--dr-surface);border:1px solid var(--dr-line);border-radius:15px}
.dr-theme .dr-catalog-social-guest h2{font-size:21px;margin:0 0 15px}
.dr-theme .dr-catalog-social-guest p{font-size:14px;color:var(--dr-muted);margin-bottom:23px}
.dr-theme .dr-catalog-social-guest .dr-button{display:inline-flex;padding:11px 30px}
.dr-theme .dr-catalog-hub .mac-social{min-width:0;margin:0;border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:14px;padding:15px}
.dr-theme .dr-catalog-hub .mac-social__head{margin-bottom:16px}
.dr-theme .dr-catalog-hub .mac-social__tabs{overflow-x:auto;white-space:nowrap}
.dr-theme .dr-catalog-hub .mac-social__workspace{min-width:0}
.dr-theme .dr-catalog-hub .mac-social__content{padding:0}
.dr-theme .dr-catalog-hub .mac-social__section-head{gap:10px;flex-wrap:wrap}
@media(max-width:360px){
  .dr-theme .dr-catalog-hub .dr-shortcuts{gap:6px}
  .dr-theme .dr-catalog-hub .dr-shortcut{gap:4px;padding-left:3px;padding-right:3px;font-size:12px}
  .dr-theme .dr-catalog-hub .dr-shortcut i{width:20px;height:22px;margin-right:0}
  .dr-theme .dr-catalog-hub .dr-shortcut i svg{width:19px;height:19px}
  .dr-theme .dr-catalog-top{gap:6px}
  .dr-theme .dr-catalog-top .dr-search{padding-left:11px;padding-right:10px;gap:7px}
  .dr-theme .dr-catalog-top .dr-search input{font-size:14px}
  .dr-theme .dr-catalog-top .dr-search button{font-size:12px}
  .dr-theme .dr-catalog-hub .dr-card-body{padding-left:8px;padding-right:8px}
  .dr-theme .dr-catalog-hub .dr-card h3{font-size:14px}
  .dr-theme .dr-catalog-hub .dr-card-description{font-size:11px}
  .dr-theme .dr-catalog-hub .dr-tags span{font-size:10px;padding-left:4px;padding-right:4px}
  .dr-theme .dr-catalog-hub .dr-continue{padding:9px}
  .dr-theme .dr-catalog-hub .dr-continue-image-link{max-width:48px}
  .dr-theme .dr-catalog-hub .dr-continue-image-link img{height:54px}
}