/* Ahangi v6.0 — independent refined multi-accent identity.
 * View-only updates, no database or publishing model changes. */
:root{--a5-primary:#169ac5;--a5-primary-dark:#0c7f9f;--a5-rose:#c51642;--a5-canvas:#eef0f3;--a5-card:#fff;--a5-heading:#263044;--a5-copy:#465266;--a5-muted:#69758a;--a5-stroke:#e3e6eb;--a5-radius:17px;--a5-shadow:0 3px 13px rgba(26,39,65,.045);--a6-coral:#f1726c;--a6-purple:#7769bf;--a6-teal:#238d80;--a6-amber:#e7aa44}
body.a5-body{background:#edf0f3;color:#29354b}
.a5-topbar{background:#fafbfc;border-color:#dee3e9;box-shadow:0 1px 6px rgba(23,40,60,.03)}
.a5-nav a[aria-current=page]{background:#39495e;color:#fff;box-shadow:none}
.a5-nav a:hover{background:#e6ecf0}
.a5-rail-note{background:linear-gradient(145deg,#fff4e9,#ffe6ee);border-color:#f8e5e6}
.a5-rail-note .a5-mini-spark{background:#fff2ce;color:#dc8e26}
.a5-rail-note a{color:#bb3f66}
.a5-shell{padding-top:17px;gap:18px}
.a5-dashboard-grid{gap:14px;grid-template-columns:minmax(0,1fr) 242px 210px}
.a5-side{gap:14px}
.a5-widget,.a5-panel,.a5-related-panel{border-color:#e1e5ea;box-shadow:0 2px 10px rgba(34,41,67,.035)}
.a5-widget{padding:16px}
.a5-widget:nth-child(2){background:#fffefe}
.a5-box-head h2{font-size:13px;color:#28354b}
.a5-box-head>a{color:#ab466b!important}
.a5-kicker{color:#85879a;letter-spacing:.55px}
.a5-suggested>a,.a5-album-row{padding:9px 0;border-color:#e9ebef}
.a5-suggested strong{white-space:normal;line-height:1.6;font-size:10px}
.a5-album-arrow{display:none}
.a5-person-avatar{width:41px;height:41px;border-radius:10px;overflow:hidden}
.a5-person-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.a5-person-status{background:#44ab83}
.a5-tags a{background:#edf5ee;color:#237b62}
.a5-tags a:nth-child(6n + 2){background:#ffebe8;color:#ae6154}
.a5-tags a:nth-child(6n + 3){background:#f1eafb;color:#6952a8}
.a5-tags a:nth-child(6n + 4){background:#fff3df;color:#97661f}
.a5-tags a:nth-child(6n + 5){background:#e4f3f7;color:#257d95}
.a5-tags a:nth-child(6n + 6){background:#fcebf2;color:#a74b75}
.a5-rank-list .mz-play{background:#fff1e6;color:#a66e32;border-radius:11px}
.a5-feed-tabs a[aria-current=page]{background:#39495e;color:#fff}
.a5-feed-heading>div .a5-pulse{background:#ed6390}
.a5-rail{top:90px}
/* compact welcome instead of an oversize advertising hero */
.a6-welcome{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:132px;overflow:hidden;background:linear-gradient(108deg,#293949,#344354 50%,#344a55);border-radius:18px;padding:17px 31px;margin-bottom:13px;color:#f8fbfd;isolation:isolate}
.a6-welcome:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 72% 130%,rgba(222,125,120,.23),transparent 52%),radial-gradient(ellipse at 24% -60%,rgba(126,211,186,.18),transparent 42%);pointer-events:none}
.a6-welcome-copy{position:relative;z-index:2;max-width:730px}
.a6-welcome-copy>span{font-size:10px;font-weight:750;color:#8fe1d3}
.a6-welcome h1{font-size:23px;font-weight:850;line-height:1.55;margin:3px 0 1px;color:#fff}
.a6-welcome p{font-size:11px;line-height:1.8;color:#d5dfe7;margin:0;max-width:670px}
.a6-welcome-actions{display:flex;gap:9px;margin-top:10px;flex-wrap:wrap}
.a6-welcome-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:8px;padding:5px 14px;background:#20a6ad;color:#fff;font-size:10px;font-weight:750}
.a6-welcome-actions a+ a{border:1px solid #8598a4;background:transparent;color:#e8edf0}
.a6-welcome-cover{position:absolute;inset-block:-45px;left:10%;width:29%;transform:rotate(-8deg);opacity:.18;filter:saturate(.85) contrast(.92);pointer-events:none}
.a6-welcome-cover img{width:100%;height:100%;object-fit:cover;border-radius:17px}
.a6-welcome-shape{font-size:120px;line-height:1;opacity:.12;position:absolute;left:24%;top:10px;color:#fff;transform:rotate(15deg)}
/* six portrait featured posters, real cover image, built in fade/glass overlay */
.a6-featured{padding:16px 18px 18px;margin-bottom:15px;background:#fbfbfc}
.a6-featured .a5-feature-head{margin-bottom:10px}
.a6-featured .a5-feature-head h2{font-size:18px;font-weight:850}
.a6-featured .a5-feature-head h2 span{color:#ee6d90}
.a6-featured .a5-feature-head p{color:#6e7a88;font-size:10px}
.a6-featured .a5-feature-head>a{background:#f1e9f0;color:#9a5279;padding:5px 11px}
.a6-feature-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.a6-feature-tile{position:relative;border:1px solid #e7e8eb;border-radius:12px;overflow:hidden;background:#e5e8ed;min-width:0;box-shadow:0 3px 7px rgba(20,31,49,.07)}
.a6-feature-image{display:block;position:relative;aspect-ratio: .81;overflow:hidden}
.a6-feature-image>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .24s ease}
.a6-feature-tile:hover .a6-feature-image img{transform:scale(1.04)}
.a6-feature-gradient{position:absolute;inset:30% 0 0;background:linear-gradient(0deg,rgba(18,26,37,.94),rgba(18,25,38,.66) 34%,transparent 100%);pointer-events:none}
.a6-feature-meta{position:absolute;bottom:0;right:0;left:0;display:block;padding:24px 11px 13px;color:#fff;backdrop-filter:blur(1.5px)}
.a6-feature-meta strong{display:block;font-size:12px;line-height:1.6;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.a6-feature-meta small{display:block;font-size:10px;color:#e2e5ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a6-feature-play{position:absolute;left:9px;bottom:11px;z-index:3}
.a6-feature-play-button.mz-play{display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;width:33px;height:33px;background:rgba(21,34,45,.3);color:#fff;backdrop-filter:blur(5px)}
.a6-feature-play-button .mz-icon{width:16px;height:16px}
.a6-feature-tile:nth-child(6n + 2) .a6-feature-play-button{background:rgba(197,22,66,.67)}
.a6-feature-tile:nth-child(6n + 3) .a6-feature-play-button{background:rgba(25,147,131,.65)}
/* rich editorial releases: cover + ambient art + authentic lyrics excerpt */
.a6-home-feed .a5-stream{margin-top:0}
.a6-track-card{background:#fff;border:1px solid #e0e4e9;border-radius:17px;overflow:hidden;box-shadow:0 3px 11px rgba(31,40,65,.04);margin:0 0 13px}
.a6-track-inner{display:grid;grid-template-columns:170px minmax(0,1fr);gap:0;padding:12px;align-items:stretch}
.a6-track-cover-col{display:flex;flex-direction:column;gap:6px;min-width:0}
.a6-track-art{display:block;aspect-ratio:1;overflow:hidden;background:#e7e9ec;border-radius:12px}
.a6-track-art img{display:block;width:100%;height:100%;object-fit:cover}
.a6-under-cover{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:750;color:#3d637b}
.a6-under-cover .mz-icon{width:14px;height:14px;color:#27a29f}
.a6-track-content{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;min-width:0;margin-right:12px;background:#f6f4f5}
.a6-card-ambient{position:absolute;inset:-50%;width:200%;height:200%;object-fit:cover;filter:blur(62px) saturate(.5);opacity:.16;z-index:-1;pointer-events:none}
.a6-track-content:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.78),rgba(249,250,252,.81));z-index:-1}
.a6-content-inner{padding:12px 17px;position:relative}
.a6-track-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.a6-new-tag{background:#fae2eb;color:#b03969;font-size:9px;font-weight:800;padding:2px 9px;border-radius:7px}
.a6-post-date{font-size:9px;color:#6e7785}
.a6-track-content h3{font-size:17px;line-height:1.65;font-weight:850;margin:2px 0 0;color:#24354d}
.a6-track-content h3 a:hover{color:#b33b65}
.a6-track-artist{font-size:12px;color:#48576d;font-weight:700;line-height:1.8;margin:0}
.a6-track-en{font:10px/1.5 Arial,sans-serif;color:#758096;margin:3px 0 0}
.a6-track-intro{font-size:10.5px;color:#526074;line-height:2.05;margin:9px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.a6-track-verse{position:relative;font-size:10.5px;line-height:1.95;color:#6c5574;background:rgba(252,255,255,.7);border:1px solid rgba(222,218,228,.7);border-radius:9px;padding:7px 11px;margin:9px 0 0;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.a6-track-controls{display:flex;align-items:center;gap:8px;justify-content:space-between;border-top:1px solid #e8eaef;padding:8px 12px 10px;min-width:0}
.a6-homeplay{flex:1;display:flex;align-items:center;gap:7px;min-width:0;direction:rtl}
.a6-homeplay>.mz-inline-player{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:transparent;border:0;padding:0;margin:0;box-shadow:none}
.a6-homeplay .mz-inline-player>.mz-play{display:grid;place-items:center;flex:none;background:#24a3ab;color:#fff;border:0;border-radius:50%;height:36px;width:36px}
.a6-homeplay .mz-inline-player .mz-play .mz-icon{width:18px;height:18px}
.a6-homeplay .mz-inline-timeline{display:flex;align-items:center;flex:1;min-width:0;gap:7px;direction:ltr}
.a6-homeplay .mz-inline-timeline span{font:10px/1.5 Tahoma,Arial,sans-serif;color:#616d80;white-space:nowrap}
.a6-homeplay .mz-inline-timeline input{flex:1;min-width:0;max-width:100%;accent-color:#26a3af;cursor:pointer}
.a6-skip{border:1px solid #e7eaf0;background:#f5f7f8;border-radius:9px;padding:5px 8px;color:#49576b;line-height:1;font-size:10px;font-weight:800;cursor:pointer}
.a6-skip:hover{background:#e6f3f2}
.a6-skip .mz-control-word{font:700 10px Vazirmatn,Tahoma,Arial,sans-serif;white-space:nowrap}
.a6-track-links{display:flex;align-items:center;gap:7px;flex:none}
.a6-track-links>a{display:flex;gap:5px;align-items:center;justify-content:center;background:#f0e7ed;color:#9e446a;font-size:10px;font-weight:800;border-radius:9px;padding:7px 9px;white-space:nowrap}
.a6-track-links>a:hover{background:#eedce7}
.a6-track-links .mz-icon{width:14px;height:14px}
.a6-track-links>button{border:1px solid #e7e9ee;border-radius:9px;background:#f5f6f8;display:grid;place-items:center;color:#57647a;padding:7px;cursor:pointer}
.a6-track-links>button .mz-icon{width:15px;height:15px}
.a6-unavailable{color:#8793a5;font-size:10px}
/* ongoing listening and download screens (do not change underlying PHP data) */
.a5-player-box{background:#f1f5f5}
.a5-body .a5-download-primary{background:#238d80}
.a5-body .a5-download-primary:hover{background:#17695e}
.a5-body .a5-download-secondary{background:#fff1e6;border-color:#f5dbc9;color:#ab6538!important}
.a5-body .a5-listen-signal{color:#158977}
.a5-body .mz-player-toggle{background:#238d80}
/* deep charcoal footer creates a legible visual ending */
.a5-footer{background:#273441;border-color:#273441;color:#f0f3f5}
.a5-footer .a5-footer-brand{color:#fff}
.a5-footer .a5-footer-about p{color:#c3ccd6}
.a5-footer .a5-footer-about small{color:#8ba4b3}
.a5-footer .a5-footer-links strong{color:#e5ebf1}
.a5-footer .a5-footer-links a{color:#b8c6d3}
.a5-footer .a5-footer-links a:hover{color:#83d3d0}
.a5-footer .a5-footer-bottom{border-color:#405061;color:#b5c3cd}
.a5-footer .a5-footer-bottom a{color:#e5f0f3}
.a5-body .mz-player{background:#f9fafb;border-color:#cdd7da}
/* responsiveness */
@media(max-width:1440px){.a6-dashboard-grid{grid-template-columns:minmax(0,1fr) 223px 187px;gap:11px}.a6-feature-row{gap:9px}.a6-track-inner{grid-template-columns:152px minmax(0,1fr)}.a6-content-inner{padding:10px 13px}.a6-track-content h3{font-size:15px}}
@media(max-width:1200px){.a6-dashboard-grid{grid-template-columns:minmax(0,1fr) 226px}.a6-feature-meta strong{font-size:11px}.a6-track-inner{grid-template-columns:162px minmax(0,1fr)}.a6-track-controls{flex-wrap:wrap}.a6-track-links{margin-right:auto}.a6-welcome-cover{opacity:.12}}
@media(max-width:870px){.a6-dashboard-grid{grid-template-columns:minmax(0,1fr) 220px}.a6-feature-row{grid-template-columns:repeat(6,minmax(150px,1fr));overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 8px;scrollbar-width:thin}.a6-feature-tile{scroll-snap-align:start}.a6-featured{overflow:hidden}.a6-welcome{min-height:120px}.a6-welcome h1{font-size:20px}}
@media(max-width:650px){.a5-shell{padding-top:11px}.a6-welcome{padding:14px 17px;min-height:123px;border-radius:13px}.a6-welcome h1{font-size:17px}.a6-welcome p{font-size:10px}.a6-welcome-actions{gap:6px}.a6-welcome-actions a{font-size:9px;padding:4px 10px}.a6-welcome-cover{width:38%;left:0;opacity:.13}.a6-featured{padding:12px;border-radius:13px}.a6-featured .a5-feature-head h2{font-size:15px}.a6-featured .a5-feature-head>a{font-size:9px}.a6-feature-row{grid-template-columns:repeat(6,minmax(126px,1fr));gap:8px}.a6-feature-image{aspect-ratio:.78}.a6-feature-meta strong{font-size:11px}.a6-feature-meta small{font-size:9px}.a6-feature-play-button.mz-play{width:28px;height:28px}.a6-dashboard-grid{display:flex;flex-direction:column;gap:14px}.a6-track-inner{grid-template-columns:126px minmax(0,1fr);padding:9px}.a6-track-content{margin-right:8px}.a6-content-inner{padding:8px 10px}.a6-track-content h3{font-size:13px}.a6-track-artist{font-size:10px}.a6-track-intro{font-size:9px;line-height:1.7;margin-top:5px}.a6-track-verse{font-size:9px;line-height:1.65;margin-top:5px;padding:5px 7px}.a6-track-controls{padding:8px 9px;gap:7px}.a6-homeplay{width:100%;flex:1 1 100%;order:0}.a6-homeplay>.mz-inline-player{gap:6px}.a6-skip{padding:4px 6px}.a6-track-links{order:1;margin-right:0;width:100%;justify-content:flex-end}.a6-track-links>a{font-size:10px}.a6-new-tag{font-size:8px;padding:2px 5px}.a6-post-date{font-size:8px}.a6-under-cover{font-size:9px}.a5-footer-inner{padding-top:27px}.a5-footer-bottom{font-size:9px}}
@media(max-width:375px){.a6-track-inner{grid-template-columns:100px minmax(0,1fr)}.a6-track-content h3{font-size:12px}.a6-track-intro{-webkit-line-clamp:2}.a6-track-verse{-webkit-line-clamp:1}.a6-track-top{align-items:flex-start}.a6-post-date{white-space:nowrap}.a6-feature-row{grid-template-columns:repeat(6,minmax(118px,1fr))}}
@media(prefers-reduced-motion:reduce){.a6-feature-image>img{transition:none}}


/* AHANGI 7.0 | Visual refinements requested by site owner. Presentation only. */

:root{
  --a5-primary:#169ac5;--a5-canvas:#eceff1;--a5-card:#f7f7f6;
  --a5-heading:#222b36;--a5-copy:#3d4756;--a5-muted:#69727d;
  --a5-stroke:#dfe4e7;--a6-rose:#aa435e;--a7-slate:#28323a;
  --a7-teal:#168c86;--a7-tint:#edf0ef;
}
body.a5-body{background:#eceff1;color:#293442}
.a5-topbar{background:#f8f9fa}
.a5-topbar-inner{grid-template-columns:193px minmax(0,1fr) auto}
.a5-brand{display:inline-flex;align-items:center;justify-content:flex-start;min-width:0;padding:0!important;gap:0!important}
.a5-brand .a7-wordmark{display:block;width:126px;height:60px;object-fit:contain;object-position:center;max-width:100%}
.a5-nav-title{color:#404c59;font-size:11px}
.a5-nav a{border-radius:11px;gap:10px;transition:color .16s ease,background-color .16s ease;}
.a5-nav a .mz-icon{color:#747f8e;transition:color .16s ease}
.a5-nav a[aria-current=page]{background:#29333f!important;color:#fff!important;border-color:#29333f!important;box-shadow:0 4px 12px rgba(23,32,41,.11)}
.a5-nav a[aria-current=page] .mz-icon{color:#fff!important}
.a5-nav a:hover,.a5-nav a[aria-current=page]:hover{background:#e0f0f7!important;color:#127ba9!important;border-color:#d0e7f2!important;box-shadow:none}
.a5-nav a:hover .mz-icon,.a5-nav a[aria-current=page]:hover .mz-icon{color:#168ab2!important}
.a5-rail-note{background:#e7eeeb!important;border-color:#d2dedc!important;padding:19px 16px}
.a5-rail-note strong{color:#293941}.a5-rail-note p{color:#4c6569}
.a5-rail-note a{display:inline-flex;align-items:center;padding:8px 13px;border-radius:9px;margin-top:10px;background:#287971;color:#fff!important}
.a5-rail-note a:hover{background:#205c55;color:#fff}
.a5-shell{gap:21px;padding-top:18px}
/* A welcome that is actually a short description of the site, without a cover image */
.a6-welcome{min-height:130px;background:linear-gradient(112deg,#293941,#33434d);padding:23px 29px;border-radius:17px;margin-bottom:17px}
.a6-welcome:before{background:radial-gradient(ellipse at 5% 0,rgba(118,155,153,.12),transparent 44%)}
.a6-welcome-copy{max-width:870px}
.a6-welcome-copy>span{font-size:10px;color:#b9dad3;letter-spacing:0}
.a6-welcome h1{font-size:25px;line-height:1.55;margin:3px 0 4px;color:#fff}
.a6-welcome p{font-size:11px;color:#e0e8e9;line-height:1.9;max-width:790px}
.a6-welcome-actions a{background:#178d90;color:#fff;min-height:32px;padding:7px 15px}
.a6-welcome-actions a:hover{background:#126c6e;color:#fff;transform:none}
.a6-welcome-actions a+a{color:#e0f0ee;border-color:#a0b3b6;background:transparent}
.a6-welcome-actions a+a:hover{background:rgba(255,255,255,.11)}
.a6-welcome-cover,.a6-welcome-shape{display:none!important}
/* 4 featured portrait covers per row, with up to eight occupying exactly two rows */
.a6-featured{background:#f7f8f7;border:1px solid #dfe4e6;padding:17px 18px 18px;margin-bottom:18px;border-radius:17px}
.a6-featured .a5-feature-head{margin-bottom:15px}
.a6-featured .a5-feature-head h2{font-size:19px;color:#26313a}
.a6-featured .a5-feature-head h2 span{color:#cd8b42}
.a6-featured .a5-feature-head>a{background:#e8f1ed;color:#317269}
.a6-feature-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;overflow:visible!important;scroll-snap-type:none!important}
.a6-feature-tile{border-radius:14px;border-color:#d8dfe0;box-shadow:0 4px 12px rgba(34,45,54,.065)}
.a6-feature-image{aspect-ratio:.88}
.a6-feature-image img{object-fit:cover}
.a6-feature-gradient{background:linear-gradient(0deg,rgba(11,20,29,.91) 0%,rgba(11,20,29,.61) 27%,transparent 78%)}
.a6-feature-meta{padding:31px 12px 12px;backdrop-filter:blur(2px)}
.a6-feature-meta strong{font-size:13px}
.a6-feature-meta small{font-size:11px}
.a6-feature-play-button.mz-play{background:rgba(22,36,42,.57)!important;border:1px solid rgba(255,255,255,.85)}
.a6-feature-play-button.mz-play:hover{background:rgba(21,132,137,.88)!important}
/* Single generous central feed, a single uncluttered sidebar stack */
.a5-dashboard-grid,.a6-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 303px;gap:22px;align-items:start}
.a7-unified-side,.a5-side.a7-unified-side{display:flex!important;flex-direction:column!important;gap:18px!important;width:auto;min-width:0}
.a7-unified-side .a5-widget{display:block;min-width:0;background:#f8f8f7;padding:20px 18px;border-radius:16px;border:1px solid #dee3e4}
.a7-unified-side .a5-box-head{margin-bottom:12px}
.a7-unified-side .a5-box-head h2{font-size:15px}
.a7-unified-side .a5-suggested>a,.a7-unified-side .a5-album-row{padding:12px 0;gap:12px}
.a7-unified-side .a5-suggested strong,.a7-unified-side .a5-album-row strong{font-size:11px;line-height:1.85}
.a7-unified-side .a5-person{padding:7px 0;margin-top:0;gap:12px;border-bottom:1px solid #e9eae8}
.a7-unified-side .a5-person:last-child{border-bottom:0}
.a7-unified-side .a5-person-avatar{width:47px;height:47px;border-radius:11px}
.a7-unified-side .a5-person-status{display:none}
.a7-unified-side .a5-tags{gap:9px}
.a7-unified-side .a5-tags a{padding:7px 12px;border-radius:10px}
.a7-unified-side .a5-box-head>a{background:#e9f1f0!important;color:#277971!important;border-radius:9px;padding:5px 8px}
/* larger music posts, warm-neutral tint distinct from page background */
.a6-track-card{background:#f8f7f4;border:1px solid #dce1df;border-radius:18px;box-shadow:0 4px 14px rgba(27,39,51,.055);margin-bottom:19px}
.a6-track-card:hover{border-color:#b4c6c4;box-shadow:0 8px 23px rgba(27,39,51,.085)}
.a6-track-inner{grid-template-columns:218px minmax(0,1fr);padding:16px;min-height:234px}
.a6-track-cover-col{gap:10px}
.a6-track-art{border-radius:14px;box-shadow:0 3px 12px rgba(31,43,55,.10)}
.a6-under-cover{font-size:11px;color:#286c69;gap:7px}
.a6-under-cover .mz-icon{color:#277a75}
.a6-track-content{margin-right:16px;background:#edf0ed;border:1px solid #e2e8e4;border-radius:14px}
.a6-card-ambient{opacity:.12;filter:blur(70px) saturate(.40)}
.a6-track-content:after{background:linear-gradient(180deg,rgba(246,246,241,.91),rgba(238,242,239,.87))}
.a6-content-inner{padding:16px 20px}
.a6-new-tag{background:#dcefe5;color:#26765b;font-size:10px;padding:4px 11px}
.a6-track-content h3{font-size:22px;line-height:1.62;color:#252e35;margin:4px 0}
.a6-track-content h3 a:hover{color:#168994}
.a6-track-artist{font-size:13px;color:#4c5b63}
.a6-track-en{font-size:11px;color:#66737b;letter-spacing:0}
.a6-track-intro{font-size:12px;line-height:2;color:#485961;margin-top:12px;-webkit-line-clamp:3}
.a6-track-verse{font-size:11px;line-height:2;color:#516360;background:rgba(248,249,245,.78);border:1px solid #dee6df;border-radius:10px;padding:10px 13px;margin-top:11px}
.a6-track-controls{padding:12px 16px 13px;border-top:1px solid #e2e4e0;background:#f8f7f4;gap:12px}
.a6-homeplay .mz-inline-player>.mz-play{background:#188f8b}
.a6-homeplay .mz-inline-player>.mz-play:hover{background:#126b67}
.a6-homeplay .mz-inline-timeline input{accent-color:#168c86;cursor:pointer}
.a6-track-links>a{background:#e3ede7;color:#2b6c58;font-size:11px;border:1px solid #d0e1d6;padding:9px 12px}
.a6-track-links>a:hover{background:#cfe5d8;color:#22523e}
.a6-track-links>button:hover{background:#e3ecee;color:#236a82}
.a6-skip{display:none!important}
.a5-kicker{letter-spacing:.2px;text-transform:none;font-size:9px;color:#71818a}
.a5-feed-heading>div .a5-pulse{background:#168a8b}
.a5-feed-tabs a[aria-current=page]{background:#2e3c45;color:#fff}
/* different muted hue for contact link, no bright red/pink rail button */
.a5-nav a[href*="/contact/"]{border-top:1px solid #e2e5e5;border-radius:10px}
/* independent playlist look, all existing hooks remain intact */
.a5-body .mz-playlist-page{max-width:1140px;margin:22px auto 58px}
.a5-body .mz-playlist-heading{padding:25px 28px;background:linear-gradient(115deg,#34424a,#52656a);color:#fff;border-radius:19px;gap:20px;margin-bottom:20px}
.a5-body .mz-playlist-heading h1{color:#fff;font-size:26px}
.a5-body .mz-playlist-heading p,.a5-body .mz-playlist-heading .mz-overline{color:#e1edec}
.a5-body .mz-playlist-archive{color:#fff;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.26);border-radius:11px;padding:11px 13px}
.a5-body .mz-personal-playlist{border-radius:18px;border:1px solid #dce3e1;background:#f7f8f6;padding:20px}
.a5-body .mz-playlist-toolbar{background:#e9efec;border-radius:14px}
.a5-body .mz-playlist-tabs{gap:11px}
.a5-body .mz-playlist-tabs>button{background:#f3f6f4;border:1px solid #d7e2dc;border-radius:13px;min-height:65px;color:#35444b}
.a5-body .mz-playlist-tabs>button[aria-selected=true]{background:#2f6663;color:#fff;border-color:#2f6663}
.a5-body .mz-playlist-tabs>button[aria-selected=true] small{color:#d9eeea}
.a5-body .mz-playlist-row{border:1px solid #e0e5e1;border-radius:14px;background:#fbfcfa}
.a5-body .mz-playlist-discover-heading{margin-top:26px}
.a5-body .mz-catalog-panel{border:1px solid #dfe4e2;border-radius:17px;background:#f7f9f6}
/* footer branding: use the exact wordmark, not any decorative square logo */
.a5-footer{background:#2c353e;border-color:#29313a}
.a5-footer-inner{gap:34px;padding:27px 0;grid-template-columns:minmax(0,1.5fr) 1fr 1fr}
.a5-footer-brand{width:max-content;max-width:100%;line-height:1}
.a5-footer-brand .a7-wordmark{display:block;width:137px;height:68px;max-width:100%;object-fit:contain;filter:brightness(0) invert(1)}
.a5-footer-about p{margin:4px 0 0;max-width:295px;color:#becbd0;font-size:11px}
.a5-footer .a5-footer-links{gap:6px}
.a5-footer .a5-footer-links strong{font-size:12px;margin-bottom:4px}
.a5-footer .a5-footer-links a{font-size:11px}
.a5-footer .a5-footer-bottom{border-color:#404a52}
/* Responsive layouts */
@media(max-width:1450px){.a5-dashboard-grid,.a6-dashboard-grid{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.a6-track-inner{grid-template-columns:190px minmax(0,1fr)}.a6-content-inner{padding:14px 16px}.a6-track-content h3{font-size:19px}.a7-unified-side .a5-widget{padding:17px 15px}}
@media(max-width:1100px){.a5-dashboard-grid,.a6-dashboard-grid{grid-template-columns:minmax(0,1fr)}.a7-unified-side,.a5-side.a7-unified-side{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px!important}.a6-track-inner{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:870px){.a6-feature-row{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible!important;scroll-snap-type:none!important}.a5-topbar-inner{grid-template-columns:auto minmax(0,1fr) auto}.a5-brand .a7-wordmark{width:109px;height:52px}}
@media(max-width:650px){
 .a5-topbar-inner{height:60px;gap:7px;grid-template-columns:auto minmax(0,1fr)}
 .a5-brand .a7-wordmark{width:89px;height:49px}
 .a6-welcome{padding:18px 18px;min-height:unset;border-radius:13px}
 .a6-welcome h1{font-size:19px}
 .a6-welcome p{font-size:10px}
 .a6-featured{padding:12px}
 .a6-feature-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .a6-feature-image{aspect-ratio:.84}
 .a6-feature-meta strong{font-size:12px}
 .a5-dashboard-grid,.a6-dashboard-grid{display:flex;flex-direction:column;gap:15px}
 .a7-unified-side,.a5-side.a7-unified-side{display:flex!important;flex-direction:column!important;width:100%}
 .a6-track-inner{grid-template-columns:130px minmax(0,1fr);padding:10px;min-height:0}
 .a6-track-content{margin-right:9px}
 .a6-content-inner{padding:10px}
 .a6-track-content h3{font-size:15px}
 .a6-track-artist{font-size:11px}
 .a6-track-intro{font-size:10px;line-height:1.8;-webkit-line-clamp:2}
 .a6-track-verse{font-size:10px;padding:6px 8px;-webkit-line-clamp:2}
 .a6-track-controls{flex-wrap:wrap;padding:10px}
 .a6-homeplay{flex-basis:100%;width:100%}
 .a6-track-links{justify-content:flex-end;width:100%;margin-right:0}
 .a5-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 .a5-footer-about{grid-column:1/-1}
 .a5-body .mz-playlist-heading{padding:19px 16px;flex-wrap:wrap}
 .a5-body .mz-playlist-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:385px){.a6-track-inner{grid-template-columns:110px minmax(0,1fr)}.a6-track-content h3{font-size:14px}.a6-new-tag{font-size:9px}.a6-post-date{font-size:8px}}
