/* OSAnime Shared Stage 12 — unified Music UI / 9-language-safe responsive layer */
.music12-nav-wrap{width:min(calc(100% - 32px),1180px);margin:18px auto 0;position:relative;z-index:8}
.music12-nav{display:flex;align-items:center;gap:8px;padding:7px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;background:rgba(12,20,38,.78);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 12px 38px rgba(0,0,0,.16);backdrop-filter:blur(14px)}
.music12-nav::-webkit-scrollbar{display:none}
.music12-nav a{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:13px;color:#aeb9cc;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}
.music12-nav a:hover,.music12-nav a:focus-visible{color:#fff;background:rgba(255,255,255,.07)}
.music12-nav a.active{color:#fff;background:linear-gradient(135deg,rgba(255,79,147,.95),rgba(224,55,123,.92));box-shadow:0 8px 22px rgba(255,79,147,.22)}
.music12-nav a:focus-visible{outline:2px solid #ff71aa;outline-offset:2px}
.music12-nav i{font-size:13px}

:where(.md11-shell,.mr12-shell,.mi19-shell,.mc13-shell,.mm18-shell,.mr14-shell,.mt17-shell,.me8-wrap){width:min(calc(100% - 32px),1180px)!important;margin-left:auto!important;margin-right:auto!important}
:where(.md11-hero,.mr12-hero,.mi19-hero,.mc13-hero,.mm18-hero,.mr14-hero,.mt17-hero,.me8-hero,.me8-profile){overflow:hidden}
:where(.md11-hero,.mr12-hero,.mi19-hero,.mc13-hero,.mm18-hero,.mr14-hero,.mt17-hero,.me8-hero,.me8-profile) :where(h1,h2,p,strong,small,span){min-width:0;overflow-wrap:anywhere}
:where(.md11-track-card,.mr12-track-card,.mr12-continue-card,.mc13-card,.mm18-card,.mr14-list article,.mr14-grid article,.mt17-list article,.me8-album-card,.me8-artist-card){min-width:0}
:where(.md11-track-copy,.mr12-copy,.mm18-list article>div,.mr14-copy,.me8-album-card>div,.me8-artist-card>div){min-width:0}
:where(.md11-track-copy,.mr12-copy,.mm18-list,.mr14-list,.mt17-list,.me8-track-list) strong{overflow-wrap:anywhere}
:where(.md11-actions,.mr12-actions,.mm18-actions,.mr14-actions,.me8-track-list .actions) button{min-width:42px;min-height:42px}
:where(.md11-search,.me8-search) input{min-width:0}
:where(.md11-section,.mr12-section,.mi19-card,.mc13-section,.mm18-card,.mr14-section,.mt17-section,.me8-section){content-visibility:auto;contain-intrinsic-size:auto 360px}
:where(.md11-head,.mr12-head,.mi19-card header,.mc13-head,.mr14-head,.mt17-head,.me8-head){gap:12px}
:where(.md11-head,.mr12-head,.mc13-head,.mr14-head,.mt17-head,.me8-head) a{white-space:normal;text-align:right}
:where(.mc13-links,.mr12-hero-actions,.mm18-hero-actions,.mt17-hero-actions){min-width:0}
:where(.mc13-links a,.mr12-hero-actions a,.mr12-hero-actions button,.mm18-hero-actions a,.mt17-hero-actions a,.mt17-hero-actions button){min-height:44px}

@media(max-width:820px){
  .music12-nav-wrap{width:100%;margin-top:12px;padding:0 14px}
  .music12-nav{border-radius:15px;padding:6px}
  .music12-nav a{min-height:44px;padding:0 13px}
  :where(.md11-shell,.mr12-shell,.mi19-shell,.mc13-shell,.mm18-shell,.mr14-shell,.mt17-shell,.me8-wrap){width:100%!important;padding-left:14px!important;padding-right:14px!important}
  :where(.md11-hero,.mr12-hero,.mi19-hero,.mc13-hero,.mm18-hero,.mr14-hero,.mt17-hero,.me8-hero){grid-template-columns:1fr!important}
  :where(.mr12-hero-actions,.mm18-hero-actions,.mt17-hero-actions){justify-content:flex-start!important;flex-wrap:wrap!important}
}

@media(max-width:560px){
  .music12-nav-wrap{padding:0 10px}
  .music12-nav a{padding:0 12px;font-size:12px}
  :where(.md11-shell,.mr12-shell,.mi19-shell,.mc13-shell,.mm18-shell,.mr14-shell,.mt17-shell,.me8-wrap){padding-left:10px!important;padding-right:10px!important}
  :where(.md11-head,.mr12-head,.mc13-head,.mr14-head,.mt17-head,.me8-head){align-items:flex-start!important}
  :where(.md11-track-grid,.mr12-track-grid,.mc13-grid,.me8-album-grid,.me8-entity-grid){min-width:0}
  :where(.md11-actions,.mr12-actions,.mm18-actions,.mr14-actions){gap:5px}
  :where(.md11-actions,.mr12-actions,.mm18-actions,.mr14-actions) button{min-width:44px;min-height:44px}
  .mc13-links{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  .music12-nav a{transition:none}
  .music12-nav{scroll-behavior:auto}
}