/* RapMusic modern compatibility/components layer
 * Styles the legacy PHP selectors still emitted by category, music, album,
 * video and forum templates. Presentation belongs here, not inline in PHP.
 */
:root{
  --accent:#86a991;
  --accent-strong:#9bbba4;
  --accent-soft:rgba(134,169,145,.13);
  --panel:#101512;
  --panel-2:#151b17;
  --panel-3:#1b221d;
  --panel-line:rgba(255,255,255,.10);
  --copy:#f2f5f2;
  --copy-soft:#b7c1ba;
  --copy-dim:#929e96;
}

/* Less flashy accent palette */
:root{--green:var(--accent);--green-2:var(--accent-strong);--green-soft:var(--accent-soft);--muted:var(--copy-soft)}
body{color:var(--copy)}
a{color:#dce5df} a:hover{color:#fff}
.sp-hero h1 span,.eyebrow,.mobile-menu-grid i{color:var(--accent-strong)}
.sp-kicker{color:#c8d9cd;background:var(--accent-soft);border-color:rgba(134,169,145,.22)}
.sp-btn-primary,.search-dialog-form button,.sp-search button,.account-pill{background:var(--accent);color:#07100a}
.sp-btn-primary:hover,.search-dialog-form button:hover,.sp-search button:hover,.account-pill:hover{background:var(--accent-strong);color:#07100a}
.site-progress{background:var(--accent);box-shadow:none}
.brand-wave i{background:var(--accent);box-shadow:none}
.desktop-nav a.is-active{box-shadow:inset 0 -2px var(--accent)}

/* Homepage play controls: dark/translucent by default, restrained accent on hover */
.sp-play{background:rgba(9,13,10,.86)!important;color:#f6f7f6!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 8px 22px rgba(0,0,0,.28)!important}
.sp-card:hover .sp-play{background:var(--accent)!important;color:#07100a!important;border-color:transparent!important;transform:translateY(-2px) scale(1.02)!important}
.bottom-search{background:#1c241f!important;color:#f5f7f5!important;border:1px solid var(--panel-line);box-shadow:0 7px 25px rgba(0,0,0,.35)!important}
.saved-count{background:var(--accent);color:#07100a}

/* General page shells formerly supplied by black/style.css */
#contents-column,.contents-column,.main-content,.file-list,.section-container{background:transparent!important;color:var(--copy)}
#contents-column{width:100%;max-width:100%;overflow:visible;word-wrap:break-word}
.section-container{width:100%;margin:0 auto 22px;padding-top:20px}
.doc-container,.notice,.smalltable,.catSides,.post-page-featured-image,.details,.the-post,.page-body{
  background:var(--panel)!important;color:var(--copy)!important;border:1px solid var(--panel-line)!important;border-radius:16px!important;box-shadow:none!important
}
.doc-container{width:min(calc(100% - 36px),var(--max));margin:14px auto 24px;padding:18px 20px;line-height:1.75}
.doc-container p:last-child{margin-bottom:0}.doc-container a{color:#d9e8dd}
.doc-title{width:min(calc(100% - 36px),var(--max));margin:24px auto 4px!important;padding:0!important;color:#fff!important;font-size:clamp(23px,3vw,34px)!important;line-height:1.2!important;letter-spacing:-.6px}
.breadcrumb,.breadcrumbs,[itemscope][itemtype*="Breadcrumb"]{color:var(--copy-dim);font-size:12px;line-height:1.7}.breadcrumb a,.breadcrumbs a,[itemscope][itemtype*="Breadcrumb"] a{color:#cfd8d2}
.notice{padding:13px 16px;margin:14px auto;width:min(calc(100% - 36px),var(--max))}.notice.center{text-align:center}.notice .redirect-target{text-transform:none!important}
.sponsored-banner,.modern-ad-block,.matched-ad{background:transparent!important;text-align:center;margin:16px auto;padding:5px;overflow:hidden}

/* Music/category listing */
.file-list{width:100%;padding:0 20px;margin:0 auto}
.file-list>.content-width{width:min(100%,var(--max))!important;padding:0!important;display:block!important}
.song-grid{width:100%!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:15px!important}
.song-card-link{display:block;min-width:0;color:inherit}
.song-card{height:100%;background:var(--panel)!important;border:1px solid var(--panel-line)!important;border-radius:15px!important;overflow:hidden;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.song-card:hover{background:var(--panel-2)!important;border-color:rgba(134,169,145,.28)!important;transform:translateY(-2px)}
.poster-wrapper{position:relative;aspect-ratio:1/1;overflow:hidden;background:#1b211d}.poster-img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block}
.song-card-detail,.song-card-detail-dark{padding:11px 12px 13px!important;background:transparent!important;min-width:0}
.song-info-header{display:flex;align-items:flex-start;gap:7px;min-width:0}.song-title{flex:1;min-width:0;color:#f4f6f4!important;font-size:13px!important;font-weight:750;line-height:1.4;margin:0!important;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.song-artist,.song-year,.artistname,.other-details,.other-info{color:var(--copy-dim)!important;font-size:11px!important;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.song-artist{margin-top:5px}.song-year{margin-top:4px}.type-indicator{flex:0 0 auto;background:rgba(134,169,145,.13)!important;color:#cbdad0!important;border:1px solid rgba(134,169,145,.2);font-size:8px!important;line-height:1;padding:4px 5px;border-radius:5px;text-transform:uppercase;font-weight:800;letter-spacing:.4px}

/* Horizontal/scroll listing: touch-friendly and visually complete */
@media(max-width:720px){
  .file-list{padding:0 11px}
  .file-list>.content-width{width:100%!important}
  .section-container{padding-top:14px;margin-bottom:16px}
  .song-grid.scroll-aspect-ratio{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(145px,44vw)!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:2px;gap:10px!important;padding:2px 2px 12px!important;margin:0!important;width:100%!important;scrollbar-width:thin;scrollbar-color:#39423c transparent}
  .song-grid.scroll-aspect-ratio .song-card-link{scroll-snap-align:start;min-width:0}
  .song-grid.scroll-aspect-ratio::-webkit-scrollbar{height:4px}.song-grid.scroll-aspect-ratio::-webkit-scrollbar-track{background:transparent}.song-grid.scroll-aspect-ratio::-webkit-scrollbar-thumb{background:#39423c;border-radius:10px}
}
@media(min-width:721px) and (max-width:1080px){.song-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:1081px){.song-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}

/* Legacy chart/list rows */
.chart-list,.chart-list.index{list-style:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}.chart-list .chart-li{list-style:none;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--panel-line)!important;border-radius:0!important}.chart-li>a{display:flex!important;align-items:center;gap:12px;padding:10px 3px!important;color:var(--copy)}.chart-li>a>img,.cchart-li a img{width:56px!important;height:56px!important;max-width:56px!important;object-fit:cover;border-radius:10px}.chart-li .chart-body{min-width:0;flex:1;padding:0!important}.chart-li .name-title{font-size:13px!important;line-height:1.4!important;color:#f3f5f3!important;margin:0 0 4px!important}.chart-li .artistname{color:var(--copy-dim)!important}.badge-rate{color:var(--copy-soft)}

/* Music/video detail components ported from cdn/themes/black/styles/music.css */
.song-info,.video-file{width:min(calc(100% - 36px),var(--max));margin:18px auto;background:var(--panel)!important;color:var(--copy)!important;border:1px solid var(--panel-line);border-radius:18px;padding:18px!important;font-size:15px;overflow:hidden}
.song-info .song-thumbnail,.video-file .video-image{text-align:center;margin:0!important;padding:4px 0 16px}.song-info .song-thumbnail img,.video-file .video-image img{max-width:min(100%,560px);border-radius:15px}.song-info .song-id3-con .id3-info{list-style:none!important;margin:0!important;padding:12px 15px!important;background:var(--panel-2);border:1px solid var(--panel-line);border-left:3px solid var(--accent);border-radius:12px}.song-info .song-id3-con .id3-info .title-text{color:var(--copy-dim)!important;font-size:12px;font-family:inherit!important}.song-info .song-player,.song-info .song-stats,.video-file .video-stats{color:var(--copy-dim)!important;font-size:12px;text-align:center}.song-info .song-download,.video-file .video-download{text-align:center;margin:18px auto}.video-file .video-stream{width:100%;min-height:280px;height:auto;margin:0 auto}.video-file .video-stream iframe,.video-file .video-stream video{width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:13px}.video-file .video-about{color:var(--copy-soft);text-align:left;padding:12px 0;line-height:1.75}.video-file .episode-details{border-left:3px solid var(--accent);background:var(--panel-2);margin:14px 0;padding:10px 14px;border-radius:0 10px 10px 0}.video-file .video-series .video-series-latest{display:grid;grid-template-columns:1fr 1fr;gap:16px;border:0}.video-file .video-series-latest-episodes,.video-file .video-series-latest-seasons{width:auto!important;padding:12px!important;border:1px solid var(--panel-line)!important;border-radius:12px;background:var(--panel-2)}

/* Album track table / action rows */
.mu-o{width:min(calc(100% - 36px),var(--max));margin:20px auto}.mu-o h3{font-size:23px!important;line-height:1.35!important;border:0!important;border-left:3px solid var(--accent)!important;padding:4px 0 4px 12px!important;margin:26px 0 12px!important;color:#fff}.mu-o-unit-c{position:relative;border-bottom:1px solid var(--panel-line);background:transparent!important}.mu-o-unit{display:grid!important;grid-template-columns:44px minmax(0,1fr) 180px;align-items:center;width:100%;color:var(--copy)}.mu-o-unit>div{padding:10px 7px}.mu-o-unit.mu-o-head{background:var(--panel-2);border:1px solid var(--panel-line);border-radius:10px}.mu-o-unit.mu-o-head>div{border:0!important;color:var(--copy-soft);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.mu-o-unit .mu-o-ind{width:auto!important;text-align:center;color:var(--copy-dim)}.mu-o-unit .mu-o-info{min-width:0}.mu-o-unit .mu-o-act{text-align:right;width:auto!important}.mu-o-unit .mu-o-title{font-size:13px;font-weight:750;color:#fff;line-height:1.4;margin:0 0 4px}.mu-o-unit .mu-o-prod{font-size:11px;color:var(--copy-dim)}.mu-o-unit .mu-o-a{display:inline-flex;align-items:center;justify-content:center;background:#222a24!important;color:#eef2ef!important;border:1px solid var(--panel-line);padding:7px 10px;border-radius:999px;font-size:11px}.mu-o-unit .mu-o-a:hover{background:#29332c!important;color:#fff}.mu-o-unit .mu-o-res-act{display:none}

/* Related posts and generic item grids */
.therow{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;text-align:left!important}.therow .item{min-width:0}.item-media{position:relative;overflow:hidden;background:var(--panel-2);border-radius:13px;aspect-ratio:1}.item-media-content{display:block!important;width:100%!important;height:100%!important;background-size:cover!important;background-position:center!important}.item-title,.item-title a{color:#f1f4f2!important}.relpost-block-single{display:block;min-width:0}.relpost-block-single-card{width:100%;background:var(--panel);border:1px solid var(--panel-line);border-radius:13px;overflow:hidden}.relpost-block-single-image{width:100%;aspect-ratio:16/10;background-position:center!important;background-size:cover!important}.relpost-block-single-text{font-family:inherit!important;font-size:12px!important;line-height:1.45;color:#e8ece9!important;padding:10px}.relpost-clear{clear:both}.comment-prompt{font-family:inherit!important;color:var(--copy-soft)}.comment-prompt a{font-family:inherit!important;color:#e9f0eb}

/* Buttons, forms and pagination */
.button,.download,.submit-reply,input[type=submit],button.submit{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--panel-line)!important;background:#202721!important;color:#f3f6f4!important;border-radius:999px!important;padding:10px 15px!important;font-size:12px!important;font-weight:750!important;text-shadow:none!important;box-shadow:none!important}.button:hover,.download:hover,.submit-reply:hover,input[type=submit]:hover{background:#29322b!important;color:#fff!important;border-color:rgba(134,169,145,.32)!important}.pages{width:min(calc(100% - 36px),var(--max));margin:20px auto 32px;text-align:center}.page-listing{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.page-listing a,.page-listing span{display:grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border:1px solid var(--panel-line);background:var(--panel);color:var(--copy-soft);border-radius:9px;font-size:11px}.page-listing .this-page{background:var(--accent);color:#07100a;border-color:transparent;font-weight:900}.input-field input,.input-field textarea,.input-field select,.reply_form input[type=text],.reply_form textarea,input[type=text],input[type=password],input[type=number],select,textarea{background:#111712!important;color:#f1f4f2!important;border:1px solid var(--panel-line)!important;border-radius:10px!important;box-shadow:none!important;outline:none;padding:10px 12px}.input-field input:focus,.input-field textarea:focus,input:focus,textarea:focus,select:focus{border-color:rgba(134,169,145,.45)!important;background:#151c17!important}

/* Share buttons */
.myShareWrapper{display:flex!important;flex-wrap:wrap;gap:7px;align-items:center;margin:12px 0;padding:0!important}.myShareDiv{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-width:38px;height:36px;padding:0 11px!important;border:1px solid var(--panel-line)!important;border-radius:10px!important;background:#171d19!important;color:#eef2ef!important;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.myShareDiv:hover,.myShareDiv:focus{background:#202821!important;border-color:rgba(134,169,145,.34)!important;transform:translateY(-1px);outline:none}.myShareDiv i{font-size:14px}.myShareDiv span{font-size:10px;font-weight:800}.myShareDiv[data-type="facebook"] i{color:#a9b8d5}.myShareDiv[data-type="twitter"] i{color:#b5c4cf}.myShareDiv[data-type="whatsapp"] i{color:#a9cbb0}.myShareDiv[data-type="telegram"] i{color:#a9c5d3}.myShareDiv[data-type="pinterest"] i{color:#d1aaaa}.myShareDiv[data-type="mail"] i{color:#c3c3c3}

/* Forum components ported and modernised from styles/forum.css */
.forum-categories,.forum-list,.topics-list,.posts-list,.news-list{width:min(calc(100% - 36px),var(--max));margin:18px auto;color:var(--copy)}.forum-category-name h2{margin:0 0 10px!important;padding:11px 0!important;border:0!important;color:#fff;font-size:20px!important}.forum-list-block,.forum-list,.news,.topics-list-piece,.posts-list .posts-list-piece,.comment-form{background:var(--panel)!important;border:1px solid var(--panel-line)!important;border-radius:15px!important;box-shadow:none!important;overflow:hidden}.forum-list-block{margin-bottom:16px}.forum-list .forum-piece{display:grid!important;grid-template-columns:minmax(0,1fr) 120px 220px;width:100%;border-bottom:1px solid var(--panel-line)!important;table-layout:auto!important}.forum-list .forum-piece:last-child{border-bottom:0!important}.forum-list .forum-piece>div{width:auto!important;display:block!important;padding:12px!important;background:transparent!important}.forum-piece-info{min-width:0}.forum-piece-icon{width:42px!important;height:42px!important;float:left;margin:3px 10px 3px 0!important}.forum-piece-icon img{width:42px!important;height:42px!important;max-width:none!important;border-radius:10px;object-fit:cover}.forum-piece-details h3{padding:0!important;margin:0 0 5px!important;font-size:14px!important}.forum-piece-description,.forum-sub-list{color:var(--copy-dim)!important;font-size:11px!important}.forum-piece-stats{display:flex!important;align-items:center;justify-content:center;color:var(--copy-dim);font-size:11px;border-left:1px solid var(--panel-line)}.forum-piece-lastpost{color:var(--copy-soft);font-size:11px;border-left:1px solid var(--panel-line)}.topics-list .topics-list-piece{display:grid!important;grid-template-columns:minmax(0,1fr) 120px 200px;table-layout:auto!important;margin-bottom:9px;word-wrap:break-word}.topics-list-piece>div{display:block!important;width:auto!important;padding:11px!important}.topics-list-piece-info h3{padding:0!important;margin:0 0 4px!important;font-size:14px!important}.topics-list-piece-starter,.topics-list-date,.topics-list-piece-last{color:var(--copy-dim)!important;font-size:11px}.topics-list-piece-new{border-left:3px solid var(--accent)!important}.news{padding:14px;margin:10px 0}.news-thumb{float:left;margin:0 14px 10px 0}.news-thumb img{width:200px!important;height:120px!important;max-width:none!important;object-fit:cover;border-radius:10px}.news-h3{font-size:15px!important;padding:0 0 6px!important;margin:0!important}.news-stats,.news-excerpts,.news-foot{color:var(--copy-dim)!important}.posts-list{padding:0!important;border:0!important;background:transparent!important}.posts-list .posts-list-piece{margin:0 0 10px}.posts-list .poster-info{padding:12px 15px}.posts-list .post-text{all:unset;display:block!important;padding:14px 15px!important;margin:0!important;color:#edf1ee!important;font-family:inherit!important;font-size:14px!important;line-height:1.8!important;word-wrap:break-word;white-space:normal}.posts-list .post-meta{color:var(--copy-dim)!important;font-size:11px;margin:0;padding:0 15px 8px}.posts-list .post-footer{padding:9px 14px;border-top:1px solid var(--panel-line)!important;border-bottom:0!important}.posts-list .thread-meta{background:var(--panel-2)!important;color:var(--copy-dim)!important;padding:10px}.comment-form{padding:14px}

/* Utility classes replacing static inline styles */
.listing-main{padding:0 20px;margin:0 auto}.listing-main-mobile{padding:0 10px;margin:0 auto}.listing-section{padding-top:20px;margin-bottom:20px}.mobile-doc-title{margin-bottom:1px!important;padding:10px!important;font-size:24px!important}.ad-inner{display:block;padding:5px;margin:0 auto;text-align:center}.category-chip-link{color:var(--copy-soft)!important;font-size:90%!important;text-transform:uppercase}.album-chip-link{color:#cfb7b7!important;font-size:90%!important;text-transform:uppercase}.compact-heading{margin:0 0 10px}.center-inline{display:inline-block;margin:5px auto}.matched-ad{margin:15px auto;text-align:center}.hide-tracker{display:none!important}.comments-cta{margin-top:18px}.toright svg{margin-bottom:-2px}.tv-type-icon{font-weight:bold;font-size:70%}.banned-box{border:1px solid var(--panel-line)!important}.banned-title,.banned-copy{text-align:left;padding:6px 10px!important}.related-grid-wrap{width:100%}.text-center-force{text-align:center!important}

/* Footer readability */
.modern-footer{color:var(--copy-soft)}.footer-brand p{font-size:14px!important;line-height:1.7!important;color:var(--copy-soft)!important}.footer-links h3{font-size:14px!important;color:#f4f6f4!important}.footer-links a{font-size:13px!important;line-height:1.6!important;color:#b8c3bb!important}.footer-bottom{font-size:12px!important;color:#98a49c!important}.footer-bottom p{font-size:12px!important;line-height:1.6!important}.brand-copy small{color:#aeb9b1!important}

@media(max-width:820px){
  .doc-container,.doc-title,.song-info,.video-file,.mu-o,.forum-categories,.forum-list,.topics-list,.posts-list,.news-list,.pages,.notice{width:calc(100% - 22px)}
  .therow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .forum-list .forum-piece{grid-template-columns:minmax(0,1fr) 90px}.forum-piece-lastpost{display:none!important}.topics-list .topics-list-piece{grid-template-columns:minmax(0,1fr) 90px}.topics-list-piece-last{display:none!important}
}
@media(max-width:560px){
  .listing-main,.listing-main-mobile{padding:0 11px}.mobile-doc-title{width:calc(100% - 22px);margin:18px auto 2px!important;padding:0!important;font-size:23px!important}
  .doc-container{padding:15px;font-size:13px}.song-info,.video-file{padding:12px!important}.video-file .video-series .video-series-latest{grid-template-columns:1fr}.mu-o-unit{grid-template-columns:34px minmax(0,1fr)}.mu-o-unit .mu-o-act{display:none}.mu-o-unit .mu-o-res-act{display:block;text-align:left;padding-top:7px}.therow{grid-template-columns:repeat(2,minmax(0,1fr))}.forum-list .forum-piece{grid-template-columns:1fr}.forum-piece-stats,.forum-piece-lastpost{display:none!important}.topics-list .topics-list-piece{grid-template-columns:1fr}.topics-list-piece-stats,.topics-list-piece-last{display:none!important}.news-thumb{float:none;margin:0 0 10px}.news-thumb img{width:100%!important;height:auto!important;aspect-ratio:16/9}.myShareWrapper{gap:6px}.myShareDiv{flex:1 1 calc(33.333% - 6px);min-width:0;padding:0 8px!important}.myShareDiv span{display:none}.modern-footer{padding-bottom:76px}.footer-links a{font-size:13px!important}.footer-bottom p{font-size:11px!important}
}
/* Static utility replacements for inline presentation removed from PHP */
.inline-link-emphasis{font-weight:700;text-decoration:underline;color:#e6ece8!important}.redirect-target{text-transform:none!important}.telegram-promo{font-size:16px!important;color:#c8d8cd!important}.promo-border{border:1px solid var(--panel-line)!important;border-radius:12px;overflow:hidden}.warning-link{color:#d5b1b1!important}.card-copy-center{text-align:center!important}.card-title-expanded{font-size:15px!important;white-space:normal!important}.hixc-flat{margin-top:0!important}.hixc-flat-both{margin-top:0!important;margin-bottom:0!important}.hidden-gap{margin:10px 0}.category-title-link{text-decoration:underline;font-weight:700}.related-fixed-card{width:100%;height:auto}.ad-inline-center{text-align:center}.comment-prompt-line{font-family:inherit!important;color:var(--copy-soft)}
#thecommentEmbed{margin-right:0!important}#thecommentEmbed>iframe{max-width:100%;overflow:hidden!important;-ms-overflow-style:none!important;scrollbar-width:none!important}#thecommentEmbed>iframe::-webkit-scrollbar{display:none!important}
@media(max-width:560px){.mmpostheader{padding-top:12px}.mpostheader .div{margin-top:10px;border-top:0;padding-bottom:12px;font-family:inherit!important}.toright{right:2%;top:16%;position:absolute;font-weight:800;font-size:14px}.details{font-family:inherit!important}.admin-author-name img.commentavatar.top{margin-left:0;height:28px;width:28px;margin-bottom:2px}}
.player-embed-wrap{margin:0 0 8px}.player-embed-wrap iframe{width:100%;max-width:100%;border:0;border-radius:12px;background:#090c0a}.comments-flat{margin-top:0!important;padding-top:0!important}.thread-image{text-align:center}.thread-image img{max-width:100%;height:auto;border-radius:14px}.attachment-remove{border:0!important;background:transparent!important;color:var(--copy-dim)!important;padding:4px!important;border-radius:6px!important}.attachment-remove:hover{color:#fff!important;background:rgba(255,255,255,.06)!important}.video-mobile-list,.disclosure.table.group{background:transparent!important;color:var(--copy)!important}

/* ===== Beta 3: breadcrumbs, post layouts, carousels and editor UI ===== */
#breadcrumbs,.breadcrumb,.breadcrumbs{
  width:min(calc(100% - 36px),var(--max));margin:18px auto 8px!important;padding:0!important;
  display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;background:transparent!important;border:0!important;
  color:var(--copy-dim)!important;font-size:11px!important;line-height:1.45!important
}
#breadcrumbs>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
#breadcrumbs a,.breadcrumb a,.breadcrumbs a{display:inline-flex;align-items:center;color:#c5cec8!important;padding:6px 9px;border:1px solid var(--panel-line);border-radius:999px;background:rgba(255,255,255,.025)}
#breadcrumbs a:hover,.breadcrumb a:hover,.breadcrumbs a:hover{background:var(--panel-2);color:#fff!important;border-color:rgba(134,169,145,.25)}
#breadcrumbs .item,#breadcrumbs span{min-width:0}

.music-body{width:min(calc(100% - 36px),var(--max));margin:0 auto 36px!important;padding:0!important}
.post-view-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}
.post-view-main{min-width:0}
.post-view-main>.song-info,.post-view-main>.video-file{width:100%!important;margin:18px 0!important}
.post-view-main article.song-info,.post-view-main article.video-file{padding:clamp(16px,2vw,24px)!important;border-radius:20px!important;background:linear-gradient(180deg,#121814,#0e130f)!important}
.post-sidebar{position:sticky;top:92px;display:grid;gap:14px;padding-top:18px}
.sidebar-card{background:var(--panel);border:1px solid var(--panel-line);border-radius:18px;padding:14px;overflow:hidden}
.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sidebar-heading span{font-size:13px;font-weight:850;color:#fff}.sidebar-heading a{font-size:10px;color:var(--accent-strong)}
.sidebar-list{display:grid}.sidebar-media{display:grid;grid-template-columns:50px minmax(0,1fr) 14px;gap:10px;align-items:center;padding:8px 2px;border-top:1px solid rgba(255,255,255,.065)}.sidebar-media:first-child{border-top:0}.sidebar-media img{width:50px;height:50px;object-fit:cover;border-radius:9px}.sidebar-media span{min-width:0}.sidebar-media strong,.sidebar-media small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-media strong{font-size:11px;color:#eef2ef}.sidebar-media small{font-size:9px;color:var(--copy-dim);margin-top:3px}.sidebar-media i{color:#667169}
.sidebar-albums{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sidebar-album{min-width:0}.sidebar-album img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block}.sidebar-album strong,.sidebar-album small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-album strong{font-size:10px;margin-top:6px;color:#eef2ef}.sidebar-album small{font-size:9px;color:var(--copy-dim);margin-top:2px}

/* Post content readability */
.song-info .post-content,.song-info .content,.song-info .description,.video-file .post-content,.video-file .content,.video-file .video-about,.the-post,.page-body{font-size:14px!important;line-height:1.82!important;color:#d2dad4!important}
.song-info h1,.song-info .h1,.video-file h1{color:#fff!important;line-height:1.18!important;letter-spacing:-.45px}.song-info p,.video-file p{max-width:76ch}.song-info hr,.video-file hr{border:0;border-top:1px solid var(--panel-line)}
.song-thumbnail img,.video-image img,.post-page-featured-image img{box-shadow:0 16px 45px rgba(0,0,0,.24)}

/* section-container is the canonical listing wrapper */
.section-container{position:relative;width:100%;max-width:100%;overflow:hidden}
.section-container>.song-grid:not(.scroll-row){display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important}
.scroll-container{position:relative;width:100%;min-width:0;overflow:hidden;padding:2px 0}
.scroll-container .scroll-row{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(165px,22%)!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 4px 12px!important}
.scroll-container .scroll-row::-webkit-scrollbar{display:none}
.scroll-container .song-card-link{scroll-snap-align:start;min-width:0}
.scroll-btn{position:absolute!important;top:42%!important;transform:translateY(-50%)!important;width:38px!important;height:62px!important;padding:0!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;background:rgba(8,12,9,.9)!important;color:#fff!important;font-size:18px!important;line-height:1!important;display:grid!important;place-items:center;z-index:25;cursor:pointer;opacity:0;visibility:hidden;transition:.18s ease;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.scroll-btn.show{opacity:.88;visibility:visible}.scroll-btn:hover{opacity:1!important;background:#182019!important}.scroll-prev{left:7px!important}.scroll-next{right:7px!important;margin:0!important}.scroll-btn[disabled]{opacity:0!important;pointer-events:none}

/* Forms / admin posting and edit pages */
.form,.admin-form,form.form{width:min(calc(100% - 36px),900px);margin:18px auto 32px!important;padding:20px!important;background:var(--panel)!important;border:1px solid var(--panel-line)!important;border-radius:18px!important;color:var(--copy)!important}
.form .input,.form .form-group,.admin-form .input{margin:0 0 15px!important;padding:0!important;background:transparent!important;border:0!important;width:100%!important;float:none!important}
.form label,.admin-form label{display:block;margin:0 0 6px;color:#dce3de!important;font-size:11px!important;font-weight:750}
.form input[type=text],.form input[type=url],.form input[type=email],.form input[type=password],.form input[type=number],.form input[type=date],.form input[type=datetime-local],.form input[type=file],.form select,.form textarea,.admin-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),.admin-form select,.admin-form textarea,.input input[type=text],.input select,.input textarea,select.upload{
  width:100%!important;max-width:100%!important;min-height:44px!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:11px!important;background:#0b100c!important;color:#f0f4f1!important;padding:10px 12px!important;font:inherit!important;outline:none!important;box-shadow:none!important
}
.form textarea,.admin-form textarea,.input textarea{min-height:130px!important;resize:vertical}.form select,.admin-form select,select.upload{appearance:auto}
.form input:focus,.form select:focus,.form textarea:focus,.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:rgba(134,169,145,.65)!important;box-shadow:0 0 0 3px rgba(134,169,145,.10)!important}
.form input[type=checkbox],.form input[type=radio]{accent-color:var(--accent);width:17px;height:17px;vertical-align:middle}.form input[type=submit],.form button[type=submit],.form .button,.admin-form .button{min-height:42px;border-radius:10px!important;padding:0 16px!important}
.search-box{display:flex!important;gap:8px!important;align-items:center;flex-wrap:wrap}.search-box input{flex:1 1 260px!important}.search-box select{flex:0 1 170px!important}.search-box button{flex:0 0 auto}
.ui-autocomplete{z-index:5000!important;background:#111713!important;color:#fff!important;border:1px solid var(--panel-line)!important;border-radius:10px!important;padding:6px!important;box-shadow:0 20px 50px rgba(0,0,0,.45)!important}.ui-menu-item{padding:7px 9px!important;border-radius:7px}.ui-state-focus,.ui-state-active{background:#1b241e!important;color:#fff!important;border:0!important}

@media(max-width:1050px){.post-view-layout{grid-template-columns:minmax(0,1fr) 270px}.scroll-container .scroll-row{grid-auto-columns:minmax(155px,29%)!important}.section-container>.song-grid:not(.scroll-row){grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:820px){.music-body{width:calc(100% - 22px)}.post-view-layout{display:block}.post-sidebar{display:none}.section-container>.song-grid:not(.scroll-row){grid-template-columns:repeat(2,minmax(0,1fr))!important}.scroll-container .scroll-row{grid-auto-columns:minmax(145px,44vw)!important}.scroll-btn{opacity:.9;visibility:visible;width:34px!important;height:52px!important}.scroll-btn:not(.show){opacity:0;visibility:hidden}#breadcrumbs,.breadcrumb,.breadcrumbs{width:calc(100% - 22px);margin-top:12px!important}.form,.admin-form,form.form{width:calc(100% - 22px);padding:14px!important}}
@media(max-width:480px){.scroll-container .scroll-row{grid-auto-columns:72vw!important}.sidebar-card{border-radius:14px}.song-info .post-content,.song-info .content,.video-file .video-about,.the-post,.page-body{font-size:13px!important}.form{border-radius:14px!important}}
.admin-search-input{display:inline-block!important;width:min(100%,560px)!important;margin:0 6px 8px 0!important}
.legacy-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.legacy-card-grid .a-file{width:auto!important;margin:0!important;float:none!important;display:block!important;background:var(--panel)!important;border:1px solid var(--panel-line)!important;border-radius:15px!important;overflow:hidden!important}.legacy-card-grid .a-file .image{width:100%!important;aspect-ratio:16/10;overflow:hidden;background:#1b211d}.legacy-card-grid .a-file .image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}.legacy-card-grid .a-file .info{padding:11px 12px!important}.legacy-card-grid .file-name{font-size:12px!important;line-height:1.4!important;margin:0 0 6px!important}.legacy-card-grid .other-info{font-size:10px!important;color:var(--copy-dim)!important}
@media(max-width:1050px){.legacy-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.legacy-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.mobile-saved-button{position:relative}.mobile-saved-count{right:18%!important;top:6px!important;font-size:8px!important;min-width:15px!important;height:15px!important;padding:0 3px!important}