
/* V186 source: tn-v76-curation-home.css */
/* Scoped styling: only two homepage widgets with explicit Admin selections. */
[data-tn76-curation] > .tn76-replaced-original{display:none!important}
[data-tn76-curation] > .tn76-curated-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;min-width:0;margin-top:14px}
[data-tn76-curation] .tn76-home-card{display:flex;align-items:center;min-width:0;gap:10px;border:1px solid #176c94;background:linear-gradient(130deg,#092c48,#0c4267);border-radius:12px;padding:9px;color:#eefaff;overflow:hidden}
[data-tn76-curation] .tn76-home-cover{display:flex;align-items:center;justify-content:center;width:85px;height:85px;flex:none;border-radius:9px;overflow:hidden;background:#0b3451;color:#5ad3f6;text-decoration:none;font-size:30px}
[data-tn76-curation] .tn76-home-cover img{display:block;width:100%;height:100%;object-fit:cover}
[data-tn76-curation] .tn76-home-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:5px}
[data-tn76-curation] .tn76-home-info small{background:#075e93;color:#bcefff;border-radius:12px;padding:3px 9px;font-size:10px;font-weight:800}
[data-tn76-curation] .tn76-home-name{color:white;text-decoration:none;font-size:12px;font-weight:750;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
[data-tn76-curation] .tn76-home-info span{font-size:11px;color:#b2d6eb}
[data-tn76-curation] .tn76-home-card:hover{border-color:#29b8e7;box-shadow:0 8px 26px rgba(0,0,0,.2);transition:border-color .45s ease,box-shadow .55s ease}
@media(max-width:1050px){[data-tn76-curation] > .tn76-curated-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){[data-tn76-curation] > .tn76-curated-list{grid-template-columns:1fr;gap:8px}[data-tn76-curation] .tn76-home-cover{width:65px;height:65px}[data-tn76-curation] .tn76-home-card{padding:8px}[data-tn76-curation] .tn76-home-name{font-size:12px}}


/* V186 source: tn-v77-curation-home.css */
/* V77: album selection uses the existing home curation widget, with a 5×2 grid on desktop.
   Only affects the featured albums section after Admin has saved album selections. */
[data-tn76-curation="featured"] > .tn76-album-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:start}
[data-tn76-curation="featured"] .tn76-home-card{display:block;padding:9px;min-width:0}
[data-tn76-curation="featured"] .tn76-home-cover{display:block;width:100%;height:auto;aspect-ratio:1/1;overflow:hidden;border-radius:9px}
[data-tn76-curation="featured"] .tn76-home-cover img{width:100%;height:100%;object-fit:cover}
[data-tn76-curation="featured"] .tn76-home-info{margin-top:8px}
@media(max-width:1000px){[data-tn76-curation="featured"] > .tn76-album-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){[data-tn76-curation="featured"] > .tn76-album-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}


/* V186 source: tn-v83-home-curation.css */
/* TN V83 — specific to the two recommendation sections on the PUBLIC homepage. */
html.tn-home-route body .tn59-features.tn83-mounted > :is(.tn59-layer-2,.tn59-layer-3,.tn58-featured,.tn58-suggestions,.tn82-section),
html.tn-home-route body .tn59-features.tn83-mounted > .tn76-curated-list {display:none!important}
html.tn-home-route body .tn59-features.tn83-mounted {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;min-width:0!important;}
html.tn-home-route body .tn59-features.tn83-mounted > .tn83-section {
 display:block!important;position:relative!important;isolation:isolate;opacity:1!important;visibility:visible!important;
 clear:both!important;width:100%!important;max-width:100%!important;min-width:0!important;
 margin:0!important;padding:15px 20px 18px!important;overflow:hidden!important;
 border:1px solid rgba(19,178,239,.55)!important;border-radius:20px!important;
 background:radial-gradient(ellipse at 95% 0,rgba(0,133,223,.26),transparent 50%),linear-gradient(125deg,#05345b 0%,#041f3e 48%,#042c51 100%)!important;
 box-shadow:inset 0 1px 14px rgba(0,172,255,.12),0 6px 22px rgba(0,14,34,.3)!important;
 color:#f6fcff!important;font-family:system-ui,'Segoe UI',Arial,sans-serif!important;
}
html.tn-home-route body .tn83-section *{box-sizing:border-box!important}
html.tn-home-route body .tn83-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 13px!important;min-width:0!important}
html.tn-home-route body .tn83-heading{display:flex!important;align-items:center!important;gap:11px!important;margin:0!important;padding:0!important;
 font-size:23px!important;font-weight:800!important;line-height:1.3!important;text-transform:none!important;letter-spacing:-.35px!important;color:#f4faff!important;
 background:none!important;border:0!important;text-shadow:0 0 14px rgba(0,148,255,.55)!important}
html.tn-home-route body .tn83-heading-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;display:grid!important;place-items:center!important;
 border:1px solid #16cdff!important;border-radius:11px!important;background:linear-gradient(140deg,#074278,#018dca)!important;color:#e8feff!important;
 font-size:24px!important;line-height:1!important;box-shadow:0 0 13px rgba(0,212,255,.45),inset 0 0 10px rgba(16,226,255,.2)!important}
html.tn-home-route body .tn83-carousel{display:grid!important;grid-template-columns:37px minmax(0,1fr) 37px!important;align-items:center!important;gap:9px!important;width:100%!important;min-width:0!important}
html.tn-home-route body .tn83-carousel-viewport{min-width:0!important;overflow:hidden!important;padding:2px 1px 4px!important}
html.tn-home-route body .tn83-carousel-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;min-width:0!important;width:100%!important}
html.tn-home-route body a.tn83-playlist-card{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:12px!important;min-width:0!important;min-height:147px!important;padding:8px!important;
 border:1px solid rgba(0,177,250,.62)!important;border-radius:15px!important;text-decoration:none!important;color:#f6faff!important;
 background:linear-gradient(125deg,rgba(4,64,108,.93),rgba(2,33,72,.94))!important;
 box-shadow:inset 0 -13px 20px rgba(0,110,180,.13),0 1px 9px rgba(2,10,36,.1)!important}
html.tn-home-route body .tn83-cover{display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;overflow:hidden!important;background:#07436f!important;color:#69eaff!important;font-size:22px!important}
html.tn-home-route body .tn83-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
html.tn-home-route body .tn83-playlist-cover{width:35%!important;max-width:160px!important;min-width:95px!important;aspect-ratio:1 / 1!important;align-self:center!important;border-radius:10px!important}
html.tn-home-route body .tn83-playlist-info{flex:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:7px!important;min-width:0!important;overflow:hidden!important}
html.tn-home-route body .tn83-chip{display:inline-block!important;padding:2px 10px!important;border:1px solid #238fce!important;border-radius:99px!important;background:#035c9a!important;color:#fff!important;font-size:11px!important;font-weight:750!important;line-height:1.3!important}
html.tn-home-route body .tn83-playlist-name{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
 font-size:15px!important;line-height:1.37!important;font-weight:780!important;overflow-wrap:anywhere!important;color:#fff!important}
html.tn-home-route body .tn83-playlist-subtitle{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
 font-size:12px!important;font-weight:450!important;line-height:1.38!important;color:#a8c9e5!important;overflow-wrap:anywhere!important}
html.tn-home-route body button.tn83-arrow{display:grid!important;place-items:center!important;border:1px solid #05baf1!important;border-radius:50%!important;
 width:37px!important;height:37px!important;min-width:37px!important;margin:0!important;padding:0!important;
 background:#033b62!important;color:#e7faff!important;font-size:29px!important;line-height:1!important;cursor:pointer!important;box-shadow:0 0 11px rgba(0,179,244,.25)!important}
html.tn-home-route body button.tn83-arrow:disabled{opacity:.4!important;cursor:default!important}
html.tn-home-route body .tn83-dots{display:flex!important;justify-content:center!important;align-items:center!important;gap:7px!important;margin:8px 0 0!important;min-height:9px!important}
html.tn-home-route body button.tn83-dot{width:19px!important;height:8px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:99px!important;background:#17577e!important;cursor:pointer!important}
html.tn-home-route body button.tn83-dot.is-active{background:#08d8f5!important;box-shadow:0 0 8px rgba(0,218,244,.47)!important}
html.tn-home-route body .tn83-song-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(67px,auto))!important;grid-auto-flow:column!important;gap:8px 14px!important;width:100%!important;min-width:0!important}
html.tn-home-route body a.tn83-song-card{display:flex!important;align-items:center!important;min-width:0!important;min-height:67px!important;padding:6px 8px!important;gap:10px!important;
 text-decoration:none!important;border:1px solid rgba(10,118,190,.49)!important;border-radius:12px!important;
 background:linear-gradient(110deg,rgba(2,56,96,.78),rgba(2,27,56,.64))!important;color:#fff!important}
html.tn-home-route body .tn83-song-cover{width:53px!important;height:53px!important;flex-basis:53px!important;border-radius:8px!important}
html.tn-home-route body .tn83-song-info{display:flex!important;flex:1!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;min-width:0!important;overflow:hidden!important}
html.tn-home-route body .tn83-song-name{font-size:14px!important;line-height:1.3!important;font-weight:750!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important;overflow:hidden!important;color:#fff!important}
html.tn-home-route body .tn83-song-artist{font-size:12px!important;line-height:1.3!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#a9cce9!important;max-width:100%!important}
html.tn-home-route body .tn83-play{width:32px!important;height:32px!important;flex:0 0 32px!important;display:grid!important;place-items:center!important;
 border-radius:50%!important;border:1px solid #0faed9!important;background:#04436a!important;color:#15e1f8!important;font-size:13px!important}
html.tn-home-route body .tn83-refresh{flex:none!important;border:1px solid #08bef5!important;border-radius:26px!important;padding:8px 14px!important;
 background:linear-gradient(120deg,#02507f,#0077ae)!important;color:#fff!important;font-size:14px!important;font-weight:750!important;
 box-shadow:0 0 10px rgba(0,162,239,.31)!important;cursor:pointer!important}
html.tn-home-route body .tn83-refresh:disabled{opacity:.5!important;cursor:wait!important}
html.tn-home-route body .tn83-empty{grid-column:1/-1!important;margin:10px!important;color:#b9d3e7!important;font-size:13px!important}
html.tn-home-route body .tn83-section a:hover{border-color:#22d5ff!important;filter:brightness(1.1)}
@media(max-width:1180px){
 html.tn-home-route body .tn83-carousel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html.tn-home-route body .tn83-song-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(5,minmax(67px,auto))!important}
}
@media(max-width:700px){
 html.tn-home-route body .tn59-features.tn83-mounted > .tn83-section{padding:12px 10px!important;border-radius:15px!important}
 html.tn-home-route body .tn83-heading{font-size:17px!important;gap:7px!important}
 html.tn-home-route body .tn83-heading-icon{width:31px!important;height:31px!important;flex-basis:31px!important;font-size:19px!important;border-radius:8px!important}
 html.tn-home-route body .tn83-header{margin-bottom:10px!important;gap:8px!important}
 html.tn-home-route body .tn83-carousel{grid-template-columns:28px minmax(0,1fr) 28px!important;gap:4px!important}
 html.tn-home-route body .tn83-carousel-grid{grid-template-columns:minmax(0,1fr)!important}
 html.tn-home-route body button.tn83-arrow{width:28px!important;height:28px!important;min-width:28px!important;font-size:22px!important}
 html.tn-home-route body a.tn83-playlist-card{min-height:120px!important;gap:9px!important;padding:7px!important}
 html.tn-home-route body .tn83-playlist-cover{width:39%!important;min-width:90px!important;max-width:128px!important}
 html.tn-home-route body .tn83-playlist-name{font-size:13px!important}
 html.tn-home-route body .tn83-playlist-subtitle{font-size:11px!important}
 html.tn-home-route body .tn83-song-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-flow:row!important;gap:6px!important}
 html.tn-home-route body .tn83-refresh{padding:6px 9px!important;font-size:12px!important}
 html.tn-home-route body a.tn83-song-card{min-height:62px!important}
 html.tn-home-route body .tn83-song-cover{width:47px!important;height:47px!important;flex-basis:47px!important}
 html.tn-home-route body .tn83-song-name{font-size:13px!important}
}


/* V186 source: tn-v84-home-singleton.css */
/* TN V84: Public homepage single owner for two recommendation sections.
   Keep V77 featured-album edits; prevent V59/V58 duplicate cards from showing. */
html.tn-home-route :is(#tn-instant-home,web-player.tn-home) :is(.tn56-featured,.tn56-suggestions,.tn58-featured,.tn58-suggestions,.tn59-layer-2,.tn59-layer-3){
 display:none!important;
}
/* Any old V59 frame without V83's mounted marker is obsolete. */
html.tn-home-route :is(#tn-instant-home,web-player.tn-home) .tn59-features:not(.tn83-mounted) {
 display:none!important;
}
/* V83 is the only home pair (three carousel cards / nine song rows). */
html.tn-home-route :is(#tn-instant-home,web-player.tn-home) .tn59-features.tn83-mounted > .tn83-section {
 display:block!important;
}
/* Fallback is removed by V41. Never show a second home pair while both DOMs exist. */
html.tn-home-route:has(#tn-instant-home) web-player.tn-home .tn83-section {display:none!important;}
/* Suppress obsolete Admin V58 items if cached JS happens to execute before cache purge. */
body:has(admin) .tn58-ai-menu {display:none!important;}


/* V186 source: tn-v75-titles.css */
/* V75: shared public heading tokens, matching Ocean Blue homepage screenshot.
   Not applied to admin, individual track/album names, nav or playback controls. */
html:not(.tn75-admin-route) body .tn75-section-heading{
  font-family:inherit!important;font-size:14px!important;font-weight:800!important;
  font-style:normal!important;line-height:1.4!important;letter-spacing:.018em!important;
  text-transform:uppercase!important;color:#f5fbff!important;
  white-space:normal!important;text-overflow:clip!important;overflow-wrap:break-word!important;
  -webkit-line-clamp:unset!important;max-height:none!important;
}
html:not(.tn75-admin-route) body .tn75-section-heading.tn75-heading-plain{
  display:inline-flex!important;align-items:center;gap:8px;
  width:auto!important;max-width:100%;min-height:36px;
  padding:7px 12px!important;border-radius:12px!important;
  border:1px solid #1779a8!important;
  background:linear-gradient(145deg,#104261,#0b3458)!important;
  box-shadow:inset 0 1px 0 rgba(145,225,255,.08);
  margin-bottom:10px!important;
}
html:not(.tn75-admin-route) body .tn75-section-heading.tn75-heading-plain:not(.tn75-heading-has-icon)::before{
  content:var(--tn75-title-symbol,'♫');font-weight:700;color:#55d9ff;
  display:inline-grid;place-items:center;flex:0 0 26px;
  width:26px;height:26px;border:1px solid #178ab8;border-radius:8px;
  background:#0c4669;font-size:15px;line-height:1;
}
@media(max-width:768px){
 html:not(.tn75-admin-route) body .tn75-section-heading{font-size:12px!important;letter-spacing:.008em!important;line-height:1.45!important}
 html:not(.tn75-admin-route) body .tn75-section-heading.tn75-heading-plain{padding:6px 9px!important;min-height:32px}
 html:not(.tn75-admin-route) body .tn75-section-heading.tn75-heading-plain:not(.tn75-heading-has-icon)::before{width:23px;height:23px;flex-basis:23px;font-size:13px}
}


/* V186 source: tn-home-stable-v25.css */
/* V25: Native Angular homepage remains mounted for BeMusic track-table services,
   but must never be the visible interim layout before TN catalogue is ready. */
html.tn-home-route:not(.tn-home-fallback) web-player .space-wrapper > channel-show,
html.tn-home-route:not(.tn-home-fallback) web-player .space-wrapper > homepage-host,
html.tn-home-route:not(.tn-home-fallback) web-player .space-wrapper > channel-content,
html:not(.tn-home-fallback) web-player.tn-home .space-wrapper:not(.tn-home-ready) > channel-show,
html:not(.tn-home-fallback) web-player.tn-home .space-wrapper:not(.tn-home-ready) > homepage-host {
  position:absolute!important;left:-10000px!important;top:0!important;
  width:100%!important;visibility:hidden!important;pointer-events:none!important;
}
/* A management slide is the only image that is allowed to become visible.
   Reserve identical 3:1 geometry while its data and first image load. */
html.tn-home-route:not(.tn-slider-disabled) web-player.tn-music-v1 .tn-hero {
  width:100%!important;height:auto!important;aspect-ratio:3 / 1!important;
  min-height:0!important;max-height:none!important;box-sizing:border-box;
}
html.tn-home-route:not(.tn-slider-ready) web-player.tn-music-v1 .tn-hero,
html.tn-home-route:not(.tn-slider-disabled) web-player.tn-music-v1 .tn-hero:not(.tn-managed-slides):not(.tn-slider-fallback) {
  visibility:hidden!important;
}
html.tn-home-route.tn-slider-disabled web-player.tn-music-v1 .tn-hero {display:none!important;}
html.tn-home-route.tn-slider-ready web-player.tn-music-v1 .tn-hero.tn-managed-slides {visibility:visible!important;}
/* Stable lightweight first-layout placeholders, rather than the alternate
   BeMusic Album Mới / Bài Hát Mới layout. */
web-player.tn-music-v1.tn-home .tn-home-placeholder {pointer-events:none;}
web-player.tn-music-v1 .tn-home-placeholder .tn-home-skeleton-rows {display:grid;gap:9px;}
web-player.tn-music-v1 .tn-home-placeholder .tn-home-skeleton-rows i {display:block;height:52px;border-radius:12px;background:#0c3151;opacity:.56;}
web-player.tn-music-v1 .tn-home-placeholder .tn-home-skeleton-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
web-player.tn-music-v1 .tn-home-placeholder .tn-home-skeleton-grid i {display:block;aspect-ratio:1;border-radius:13px;background:#0c3151;opacity:.56;}
@media(max-width:768px){
 web-player.tn-music-v1 .tn-home-placeholder .tn-home-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
 web-player.tn-music-v1 .tn-home-placeholder .tn-home-skeleton-grid i:nth-child(n+7){display:none;}
}
/* A slide is always an image without an overlay or duplicate title. */
html.tn-home-route web-player.tn-music-v1 .tn-hero.tn-managed-slides:before,
html.tn-home-route web-player.tn-music-v1 .tn-hero.tn-managed-slides:after,
html.tn-home-route web-player.tn-music-v1 .tn-hero.tn-managed-slides .tn-slide-caption {display:none!important;}
html.tn-home-route web-player.tn-music-v1 .tn-hero.tn-managed-slides .tn-slide-stage {aspect-ratio:3 / 1!important;min-height:0!important;max-height:none!important;}


/* V186 source: tn-performance-v26.css */
/* Trường Nguyễn Music Performance V26 – homepage-only critical overrides.
   Do not cover/replace BeMusic native player or other route contents. */
html.tn-home-route.tn-v26-slider-feed web-player.tn-music-v1 .tn-hero,
html.tn-home-route.tn-v26-slider-feed web-player.tn-music-v1 .tn-hero:not(.tn-slider-fallback) {
    background-image:none!important;
    background-color:#062543!important;
}
html.tn-home-route.tn-v26-slider-feed web-player.tn-music-v1 .tn-hero:before,
html.tn-home-route.tn-v26-slider-feed web-player.tn-music-v1 .tn-hero:after {
    display:none!important;content:none!important;background-image:none!important;
}
html.tn-home-route.tn-v26-slider-feed web-player.tn-music-v1 .tn-hero:not(.tn-managed-slides) .tn-hero-copy {visibility:hidden!important;}
html.tn-home-route web-player.tn-music-v1 .tn-hero.tn-managed-slides .tn-slide-stage,
html.tn-home-route web-player.tn-music-v1 .tn-hero.tn-managed-slides .tn-slide-img {
    contain:layout style;
}
html.tn-home-route web-player.tn-music-v1 .tn-hero.tn-managed-slides .tn-slide-img {color:transparent;}
/* Keep below-fold cards cheap to paint; avoid content-visibility on the initial song list. */
@supports (content-visibility:auto) {
 html.tn-home-route web-player.tn-music-v1 .tn-catalog-section:nth-of-type(n+3) {
    content-visibility:auto;contain-intrinsic-size:auto 280px;
 }
}
@media(prefers-reduced-motion:reduce){
 html.tn-home-route web-player.tn-music-v1 .tn-hero.tn-managed-slides * {scroll-behavior:auto!important;animation-duration:0.01ms!important;transition-duration:0.01ms!important}
}

html.tn-home-route web-player.tn-music-v1 .tn-hero.tn-managed-slides picture{display:block;width:100%;height:100%;position:absolute;inset:0;}
html.tn-home-route web-player.tn-music-v1 .tn-hero.tn-managed-slides picture .tn-slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}


/* V186 source: tn-home-tracks-v27.css */
/* V27: restored Latest Songs list; native BeMusic playback, no duplicate table. */
web-player.tn-music-v1 .tn-home-tracks-v27{min-width:0;margin:0 0 24px;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-list{border:1px solid rgba(20,182,239,.25);background:rgba(2,31,57,.74);border-radius:14px;overflow:hidden;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-row{display:grid;grid-template-columns:30px 52px minmax(0,1fr) 58px 42px;align-items:center;gap:12px;padding:10px 13px;min-height:66px;border-bottom:1px solid rgba(104,185,221,.12);color:#e6f5ff;box-sizing:border-box;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-row:last-child{border-bottom:0;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-index{color:#92b9d2;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-cover{display:block;width:50px;height:50px;border-radius:9px;overflow:hidden;background:#123754;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-cover img{display:block;width:100%;height:100%;object-fit:cover;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-text{display:flex;flex-direction:column;gap:3px;min-width:0;max-width:100%;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-name{font-size:14px;font-weight:600;color:#f4f9ff;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-artist{font-size:12px;color:#adc3d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-duration{text-align:center;font-size:12px;color:#bcd3e3;font-variant-numeric:tabular-nums;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-play{appearance:none;display:grid;place-items:center;width:34px;height:34px;min-width:34px;min-height:34px;background:rgba(3,72,111,.5);color:#12d8f9;border:1px solid #0795c7;border-radius:50%;font-size:14px;cursor:pointer;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-play:hover{color:#fff;background:#028bd1;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-loading,
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-empty{padding:26px 16px;color:#a9c5da;text-align:center;font-size:14px;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-retry{border:1px solid #17bef2;background:transparent;color:#a7eeff;padding:6px 12px;border-radius:8px;cursor:pointer;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-actions{display:flex;gap:10px;justify-content:center;padding:13px 6px;}
web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-actions button:not([hidden]){appearance:none;background:rgba(5,65,97,.75);color:#c6f4ff;border:1px solid rgba(0,186,242,.45);border-radius:9px;padding:9px 18px;cursor:pointer;}
web-player.tn-music-v1 .tn-home-tracks-v27 [hidden]{display:none!important;}
@media(max-width:760px){
 web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-row{grid-template-columns:18px 44px minmax(0,1fr) 34px;gap:9px;min-height:66px;padding:9px 10px;}
 web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-cover{width:43px;height:43px;}
 web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-duration{display:none;}
 web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-name{font-size:13px;}
 web-player.tn-music-v1 .tn-home-tracks-v27 .tn-latest-play{width:32px;height:32px;min-width:32px;min-height:32px;}
}

