/* V186 source: tn-v146-slides.css */
/* TN Music V183 | V146 multi-zone renderer, same geometry as real V145 homepage.
 * Homepage tn-slides.css uses 3:1 at ALL widths, including mobile. Do not
 * show hidden slides; V146 JS remains the sole owner of zone on/off state.
 * This file replaces V146 CSS directly, not an uncertain DOM overlay. */
#tn-v146-slider.tn146-slider {
  box-sizing:border-box!important;
  position:relative;isolation:isolate;flex:none;
  display:block;min-width:0!important;width:100%!important;
  max-width:100%!important;height:auto!important;
  min-height:0!important;max-height:none!important;aspect-ratio:auto!important;
  padding:0!important;margin:0 0 24px!important;
  overflow:hidden;border:1px solid #56dcff;border-radius:17px;
  color:#fff;background:#062543;
  box-shadow:inset 0 0 14px #35baff,0 0 17px #009eff70;
}
#tn-v146-slider *{box-sizing:border-box}
/* Only when an older Angular route has not mounted its inner .space-wrapper. */
#tn-v146-slider.tn146-slider[data-tn183-placement="fallback"] {
  width:calc(100% - 48px)!important;
  max-width:calc(100% - 48px)!important;
  margin-inline:auto!important;
}
#tn-v146-slider .tn146-click {
  box-sizing:border-box;position:relative;display:block!important;
  width:100%!important;height:auto!important;min-height:0!important;
  max-height:none!important;aspect-ratio:3/1!important;
  padding:0!important;margin:0!important;overflow:hidden;
  color:inherit;text-decoration:none;cursor:pointer;
}
#tn-v146-slider .tn146-click[aria-disabled="true"]{cursor:default}
#tn-v146-slider .tn146-click picture{
  position:absolute!important;inset:0!important;display:block!important;
  width:100%!important;height:100%!important;overflow:hidden;
}
#tn-v146-slider .tn146-click picture .tn146-image{
  position:absolute!important;inset:0!important;
  display:block!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;
  object-fit:cover!important;object-position:center center!important;
}
/* V145 home slider is image only: no duplicate title or gradient over art. */
#tn-v146-slider .tn146-overlay{display:none!important}
#tn-v146-slider .tn146-prev,#tn-v146-slider .tn146-next{
  display:grid;place-items:center;position:absolute;z-index:5;
  top:50%;transform:translateY(-50%);
  width:36px;height:36px;padding:0;
  background:#001a32aa;border:1px solid #fff8;
  color:#fff;border-radius:50%;font:inherit;font-size:26px;line-height:1;cursor:pointer;
}
#tn-v146-slider .tn146-prev{left:12px}#tn-v146-slider .tn146-next{right:12px}
#tn-v146-slider .tn146-prev[hidden],#tn-v146-slider .tn146-next[hidden]{display:none!important}
#tn-v146-slider .tn146-foot{
  position:absolute;z-index:5;bottom:9px;left:50%;right:auto;
  display:flex;align-items:center;transform:translateX(-50%);pointer-events:none;
}
#tn-v146-slider .tn146-dots{display:flex;gap:7px;pointer-events:auto}
#tn-v146-slider .tn146-dot{
  box-sizing:border-box;width:8px;height:8px;padding:0;
  border:0;border-radius:10px;background:#ffffff77;cursor:pointer;
}
#tn-v146-slider .tn146-dot[aria-current="true"]{
  width:25px;background:#00d9fa;border-radius:10px;box-shadow:none;
}
#tn-v146-slider .tn146-count{display:none!important}
#tn-v146-slider .tn146-prev:focus-visible,#tn-v146-slider .tn146-next:focus-visible,
#tn-v146-slider .tn146-dot:focus-visible,#tn-v146-slider .tn146-click:focus-visible{
  outline:2px solid #7dd3fc;outline-offset:2px;
}
@media(max-width:700px){
 #tn-v146-slider.tn146-slider{margin-bottom:14px!important;border-radius:12px}
 #tn-v146-slider.tn146-slider[data-tn183-placement="fallback"]{
   width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;
 }
 #tn-v146-slider .tn146-click{aspect-ratio:3/1!important}
 #tn-v146-slider .tn146-prev,#tn-v146-slider .tn146-next{width:30px;height:30px;font-size:20px}
 #tn-v146-slider .tn146-foot{bottom:6px}
}
@media(prefers-reduced-motion:reduce){
 #tn-v146-slider .tn146-image{transition:none!important}
}


/* V186 source: tn-v107-spa-restore.css */
/* V107: keep the native Angular home visible until the TN home is genuinely ready.
   Without this, V25 hides the Angular page even when no TN home was mounted. */
html.tn-home-route:not(.tn-home-fallback) web-player.tn-music-v1 .space-wrapper:not(.tn-home-ready)>:is(channel-show,homepage-host,channel-content),
html.tn-home-route:not(.tn-home-fallback) web-player.tn-music-v1.tn-home .space-wrapper:not(.tn-home-ready)>:is(channel-show,homepage-host,channel-content){
 position:relative!important;left:auto!important;top:auto!important;
 width:auto!important;visibility:visible!important;pointer-events:auto!important;
}
/* A temporary, interactive in-document homepage: it is NOT a new player or page. */
html.tn-home-route body web-player.tn-music-v1 #tn-instant-home.tn-v107-recovery,
html.tn-home-route.tn-instant-hydrated body web-player.tn-music-v1 #tn-instant-home.tn-v107-recovery{
 display:block!important;position:fixed!important;
 top:var(--tn-head,64px)!important;left:var(--tn-side,210px)!important;
 right:0!important;bottom:var(--tn-player,100px)!important;
 width:auto!important;height:auto!important;min-height:0!important;
 padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;
 z-index:5!important;inset-inline-end:0!important;
 background:#00162d!important;color:#f4f8ff!important;
}
web-player.tn-music-v1 #tn-instant-home.tn-v107-recovery .tn-i-header,
web-player.tn-music-v1 #tn-instant-home.tn-v107-recovery .tn-i-sidebar,
web-player.tn-music-v1 #tn-instant-home.tn-v107-recovery .tn-i-bottom{display:none!important}
web-player.tn-music-v1 #tn-instant-home.tn-v107-recovery .tn-i-main{
 margin:0!important;padding:20px 22px 65px!important;min-height:100%!important;
}
web-player.tn-music-v1 #tn-instant-home.tn-v107-recovery .tn-i-container{max-width:1350px;margin:0 auto;}
web-player.tn-music-v1 #tn-instant-home.tn-v107-recovery .tn-v107-error{padding:24px;background:#002846;border:1px solid #1684ad;border-radius:12px;color:#f0faff}
web-player.tn-music-v1 #tn-instant-home.tn-v107-recovery .tn-v107-retry{border:1px solid #25afe1;border-radius:8px;background:#06395f;color:#fff;padding:10px 15px}
@media(max-width:768px){
 html.tn-home-route body web-player.tn-music-v1 #tn-instant-home.tn-v107-recovery,
 html.tn-home-route.tn-instant-hydrated body web-player.tn-music-v1 #tn-instant-home.tn-v107-recovery{
 top:var(--tn-head,64px)!important;left:0!important;right:0!important;bottom:135px!important;
 }
 web-player.tn-music-v1 #tn-instant-home.tn-v107-recovery .tn-i-main{padding:14px 14px 45px!important}
}

/* V108: a mounted SPA shell is no longer owned by the first-document loader. */
html.tn-home-route.tn-v108-shell-ready body web-player.tn-music-v1.tn-layout-ready {visibility:visible!important;}


/* V186 source: tn-v141-latest-expand-r2.css */
/* TN Music V141 HOME-ONCE R2: expand latest-track list naturally when Xem thêm adds rows.
   Target Angular native homepage only; album, playlist and player untouched. */
html.tn-home-route body web-player .tn-home-sections:not(.tn-catalog-expanded) .tn-home-feature-v35 {
  height:auto!important;min-height:0!important;max-height:none!important;
  overflow:visible!important;grid-auto-rows:max-content!important;
  align-items:start!important;align-content:start!important;
}
html.tn-home-route body web-player .tn-home-sections:not(.tn-catalog-expanded) .tn-home-feature-v35 .tn-home-tracks-v27,
html.tn-home-route body web-player .tn-home-sections:not(.tn-catalog-expanded) .tn-home-tracks-v27 {
  height:auto!important;min-height:0!important;max-height:none!important;
  overflow:visible!important;align-self:start!important;
  grid-auto-rows:max-content!important;grid-template-rows:none!important;
  align-content:start!important;
}
html.tn-home-route body web-player .tn-home-sections:not(.tn-catalog-expanded) .tn-home-tracks-v27 > .tn-latest-list {
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
  align-items:stretch!important;gap:0!important;min-width:0!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  overflow:visible!important;flex:0 0 auto!important;
  grid-template-rows:none!important;grid-auto-rows:max-content!important;
}
html.tn-home-route body web-player .tn-home-sections:not(.tn-catalog-expanded) .tn-home-tracks-v27 .tn-latest-list > .tn-latest-row {
  box-sizing:border-box!important;flex:0 0 auto!important;
  height:auto!important;min-height:48px!important;max-height:none!important;
  margin:0!important;padding-top:5px!important;padding-bottom:5px!important;
  align-content:center!important;align-items:center!important;
  overflow:visible!important;
}
html.tn-home-route body web-player .tn-home-sections:not(.tn-catalog-expanded) .tn-home-tracks-v27 .tn-latest-list .tn-latest-text {
  min-height:0!important;max-height:none!important;min-width:0!important;
  overflow:hidden!important;
}
html.tn-home-route body web-player .tn-home-sections:not(.tn-catalog-expanded) .tn-home-tracks-v27 .tn-latest-list .tn-latest-name {
  line-height:1.35!important;max-height:none!important;
}
html.tn-home-route body web-player .tn-home-sections:not(.tn-catalog-expanded) .tn-home-tracks-v27 .tn-latest-actions {
  position:relative!important;flex:0 0 auto!important;
  height:auto!important;min-height:42px!important;max-height:none!important;
  margin-top:12px!important;transform:none!important;
}
@media(max-width:700px){
 html.tn-home-route body web-player .tn-home-sections:not(.tn-catalog-expanded) .tn-home-tracks-v27 .tn-latest-list > .tn-latest-row{
   min-height:52px!important;padding-top:6px!important;padding-bottom:6px!important;
 }
}


/* V186 source: tn-v141-latest-more-r5.css */
/* V141 HOME-ONCE R5 — 10-video batches outside the original Album/Tracks grid.
   This file is intentionally the LAST latest-tracks stylesheet in app.blade.php. */
html.tn-home-route body web-player .tn-home-sections:not(.tn-catalog-expanded)>.tn-latest-extension-r5 {
  display:block!important;grid-column:1/-1!important;grid-row:auto!important;
  clear:both!important;box-sizing:border-box!important;position:relative!important;
  float:none!important;align-self:start!important;justify-self:start!important;
  width:min(100%,var(--tn-latest-column-width,100%))!important;
  max-width:100%!important;height:auto!important;min-height:0!important;
  max-height:none!important;overflow:visible!important;margin:0 0 18px!important;
  padding:0!important;transform:none!important;contain:none!important;
}
html.tn-home-route body web-player .tn-home-sections .tn-latest-extension-r5 .tn-latest-extra-list {
  display:flex!important;flex-direction:column!important;box-sizing:border-box!important;
  flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;
  position:static!important;width:100%!important;height:auto!important;max-height:none!important;
  min-height:0!important;overflow:visible!important;gap:0!important;
  grid-template-rows:none!important;grid-auto-rows:max-content!important;
}
html.tn-home-route body web-player .tn-home-sections .tn-latest-extension-r5 .tn-latest-extra-list[hidden]{display:none!important}
html.tn-home-route body web-player .tn-home-sections .tn-latest-extension-r5 .tn-latest-row{
  display:grid!important;box-sizing:border-box!important;width:100%!important;
  min-height:48px!important;height:auto!important;max-height:none!important;
  margin:0!important;padding:5px 0!important;flex:0 0 auto!important;
  position:static!important;overflow:visible!important;align-items:center!important;
}
html.tn-home-route body web-player .tn-home-sections .tn-latest-extension-r5 .tn-latest-text{min-width:0!important;overflow:hidden!important}
html.tn-home-route body web-player .tn-home-sections .tn-latest-extension-r5 .tn-latest-actions{
  display:flex!important;flex-direction:row!important;justify-content:center!important;
  align-items:center!important;gap:12px!important;flex-wrap:wrap!important;
  position:static!important;float:none!important;transform:none!important;
  width:100%!important;min-height:44px!important;height:auto!important;max-height:none!important;
  padding:8px 0!important;margin:12px 0 4px!important;overflow:visible!important;
}
html.tn-home-route body web-player .tn-home-sections .tn-latest-extension-r5 .tn-latest-actions>button{
  display:inline-flex;align-items:center;justify-content:center;min-height:38px;
  border-radius:26px;padding:8px 18px;cursor:pointer;
}
html.tn-home-route body web-player .tn-home-sections .tn-latest-extension-r5 .tn-latest-actions>button[hidden]{display:none!important}
html.tn-home-route body web-player .tn-home-sections .tn-latest-extension-r5 .tn-latest-less{
  background:#123c73;color:#f4fbff;border:1px solid #0ea5e9;
}
html.tn-home-route body web-player .tn-home-sections .tn-latest-extension-r5 .tn-latest-more-feedback{
  margin:0!important;padding:0 8px;color:#bae6fd;font-size:12px;line-height:1.4;text-align:center;
}
@media(max-width:700px){
 html.tn-home-route body web-player .tn-home-sections .tn-latest-extension-r5 .tn-latest-row{min-height:52px!important;padding:6px 0!important}
 html.tn-home-route body web-player .tn-home-sections .tn-latest-extension-r5{width:100%!important}
}


/* V186 source: tn-v145-track-catalog.css */
/* TN Music V145 — isolated catalogue: never restyle Album/Playlist/ADS or Player. */
html.tn-v145-catalog-mode web-player .tn-home-sections,
html.tn-v145-catalog-mode web-player .tn-hero:has(.tn-slider,.tn-slides,[data-tn-slider]),
html.tn-v145-catalog-mode web-player #tn-instant-home,
html.tn-v145-catalog-mode .global-spinner {display:none!important}
#tn-v145-track-catalog{box-sizing:border-box;max-width:1200px;width:100%;margin:14px auto 32px;padding:0 14px 35px;color:#e9f6ff;font:14px/1.5 Roboto,'Segoe UI',Arial,sans-serif;position:relative;z-index:2}
#tn-v145-track-catalog *{box-sizing:border-box}
#tn-v145-track-catalog .tn-v145-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 17px;padding:19px 22px;border-radius:16px;background:linear-gradient(110deg,#082448,#0c4269 72%,#0b2649);border:1px solid #176593;box-shadow:0 8px 20px #00102345}
#tn-v145-track-catalog .tn-v145-eyebrow{font-size:11px;color:#75d8ff;letter-spacing:.16em;font-weight:800}
#tn-v145-track-catalog h1{margin:3px 0 5px;color:#fff;font-size:clamp(19px,2.3vw,28px);font-weight:800;line-height:1.25}
#tn-v145-track-catalog .tn-v145-head p{margin:0;color:#bddbea;font-size:13px}
#tn-v145-track-catalog .tn-v145-home{display:inline-flex;align-items:center;padding:9px 16px;border:1px solid #1d9acf;border-radius:24px;background:#064575;color:#fff;text-decoration:none;white-space:nowrap;font-weight:700}
#tn-v145-track-catalog .tn-v145-home:hover{background:#0b77a7}
#tn-v145-track-catalog .tn-v145-status{padding:13px 18px;border:1px solid #14709c;border-radius:12px;background:#073252;margin-bottom:12px;color:#c5eaff}
#tn-v145-track-catalog .tn-v145-status[hidden]{display:none!important}
#tn-v145-track-catalog .tn-v145-rows{background:#032643;border-radius:16px;overflow:hidden;border:1px solid #176593;display:flex;flex-direction:column;height:auto!important;max-height:none!important;min-height:0!important}
#tn-v145-track-catalog .tn-v145-row{display:grid;grid-template-columns:32px 54px minmax(0,1fr) 54px 44px;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid #13506e;min-height:68px;height:auto!important}
#tn-v145-track-catalog .tn-v145-row:last-child{border-bottom:0}
#tn-v145-track-catalog .tn-v145-row:hover{background:#073b60}
#tn-v145-track-catalog .tn-v145-index{color:#a8d4ee;text-align:center;font-variant-numeric:tabular-nums}
#tn-v145-track-catalog .tn-v145-cover{width:50px;height:50px;object-fit:cover;border-radius:9px;background:#094368}
#tn-v145-track-catalog .tn-v145-text{min-width:0;display:flex;flex-direction:column;gap:2px}
#tn-v145-track-catalog .tn-v145-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-decoration:none;font-weight:750;font-size:13px}
#tn-v145-track-catalog .tn-v145-name:hover{color:#78dcff;text-decoration:underline}
#tn-v145-track-catalog .tn-v145-artist{color:#93c7e2;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tn-v145-track-catalog .tn-v145-time{font-size:12px;color:#c3e2f1;text-align:right;font-variant-numeric:tabular-nums}
#tn-v145-track-catalog .tn-v145-play{border:1px solid #16a7da;background:#046291;border-radius:50%;color:#fff;width:40px;height:40px;cursor:pointer;font-size:17px;display:grid;place-items:center;padding-left:4px}
#tn-v145-track-catalog .tn-v145-play:hover{background:#0a91c3}
#tn-v145-track-catalog .tn-v145-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:12px;color:#9ad5f2}
#tn-v145-track-catalog .tn-v145-retry{cursor:pointer;border:1px solid #12aaf7;border-radius:22px;padding:9px 16px;color:white;background:#065282;font-weight:750}
#tn-v145-track-catalog .tn-v145-retry[hidden]{display:none!important}
/* If Angular has not started, show a usable catalogue in the document body. */
html.tn-v145-catalog-mode body > #tn-v145-track-catalog.tn-v145-outside{position:fixed;inset:68px 0 70px 220px;z-index:2147483000;background:linear-gradient(#051a32,#031529);max-width:none;width:auto;overflow:auto;margin:0;padding:20px max(20px,calc((100vw - 1220px)/2));}
@media(max-width:800px){
 #tn-v145-track-catalog{padding:0 9px 25px}
 #tn-v145-track-catalog .tn-v145-head{padding:14px;align-items:flex-start;gap:8px}
 #tn-v145-track-catalog .tn-v145-head p{font-size:12px}
 #tn-v145-track-catalog .tn-v145-home{padding:7px 9px;font-size:12px}
 #tn-v145-track-catalog .tn-v145-row{grid-template-columns:20px 42px minmax(0,1fr) 35px 34px;gap:7px;padding:7px;min-height:59px}
 #tn-v145-track-catalog .tn-v145-cover{width:40px;height:40px;border-radius:7px}
 #tn-v145-track-catalog .tn-v145-play{height:33px;width:33px;font-size:13px}
 #tn-v145-track-catalog .tn-v145-name{font-size:12px}
 #tn-v145-track-catalog .tn-v145-time{font-size:11px}
 html.tn-v145-catalog-mode body > #tn-v145-track-catalog.tn-v145-outside{inset:66px 0 65px 0;padding:14px 8px;}
}
@media(prefers-reduced-motion:reduce){#tn-v145-track-catalog *{transition:none!important}}

/* V149: Xem thêm/Ẩn bớt, each step exactly 20 tracks. */
#tn-v145-track-catalog .tn-v149-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}
#tn-v145-track-catalog .tn-v149-actions button{appearance:none;cursor:pointer;border:1px solid #1595c5;border-radius:22px;padding:9px 17px;background:#064977;color:#eefbff;font-weight:750;font-size:13px;line-height:1.2;min-height:38px}
#tn-v145-track-catalog .tn-v149-actions .tn-v149-more{background:#087db5;border-color:#25b9f1}
#tn-v145-track-catalog .tn-v149-actions button:hover:not(:disabled){filter:brightness(1.16)}
#tn-v145-track-catalog .tn-v149-actions button:focus-visible{outline:2px solid #e5fbff;outline-offset:3px}
#tn-v145-track-catalog .tn-v149-actions button:disabled{opacity:.68;cursor:progress}
#tn-v145-track-catalog .tn-v149-actions button[hidden]{display:none!important}
@media(max-width:560px){#tn-v145-track-catalog .tn-v145-footer{align-items:flex-start;flex-wrap:wrap}#tn-v145-track-catalog .tn-v149-actions{width:100%;justify-content:center}#tn-v145-track-catalog .tn-v149-actions button{flex:1 1 110px;max-width:185px}}


/* V186 source: tn-v147-smart-search.css */
/* TN Music V147 – isolated responsive intelligent-search UI. Preserves native player/sidebar. */
html.tn147-search-mode{--tn147-bg:#041a30;--tn147-line:#176286;--tn147-soft:#a9cee2;--tn147-accent:#00d6ff}
html.tn147-search-mode body .global-spinner{display:none!important}
#tn-v147-search{position:fixed!important;left:clamp(215px,16vw,255px);right:0;top:64px;bottom:76px;z-index:190;background:radial-gradient(circle at 90% 3%,#073655,#04172c 55%,#031528);overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;color:#f0f9ff;font:14px/1.5 Roboto,'Segoe UI',Arial,sans-serif;scrollbar-color:#12648c transparent;box-sizing:border-box}
#tn-v147-search *{box-sizing:border-box}
#tn-v147-search .tn147-search-layout{max-width:1550px;padding:26px clamp(16px,3vw,42px) 44px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,290px);align-items:start;gap:18px}
#tn-v147-search .tn147-main,#tn-v147-search .tn147-side{min-width:0}
#tn-v147-search .tn147-topline{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px}
#tn-v147-search .tn147-kicker{letter-spacing:.17em;font-size:10px;color:#4addff;font-weight:800}
#tn-v147-search .tn147-ai-indicator{font-size:11px;color:#9edbed}
#tn-v147-search .tn147-search-form{margin:10px 0 20px}
#tn-v147-search .tn147-label{display:block;font-size:12px;color:#aadcf0;margin-bottom:7px;font-weight:600}
#tn-v147-search .tn147-input-wrap{height:50px;display:flex;align-items:center;gap:10px;border:1px solid #1498cb;border-radius:18px;background:linear-gradient(135deg,#063253,#031e37);padding:4px 6px 4px 16px;box-shadow:0 0 16px #00b9f21c;max-width:100%}
#tn-v147-search .tn147-input-wrap>span{font-size:28px;color:#66d8fc}
#tn-v147-search #tn147-search-q{color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;height:100%!important;min-width:0;width:100%;flex:1;font-size:15px;appearance:none}
#tn-v147-search #tn147-search-q::placeholder{color:#a0c8db}
#tn-v147-search .tn147-input-wrap button,#tn-v147-search .tn147-primary{height:38px;border-radius:25px;background:linear-gradient(110deg,#02a4ee,#05ddf2);border:1px solid #74f7ff;color:#fff;font-weight:800;white-space:nowrap;padding:0 18px;cursor:pointer;box-shadow:0 0 14px #09aef255}
#tn-v147-search h1{font-size:clamp(21px,2.2vw,28px);font-weight:800;color:white;margin:4px 0 3px;line-height:1.3}
#tn-v147-search .tn147-summary{margin:0 0 15px;font-size:12px;color:#9dcfe2;min-height:18px}
#tn-v147-search .tn147-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
#tn-v147-search .tn147-tabs button{border:1px solid #1b5f80;color:#bde3f7;background:#072d49;border-radius:20px;padding:7px 17px;cursor:pointer;font-weight:650;font-size:12px;min-height:35px}
#tn-v147-search .tn147-tabs button.active{color:white;border-color:#15bde4;background:linear-gradient(110deg,#056fb2,#00baea);box-shadow:0 0 11px #00dcff3c}
#tn-v147-search .tn147-tabs small{margin-left:4px;font-size:10px;opacity:.8}
#tn-v147-search .tn147-feature{position:relative;overflow:hidden;border-radius:16px;border:1px solid #2177a5;background:linear-gradient(115deg,#0b4165a9,#071b39b0 65%),linear-gradient(135deg,#0c3555,#092044);padding:16px;margin-bottom:12px;min-height:155px;box-shadow:0 8px 22px #00101c66}
#tn-v147-search .tn147-feature:after{content:'♫';position:absolute;right:-8px;top:-52px;font-size:240px;color:#10749a29;transform:rotate(-10deg);pointer-events:none}
#tn-v147-search .tn147-feature-content{display:flex;position:relative;z-index:1;gap:18px;align-items:center;min-width:0}
#tn-v147-search .tn147-feature-content>img{width:138px;height:138px;border-radius:12px;object-fit:cover;flex:none;background:#06416b}
#tn-v147-search .tn147-feature-text{min-width:0;display:flex;flex-direction:column;gap:4px}
#tn-v147-search .tn147-feature-text small{color:#95d8ec;font-size:11px}
#tn-v147-search .tn147-feature-text>a{color:#fff;text-decoration:none;font-size:20px;font-weight:850;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
#tn-v147-search .tn147-feature-text>span{font-size:13px;color:#d8efff}
#tn-v147-search .tn147-feature-text p{font-size:12px;margin:2px 0;color:#b9d7ed}
#tn-v147-search .tn147-feature-actions{display:flex;gap:9px;align-items:center;margin-top:7px}
#tn-v147-search .tn147-feature-more{color:#bff3ff;border:1px solid #347d9c;border-radius:20px;text-decoration:none;padding:7px 12px;font-size:12px;white-space:nowrap}
#tn-v147-search .tn147-results{border:1px solid #135579;background:#052740;border-radius:15px;overflow:hidden}
#tn-v147-search .tn147-row{display:grid;grid-template-columns:26px 46px minmax(0,1fr) 52px 39px;align-items:center;gap:10px;padding:8px 12px;min-height:60px;border-bottom:1px solid #16465f}
#tn-v147-search .tn147-row:hover{background:#0d4263}
#tn-v147-search .tn147-row:last-child{border-bottom:0}
#tn-v147-search .tn147-index{font-size:12px;text-align:center;color:#afcfdf}
#tn-v147-search .tn147-coverlink{height:44px;width:44px;display:block}
#tn-v147-search .tn147-coverlink img{width:44px;height:44px;border-radius:8px;object-fit:cover;background:#0d5377}
#tn-v147-search .tn147-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}
#tn-v147-search .tn147-song-name{font-size:12px;font-weight:800;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:white;text-decoration:none;max-width:100%;display:block}
#tn-v147-search .tn147-song-name:hover{color:#65d9ff}
#tn-v147-search .tn147-row-text small{color:#98cae6;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#tn-v147-search .tn147-time{color:#c8dbe8;font-size:11px;text-align:right}
#tn-v147-search .tn147-play{display:grid;place-items:center;border-radius:50%;width:36px;height:36px;border:1px solid #12aedf;background:linear-gradient(135deg,#053a62,#096e9f);font-size:14px;color:#fff;cursor:pointer}
#tn-v147-search .tn147-play:hover{background:#09a4d6}
#tn-v147-search .tn147-empty{padding:28px 16px;border:1px solid #246486;background:#082a47;color:#bcdced;border-radius:14px;text-align:center}
#tn-v147-search .tn147-side{padding-top:120px;display:flex;flex-direction:column;gap:15px}
#tn-v147-search .tn147-side-panel{background:linear-gradient(145deg,#073555,#06304b);border:1px solid #187aa4;border-radius:15px;padding:13px;box-shadow:0 4px 14px #00172e66}
#tn-v147-search .tn147-side-panel header{display:flex;justify-content:space-between;align-items:center;gap:5px;padding-bottom:10px;border-bottom:1px solid #21658a}
#tn-v147-search .tn147-side-panel header strong{font-size:13px;color:#e9fbff}
#tn-v147-search .tn147-clear{font-size:11px;border:0;background:none;color:#21c9f4;cursor:pointer;padding:0}
#tn-v147-search .tn147-history button{width:100%;background:transparent;border:0;border-bottom:1px solid #13536e;display:flex;align-items:center;gap:9px;padding:10px 4px;color:#d9f4ff;text-align:left;font-size:12px;cursor:pointer}
#tn-v147-search .tn147-history button:hover{color:#12d9ff}
#tn-v147-search .tn147-history button>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tn-v147-search .tn147-side-panel p{font-size:12px;color:#a4cee0;margin:12px 0}
#tn-v147-search .tn147-related a{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;padding:10px 1px;border-bottom:1px solid #175879}
#tn-v147-search .tn147-related a:hover{color:#3ad7ff}
#tn-v147-search .tn147-related a:last-child{border:0}
#tn-v147-search .tn147-related img{width:42px;height:42px;object-fit:cover;border-radius:8px;flex:none}
#tn-v147-search .tn147-related a>span{flex:1;display:flex;flex-direction:column;min-width:0}
#tn-v147-search .tn147-related strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tn-v147-search .tn147-related small{font-size:10px;color:#91cee5}
#tn-v147-search .tn147-related b{color:#78c5e5;font-size:16px}
#tn147-suggestions{position:fixed;z-index:2147483000;background:#072a46;border:1px solid #18afd4;border-radius:14px;box-shadow:0 16px 35px #001223cc;overflow:hidden;max-height:340px;overflow-y:auto;min-width:0;color:white}
#tn147-suggestions[hidden]{display:none!important}
#tn147-suggestions button{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:11px 12px;background:transparent;border:0;border-bottom:1px solid #14506c;text-align:left;color:white;cursor:pointer}
#tn147-suggestions button:hover{background:#105377}
#tn147-suggestions button>span:nth-child(2){min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#tn147-suggestions small{font-size:10px;color:#8dd9ef}
@media(max-width:1050px){#tn-v147-search{left:210px}#tn-v147-search .tn147-search-layout{grid-template-columns:minmax(0,1fr) 210px;gap:12px;padding:16px 12px}#tn-v147-search .tn147-side{padding-top:110px}#tn-v147-search .tn147-feature-content>img{width:105px;height:105px}}
@media(max-width:850px){#tn-v147-search{left:0;top:65px;bottom:70px}#tn-v147-search .tn147-search-layout{display:block;padding:16px 12px 26px}#tn-v147-search .tn147-side{padding-top:15px;display:grid;grid-template-columns:1fr 1fr}#tn-v147-search .tn147-feature{min-height:0}#tn-v147-search .tn147-feature-text>a{font-size:17px}}
@media(max-width:600px){#tn-v147-search{top:54px;bottom:72px;left:0;right:0}#tn-v147-search .tn147-search-layout{padding:12px 9px 28px}#tn-v147-search .tn147-topline{display:none}#tn-v147-search .tn147-search-form{margin:6px 0 14px}#tn-v147-search .tn147-input-wrap{height:44px;border-radius:20px;padding:4px 5px 4px 12px}#tn-v147-search .tn147-input-wrap button{height:34px;padding:0 11px;font-size:12px}#tn-v147-search #tn147-search-q{font-size:14px}#tn-v147-search .tn147-label{font-size:11px}#tn-v147-search h1{font-size:19px;margin-top:16px}#tn-v147-search .tn147-tabs{gap:5px;margin-bottom:12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}#tn-v147-search .tn147-tabs::-webkit-scrollbar{display:none}#tn-v147-search .tn147-tabs button{padding:7px 10px;white-space:nowrap;font-size:11px;min-height:33px}#tn-v147-search .tn147-feature{padding:10px;margin-bottom:10px}#tn-v147-search .tn147-feature-content>img{height:80px;width:80px}#tn-v147-search .tn147-feature-text>a{font-size:15px}#tn-v147-search .tn147-feature-text p{display:none}#tn-v147-search .tn147-primary{padding:0 11px;height:31px;font-size:11px}#tn-v147-search .tn147-feature-more{padding:6px 8px;font-size:10px}#tn-v147-search .tn147-row{grid-template-columns:19px 45px minmax(0,1fr) 36px;gap:7px;min-height:61px;padding:7px}#tn-v147-search .tn147-index{font-size:11px}#tn-v147-search .tn147-row .tn147-time{display:none}#tn-v147-search .tn147-play{width:34px;height:34px}#tn-v147-search .tn147-coverlink,#tn-v147-search .tn147-coverlink img{width:44px;height:44px}#tn-v147-search .tn147-song-name{font-size:12px}#tn-v147-search .tn147-side{display:block;margin-top:14px}#tn-v147-search .tn147-side-panel{margin-bottom:12px}#tn-v147-search .tn147-summary{font-size:11px}}
@media(prefers-reduced-motion:reduce){#tn-v147-search *,#tn147-suggestions *{animation:none!important;transition:none!important}}


/* V186 source: tn-v173-latest-tracks.css */
/* TN V173: scoped latest-first catalogue. Existing sidebar, player, header remain BeMusic. */
html.tn-v173-mode web-player .tn-home-sections,
html.tn-v173-mode web-player .tn-hero,
html.tn-v173-mode #tn-instant-home,
html.tn-v173-mode #tn-v145-track-catalog,
html.tn-v173-mode .global-spinner { display:none!important }
#tn-v173-latest[hidden] {display:none!important}
#tn-v173-latest { --tn173-nav:#071527;--tn173-ocean:#123C73;--tn173-cyan:#0EA5E9;--tn173-ice:#BAE6FD;
  box-sizing:border-box;position:relative;z-index:2;max-width:1460px;width:100%;padding:16px 20px 115px;margin:0 auto;
  color:#eaf6ff;background:linear-gradient(180deg,rgba(3,18,38,.18),rgba(3,20,43,.32));font:14px/1.5 Roboto,'Segoe UI',Arial,sans-serif;
  overflow:visible;min-width:0;}
#tn-v173-latest * {box-sizing:border-box}
#tn-v173-latest button,#tn-v173-latest select,#tn-v173-latest input{font:inherit}
#tn-v173-latest button {cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
#tn-v173-latest button:focus-visible,#tn-v173-latest input:focus-visible,#tn-v173-latest select:focus-visible,#tn-v173-latest a:focus-visible{outline:2px solid #81e4ff;outline-offset:3px}
#tn-v173-latest button:disabled{opacity:.48;cursor:not-allowed}
#tn-v173-latest .tn173-banner{min-height:205px;position:relative;isolation:isolate;overflow:hidden;border-radius:18px;border:1px solid rgba(29,184,252,.36);
 background:radial-gradient(ellipse 45% 115% at 80% 100%,rgba(202,127,215,.5),transparent 80%),radial-gradient(ellipse 80% 100% at 55% 150%,rgba(19,122,205,.7),transparent 80%),linear-gradient(107deg,#064579,#105687 54%,#081e49);
 box-shadow:0 14px 40px rgba(0,7,22,.36),inset 0 1px 0 rgba(159,234,255,.24);display:flex;align-items:center;margin-bottom:17px;padding:26px 6%;}
#tn-v173-latest .tn173-banner:before{content:'';position:absolute;inset:auto -12% -70% 20%;height:120%;border-radius:50%;transform:rotate(-12deg);background:linear-gradient(90deg,transparent,rgba(90,206,255,.14),rgba(122,169,247,.03));filter:blur(15px)}
#tn-v173-latest .tn173-banner-copy{position:relative;z-index:2;max-width:70%}
#tn-v173-latest .tn173-kicker{letter-spacing:.18em;font-size:10px;color:#9feaff;font-weight:750}
#tn-v173-latest h1{font-weight:850;font-size:clamp(24px,3.2vw,41px);line-height:1.18;margin:10px 0 9px;letter-spacing:-.025em;color:white;text-shadow:0 3px 14px rgba(0,13,36,.34)}
#tn-v173-latest .tn173-bars{color:#56effb;display:inline-block;margin-right:8px;font-weight:500}
#tn-v173-latest .tn173-banner p{font-size:clamp(12px,1.3vw,16px);color:#d1e6f7;margin:0}
#tn-v173-latest .tn173-headphones{position:absolute;right:4%;width:min(29%,300px);height:100%;top:0;filter:drop-shadow(0 10px 24px rgba(0,0,0,.4));transform:rotate(-7deg)}
#tn-v173-latest .tn173-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 15px}
#tn-v173-latest .tn173-tabs{display:flex;gap:8px;flex:1 1 470px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#20719d transparent;max-width:100%;padding:2px 0 6px;white-space:nowrap}
#tn-v173-latest .tn173-tabs button{border:1px solid #24648e;border-radius:24px;background:linear-gradient(180deg,#0b3659,#092541);color:#e1f4ff;padding:8px 16px;white-space:nowrap;font-weight:700}
#tn-v173-latest .tn173-tabs button.selected{background:linear-gradient(135deg,#18e3f3,#0aaad4);color:#003654;border-color:#39ecff;box-shadow:0 0 17px #05d5f75b}
#tn-v173-latest .tn173-toolbar-right{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex:0 1 auto}
#tn-v173-latest .tn173-sort-label{font-size:0}
#tn-v173-latest .tn173-sort{background:#0a304e;color:#e3f5ff;border:1px solid #286c96;border-radius:11px;padding:9px 13px;min-width:146px;font-size:13px}
#tn-v173-latest .tn173-views{display:flex;gap:4px;border:1px solid #205782;border-radius:11px;padding:3px;background:#071e39}
#tn-v173-latest .tn173-views button{border:0;background:transparent;border-radius:8px;color:#9dcce8;width:38px;height:34px;font-size:24px;line-height:1}
#tn-v173-latest .tn173-views button.selected{background:linear-gradient(135deg,#11dcea,#148ed4);color:#072e48;box-shadow:0 1px 11px #18bce54e}
#tn-v173-latest .tn173-search{display:flex;align-items:center;gap:14px;margin-bottom:12px}
#tn-v173-latest .tn173-search label{white-space:nowrap;color:#acd7ed;font-size:13px;font-weight:600}
#tn-v173-latest .tn173-input{display:flex;align-items:center;border:1px solid #205c8d;border-radius:12px;background:rgba(5,33,61,.9);height:41px;flex:1;min-width:0;max-width:580px;overflow:hidden}
#tn-v173-latest .tn173-input>span{font-size:22px;color:#5edbed;padding:0 10px}
#tn-v173-latest .tn173-input input{background:transparent;border:0;outline:0;color:#fff;flex:1;min-width:0;padding:7px 3px;font-size:13px}
#tn-v173-latest .tn173-input input::placeholder{color:#8ab7d4}
#tn-v173-latest .tn173-input button{align-self:stretch;background:#116d99;border:0;color:#fff;padding:0 18px;font-weight:700}
#tn-v173-latest .tn173-caption{display:flex;align-items:center;justify-content:space-between;padding:11px 17px;background:linear-gradient(90deg,#133e60,#0c2b4c);border:1px solid #1c5c83;border-radius:12px 12px 0 0;gap:12px}
#tn-v173-latest .tn173-caption strong{font-size:14px;letter-spacing:.01em}
#tn-v173-latest .tn173-count{font-size:12px;color:#b4dcf0}
#tn-v173-latest .tn173-message{padding:15px 17px;border:1px solid #205e86;background:#073453;color:#c9e9fb}
#tn-v173-latest .tn173-message[hidden]{display:none!important}
#tn-v173-latest .tn173-content{border:1px solid #1a5b85;border-top:0;border-radius:0 0 14px 14px;overflow:hidden;background:#061f3b;min-height:80px}
#tn-v173-latest .tn173-track{display:grid;grid-template-columns:34px 52px minmax(0,1fr) 42px 65px 46px;align-items:center;gap:12px;padding:9px 15px;min-height:72px;background:linear-gradient(90deg,rgba(8,42,75,.38),rgba(8,42,75,.1));border-bottom:1px solid rgba(39,115,153,.36)}
#tn-v173-latest .tn173-track:last-child{border-bottom:0}
#tn-v173-latest .tn173-track:hover,#tn-v173-latest .tn173-track:focus-within{background:linear-gradient(93deg,#0d5a7c,#0b3759)}
#tn-v173-latest .tn173-track.is-playing{background:linear-gradient(90deg,#115878,#0b304f);box-shadow:inset 3px 0 0 #0decf2}
#tn-v173-latest .tn173-number{font-variant-numeric:tabular-nums;color:#ccecff;text-align:center;font-weight:650}
#tn-v173-latest .tn173-image-link{width:50px;height:50px;display:block;overflow:hidden;border-radius:9px;background:#123f68}
#tn-v173-latest .tn173-image-link img{width:100%;height:100%;object-fit:cover;display:block}
#tn-v173-latest .tn173-track-text{min-width:0;display:flex;flex-direction:column;gap:2px}
#tn-v173-latest .tn173-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f7fbff;font-weight:750;font-size:14px;text-decoration:none}
#tn-v173-latest .tn173-title:hover{color:#6ceefb}
#tn-v173-latest .tn173-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#afd6ec;font-size:12px}
#tn-v173-latest .tn173-length{white-space:nowrap;color:#cde7f6;text-align:right;font-variant-numeric:tabular-nums;font-size:12px}
#tn-v173-latest .tn173-like{background:transparent;border:0;color:#d8effc;font-size:26px;line-height:1;padding:8px 4px}
#tn-v173-latest .tn173-like:hover,#tn-v173-latest .tn173-like.is-liked{color:#ff6993}
#tn-v173-latest .tn173-play{width:40px;height:40px;border-radius:50%;border:0;background:linear-gradient(145deg,#27f4ee,#00bfe0);color:#032e4a;font-size:17px;font-weight:800;display:grid;place-items:center;padding:0;box-shadow:0 2px 15px #00ddf333}
#tn-v173-latest .tn173-play:hover{background:#6ffaff;transform:scale(1.05)}
#tn-v173-latest .tn173-content.is-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:0;background:transparent;padding:12px 0;overflow:visible}
#tn-v173-latest .is-grid .tn173-track{border:1px solid #23658a;border-radius:14px;background:linear-gradient(180deg,#0c375c,#092643);display:grid;grid-template-columns:minmax(0,1fr) 42px 42px;grid-template-rows:auto auto auto;gap:7px;padding:10px;min-width:0}
#tn-v173-latest .is-grid .tn173-image-link{width:100%;height:auto;aspect-ratio:1/1;grid-column:1/-1;border-radius:10px}
#tn-v173-latest .is-grid .tn173-track-text{grid-column:1/-1}
#tn-v173-latest .is-grid .tn173-number{grid-column:1/-1;text-align:left;font-size:11px;opacity:.65}
#tn-v173-latest .is-grid .tn173-length{grid-column:1;grid-row:auto;text-align:left}
#tn-v173-latest .is-grid .tn173-like{grid-column:2}
#tn-v173-latest .is-grid .tn173-play{grid-column:3}
#tn-v173-latest .tn173-footer{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:18px 0}
#tn-v173-latest .tn173-more,#tn-v173-latest .tn173-retry{border:1px solid #36d3f5;background:linear-gradient(130deg,#007aaa,#0b4f93);color:#fff;border-radius:24px;padding:10px 24px;font-weight:750}
#tn-v173-latest .tn173-more[hidden],#tn-v173-latest .tn173-retry[hidden]{display:none!important}
#tn-v173-latest .tn173-back{color:#ade2fc;text-decoration:none;font-size:13px;font-weight:650}
#tn-v173-latest .tn173-toast{position:fixed;bottom:calc(85px + env(safe-area-inset-bottom));right:25px;max-width:min(370px,calc(100vw - 40px));z-index:10000;background:#0c5a67;border:1px solid #3fe6f1;border-radius:12px;padding:13px 17px;box-shadow:0 8px 32px #001024dd;color:white}
#tn-v173-latest .tn173-toast.error{border-color:#f8a1a1;background:#5b2539}
#tn-v173-latest .tn173-toast[hidden]{display:none!important}
@media(max-width:1100px){#tn-v173-latest{padding-inline:15px}#tn-v173-latest .tn173-content.is-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){#tn-v173-latest .tn173-banner{min-height:160px;padding:18px 5%}#tn-v173-latest .tn173-headphones{width:33%;right:1%}#tn-v173-latest .tn173-toolbar{align-items:flex-start;flex-direction:column}#tn-v173-latest .tn173-toolbar-right{width:100%;justify-content:space-between}#tn-v173-latest .tn173-content.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#tn-v173-latest{padding:10px 10px calc(155px + env(safe-area-inset-bottom));font-size:13px}#tn-v173-latest .tn173-banner{border-radius:13px;min-height:132px;padding:15px 14px;margin-bottom:14px}#tn-v173-latest .tn173-kicker{font-size:8px;letter-spacing:.09em}#tn-v173-latest h1{font-size:clamp(19px,5vw,26px);margin:7px 0}#tn-v173-latest .tn173-banner p{font-size:10.5px}#tn-v173-latest .tn173-banner-copy{max-width:75%}#tn-v173-latest .tn173-headphones{width:38%;right:-5%;opacity:.9}#tn-v173-latest .tn173-toolbar{gap:6px;margin-bottom:9px}#tn-v173-latest .tn173-tabs{flex:auto;width:100%;padding-bottom:8px}#tn-v173-latest .tn173-tabs button{padding:7px 12px;font-size:12px}#tn-v173-latest .tn173-sort{min-width:145px}#tn-v173-latest .tn173-search{gap:5px;flex-direction:column;align-items:stretch}#tn-v173-latest .tn173-search label{font-size:11px}#tn-v173-latest .tn173-input{width:100%;max-width:none}#tn-v173-latest .tn173-track{grid-template-columns:44px minmax(0,1fr) 33px 38px;gap:8px;min-height:66px;padding:8px}#tn-v173-latest .tn173-number{display:none}#tn-v173-latest .tn173-image-link{width:44px;height:44px}#tn-v173-latest .tn173-like{font-size:22px;padding:7px 1px}#tn-v173-latest .tn173-play{width:35px;height:35px;font-size:15px}#tn-v173-latest .tn173-length{display:none}#tn-v173-latest .tn173-title{font-size:12px}#tn-v173-latest .tn173-artist{font-size:11px}#tn-v173-latest .tn173-content.is-grid{gap:8px}#tn-v173-latest .is-grid .tn173-track{grid-template-columns:minmax(0,1fr) 30px 35px;gap:5px}#tn-v173-latest .is-grid .tn173-image-link{height:auto;width:100%}#tn-v173-latest .is-grid .tn173-length{display:block;font-size:10px}#tn-v173-latest .tn173-footer{padding:16px 0}#tn-v173-latest .tn173-caption{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){#tn-v173-latest button{transition:none!important}}

/* V185: Safari-safe vector controls, isolated to the newest-tracks catalogue.
   Do not reskin native Angular track-table or homepage Player. */
#tn-v173-latest .tn173-play {
  -webkit-appearance:none!important;appearance:none!important;
  -webkit-tap-highlight-color:transparent;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 40px;max-width:40px!important;min-width:40px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  padding:0!important;line-height:1!important;font-size:0!important;
  font-family:Arial,sans-serif!important;touch-action:manipulation;
}
#tn-v173-latest .tn173-play > svg {
  display:block!important;width:19px!important;height:19px!important;
  min-width:19px!important;max-width:19px!important;
  fill:currentColor;stroke:none;pointer-events:none;flex:none;
}
#tn-v173-latest .tn173-play > .tn173-pause-glyph {width:20px!important;height:20px!important}
@media(max-width:600px){
 #tn-v173-latest .tn173-play {
  flex-basis:35px;min-width:35px!important;max-width:35px!important;
  height:35px!important;min-height:35px!important;max-height:35px!important;
 }
 #tn-v173-latest .tn173-play > svg {width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important}
}


/* V186 source: tn-v153-home-unified.css */
/* TN Music V153 | unified home CSS | 03-11-2026 | scope: homepage only */

/* V47 non-layout action appearance retained. */
/* Unified outline glass pill with icon for all 'Xem tat ca' links. */
html.tn-home-route body #tn-instant-home .tn-i-section-header > a,
html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-sections .tn-catalog-heading > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  padding: 6px 12px !important;
  margin: 0 !important;
  border: 1px solid rgba(65,195,244,.55) !important;
  border-radius: 999px !important;
  background: linear-gradient(130deg,rgba(3,92,140,.76),rgba(8,48,83,.92)) !important;
  color: #dcf6ff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px rgba(255,255,255,.09) !important;
  transition: background-color .15s, border-color .15s, box-shadow .15s !important;
}
html.tn-home-route body #tn-instant-home .tn-i-section-header > a::after,
html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-sections .tn-catalog-heading > a::after {
  content: '' !important;
  display: block !important;
  flex: 0 0 15px !important;
  width: 15px !important;
  height: 15px !important;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393e7ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") !important;
}
/* Suppress existing decorative chevron when our arrow icon is present. */
html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-sections .tn-catalog-heading > a > span[aria-hidden="true"] { display: none !important; }
html.tn-home-route body #tn-instant-home .tn-i-section-header > a:hover,
html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-sections .tn-catalog-heading > a:hover {
  background: #075b87 !important;
  border-color: #6ce6ff !important;
  box-shadow: 0 0 0 2px rgba(9,176,235,.13) !important;
}
/* Match 'Xem them' to the same glass-pill styling without altering event handlers. */
html.tn-home-route body #tn-instant-home .tn-i-more > :is(button,a),
html.tn-home-route body web-player.tn-music-v1.tn-home .tn-latest-actions > :is(button,a),
html.tn-home-route body web-player.tn-music-v1.tn-home button.tn-latest-more,
html.tn-home-route body web-player.tn-music-v1.tn-home button.tn-latest-collapse {
  box-sizing: border-box !important;
  min-height: 36px !important;
  padding: 7px 17px !important;
  border: 1px solid rgba(65,195,244,.55) !important;
  border-radius: 999px !important;
  background: linear-gradient(130deg,rgba(3,92,140,.76),rgba(8,48,83,.92)) !important;
  color: #dcf6ff !important;
  font-weight: 700 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.09) !important;
  cursor: pointer !important;
}
@media (max-width: 560px) {
  html.tn-home-route body #tn-instant-home .tn-i-section-header > a,
  html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-sections .tn-catalog-heading > a {
    min-height: 30px !important;
    padding: 5px 9px !important;
    font-size: 10.5px !important;
    gap: 5px !important;
  }
  html.tn-home-route body #tn-instant-home .tn-i-section-header > a::after,
  html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-sections .tn-catalog-heading > a::after {
    width: 13px !important;
    height: 13px !important;
    flex-basis: 13px !important;
  }
}

/* V143 track catalogue & link appearances retained. */
/* Keep the restored "Xem tất cả" anchored to the right of its own heading. */
html.tn-home-route body web-player .tn-home-tracks-v27 .tn-catalog-heading{
 display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important;
}
html.tn-home-route body web-player .tn-home-tracks-v27 .tn-catalog-heading > a[data-tn-v143-all-tracks]{
 display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;
 font-size:13px!important;font-weight:600!important;line-height:1.4!important;
 text-decoration:none!important;color:#7ddcff!important;white-space:nowrap!important;
}
html.tn-home-route body web-player .tn-home-tracks-v27 .tn-catalog-heading > a[data-tn-v143-all-tracks]:hover,
html.tn-home-route body web-player .tn-home-tracks-v27 .tn-catalog-heading > a[data-tn-v143-all-tracks]:focus-visible{
 color:#fff!important;text-decoration:underline!important;
}
/* Full track catalogue behind the restored link. Independent of home R5 batches. */
html.tn-home-route body web-player .tn-tracks-catalog-v143{
 width:100%!important;max-width:100%!important;box-sizing:border-box!important;
}
html.tn-home-route body web-player .tn-tracks-catalog-v143 > .tn-home-tracks-v27{
 display:flex!important;flex-direction:column!important;gap:0!important;
 box-sizing:border-box!important;width:min(100%,1000px)!important;max-width:100%!important;
 height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;
}
html.tn-home-route body web-player .tn-tracks-catalog-v143 .tn-latest-list{
 display:flex!important;flex-direction:column!important;gap:0!important;
 width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;
}
html.tn-home-route body web-player .tn-tracks-catalog-v143 .tn-latest-list > .tn-latest-row{
 flex:0 0 auto!important;height:auto!important;min-height:48px!important;max-height:none!important;
}
html.tn-home-route body web-player .tn-tracks-catalog-v143 .tn-latest-actions{
 display:flex!important;flex-wrap:wrap!important;justify-content:center!important;
 gap:12px!important;width:100%!important;height:auto!important;max-height:none!important;
}
html.tn-home-route body web-player .tn-tracks-catalog-v143 .tn-latest-actions > button[hidden]{display:none!important}

/* V144 discontinued action tray preserved. */

html.tn-home-route body web-player .tn-home-sections:not(.tn-catalog-expanded) .tn-latest-extension-r5,
html.tn-home-route body web-player .tn-home-sections:not(.tn-catalog-expanded) .tn-latest-actions,
html.tn-home-route body web-player .tn-tracks-catalog-v143 .tn-latest-actions{display:none!important;}


/* V153 — THE SINGLE AUTHORITATIVE FIRST-ROW / RECOMMENDATIONS LAYOUT.
   This block replaces V40/V47/V143/V144 column geometry, including the old
   742px/780px frame, 66px reserved tray and conflicting 1180px breakpoint.
   Two equal columns (>=1024px); phone and tablet stacked (<1024px).
   No JavaScript positioning or fixed heights; works with server and Angular.
*/
html.tn-home-route body :is(#tn-instant-home,web-player.tn-music-v1.tn-home) .tn59-layer-stack {
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 gap:0!important;min-width:0!important;width:100%!important;
}
html.tn-home-route body #tn-instant-home .tn-i-feature-v35,
html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-sections:not(.tn-catalog-expanded) .tn-home-feature-v35,
html.tn-home-route body #tn-instant-home .tn59-layer-stack > .tn-i-feature-v35,
html.tn-home-route body web-player.tn-music-v1.tn-home .tn59-layer-stack > .tn-home-feature-v35{
 box-sizing:border-box!important;display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;
 grid-auto-flow:row!important;grid-auto-rows:auto!important;
 align-items:stretch!important;align-content:start!important;gap:16px!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 height:auto!important;min-height:0!important;max-height:none!important;
 margin:0!important;padding:0!important;overflow:visible!important;
}
html.tn-home-route body #tn-instant-home .tn-i-feature-v35 > .tn-i-section,
html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-sections:not(.tn-catalog-expanded) .tn-home-feature-v35 > .tn-home-tracks-v27,
html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-sections:not(.tn-catalog-expanded) .tn-home-feature-v35 > .tn-v35-feature-albums{
 box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
 align-self:stretch!important;justify-self:stretch!important;
 flex:1 1 auto!important;min-width:0!important;max-width:100%!important;width:100%!important;
 height:auto!important;min-height:0!important;max-height:none!important;
 margin:0!important;padding:0!important;position:relative!important;overflow:visible!important;
}
/* Each list fills the same CSS grid row, without a fixed 780px panel. */
html.tn-home-route body #tn-instant-home .tn-i-feature-v35 .tn-i-tracklist,
html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-feature-v35 .tn-latest-list{
 box-sizing:border-box!important;display:grid!important;
 grid-template-columns:minmax(0,1fr)!important;grid-template-rows:repeat(10,minmax(62px,auto))!important;
 flex:1 1 auto!important;min-width:0!important;width:100%!important;
 height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;
}
html.tn-home-route body #tn-instant-home .tn-i-feature-v35 .tn-i-track,
html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-feature-v35 .tn-latest-row{
 box-sizing:border-box!important;min-width:0!important;min-height:62px!important;
 height:auto!important;max-height:none!important;
}
html.tn-home-route body #tn-instant-home .tn-i-feature-v35 .tn-i-album-grid-v35,
html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-sections:not(.tn-catalog-expanded) .tn-v35-feature-albums .tn-v35-album-grid{
 box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 grid-template-rows:repeat(3,minmax(0,1fr))!important;
 align-items:stretch!important;align-content:stretch!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;
 gap:12px!important;overflow:visible!important;
}
/* The new home has exactly ten latest tracks. No phantom 'load more' tray. */
html.tn-home-route body #tn-instant-home .tn-i-feature-v35 .tn-i-more,
html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-feature-v35 .tn-latest-actions,
html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-feature-v35 .tn-latest-extension-r5{
 display:none!important;height:0!important;min-height:0!important;max-height:0!important;
 margin:0!important;padding:0!important;flex:none!important;
}
html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-feature-v35 .tn-latest-row:nth-child(n+11){display:none!important}
/* ROW 2: Có thể bạn thích follows row 1 after a compact 22px visual gap.
   12px stack margin + 10px transparent section upper padding = 22px. */
html.tn-home-route body :is(#tn-instant-home,web-player.tn-music-v1.tn-home) .tn59-layer-stack > .tn59-features{
 box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 height:auto!important;min-height:0!important;gap:14px!important;
 margin:12px 0 0!important;padding:0!important;clear:both!important;
}
html.tn-home-route body .tn59-features.tn83-mounted > .tn83-section{
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
}
html.tn-home-route body .tn59-features.tn83-mounted > .tn83-section:first-child{
 margin-top:0!important;padding-top:10px!important;
}
@media(max-width:1023px){
 html.tn-home-route body #tn-instant-home .tn-i-feature-v35,
 html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-sections:not(.tn-catalog-expanded) .tn-home-feature-v35,
 html.tn-home-route body #tn-instant-home .tn59-layer-stack > .tn-i-feature-v35,
 html.tn-home-route body web-player.tn-music-v1.tn-home .tn59-layer-stack > .tn-home-feature-v35{
  grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;
  gap:16px!important;
 }
 html.tn-home-route body #tn-instant-home .tn-i-feature-v35 > .tn-i-section,
 html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-sections:not(.tn-catalog-expanded) .tn-home-feature-v35 > .tn-home-tracks-v27,
 html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-sections:not(.tn-catalog-expanded) .tn-home-feature-v35 > .tn-v35-feature-albums{
  height:auto!important;min-height:0!important;max-height:none!important;flex:none!important;
 }
 html.tn-home-route body #tn-instant-home .tn-i-feature-v35 .tn-i-tracklist,
 html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-feature-v35 .tn-latest-list{
  flex:none!important;grid-template-rows:repeat(10,minmax(62px,auto))!important;
 }
 html.tn-home-route body #tn-instant-home .tn-i-feature-v35 .tn-i-album-grid-v35,
 html.tn-home-route body web-player.tn-music-v1.tn-home .tn-v35-feature-albums .tn-v35-album-grid{
  flex:none!important;grid-template-rows:repeat(3,minmax(0,auto))!important;
 }
}
@media(max-width:700px){
 html.tn-home-route body #tn-instant-home .tn-i-feature-v35,
 html.tn-home-route body web-player.tn-music-v1.tn-home .tn-home-sections:not(.tn-catalog-expanded) .tn-home-feature-v35{
  gap:12px!important;
 }
 html.tn-home-route body :is(#tn-instant-home,web-player.tn-music-v1.tn-home) .tn59-layer-stack > .tn59-features{margin-top:12px!important}
}



/* V187: Safari-safe inline SVG Play controls in legacy catalogue and search.
   Only controls with SVG are affected; native Player and slide navigation untouched. */
#tn-v145-track-catalog .tn-v145-play,
#tn-v147-search .tn147-play,
#tn-v147-search .tn147-primary,
a.tn72-play{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
#tn-v145-track-catalog .tn-v145-play{padding:0!important}
#tn-v145-track-catalog .tn-v145-play > svg.tn187-play-svg,
#tn-v147-search .tn147-play > svg.tn187-play-svg,
a.tn72-play > svg.tn187-play-svg {display:block;width:17px;height:17px;flex:none;pointer-events:none}
#tn-v147-search .tn147-primary > svg.tn187-play-svg {display:inline-block;width:17px;height:17px;vertical-align:-3px;pointer-events:none;margin-right:5px}
@media(max-width:600px){#tn-v145-track-catalog .tn-v145-play > svg.tn187-play-svg,
#tn-v147-search .tn147-play > svg.tn187-play-svg,
a.tn72-play > svg.tn187-play-svg{width:15px;height:15px}}


/* V189 — stable public scrolling geometry (video 4.mp4, 03/11/2026).
 * Native tn-music-v1.css marks .page-wrapper as the scrolling owner with
 * overflow:auto and scrollbar-width:thin. Its scrollbar appearing/disappearing
 * changes the centered .space-wrapper width by ~5px on desktop Chrome.
 * Reserve that gutter once; do not apply to the mobile overlay scrollbar,
 * header, sidebar, player or other containers. */
@supports (scrollbar-gutter: stable) {
  @media (min-width: 769px) {
    web-player.tn-music-v1 .page-wrapper {
      scrollbar-gutter: stable !important;
    }
  }
}