:root{
  --radius:.9rem;
  --background:oklch(0.19 0.045 255);
  --foreground:oklch(0.97 0.01 90);
  --surface:oklch(0.23 0.05 255);
  --surface-elevated:oklch(0.27 0.055 255);
  --primary:oklch(0.85 0.17 92);
  --primary-foreground:oklch(0.19 0.045 255);
  --muted-foreground:oklch(0.72 0.03 250);
  --accent:oklch(0.68 0.19 55);
  --border:oklch(1 0 0 / 10%);
  --sidebar:oklch(0.16 0.04 255);
  --sidebar-accent:oklch(0.25 0.05 255);
  --sidebar-width:17rem;
  --gradient-hero:linear-gradient(135deg,oklch(0.19 0.045 255) 0%,oklch(0.24 0.06 250) 50%,oklch(0.32 0.09 60) 100%);
  --gradient-gold:linear-gradient(90deg,oklch(0.85 0.17 92),oklch(0.72 0.18 55));
  --shadow-gold:0 10px 40px -12px oklch(0.85 0.17 92 / .4);
  --shadow-elevated:0 20px 50px -20px oklch(0 0 0 / .6);
  color-scheme:dark;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background)}body{margin:0;background:var(--background);color:var(--foreground);font-family:"Fira Sans",ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 22% 8%,oklch(0.85 0.17 92 / .08),transparent 32rem),radial-gradient(circle at 82% 88%,oklch(0.68 0.19 55 / .08),transparent 30rem);z-index:-1}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.music-app{display:flex;min-height:100vh;width:100%}.sidebar{position:sticky;top:0;width:var(--sidebar-width);height:100vh;display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--border);z-index:50}.sidebar-header{padding:1rem}.brand{display:flex;align-items:center;gap:.75rem}.brand-mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.75rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-foreground);box-shadow:var(--shadow-gold)}.brand-mark svg{width:1.25rem;height:1.25rem}.brand-copy{min-width:0;line-height:1}.brand-copy strong{display:block;font-family:"DM Serif Display",serif;font-size:1.15rem;font-weight:400;color:var(--foreground);white-space:nowrap}.brand-copy strong span,.text-gradient-gold{background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-copy small{display:block;margin-top:.25rem;font-size:.63rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap}.sidebar-content{flex:1;overflow:auto;padding:.5rem}.side-group{margin-bottom:1.25rem}.side-group h2{margin:.5rem .75rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground)}.side-link{display:flex;align-items:center;gap:.75rem;height:2.25rem;padding:0 .75rem;border-radius:.6rem;color:var(--muted-foreground);font-size:.9rem;font-weight:500;transition:.18s}.side-link svg{width:1rem;height:1rem;flex:0 0 auto}.side-link:hover,.side-link.active{background:var(--sidebar-accent);color:var(--foreground)}.side-link.active{color:var(--primary)}.sidebar-footer{padding:1rem}.preserve-card{border:1px solid var(--border);background:oklch(1 0 0 / .04);border-radius:1rem;padding:.85rem;color:var(--muted-foreground);font-size:.78rem}.preserve-card strong{display:block;margin-bottom:.3rem;font-family:"DM Serif Display",serif;font-size:1rem;font-weight:400;color:var(--foreground)}.preserve-card p{margin:0;line-height:1.5}.main-shell{min-width:0;flex:1}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-bottom:1px solid oklch(1 0 0 / 5%);background:oklch(0.19 0.045 255 / .7);backdrop-filter:blur(18px)}.sidebar-trigger{display:none;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:.65rem;background:transparent;color:var(--foreground)}.sidebar-trigger:hover{background:oklch(1 0 0 / .06)}.sidebar-trigger svg{width:1.15rem;height:1.15rem}.search-wrap{position:relative;flex:1;max-width:36rem}.search-icon{position:absolute;left:.75rem;top:50%;width:1rem;height:1rem;transform:translateY(-50%);color:var(--muted-foreground);pointer-events:none}.search-input{width:100%;height:2.5rem;border:1px solid oklch(1 0 0 / 10%);border-radius:.75rem;background:oklch(1 0 0 / 5%);color:var(--foreground);padding:0 3.25rem 0 2.25rem;outline:0}.search-input::placeholder{color:var(--muted-foreground)}.search-input:focus{border-color:oklch(0.85 0.17 92 / 50%);box-shadow:0 0 0 3px oklch(0.85 0.17 92 / 12%)}.search-wrap kbd{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:.2rem;border:1px solid oklch(1 0 0 / 10%);background:oklch(1 0 0 / 5%);border-radius:.4rem;padding:.15rem .38rem;font-size:.62rem;color:var(--muted-foreground)}.search-wrap kbd svg{width:.72rem;height:.72rem}.language-badge{margin-left:auto;border:1px solid oklch(1 0 0 / 10%);background:oklch(1 0 0 / 5%);border-radius:999px;padding:.38rem .6rem;font-size:.78rem;color:var(--muted-foreground)}.page-content{padding-bottom:10rem}.hero-panel{position:relative;overflow:hidden;margin:1.5rem;border:1px solid oklch(1 0 0 / 10%);border-radius:1.5rem;background:var(--gradient-hero);box-shadow:var(--shadow-elevated);padding:2.5rem}.hero-pattern-one{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(circle at 20% 20%,oklch(0.85 0.17 92 / .35),transparent 40%),radial-gradient(circle at 80% 70%,oklch(0.68 0.19 55 / .3),transparent 45%)}.hero-pattern-two{position:absolute;right:-2.5rem;top:0;width:50%;height:100%;opacity:.3;background-image:repeating-linear-gradient(45deg,oklch(0.85 0.17 92 / .15) 0 2px,transparent 2px 14px)}.hero-copy{position:relative;max-width:42rem}.pill{display:inline-flex;align-items:center;gap:.5rem;margin:0;border:1px solid oklch(0.85 0.17 92 / 30%);background:oklch(0.85 0.17 92 / 10%);color:var(--primary);border-radius:999px;padding:.35rem .75rem;font-size:.78rem;font-weight:600}.pill svg{width:.88rem;height:.88rem}.hero-copy h1{margin:1.25rem 0 0;font-family:"DM Serif Display",serif;font-size:clamp(2.5rem,7vw,4rem);font-weight:400;line-height:1.05;letter-spacing:-.01em}.hero-copy h1 span{background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:36rem;margin:1rem 0 0;color:var(--muted-foreground);font-size:1rem;line-height:1.65}.stat-row,.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.stat-row span{display:inline-flex;align-items:center;gap:.5rem;border:1px solid oklch(1 0 0 / 10%);background:oklch(1 0 0 / 5%);border-radius:999px;padding:.45rem .75rem;font-size:.78rem;color:var(--muted-foreground)}.stat-row svg{width:.9rem;height:.9rem;color:var(--primary)}.stat-row strong{color:var(--foreground)}.gold-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:999px;padding:.66rem 1.2rem;font-size:.88rem;font-weight:700;transition:.18s}.gold-btn{background:linear-gradient(90deg,var(--primary),var(--accent));color:var(--primary-foreground);box-shadow:var(--shadow-gold)}.gold-btn:hover,.ghost-btn:hover{transform:scale(1.02)}.ghost-btn{border:1px solid oklch(1 0 0 / 15%);background:oklch(1 0 0 / 5%);color:var(--foreground)}.gold-btn svg,.ghost-btn svg{width:1rem;height:1rem}.section{padding:2rem 1.5rem 0}.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem}.section-head p{margin:0;color:var(--primary);font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.section-head h2{margin:.1rem 0 0;font-family:"DM Serif Display",serif;font-size:clamp(1.65rem,3vw,2rem);font-weight:400;line-height:1.1}.section-head small{display:block;margin-top:.2rem;color:var(--muted-foreground);font-size:.8rem}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem}.category-card{position:relative;overflow:hidden;border:1px solid oklch(1 0 0 / 10%);border-radius:1rem;background:linear-gradient(135deg,oklch(0.85 0.17 92 / .14),oklch(0.68 0.19 55 / .06));padding:1.2rem;text-align:left;color:var(--foreground);transition:.18s}.category-card:nth-child(2n){background:linear-gradient(135deg,oklch(0.68 0.19 55 / .14),oklch(0.85 0.17 92 / .06))}.category-card:nth-child(3n){background:linear-gradient(135deg,oklch(0.72 0.16 160 / .14),oklch(0.55 0.13 240 / .07))}.category-card:hover,.category-card.active{border-color:oklch(0.85 0.17 92 / 45%);transform:translateY(-1px)}.category-card::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,oklch(0.85 0.17 92 / 45%),transparent);opacity:0}.category-card:hover::after,.category-card.active::after{opacity:1}.category-card svg{width:1rem;height:1rem;color:var(--primary)}.category-card strong{display:block;margin-top:1rem;font-family:"DM Serif Display",serif;font-size:1.28rem;font-weight:400}.category-card span{font-size:.78rem;color:var(--muted-foreground)}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.featured-card{position:relative;overflow:hidden;border:1px solid oklch(1 0 0 / 10%);border-radius:1rem;background:var(--surface);padding:1rem;transition:.18s}.featured-card:hover,.featured-card.active{border-color:oklch(0.85 0.17 92 / 45%)}.featured-card.active{box-shadow:var(--shadow-gold)}.featured-art{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border-radius:.75rem;background:linear-gradient(135deg,oklch(0.85 0.17 92 / .25),oklch(0.68 0.19 55 / .15),var(--surface-elevated))}.featured-art::before{content:"";position:absolute;inset:0;opacity:.4;background-image:repeating-linear-gradient(45deg,oklch(1 0 0 / .06) 0 2px,transparent 2px 10px)}.featured-art span{font-family:"DM Serif Display",serif;font-size:4rem;color:oklch(0.85 0.17 92 / .6);z-index:1}.card-play{position:absolute;right:.75rem;bottom:.75rem;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-foreground);box-shadow:var(--shadow-gold);z-index:2}.card-play svg{width:1.25rem;height:1.25rem;fill:currentColor}.featured-meta{display:flex;align-items:flex-start;gap:.75rem;margin-top:.75rem}.featured-meta div{min-width:0;flex:1}.featured-meta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"DM Serif Display",serif;font-size:1.18rem;font-weight:400}.featured-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);font-size:.78rem}.badge{display:inline-flex;align-items:center;border:1px solid oklch(0.85 0.17 92 / 30%);background:oklch(0.85 0.17 92 / 10%);color:var(--primary);border-radius:999px;padding:.25rem .5rem;font-size:.7rem;font-weight:700;white-space:nowrap}.archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:1.5rem;padding:2.5rem 1.5rem 0}.archive-head{align-items:center}.filter-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.38rem}.filter-btn{border:1px solid oklch(1 0 0 / 10%);background:oklch(1 0 0 / 5%);color:var(--muted-foreground);border-radius:999px;padding:.3rem .75rem;font-size:.72rem;transition:.18s}.filter-btn:hover{color:var(--foreground)}.filter-btn.active{border-color:oklch(0.85 0.17 92 / 60%);background:oklch(0.85 0.17 92 / 15%);color:var(--primary)}.song-list{list-style:none;margin:1rem 0 0;padding:0;overflow:hidden;border:1px solid oklch(1 0 0 / 10%);border-radius:1rem;background:oklch(0.23 0.05 255 / .4)}.song-row{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto auto auto;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid oklch(1 0 0 / 5%);transition:.18s}.song-row:last-child{border-bottom:0}.song-row:hover,.song-row.active{background:oklch(1 0 0 / 5%)}.song-row.active .song-title{color:var(--primary)}.row-play{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:0;border-radius:.6rem;background:oklch(1 0 0 / 5%);color:var(--muted-foreground);transition:.18s}.row-play svg{display:none;width:1rem;height:1rem;fill:currentColor}.row-play:hover,.song-row.active .row-play{background:var(--primary);color:var(--primary-foreground)}.row-play:hover span,.song-row.active .row-play span{display:none}.row-play:hover svg,.song-row.active .row-play svg{display:block}.song-main{display:flex;min-width:0;align-items:center;gap:.75rem}.song-initial{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex:0 0 auto;border-radius:.6rem;background:linear-gradient(135deg,oklch(0.85 0.17 92 / .25),oklch(0.68 0.19 55 / .15));font-family:"DM Serif Display",serif;color:var(--primary)}.song-copy{min-width:0}.song-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600}.song-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);font-size:.75rem}.row-like,.row-more,.player-controls button,.player-modes button,.like-player{display:grid;place-items:center;border:0;background:transparent;color:var(--muted-foreground);border-radius:999px;transition:.18s}.row-like,.row-more{width:2rem;height:2rem}.row-like:hover,.row-more:hover,.row-like.liked,.like-player.liked{color:var(--primary)}.row-like svg,.row-more svg{width:1rem;height:1rem}.row-like.liked svg,.like-player.liked svg{fill:currentColor}.duration{font-size:.75rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.archive-side{display:grid;gap:1rem;align-content:start}.artist-panel{border:1px solid oklch(1 0 0 / 10%);border-radius:1rem;background:oklch(0.23 0.05 255 / .4);padding:1rem}.section-head.compact h2{font-size:1.25rem}.artist-list{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.25rem}.artist-item{display:flex;align-items:center;gap:.75rem;border-radius:.75rem;padding:.5rem;transition:.18s}.artist-item:hover{background:oklch(1 0 0 / 5%)}.artist-avatar{display:grid;place-items:center;width:2.25rem;height:2.25rem;flex:0 0 auto;border-radius:999px;background:linear-gradient(135deg,oklch(0.85 0.17 92 / .3),oklch(0.68 0.19 55 / .2));font-family:"DM Serif Display",serif;color:var(--primary)}.artist-item div:last-child{min-width:0}.artist-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:500}.artist-item small{display:block;color:var(--muted-foreground);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.contribute-panel{border:1px solid oklch(0.85 0.17 92 / 20%);border-radius:1rem;background:linear-gradient(135deg,oklch(0.85 0.17 92 / .1),oklch(0.68 0.19 55 / .05));padding:1rem}.contribute-panel h2{margin:0;font-family:"DM Serif Display",serif;font-size:1.35rem;font-weight:400}.contribute-panel p{margin:.35rem 0 0;color:var(--muted-foreground);font-size:.78rem;line-height:1.55}.contribute-panel a{display:flex;justify-content:center;margin-top:.85rem;border-radius:.75rem;background:var(--primary);color:var(--primary-foreground);padding:.6rem .75rem;font-size:.86rem;font-weight:700}.empty-state{padding:2rem;text-align:center;color:var(--muted-foreground);font-size:.88rem}.music-player{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:0 .5rem .5rem;pointer-events:none}.player-card{max-width:72rem;margin:0 auto;border:1px solid oklch(1 0 0 / 10%);border-radius:1rem;background:oklch(0.27 0.055 255 / .9);box-shadow:var(--shadow-elevated);backdrop-filter:blur(18px);overflow:hidden;pointer-events:auto}.player-top-progress{height:.25rem;background:oklch(1 0 0 / 5%)}.player-top-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .1s}.player-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;padding:1rem}.player-song{display:flex;align-items:center;min-width:0;gap:.75rem}.player-art{display:grid;place-items:center;width:3.5rem;height:3.5rem;flex:0 0 auto;border-radius:.85rem;background:linear-gradient(135deg,oklch(0.85 0.17 92 / .3),oklch(0.68 0.19 55 / .2));font-family:"DM Serif Display",serif;font-size:1.25rem;color:var(--primary)}.player-art.playing{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.04);filter:brightness(1.15)}}.player-copy{min-width:0}.player-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}.player-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);font-size:.76rem}.player-copy span{display:block;margin-top:.12rem;color:var(--muted-foreground);font-size:.65rem}.like-player{margin-left:auto;width:2.25rem;height:2.25rem}.like-player svg{width:1rem;height:1rem}.player-controls{display:flex;align-items:center;justify-content:center;gap:.35rem}.player-controls button{width:2.2rem;height:2.2rem}.player-controls button:hover,.player-modes button:hover{background:oklch(1 0 0 / 5%);color:var(--foreground)}.player-controls svg{width:1rem;height:1rem}.play-main{width:3rem!important;height:3rem!important;background:linear-gradient(135deg,var(--primary),var(--accent))!important;color:var(--primary-foreground)!important;box-shadow:var(--shadow-gold)}.play-main:hover{transform:scale(1.05)}.play-main svg{width:1.25rem;height:1.25rem;fill:currentColor}.player-extra{display:flex;align-items:center;justify-content:flex-end;gap:.7rem}.player-extra span{color:var(--muted-foreground);font-size:.75rem;font-variant-numeric:tabular-nums}input[type=range]{accent-color:var(--primary)}#progressRange{width:min(10rem,100%);height:.35rem}.player-modes{display:flex;align-items:center;gap:.45rem}.player-modes button{width:1.9rem;height:1.9rem}.player-modes button.active{color:var(--primary)}.player-modes svg{width:.9rem;height:.9rem;color:var(--muted-foreground)}#volumeRange{width:5rem}.mobile-scrim{position:fixed;inset:0;background:oklch(0 0 0 / .55);z-index:45}.mobile-scrim:not([hidden]){display:block}@media(max-width:1100px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-layout{grid-template-columns:1fr}.archive-side{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.sidebar{position:fixed;left:0;transform:translateX(-105%);transition:transform .22s}.music-app.sidebar-open .sidebar{transform:translateX(0)}.sidebar-trigger{display:grid}.topbar{padding:.75rem}.language-badge,.search-wrap kbd{display:none}.hero-panel{margin:1rem;padding:1.5rem}.hero-pattern-two{display:none}.section,.archive-layout{padding-left:1rem;padding-right:1rem}.featured-grid,.archive-side{grid-template-columns:1fr}.song-row{grid-template-columns:2.5rem minmax(0,1fr) auto}.song-row .badge,.row-like{display:none}.player-grid{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding:.75rem}.player-extra{grid-column:1/-1;justify-content:stretch}.player-modes{display:none}#progressRange{flex:1;width:auto}.desktop-only{display:none!important}}@media(max-width:560px){.topbar{gap:.5rem}.search-input{height:2.35rem}.hero-copy h1{font-size:2.55rem}.hero-actions .gold-btn,.hero-actions .ghost-btn{width:100%}.category-grid{grid-template-columns:1fr}.section-head{grid-template-columns:1fr}.filter-row{justify-content:flex-start;margin-top:.75rem}.featured-meta{display:block}.featured-meta .badge{margin-top:.5rem}.player-art{width:3rem;height:3rem}.like-player{display:none}.player-card{border-radius:.9rem}.music-player{padding:0 .35rem .35rem}}

/* Responsive fixes + restored transparent glass player bar */
body{overflow-x:hidden}.main-shell{width:100%;max-width:100%;overflow-x:hidden}.page-content{padding-bottom:18rem}.song-row{grid-template-columns:2.5rem minmax(0,1fr) auto auto auto auto}.row-more{display:grid}.music-player{left:50%;right:auto;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 16px);max-width:440px;padding:0;z-index:5000}.player-card{max-width:none;width:100%;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:linear-gradient(125deg,rgba(4,26,43,.72),rgba(13,58,82,.68)),url('/assets/images/music/Cultural-home.png') center/cover no-repeat;box-shadow:0 28px 75px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.15);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);overflow:hidden;color:#fff}.player-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 16% 4%,rgba(255,212,0,.10),transparent 30%),radial-gradient(circle at 88% 100%,rgba(61,151,167,.12),transparent 36%)}.player-card{position:relative;isolation:isolate}.player-top-progress{height:6px;background:rgba(255,255,255,.14)}.player-top-progress span{background:linear-gradient(90deg,#ffd400,#f0a733)}.player-grid{display:grid;grid-template-columns:1fr;gap:9px;padding:12px 13px calc(12px + env(safe-area-inset-bottom))}.player-song{display:grid;grid-template-columns:51px minmax(0,1fr) auto;gap:9px}.player-art{width:51px;height:51px;border-radius:15px;background:rgba(255,255,255,.12);box-shadow:0 10px 28px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.13);color:#ffd400}.player-copy strong{color:#fff;font-size:.92rem;font-weight:850;line-height:1.15}.player-copy small{color:rgba(255,255,255,.68);font-size:.64rem}.player-copy span{color:rgba(255,255,255,.58);font-size:.55rem;font-weight:700}.like-player{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.7)}.player-controls{display:grid;grid-template-columns:40px 44px 58px 44px 40px;justify-content:center;gap:6px}.player-controls button,.player-modes button{border-radius:13px;background:rgba(255,255,255,.075);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);color:#fff}.player-controls button{width:40px;height:40px}.player-controls button:hover,.player-modes button:hover{background:rgba(255,255,255,.16);color:#fff}.play-main{width:58px!important;height:58px!important;border-radius:19px!important;background:#ffd400!important;color:#0a2943!important;box-shadow:0 13px 28px rgba(0,0,0,.34),0 0 0 5px rgba(255,212,0,.08)!important}.player-extra{justify-content:stretch;gap:7px}.player-extra span{min-width:35px;color:rgba(255,255,255,.69);font-size:.62rem;font-weight:650}.player-extra span:last-of-type{text-align:right}.player-extra input[type=range]{accent-color:#ffd400}#progressRange{flex:1;width:auto;height:26px}.player-modes{display:flex;border-top:1px solid rgba(255,255,255,.10);padding-top:7px;justify-content:flex-end}.player-modes button.active{color:#ffd400}.player-modes svg{color:rgba(255,255,255,.68)}#volumeRange{width:min(72px,18vw)}
@media(min-width:640px){.page-content{padding-bottom:16rem}.music-player{bottom:18px;max-width:670px}.player-card{border-radius:28px}.player-grid{gap:15px;padding:18px 22px}.player-song{grid-template-columns:66px minmax(0,1fr) auto;gap:15px}.player-art{width:66px;height:66px;border-radius:19px}.player-copy strong{font-size:1.08rem}.player-copy small{font-size:.72rem}.player-controls{grid-template-columns:46px 46px 66px 46px 46px;gap:13px}.player-controls button{width:46px;height:46px;border-radius:15px}.play-main{width:66px!important;height:66px!important;border-radius:22px!important}.player-extra span{font-size:.66rem}#volumeRange{width:94px}}
@media(min-width:992px){.page-content{padding-bottom:14rem}.music-player{left:calc(var(--sidebar-width) + (100% - var(--sidebar-width))/2);bottom:22px;width:min(960px,calc(100% - var(--sidebar-width) - 58px));max-width:none}.player-card{border-radius:30px}.player-grid{grid-template-columns:minmax(250px,1fr) minmax(390px,1.55fr);grid-template-areas:"now controls" "progress extra";align-items:center;column-gap:30px;row-gap:14px;padding:21px 26px}.player-song{grid-area:now;grid-template-columns:72px minmax(0,1fr) auto}.player-art{width:72px;height:72px;border-radius:20px}.player-copy strong{font-size:1.16rem}.player-controls{grid-area:controls;grid-template-columns:48px 48px 68px 48px 48px;gap:15px}.player-controls button{width:48px;height:48px}.play-main{width:68px!important;height:68px!important}.player-extra{grid-area:progress;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:9px}.player-modes{grid-area:extra;border-top:0;padding-top:0;justify-content:center;gap:8px}#volumeRange{width:110px}}
@media(max-width:1100px){.song-row{grid-template-columns:2.5rem minmax(0,1fr) auto auto auto auto}.archive-layout{gap:1rem}.hero-panel{margin:1rem}}
@media(max-width:850px){.music-app{display:block}.main-shell{min-height:100vh}.topbar{position:sticky;top:0}.hero-panel{border-radius:1.25rem}.hero-copy h1{font-size:clamp(2.35rem,12vw,3.25rem)}.stat-row span{flex:1 1 auto;justify-content:center}.song-row{grid-template-columns:2.5rem minmax(0,1fr) auto;gap:.6rem;padding:.7rem}.song-row .badge,.row-like,.row-more{display:none}.duration{font-size:.7rem}.artist-panel,.contribute-panel{padding:.85rem}.sidebar{width:min(82vw,19rem)}}
@media(max-width:560px){.page-content{padding-bottom:16.5rem}.topbar{padding:.65rem}.hero-panel{margin:.75rem;padding:1.15rem;border-radius:1.1rem}.pill{font-size:.68rem}.hero-text{font-size:.92rem}.section,.archive-layout{padding-left:.75rem;padding-right:.75rem}.category-card{padding:1rem}.featured-card{padding:.8rem}.song-initial{display:none}.song-main{gap:.5rem}.player-controls{grid-template-columns:36px 40px 54px 40px 36px;gap:4px}.player-controls button{width:36px;height:36px}.desktop-only{display:grid!important;width:40px!important;height:40px!important}.play-main{width:54px!important;height:54px!important}.player-song{grid-template-columns:49px minmax(0,1fr)}.like-player{display:none}.player-art{width:49px;height:49px}.player-card{border-radius:23px}.music-player{width:calc(100% - 12px);bottom:max(6px,env(safe-area-inset-bottom))}}
@media(max-width:370px){.player-controls{grid-template-columns:34px 38px 52px 38px 34px}.player-controls button{width:34px;height:34px}.desktop-only{width:38px!important;height:38px!important}.play-main{width:52px!important;height:52px!important}.player-copy strong{font-size:.84rem}.player-copy small{font-size:.58rem}.player-extra span{min-width:31px;font-size:.56rem}}

.featured-grid{grid-template-columns:repeat(auto-fit,minmax(176px,210px));justify-content:start}.featured-card{max-width:210px;padding:0;overflow:hidden}.featured-art{height:auto;aspect-ratio:629/699;background:#fff;overflow:hidden;border-radius:inherit}.music-card-logo{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#fff;box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.2)}.featured-meta{padding:.85rem}.music-row-logo{width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#fff}.song-initial{overflow:hidden}.featured-art span{display:none!important}@media(max-width:560px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card{max-width:none}.song-initial{display:grid!important}}

@media(max-width:560px){.page-content{padding-bottom:13.25rem}.music-player{width:calc(100% - 10px);bottom:max(5px,env(safe-area-inset-bottom));max-height:calc(100dvh - 10px)}.player-grid{gap:7px;padding:9px 10px calc(10px + env(safe-area-inset-bottom))}.player-song{grid-template-columns:44px minmax(0,1fr);gap:8px}.player-art{width:44px;height:44px;border-radius:13px}.player-copy strong{font-size:.88rem}.player-copy small{font-size:.6rem}.player-copy span{font-size:.52rem}.player-controls{grid-template-columns:42px 56px 42px;justify-content:center;gap:10px}.player-controls button{width:42px;height:42px}.play-main{width:56px!important;height:56px!important}.desktop-only{display:none!important}.player-extra{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;width:100%;gap:6px}.player-extra span{font-size:.58rem;min-width:0;text-align:center}#progressRange{width:100%;min-width:0}.player-modes{display:none}.like-player{display:none}}
@media(max-width:370px){.page-content{padding-bottom:12.25rem}.player-grid{padding:8px 9px calc(9px + env(safe-area-inset-bottom))}.player-song{grid-template-columns:40px minmax(0,1fr)}.player-art{width:40px;height:40px}.player-controls{grid-template-columns:38px 52px 38px;gap:8px}.player-controls button{width:38px;height:38px}.play-main{width:52px!important;height:52px!important}.player-copy strong{font-size:.8rem}.player-copy small{font-size:.56rem}}

.row-play{background:linear-gradient(135deg,var(--primary),var(--accent))!important;color:var(--primary-foreground)!important;box-shadow:0 10px 24px rgba(0,0,0,.28)}.row-play span{display:none!important}.row-play svg{display:block!important;width:1rem;height:1rem;fill:currentColor}.song-main{border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;border-radius:.85rem;padding:.25rem;transition:.18s}.song-main:hover,.song-main:focus-visible{background:rgba(255,255,255,.06);outline:0}.song-main:hover .song-title,.song-main:focus-visible .song-title{color:var(--primary)}.song-copy{display:grid;gap:.16rem}

.archive-head{display:block!important}.archive-head>div{position:relative;z-index:2}.archive-head h2{display:inline-block;position:relative;z-index:2;background:var(--background);padding-right:.45rem}.archive-head .filter-row{position:relative;z-index:1;justify-content:flex-start;margin-top:.85rem;max-width:100%}.archive-head .filter-btn{margin-bottom:.25rem}

.submit-music-cta{min-height:3.1rem;padding:.88rem 1.45rem!important;border-color:oklch(0.85 0.17 92 / 55%)!important;background:linear-gradient(135deg,oklch(0.85 0.17 92 / .22),oklch(0.68 0.19 55 / .16))!important;color:#ffd400!important;font-size:1rem;font-weight:850;box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 34px rgba(255,212,0,.16)}.submit-music-cta svg{width:1.18rem!important;height:1.18rem!important}.submit-music-cta:hover{border-color:oklch(0.85 0.17 92 / 80%)!important;background:linear-gradient(135deg,oklch(0.85 0.17 92 / .32),oklch(0.68 0.19 55 / .22))!important;color:#ffe88a!important}

.artist-button{display:flex;align-items:center;gap:.75rem;width:100%;border:0;background:transparent;color:inherit;text-align:left;border-radius:.75rem;padding:0;cursor:pointer}.artist-item.active,.artist-item:hover{background:oklch(0.85 0.17 92 / 12%)}.artist-item.active .artist-avatar{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-foreground);box-shadow:var(--shadow-gold)}.artist-item.active strong{color:var(--primary)}

/* Phase 9D3R: Music-page theme + Dinkaara brand + artist-playlist + visualizer overlays. */
/* Theme templates ported from afar-culture-music-complete-project/src/data/themeData.ts. */
html[data-music-theme="afar-original"]{--background:#041d1a;--foreground:#fef3c7;--surface:#0d3833;--surface-elevated:#134a43;--primary:#f59e0b;--primary-foreground:#041d1a;--muted-foreground:rgba(153,246,228,.70);--accent:#2dd4bf;--border:rgba(20,184,166,.25);--sidebar:#041d1a;--sidebar-accent:#0a2e2a;--gradient-hero:linear-gradient(135deg,#041d1a 0%,#0a2e2a 52%,#0d3833 100%);--gradient-gold:linear-gradient(90deg,#f59e0b,#2dd4bf);--shadow-gold:0 10px 40px -12px rgba(245,158,11,.40);--theme-glass:rgba(4,29,26,.85);--theme-card:rgba(13,56,51,.85)}
html[data-music-theme="danakil-gold"]{--background:#0c0a09;--foreground:#fef3c7;--surface:#1c1917;--surface-elevated:#292524;--primary:#f59e0b;--primary-foreground:#0c0a09;--muted-foreground:rgba(253,230,138,.70);--accent:#fef3c7;--border:rgba(245,158,11,.20);--sidebar:#0c0a09;--sidebar-accent:#1c1917;--gradient-hero:linear-gradient(135deg,#0c0a09 0%,#1c1917 58%,#78350f 100%);--gradient-gold:linear-gradient(90deg,#f59e0b,#fef3c7);--shadow-gold:0 10px 40px -12px rgba(245,158,11,.35);--theme-glass:rgba(28,25,23,.60);--theme-card:rgba(28,25,23,.80)}
html[data-music-theme="red-sea-night"]{--background:#020617;--foreground:#ecfeff;--surface:#0f172a;--surface-elevated:#1e293b;--primary:#06b6d4;--primary-foreground:#020617;--muted-foreground:rgba(165,243,252,.60);--accent:#f43f5e;--border:rgba(6,182,212,.30);--sidebar:#020617;--sidebar-accent:#0f172a;--gradient-hero:linear-gradient(135deg,#020617 0%,#0f172a 56%,#164e63 100%);--gradient-gold:linear-gradient(90deg,#06b6d4,#f43f5e);--shadow-gold:0 10px 40px -12px rgba(6,182,212,.40);--theme-glass:rgba(15,23,42,.50);--theme-card:rgba(15,23,42,.80)}
html[data-music-theme="tadjoura-light"]{--background:#f8fafc;--foreground:#042f2e;--surface:#ffffff;--surface-elevated:#f1f5f9;--primary:#d97706;--primary-foreground:#ffffff;--muted-foreground:rgba(17,94,89,.70);--accent:#0f766e;--border:rgba(19,78,74,.10);--sidebar:#ffffff;--sidebar-accent:#f1f5f9;--gradient-hero:linear-gradient(135deg,#f8fafc 0%,#ffffff 54%,#ccfbf1 100%);--gradient-gold:linear-gradient(90deg,#d97706,#0f766e);--shadow-gold:0 10px 40px -12px rgba(217,119,6,.30);--shadow-elevated:0 20px 50px -20px rgba(15,23,42,.25);--theme-glass:rgba(255,255,255,.80);--theme-card:rgba(255,255,255,.90);color-scheme:light}
html[data-music-theme="afar-heritage"]{--background:#451a03;--foreground:#fef3c7;--surface:#7c2d12;--surface-elevated:#9a3412;--primary:#f97316;--primary-foreground:#451a03;--muted-foreground:rgba(254,215,170,.80);--accent:#ffedd5;--border:rgba(249,115,22,.30);--sidebar:#451a03;--sidebar-accent:#78350f;--gradient-hero:linear-gradient(135deg,#451a03 0%,#78350f 55%,#9a3412 100%);--gradient-gold:linear-gradient(90deg,#f97316,#ffedd5);--shadow-gold:0 10px 40px -12px rgba(249,115,22,.35);--theme-glass:rgba(69,26,3,.70);--theme-card:rgba(124,45,18,.70)}
html[data-music-theme="minimalist-modern"]{--background:#0a0a0a;--foreground:#f5f5f5;--surface:#171717;--surface-elevated:#262626;--primary:#10b981;--primary-foreground:#0a0a0a;--muted-foreground:#a3a3a3;--accent:#f5f5f5;--border:#262626;--sidebar:#0a0a0a;--sidebar-accent:#171717;--gradient-hero:linear-gradient(135deg,#0a0a0a 0%,#171717 70%,#064e3b 100%);--gradient-gold:linear-gradient(90deg,#10b981,#f5f5f5);--shadow-gold:0 10px 32px -14px rgba(16,185,129,.30);--theme-glass:rgba(23,23,23,.70);--theme-card:rgba(23,23,23,.90)}

body::before{background:radial-gradient(circle at 22% 8%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 32rem),radial-gradient(circle at 82% 88%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 30rem)!important}.sidebar,.topbar,.artist-panel,.contribute-panel{background-color:var(--theme-glass,var(--surface))!important;border-color:var(--border)!important}.hero-panel{background:var(--gradient-hero)!important;border-color:var(--border)!important;box-shadow:var(--shadow-elevated)!important}.category-card,.featured-card,.song-row,.artist-item,.filter-btn,.search-wrap{background:var(--theme-card,var(--surface))!important;border-color:var(--border)!important}.section-head p,.pill,.badge,.filter-btn.active,.side-link.active,.language-badge{color:var(--primary)!important}.gold-btn,.card-play,.brand-mark{background:linear-gradient(135deg,var(--primary),var(--accent))!important;color:var(--primary-foreground)!important;box-shadow:var(--shadow-gold)!important}.ghost-btn,.submit-music-cta{border-color:color-mix(in srgb,var(--primary) 55%,transparent)!important;color:var(--foreground)!important}

body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important}.brand-copy strong,.hero-copy h1,.section-head h2{font-family:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif!important}::selection{background:#f59e0b;color:#0c0a09}

/* Player fallback styling; final Afar UI package rules below set the requested fabric background. */
.music-player .player-card{border:1px solid rgba(255,255,255,.16)!important;background:linear-gradient(125deg,rgba(4,26,43,.72),rgba(13,58,82,.68)),url('/assets/images/music/Cultural-home.png') center/cover no-repeat!important;box-shadow:0 28px 75px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.15)!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important;color:#fff!important}.music-player .player-card::before{background:radial-gradient(circle at 16% 4%,rgba(255,212,0,.10),transparent 30%),radial-gradient(circle at 88% 100%,rgba(61,151,167,.12),transparent 36%)!important}.music-player .player-top-progress{background:rgba(255,255,255,.14)!important}.music-player .player-top-progress span{background:linear-gradient(90deg,#ffd400,#f0a733)!important}.music-player .play-main{background:#ffd400!important;color:#0a2943!important;box-shadow:0 13px 28px rgba(0,0,0,.34),0 0 0 5px rgba(255,212,0,.08)!important}.music-player .player-art{background:rgba(255,255,255,.12)!important;color:#ffd400!important}.music-player .player-copy strong{color:#fff!important}.music-player .player-copy small{color:rgba(255,255,255,.68)!important}.music-player .player-copy span{color:rgba(255,255,255,.58)!important}.music-player .like-player{background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.7)!important}

/* Afar UI/UX developer package: fabric background, amber/crimson/emerald palette, and expanded glass audio bar. */
:root,html[data-music-theme="afar-original"]{--background:#0a0c10;--foreground:#fff7ed;--surface:rgba(10,12,16,.72);--surface-elevated:rgba(24,18,15,.86);--primary:#f59e0b;--primary-foreground:#0a0c10;--muted-foreground:rgba(255,237,213,.72);--accent:#10b981;--crimson:#dc2626;--afar-amber:#d97706;--border:rgba(245,158,11,.24);--sidebar:rgba(10,12,16,.86);--sidebar-accent:rgba(220,38,38,.18);--gradient-hero:linear-gradient(135deg,rgba(10,12,16,.88),rgba(127,29,29,.68) 48%,rgba(120,53,15,.76));--gradient-gold:linear-gradient(90deg,#f59e0b,#d97706,#dc2626);--shadow-gold:0 18px 48px -16px rgba(245,158,11,.58);--shadow-elevated:0 26px 80px rgba(0,0,0,.52);--theme-glass:rgba(10,12,16,.78);--theme-card:rgba(24,18,15,.76);color-scheme:dark}
html{background:#0a0c10!important}body{min-height:100vh;background:#0a0c10!important;color:var(--foreground)!important;font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}body::before{background:linear-gradient(180deg,rgba(10,12,16,.74),rgba(10,12,16,.9)),radial-gradient(circle at 20% 12%,rgba(245,158,11,.28),transparent 24rem),radial-gradient(circle at 82% 4%,rgba(220,38,38,.24),transparent 26rem),radial-gradient(circle at 70% 86%,rgba(16,185,129,.15),transparent 28rem),url('/assets/images/music/Cultural-home.png') center/cover fixed no-repeat!important;z-index:-2!important}body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%)}::selection{background:#f59e0b!important;color:#0a0c10!important}
.brand-copy strong,.hero-copy h1,.section-head h2,.contribute-panel h2{font-family:"Playfair Display",ui-serif,Georgia,serif!important;letter-spacing:-.035em}.stat-row strong,.duration,.player-extra span,#archiveHint,#artistHint,kbd{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace!important}.music-app{background:transparent!important}.sidebar{background:linear-gradient(180deg,rgba(10,12,16,.92),rgba(10,12,16,.76))!important;border-right:1px solid rgba(245,158,11,.22)!important;box-shadow:18px 0 60px rgba(0,0,0,.32)!important;backdrop-filter:blur(26px) saturate(135%)!important;-webkit-backdrop-filter:blur(26px) saturate(135%)!important}.sidebar-header{padding:1.15rem 1rem!important}.brand-mark{border-radius:1rem!important;background:linear-gradient(135deg,#f59e0b,#d97706 48%,#dc2626)!important;color:#0a0c10!important;box-shadow:0 0 34px rgba(245,158,11,.42)!important}.brand-copy small,.side-group h2{color:rgba(255,237,213,.62)!important}.side-link{border:1px solid transparent!important;color:rgba(255,237,213,.75)!important}.side-link:hover,.side-link.active{background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(220,38,38,.16))!important;border-color:rgba(245,158,11,.26)!important;color:#fff7ed!important;box-shadow:0 14px 30px rgba(0,0,0,.18)!important}.preserve-card{background:linear-gradient(145deg,rgba(245,158,11,.17),rgba(220,38,38,.14)),url('/assets/images/music/Cultural-home.png') center/cover!important;border-color:rgba(245,158,11,.34)!important;box-shadow:0 22px 60px rgba(0,0,0,.38)!important}.preserve-card p{color:rgba(255,237,213,.78)!important}
.topbar{background:rgba(10,12,16,.74)!important;border-bottom:1px solid rgba(245,158,11,.22)!important;backdrop-filter:blur(24px) saturate(150%)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important}.sidebar-trigger,.search-wrap,.language-badge{background:rgba(10,12,16,.62)!important;border:1px solid rgba(245,158,11,.22)!important;box-shadow:0 18px 50px rgba(0,0,0,.26)!important}.search-input{color:#fff7ed!important}.search-input::placeholder{color:rgba(255,237,213,.54)!important}.search-icon,.language-badge{color:#f59e0b!important}kbd{background:rgba(245,158,11,.14)!important;border:1px solid rgba(245,158,11,.25)!important;color:#fed7aa!important}
.page-content{padding-top:1.3rem!important}.hero-panel{min-height:clamp(25rem,48vw,38rem)!important;margin:1.25rem!important;padding:clamp(1.25rem,5vw,4rem)!important;display:flex!important;align-items:flex-end!important;overflow:hidden!important;background:linear-gradient(105deg,rgba(10,12,16,.86),rgba(127,29,29,.56) 48%,rgba(10,12,16,.64)),url('/assets/images/music/Cultural-home.png') center/cover no-repeat!important;border:1px solid rgba(245,158,11,.32)!important;border-radius:2.25rem!important;box-shadow:0 38px 110px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.14)!important}.hero-panel::after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(to top,rgba(10,12,16,.82),transparent);pointer-events:none}.hero-pattern-one,.hero-pattern-two{background:radial-gradient(circle,rgba(245,158,11,.26),transparent 58%)!important;filter:blur(4px)}.hero-copy{position:relative!important;z-index:2!important;max-width:58rem!important}.pill{width:max-content!important;max-width:100%!important;padding:.55rem .85rem!important;border:1px solid rgba(245,158,11,.34)!important;border-radius:999px!important;background:rgba(10,12,16,.58)!important;color:#fbbf24!important;box-shadow:0 12px 32px rgba(0,0,0,.26)!important;backdrop-filter:blur(16px)!important}.hero-copy h1{font-size:clamp(3.25rem,9vw,8.7rem)!important;line-height:.86!important;max-width:12ch!important;text-shadow:0 16px 44px rgba(0,0,0,.62)!important}.hero-copy h1 span,.text-gradient-gold{background:linear-gradient(90deg,#fbbf24,#f59e0b,#dc2626)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.hero-text{max-width:44rem!important;color:rgba(255,247,237,.84)!important;font-size:clamp(1rem,1.5vw,1.24rem)!important;line-height:1.78!important}.stat-row span{background:rgba(10,12,16,.58)!important;border:1px solid rgba(245,158,11,.24)!important;color:rgba(255,237,213,.78)!important;box-shadow:0 16px 44px rgba(0,0,0,.28)!important;backdrop-filter:blur(16px)!important}.stat-row strong{color:#fbbf24!important}.gold-btn,.ghost-btn{min-height:3.2rem!important;border-radius:999px!important}.gold-btn{background:linear-gradient(135deg,#f59e0b,#d97706 52%,#dc2626)!important;color:#0a0c10!important;box-shadow:0 20px 54px rgba(245,158,11,.36)!important}.ghost-btn{background:rgba(10,12,16,.5)!important;border-color:rgba(245,158,11,.32)!important;color:#fff7ed!important;backdrop-filter:blur(16px)!important}.submit-music-cta{background:linear-gradient(135deg,rgba(220,38,38,.28),rgba(245,158,11,.16))!important;color:#fef3c7!important}
.section,.archive-layout{padding-left:1.25rem!important;padding-right:1.25rem!important}.section-head p{color:#f59e0b!important}.section-head h2{font-size:clamp(2rem,4.5vw,4rem)!important;color:#fff7ed!important}.section-head small{color:rgba(255,237,213,.65)!important}.category-card,.featured-card,.song-row,.artist-panel,.contribute-panel,.artist-item,.filter-btn{background:linear-gradient(145deg,rgba(10,12,16,.76),rgba(24,18,15,.7))!important;border:1px solid rgba(245,158,11,.2)!important;box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(20px) saturate(135%)!important;-webkit-backdrop-filter:blur(20px) saturate(135%)!important}.category-card{min-height:8.75rem!important;align-items:flex-start!important}.category-card svg,.artist-avatar{background:linear-gradient(135deg,#f59e0b,#dc2626)!important;color:#0a0c10!important;box-shadow:0 12px 30px rgba(245,158,11,.25)!important}.category-card strong,.featured-meta strong,.song-title,.artist-item strong,.contribute-panel h2{color:#fff7ed!important}.category-card span,.featured-meta small,.song-artist,.artist-item small,.contribute-panel p{color:rgba(255,237,213,.66)!important}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(190px,240px))!important;gap:1.1rem!important}.featured-card{border-radius:1.45rem!important}.featured-art{background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(220,38,38,.18)),url('/assets/images/music/Cultural-home.png') center/cover!important}.music-card-logo,.music-row-logo{mix-blend-mode:screen;opacity:.9}.card-play,.row-play{background:linear-gradient(135deg,#f59e0b,#d97706,#dc2626)!important;color:#0a0c10!important;box-shadow:0 16px 36px rgba(220,38,38,.28)!important}.song-row{border-radius:1.15rem!important}.song-row.active,.featured-card.active,.category-card.active,.filter-btn.active,.artist-item.active{border-color:rgba(245,158,11,.52)!important;background:linear-gradient(145deg,rgba(245,158,11,.16),rgba(220,38,38,.16),rgba(10,12,16,.74))!important}.badge{background:rgba(245,158,11,.13)!important;border:1px solid rgba(245,158,11,.2)!important;color:#fbbf24!important}.duration{color:#fed7aa!important}.row-like,.row-more,.player-controls button,.player-modes button,.like-player{border:1px solid rgba(245,158,11,.18)!important}.contribute-panel a{background:linear-gradient(135deg,#f59e0b,#dc2626)!important;color:#0a0c10!important;border:0!important;box-shadow:0 18px 42px rgba(220,38,38,.26)!important}
.music-player{bottom:max(12px,env(safe-area-inset-bottom))!important;z-index:5000!important}.music-player .player-card{min-height:112px!important;border:1px solid rgba(245,158,11,.34)!important;border-radius:30px!important;background:linear-gradient(120deg,rgba(0,0,0,.86),rgba(10,12,16,.76)),url('/assets/images/music/Cultural-home.png') center/cover no-repeat!important;box-shadow:0 34px 110px rgba(0,0,0,.72),0 0 46px rgba(245,158,11,.12),inset 0 1px 0 rgba(255,255,255,.16)!important;backdrop-filter:blur(28px) saturate(155%)!important;-webkit-backdrop-filter:blur(28px) saturate(155%)!important}.music-player .player-card::before{background:linear-gradient(90deg,rgba(245,158,11,.14),rgba(220,38,38,.09),rgba(16,185,129,.08))!important}.player-visualizer{position:absolute;inset:6px 12px auto 12px;width:calc(100% - 24px);height:34px;opacity:.44;pointer-events:none;mix-blend-mode:screen}.music-player .player-top-progress{position:relative;z-index:3;height:5px!important;background:rgba(255,255,255,.12)!important}.music-player .player-top-progress span{background:linear-gradient(90deg,#d97706,#ea580c,#ef4444)!important;box-shadow:0 0 18px rgba(245,158,11,.55)!important}.music-player .player-grid{position:relative;z-index:2;min-height:106px!important;align-items:center!important}.music-player .player-art{background:linear-gradient(135deg,rgba(245,158,11,.22),rgba(220,38,38,.2)),url('/assets/images/music/Cultural-home.png') center/cover!important;color:#fbbf24!important;border:1px solid rgba(245,158,11,.28)!important}.music-player .player-copy strong{font-family:"Playfair Display",ui-serif,Georgia,serif!important;color:#fff7ed!important}.music-player .player-copy small,.music-player .player-copy span{color:rgba(255,237,213,.72)!important}.music-player .play-main{background:linear-gradient(135deg,#f59e0b,#d97706 52%,#dc2626)!important;color:#0a0c10!important;box-shadow:0 16px 38px rgba(220,38,38,.32),0 0 0 6px rgba(245,158,11,.11)!important}.music-player .player-controls button:not(.play-main),.music-player .player-modes button,.music-player .like-player{background:rgba(10,12,16,.46)!important;color:rgba(255,237,213,.78)!important;backdrop-filter:blur(10px)!important}.music-player input[type="range"]{accent-color:#f59e0b!important}.music-player .player-extra span{color:#fed7aa!important}.music-player .like-player.liked,.row-like.liked{color:#ef4444!important;border-color:rgba(239,68,68,.4)!important}
@media(min-width:992px){.music-player{bottom:24px!important}.music-player .player-card{min-height:128px!important}.music-player .player-grid{min-height:122px!important;padding-top:28px!important}.player-visualizer{height:42px!important}.page-content{padding-bottom:15.5rem!important}}
@media(max-width:850px){.sidebar{background:rgba(10,12,16,.94)!important}.hero-panel{margin:.8rem!important;border-radius:1.55rem!important;min-height:31rem!important}.topbar{padding:.75rem!important}.section,.archive-layout{padding-left:.8rem!important;padding-right:.8rem!important}.music-player .player-card{border-radius:25px!important}.player-visualizer{height:26px!important;opacity:.3}}
@media(max-width:560px){.page-content{padding-bottom:14rem!important}.hero-copy h1{font-size:clamp(3rem,17vw,4.55rem)!important}.hero-actions{gap:.55rem!important}.gold-btn,.ghost-btn{width:100%;justify-content:center!important}.music-player{width:calc(100% - 10px)!important;bottom:max(5px,env(safe-area-inset-bottom))!important}.music-player .player-card{min-height:132px!important}.music-player .player-grid{min-height:126px!important}.player-visualizer{display:none!important}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Player bar only: make the fixed bar taller so it expands upward. */
.music-player .player-card{min-height:148px!important}.music-player .player-grid{min-height:142px!important;padding-top:20px!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}.player-visualizer{height:44px!important}
@media(min-width:992px){.music-player .player-card{min-height:154px!important}.music-player .player-grid{min-height:148px!important;padding-top:32px!important;padding-bottom:24px!important}.player-visualizer{height:50px!important}}
@media(max-width:560px){.music-player .player-card{min-height:178px!important}.music-player .player-grid{min-height:172px!important;align-content:space-between!important;padding-top:18px!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}}
@media(max-width:370px){.music-player .player-card{min-height:166px!important}.music-player .player-grid{min-height:160px!important}}

/* Final Dinkaara brand package. */
.brand{align-items:center!important}.brand-mark{width:4.8rem!important;height:4.8rem!important;flex:0 0 4.8rem!important;padding:.18rem!important;border-radius:1.25rem!important;background:linear-gradient(145deg,rgba(245,158,11,.28),rgba(10,12,16,.92))!important;border:1px solid rgba(245,158,11,.42)!important;box-shadow:0 18px 42px rgba(0,0,0,.45),0 0 30px rgba(245,158,11,.24)!important;overflow:hidden!important}.brand-mark img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:1rem!important}.brand-copy strong{font-size:1.34rem!important;color:#fff7ed!important}.brand-copy small{margin-top:.42rem!important;font-family:"Playfair Display",ui-serif,Georgia,serif!important;font-size:.78rem!important;font-style:italic!important;letter-spacing:.02em!important;text-transform:none!important;color:#facc15!important}.topbar{gap:1rem!important}.topbar-brand{display:flex!important;align-items:center!important;gap:.78rem!important;min-width:max-content!important;color:#fff7ed!important}.topbar-brand img{width:4.25rem!important;height:4.25rem!important;object-fit:cover!important;border-radius:1.15rem!important;border:1px solid rgba(245,158,11,.42)!important;box-shadow:0 16px 36px rgba(0,0,0,.42),0 0 24px rgba(245,158,11,.22)!important}.topbar-brand strong{display:block!important;font-family:"Playfair Display",ui-serif,Georgia,serif!important;font-size:1.45rem!important;line-height:1!important;letter-spacing:-.035em!important}.topbar-brand em{display:block!important;margin-top:.34rem!important;font-family:"Playfair Display",ui-serif,Georgia,serif!important;font-size:.82rem!important;font-style:italic!important;color:#facc15!important;white-space:nowrap!important}.site-badge{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace!important;font-weight:800!important;letter-spacing:.02em!important;text-transform:none!important}.hero-panel{flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important}.hero-brand-lockup{position:relative!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;width:100%!important;margin-bottom:clamp(1.5rem,4vw,3.25rem)!important;padding:1.05rem 1.25rem!important;border:1px solid rgba(245,158,11,.36)!important;border-radius:1.35rem!important;background:linear-gradient(105deg,rgba(10,12,16,.86),rgba(24,18,15,.66))!important;box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.1)!important;backdrop-filter:blur(22px) saturate(145%)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important}.hero-brand-main{display:flex!important;align-items:center!important;gap:1rem!important;min-width:0!important}.hero-brand-main img{width:5.25rem!important;height:5.25rem!important;object-fit:cover!important;border-radius:1.2rem!important;border:1px solid rgba(245,158,11,.42)!important;box-shadow:0 18px 42px rgba(0,0,0,.48),0 0 26px rgba(245,158,11,.24)!important}.hero-brand-title-row{display:flex!important;align-items:center!important;gap:.65rem!important;flex-wrap:wrap!important}.hero-brand-title-row strong{font-family:"Playfair Display",ui-serif,Georgia,serif!important;font-size:clamp(1.9rem,4vw,3rem)!important;line-height:.95!important;color:#fff7ed!important;letter-spacing:-.045em!important;text-shadow:0 12px 32px rgba(0,0,0,.58)!important}.hero-brand-title-row span{padding:.38rem .7rem!important;border:1px solid rgba(245,158,11,.42)!important;border-radius:999px!important;background:rgba(245,158,11,.13)!important;color:#facc15!important;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:.68rem!important;font-weight:800!important;text-transform:uppercase!important}.hero-brand-main p{margin:.35rem 0 0!important;font-family:"Playfair Display",ui-serif,Georgia,serif!important;font-size:clamp(1.05rem,2vw,1.45rem)!important;font-style:italic!important;color:#facc15!important}.hero-brand-site{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.55rem!important;min-width:max-content!important;padding:.72rem 1rem!important;border:1px solid rgba(245,158,11,.48)!important;border-radius:1rem!important;background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(220,38,38,.14))!important;color:#facc15!important;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace!important;font-weight:800!important;box-shadow:0 16px 44px rgba(0,0,0,.28)!important}.hero-brand-site svg{width:1.05rem!important;height:1.05rem!important}.hero-copy{margin-top:auto!important}.hero-copy h1{max-width:15ch!important;font-size:clamp(3rem,7.8vw,7.4rem)!important}.preserve-card strong{color:#fff7ed!important}.preserve-card p{font-family:"Playfair Display",ui-serif,Georgia,serif!important;font-style:italic!important;color:#facc15!important}
@media(max-width:1100px){.topbar-brand em{display:none!important}.topbar-brand strong{font-size:1.2rem!important}.topbar-brand img{width:3.55rem!important;height:3.55rem!important}.hero-brand-lockup{align-items:flex-start!important;flex-direction:column!important}.hero-brand-site{min-width:0!important;width:max-content!important;max-width:100%!important}}
@media(max-width:850px){.topbar-brand{min-width:0!important}.topbar-brand span{display:none!important}.topbar-brand img{width:2.85rem!important;height:2.85rem!important;border-radius:.9rem!important}.brand-mark{width:4.2rem!important;height:4.2rem!important;flex-basis:4.2rem!important}.hero-brand-main img{width:4.15rem!important;height:4.15rem!important}.hero-brand-title-row strong{font-size:1.8rem!important}.hero-brand-main p{font-size:1rem!important}.hero-brand-lockup{padding:.9rem!important;border-radius:1.1rem!important}}
@media(max-width:560px){.topbar{gap:.55rem!important}.topbar-brand img{width:2.45rem!important;height:2.45rem!important}.site-badge{display:none!important}.hero-brand-lockup{margin-bottom:1rem!important}.hero-brand-main{gap:.75rem!important}.hero-brand-main img{width:3.65rem!important;height:3.65rem!important;border-radius:1rem!important}.hero-brand-title-row span{font-size:.58rem!important;padding:.3rem .5rem!important}.hero-brand-title-row strong{font-size:1.45rem!important}.hero-brand-main p{font-size:.9rem!important}.hero-brand-site{width:100%!important;font-size:.72rem!important;padding:.62rem .75rem!important}.hero-copy h1{font-size:clamp(2.65rem,14vw,4.2rem)!important}}

/* Dinkaara brand wordmark */
.dinkaara-name{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.18em;line-height:1.05;font-family:"Playfair Display",ui-serif,Georgia,serif;font-weight:800;letter-spacing:-.035em}
.dinkaara-name__gold{color:#f5b301;background:linear-gradient(135deg,#ffe08a 0%,#f5b301 42%,#d97706 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 8px 18px rgba(245,179,1,.28))}
.dinkaara-name__sep{color:rgba(255,247,237,.55);font-weight:700;padding:0 .05em}
.dinkaara-name__app{color:#ffffff;font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;font-weight:750;letter-spacing:-.02em}
.brand-copy .dinkaara-name{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem}
.brand-copy .dinkaara-name__gold{font-size:clamp(1.28rem,2.1vw,1.55rem)}
.brand-copy .dinkaara-name__sep{display:none}
.brand-copy .dinkaara-name__app{font-size:.78rem;font-weight:700;color:#fff;letter-spacing:.02em;text-transform:none}
.topbar-brand .dinkaara-name{gap:.22em}
.topbar-brand .dinkaara-name__gold{font-size:clamp(1.2rem,2vw,1.55rem)}
.topbar-brand .dinkaara-name__app{font-size:clamp(.92rem,1.5vw,1.12rem);font-weight:700}
.hero-brand-title-row .dinkaara-name{gap:.28em}
.hero-brand-title-row .dinkaara-name__gold{font-size:clamp(2.35rem,5.2vw,4.1rem);line-height:.95}
.hero-brand-title-row .dinkaara-name__sep{font-size:clamp(1.4rem,3vw,2.2rem);color:rgba(255,247,237,.42)}
.hero-brand-title-row .dinkaara-name__app{font-size:clamp(1.2rem,2.6vw,1.95rem);font-weight:750;color:#fff}
.preserve-card .dinkaara-name{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}
.preserve-card .dinkaara-name__gold{font-size:1.15rem}
.preserve-card .dinkaara-name__sep{display:none}
.preserve-card .dinkaara-name__app{font-size:.78rem;color:#fff}
.pill .dinkaara-name{align-items:center;gap:.2em}
.pill .dinkaara-name__gold{font-size:.9rem;font-family:"Playfair Display",ui-serif,Georgia,serif}
.pill .dinkaara-name__app{font-size:.78rem;font-weight:700;color:#fff}
.hero-copy h1.dinkaara-hero-title{margin:1.1rem 0 0;max-width:18ch;font-size:clamp(2.6rem,7vw,5.4rem);line-height:.98}
.hero-copy h1.dinkaara-hero-title .dinkaara-name{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}
.hero-copy h1.dinkaara-hero-title .dinkaara-name__gold{font-size:inherit;line-height:.95}
.hero-copy h1.dinkaara-hero-title .dinkaara-name__sep{display:none}
.hero-copy h1.dinkaara-hero-title .dinkaara-name__app{font-size:clamp(1.05rem,2.4vw,1.7rem);color:#fff;font-weight:750}
.brand-copy strong.dinkaara-name span.dinkaara-name__gold,.topbar-brand .dinkaara-name__gold,.hero-brand-title-row .dinkaara-name__gold,.preserve-card .dinkaara-name__gold,.pill .dinkaara-name__gold,.hero-copy h1 .dinkaara-name__gold{background:linear-gradient(135deg,#ffe08a 0%,#f5b301 42%,#d97706 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.brand-copy strong.dinkaara-name span.dinkaara-name__app,.topbar-brand .dinkaara-name__app,.hero-brand-title-row .dinkaara-name__app,.preserve-card .dinkaara-name__app,.pill .dinkaara-name__app,.hero-copy h1 .dinkaara-name__app{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#ffffff!important;filter:none!important}
.brand-copy strong.dinkaara-name span.dinkaara-name__sep,.topbar-brand .dinkaara-name__sep,.hero-brand-title-row .dinkaara-name__sep{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:rgba(255,247,237,.55)!important}
@media(max-width:850px){.brand-copy .dinkaara-name__gold{font-size:1.2rem}.brand-copy .dinkaara-name__app{font-size:.72rem}.topbar-brand .dinkaara-name{gap:.15em}.topbar-brand .dinkaara-name__gold{font-size:1.08rem}.topbar-brand .dinkaara-name__app{font-size:.78rem}.hero-brand-title-row .dinkaara-name{flex-direction:column;align-items:flex-start;gap:.08rem}.hero-brand-title-row .dinkaara-name__sep{display:none}.hero-brand-title-row .dinkaara-name__gold{font-size:1.7rem}.hero-brand-title-row .dinkaara-name__app{font-size:.95rem}}
@media(max-width:560px){.brand-copy .dinkaara-name__gold{font-size:1.12rem}.topbar-brand .dinkaara-name__gold{font-size:1rem}.topbar-brand .dinkaara-name__app{font-size:.7rem}.hero-brand-title-row .dinkaara-name__gold{font-size:1.45rem}.hero-brand-title-row .dinkaara-name__app{font-size:.88rem}.hero-copy h1.dinkaara-hero-title{font-size:clamp(2.3rem,12vw,3.6rem)}.pill .dinkaara-name__gold{font-size:.82rem}.pill .dinkaara-name__app{font-size:.7rem}}

.playlist-card-link{display:block;height:100%;color:inherit;text-decoration:none}.artist-playlist-card{transition:transform .18s ease,border-color .18s ease}.artist-playlist-card:hover{transform:translateY(-3px);border-color:rgba(245,158,11,.55)!important}.artist-playlist-art{position:relative;background:radial-gradient(circle at 50% 34%,rgba(245,158,11,.24),transparent 36%),linear-gradient(145deg,rgba(10,12,16,.94),rgba(24,18,15,.88))!important}.artist-playlist-logo{object-fit:contain!important;object-position:center!important;padding:clamp(.85rem,8%,1.25rem)!important;background:transparent!important;mix-blend-mode:normal!important;opacity:1!important;pointer-events:none}.playlist-count{display:inline-flex!important;position:absolute;left:.75rem;top:.75rem;z-index:2;border:1px solid rgba(245,158,11,.42);border-radius:999px;background:rgba(10,12,16,.72);padding:.35rem .6rem;color:#facc15;font-size:.72rem;font-weight:850;box-shadow:0 10px 26px rgba(0,0,0,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.artist-playlist-card .card-play{display:grid!important;place-items:center;position:absolute;right:.75rem;bottom:.75rem;z-index:3;width:3.35rem;height:3.35rem;border-radius:999px}.artist-playlist-card .card-play svg{width:1.25rem;height:1.25rem;fill:currentColor}.artist-playlist-card .featured-meta{display:block!important;padding:1rem 1.05rem 1.1rem!important}.artist-playlist-card .featured-meta strong{display:block!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;color:#fff7ed!important;font-size:clamp(1.45rem,2.4vw,2.15rem)!important;font-weight:950!important;line-height:1.03!important;letter-spacing:-.045em!important}.artist-playlist-card .featured-meta small{display:block!important;margin-top:.4rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.92rem!important;font-weight:750!important}.artist-playlist-card .featured-meta .badge{display:none!important}

/* Phase 9W3A2: presentation Main Collections browse cards */
.browse-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.browse-card{display:flex;flex-direction:column;gap:.35rem;min-height:11.5rem!important;padding:1.15rem 1.2rem!important}
.browse-card svg{display:grid;place-items:center;width:2.1rem;height:2.1rem;padding:.45rem;border-radius:.75rem}
.browse-card strong{margin-top:.55rem!important;font-size:clamp(1.15rem,2vw,1.4rem)!important;line-height:1.15}
.browse-card .browse-count{display:block;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:750;color:#fbbf24!important}
.browse-card .browse-desc{display:block;margin-top:.15rem;font-style:normal;font-size:.76rem;line-height:1.45;color:rgba(255,237,213,.62)!important}
.browse-card:focus-visible{outline:2px solid #f59e0b;outline-offset:3px;border-color:rgba(245,158,11,.7)!important}
.browse-card.active{box-shadow:0 22px 70px rgba(0,0,0,.34),0 0 0 1px rgba(245,158,11,.45),inset 0 1px 0 rgba(255,255,255,.08)!important}
.browse-card.is-empty{opacity:.92}
.browse-card.is-empty .browse-count{color:rgba(251,191,36,.72)!important}
@media(max-width:1100px){.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.browse-grid{grid-template-columns:1fr}.browse-card{min-height:10.25rem!important}}

/* Phase 9W6D: stronger visible Dinkaara identity and share-preview brand lockup. */
.hero-copy h1.dinkaara-hero-title{max-width:min(100%,19ch)!important;font-size:clamp(3.35rem,7.8vw,6.35rem)!important;line-height:.94!important;letter-spacing:-.055em!important;text-wrap:balance}
.hero-copy h1.dinkaara-hero-title .dinkaara-name{display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;flex-wrap:wrap!important;column-gap:.16em!important;row-gap:.08em!important}
.hero-copy h1.dinkaara-hero-title .dinkaara-name__gold{font-size:1em!important;line-height:.95!important}
.hero-copy h1.dinkaara-hero-title .dinkaara-name__sep{display:inline!important;font-size:.82em!important;color:rgba(255,247,237,.68)!important}
.hero-copy h1.dinkaara-hero-title .dinkaara-name__app{font-size:clamp(1.9rem,4.9vw,4.45rem)!important;font-weight:900!important;line-height:1!important;letter-spacing:-.045em!important;color:#fff!important}
.hero-copy,.hero-text,.stat-row,.hero-actions{max-width:100%!important;min-width:0!important}.hero-text{overflow-wrap:break-word}.stat-row{flex-wrap:wrap!important}.stat-row span{min-width:0!important}
.pill{font-size:clamp(.82rem,1.15vw,1rem)!important;font-weight:800!important;letter-spacing:.01em!important;gap:.45rem!important}
.pill .dinkaara-name{gap:.22em!important;font-weight:850!important}
.pill .dinkaara-name__gold{font-size:1em!important}
.pill .dinkaara-name__sep{display:inline!important;font-size:.9em!important;color:rgba(255,247,237,.62)!important}
.pill .dinkaara-name__app{font-size:.92em!important;font-weight:850!important;color:#fff!important}
@media(max-width:850px){.hero-copy h1.dinkaara-hero-title{font-size:clamp(2.75rem,11vw,4.65rem)!important;max-width:min(100%,14ch)!important}.hero-copy h1.dinkaara-hero-title .dinkaara-name__app{font-size:clamp(1.35rem,5.8vw,2.55rem)!important}.pill{font-size:.78rem!important}}
@media(max-width:560px){.hero-copy{width:100%!important}.hero-copy h1.dinkaara-hero-title{font-size:clamp(2.25rem,11.5vw,3.55rem)!important;max-width:100%!important}.hero-copy h1.dinkaara-hero-title .dinkaara-name{column-gap:.12em!important}.hero-copy h1.dinkaara-hero-title .dinkaara-name__app{font-size:clamp(1.05rem,5.6vw,1.75rem)!important}.pill{font-size:.72rem!important;line-height:1.3!important}.pill .dinkaara-name__app{font-size:.88em!important}.stat-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.stat-row span{width:auto!important;justify-content:center!important}.hero-actions{width:100%!important}.search-wrap{min-width:0!important}}
@media(max-width:420px){.stat-row{grid-template-columns:1fr!important}}

/* Phase 9W6E Checkpoint 3R: scoped Dinkaara player bar visuals only. */
#dinkaara-afar-player{
  --dinkaara-amber:#F59E0B;
  --dinkaara-amber-deep:#D97706;
  --dinkaara-obsidian:#0C0A09;
  --dinkaara-cream:#fff7ed;
  --dinkaara-muted:rgba(255,247,237,.76);
  --dinkaara-line:rgba(245,158,11,.45);
  --dinkaara-glass:rgba(18,14,10,.25);
  --dinkaara-glass-deep:rgba(18,14,10,.35);
  --dinkaara-radius:clamp(22px,4.8vw,34px);
  box-sizing:border-box;
  color:var(--dinkaara-cream);
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

#dinkaara-afar-player,
#dinkaara-afar-player *{
  box-sizing:border-box;
}

#dinkaara-afar-player.afar-player-wrapper{
  position:fixed;
  left:50%;
  right:auto;
  bottom:max(8px,env(safe-area-inset-bottom));
  z-index:5000;
  width:min(calc(100vw - 16px),720px);
  max-width:calc(100vw - 16px);
  max-height:calc(100dvh - 16px);
  transform:translateX(-50%);
  overflow:hidden;
  isolation:isolate;
  border:1.5px solid rgba(245,158,11,.52);
  border-radius:var(--dinkaara-radius);
  background:linear-gradient(145deg,rgba(18,14,10,.10),rgba(45,28,12,.06));
  box-shadow:0 18px 40px rgba(0,0,0,.50),0 34px 82px rgba(0,0,0,.42),0 0 38px rgba(245,158,11,.17),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(245,158,11,.18);
}

#dinkaara-afar-player .afar-player-backdrop{
  position:absolute;
  inset:-2px;
  z-index:0;
  background:url("assets/player-background-cultural.jpg") center 46%/cover no-repeat;
  opacity:.96;
  filter:saturate(1.06) contrast(1.04) brightness(.86);
  transform:scale(1.01);
  pointer-events:none;
}

#dinkaara-afar-player .afar-player-surface{
  position:relative;
  z-index:1;
  width:100%;
  overflow:hidden;
  border-radius:inherit;
  background:radial-gradient(circle at 50% -20%,rgba(251,191,36,.12),transparent 44%),radial-gradient(circle at 100% 100%,rgba(217,119,6,.10),transparent 42%),linear-gradient(135deg,rgba(10,12,16,.12),rgba(18,14,10,.08) 50%,rgba(120,53,15,.12));
  backdrop-filter:blur(1.15px) saturate(118%) contrast(1.02);
  -webkit-backdrop-filter:blur(1.15px) saturate(118%) contrast(1.02);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 0 0 1px rgba(255,247,237,.07),inset 0 -9px 24px rgba(0,0,0,.12);
}

#dinkaara-afar-player .afar-player-surface::before,
#dinkaara-afar-player .afar-player-surface::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
}

#dinkaara-afar-player .afar-player-surface::before{
  z-index:0;
  background:linear-gradient(180deg,rgba(255,247,237,.13),rgba(255,247,237,.025) 18%,transparent 40%),linear-gradient(90deg,rgba(245,158,11,.13),transparent 16%,transparent 84%,rgba(245,158,11,.10));
}

#dinkaara-afar-player .afar-player-surface::after{
  z-index:0;
  inset:1px;
  border:1px solid rgba(255,247,237,.09);
  box-shadow:inset 0 0 24px rgba(245,158,11,.08),inset 0 1px 0 rgba(255,255,255,.18);
}

#dinkaara-afar-player .player-card{
  position:relative!important;
  z-index:1;
  isolation:isolate;
  width:100%!important;
  min-height:0!important;
  overflow:hidden;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

#dinkaara-afar-player .player-card::before{
  display:none!important;
}

#dinkaara-afar-player .afar-player-layout{
  position:relative;
  z-index:2;
  display:grid!important;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"left" "center" "right";
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:0!important;
  padding:10px!important;
}

#dinkaara-afar-player .afar-player-left,
#dinkaara-afar-player .afar-player-center,
#dinkaara-afar-player .afar-player-right{
  min-width:0;
}

#dinkaara-afar-player .afar-player-left{
  grid-area:left;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 44px;
  align-items:center;
  gap:8px;
}

#dinkaara-afar-player #playerArt{
  display:grid;
  place-items:center;
  width:48px!important;
  height:48px!important;
  min-width:48px;
  overflow:hidden;
  border:1px solid rgba(245,158,11,.30)!important;
  border-radius:15px!important;
  background:radial-gradient(circle at 35% 25%,rgba(245,158,11,.30),transparent 34%),linear-gradient(145deg,rgba(245,158,11,.17),rgba(12,10,9,.92));
  background-position:center;
  background-size:cover;
  color:#fbbf24!important;
  font-family:"Playfair Display",ui-serif,Georgia,serif;
  font-size:1.32rem;
  font-weight:800;
  line-height:1;
  box-shadow:0 12px 30px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)!important;
}

#dinkaara-afar-player #playerArt.playing{
  border-color:rgba(245,158,11,.58)!important;
  box-shadow:0 13px 32px rgba(0,0,0,.38),0 0 0 3px rgba(245,158,11,.12),inset 0 1px 0 rgba(255,255,255,.14)!important;
}

#dinkaara-afar-player .afar-player-identity{
  display:grid;
  gap:3px;
  min-width:0;
  line-height:1.1;
}

#dinkaara-afar-player .afar-player-brand{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}

#dinkaara-afar-player .afar-player-emblem{
  display:block;
  width:22px!important;
  height:22px!important;
  flex:0 0 22px;
  object-fit:cover;
  border:1px solid rgba(245,158,11,.38);
  border-radius:50%;
  background:rgba(12,10,9,.70);
  box-shadow:0 6px 16px rgba(0,0,0,.30);
}

#dinkaara-afar-player #playerStatus{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  min-height:20px;
  padding:3px 7px;
  overflow:hidden;
  border:1px solid rgba(245,158,11,.34);
  border-radius:999px;
  background:rgba(10,12,16,.58);
  color:#fcd34d!important;
  font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:clamp(.68rem,2.6vw,.72rem)!important;
  font-weight:800;
  letter-spacing:.10em;
  line-height:1;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
  box-shadow:0 2px 10px rgba(0,0,0,.35),0 0 18px rgba(245,158,11,.13);
  text-shadow:0 1px 2px rgba(0,0,0,.85);
}

#dinkaara-afar-player #playerTitle,
#dinkaara-afar-player #playerArtist{
  display:block!important;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#dinkaara-afar-player #playerTitle{
  color:var(--dinkaara-cream)!important;
  font-family:"Playfair Display",ui-serif,Georgia,serif!important;
  font-size:clamp(.95rem,3.7vw,1.08rem)!important;
  font-weight:800;
  letter-spacing:-.025em;
  line-height:1.06!important;
  text-shadow:0 1.5px 3px rgba(0,0,0,.92)!important;
}

#dinkaara-afar-player #playerArtist{
  color:var(--dinkaara-muted)!important;
  font-size:clamp(.70rem,2.4vw,.72rem)!important;
  font-weight:650;
  line-height:1.18;
  text-shadow:0 1px 2px rgba(0,0,0,.92)!important;
}

#dinkaara-afar-player button{
  display:inline-grid;
  place-items:center;
  position:relative;
  min-width:44px;
  min-height:44px;
  margin:0;
  padding:0;
  border:1px solid rgba(245,158,11,.20);
  background:linear-gradient(145deg,rgba(255,247,237,.095),rgba(255,247,237,.040));
  color:rgba(255,247,237,.80);
  touch-action:manipulation;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 18px rgba(0,0,0,.22);
  transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease;
}

#dinkaara-afar-player button svg{
  width:1.08rem;
  height:1.08rem;
  stroke-width:2.35;
}

#dinkaara-afar-player button:focus-visible,
#dinkaara-afar-player input[type="range"]:focus-visible{
  outline:2px solid #fff7ed;
  outline-offset:3px;
  box-shadow:0 0 0 5px rgba(245,158,11,.26),0 0 0 1px rgba(12,10,9,.94);
}

#dinkaara-afar-player button:disabled,
#dinkaara-afar-player button[aria-disabled="true"]{
  cursor:not-allowed;
  opacity:.45;
  transform:none!important;
  box-shadow:none!important;
}

#dinkaara-afar-player .afar-player-favorite{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  background:rgba(255,247,237,.06)!important;
  color:rgba(255,237,213,.72)!important;
}

#dinkaara-afar-player .afar-player-favorite.liked,
#dinkaara-afar-player .afar-player-favorite[aria-pressed="true"]{
  border-color:rgba(245,158,11,.48);
  background:rgba(245,158,11,.15)!important;
  color:#f59e0b!important;
}

#dinkaara-afar-player .afar-player-favorite.liked svg,
#dinkaara-afar-player .afar-player-favorite[aria-pressed="true"] svg,
#dinkaara-afar-player #playBtn svg{
  fill:currentColor;
}

#dinkaara-afar-player .afar-player-center{
  grid-area:center;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"transport" "seek";
  grid-template-rows:auto auto;
  align-items:center;
  width:100%;
  gap:10px;
}

#dinkaara-afar-player .afar-player-transport{
  grid-area:transport;
  position:relative;
  z-index:3;
  display:grid!important;
  grid-template-columns:44px 44px 58px 44px 44px!important;
  justify-content:center;
  align-items:center;
  gap:5px!important;
  width:100%;
  min-width:0;
}

#dinkaara-afar-player .afar-player-transport button{
  width:44px!important;
  height:44px!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,rgba(255,247,237,.12),rgba(255,247,237,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(245,158,11,.08),0 9px 19px rgba(0,0,0,.28);
}

#dinkaara-afar-player #playBtn.afar-player-play-aura{
  position:relative;
  isolation:isolate;
  width:58px!important;
  height:58px!important;
  min-width:58px;
  min-height:58px;
  border-color:rgba(255,247,237,.52)!important;
  border-radius:999px!important;
  background:radial-gradient(circle at 36% 28%,#fbbf24 0%,var(--dinkaara-amber) 42%,var(--dinkaara-amber-deep) 100%)!important;
  color:var(--dinkaara-obsidian)!important;
  box-shadow:0 16px 32px rgba(0,0,0,.46),0 7px 0 rgba(120,53,15,.30),0 0 0 7px rgba(245,158,11,.14),0 0 34px rgba(245,158,11,.36),inset 0 1px 0 rgba(255,255,255,.48),inset 0 -4px 10px rgba(120,53,15,.34)!important;
}

#dinkaara-afar-player #playBtn.afar-player-play-aura::before{
  content:"";
  position:absolute;
  inset:-9px;
  z-index:-1;
  border-radius:inherit;
  background:radial-gradient(circle,rgba(245,158,11,.35),rgba(217,119,6,.14) 43%,transparent 68%);
  pointer-events:none;
}

#dinkaara-afar-player #playBtn.afar-player-play-aura::after{
  content:"";
  position:absolute;
  inset:9px 12px auto;
  z-index:0;
  height:13px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,247,237,.55),rgba(255,247,237,0));
  pointer-events:none;
}

#dinkaara-afar-player #playBtn.afar-player-play-aura svg{
  width:1.42rem;
  height:1.42rem;
  position:relative;
  z-index:1;
  stroke-width:2.7;
}

@media(hover:hover){
  #dinkaara-afar-player button:hover:not(:disabled):not([aria-disabled="true"]){
    border-color:rgba(245,158,11,.48);
    background:rgba(245,158,11,.13);
    color:#fff7ed;
    transform:translateY(-1px);
  }

  #dinkaara-afar-player #playBtn.afar-player-play-aura:hover:not(:disabled):not([aria-disabled="true"]){
    background:radial-gradient(circle at 36% 28%,#fde68a 0%,var(--dinkaara-amber) 42%,var(--dinkaara-amber-deep) 100%)!important;
    color:var(--dinkaara-obsidian)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.48),0 7px 0 rgba(120,53,15,.28),0 0 0 8px rgba(245,158,11,.17),0 0 38px rgba(245,158,11,.42),inset 0 1px 0 rgba(255,255,255,.52),inset 0 -4px 10px rgba(120,53,15,.32)!important;
  }
}

#dinkaara-afar-player button:active:not(:disabled):not([aria-disabled="true"]){
  transform:translateY(1px) scale(.98);
}

#dinkaara-afar-player #playBtn.afar-player-play-aura:active:not(:disabled):not([aria-disabled="true"]){
  box-shadow:0 10px 24px rgba(0,0,0,.44),0 3px 0 rgba(120,53,15,.28),0 0 0 5px rgba(245,158,11,.12),0 0 24px rgba(245,158,11,.30),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 8px rgba(120,53,15,.30)!important;
}

#dinkaara-afar-player .afar-player-seek{
  grid-area:seek;
  position:relative;
  z-index:2;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center;
  gap:7px;
  width:100%;
  min-width:0;
}

#dinkaara-afar-player .afar-player-seek>span{
  display:block;
  min-width:0!important;
  color:rgba(255,237,213,.70)!important;
  font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace!important;
  font-size:clamp(.68rem,2.5vw,.72rem)!important;
  font-weight:800;
  letter-spacing:.01em;
  text-align:center;
  white-space:nowrap;
}

#dinkaara-afar-player .afar-player-seek-control{
  position:relative;
  display:grid;
  align-items:center;
  min-width:0;
  height:44px;
  z-index:1;
}

#dinkaara-afar-player .afar-player-waveform{
  position:absolute!important;
  inset-inline:0;
  top:50%;
  z-index:1;
  height:10px!important;
  overflow:hidden;
  transform:translateY(-50%);
  border:1px solid rgba(245,158,11,.16);
  border-radius:999px;
  background:repeating-linear-gradient(90deg,rgba(255,237,213,.25) 0 2px,rgba(255,237,213,.075) 2px 5px,transparent 5px 8px),linear-gradient(90deg,rgba(255,247,237,.13),rgba(255,247,237,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 18px rgba(245,158,11,.08);
  pointer-events:none;
}

#dinkaara-afar-player #topProgress{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--dinkaara-amber-deep),var(--dinkaara-amber),#fbbf24)!important;
  box-shadow:0 0 16px rgba(245,158,11,.42)!important;
  pointer-events:none;
}

#dinkaara-afar-player #progressRange,
#dinkaara-afar-player #volumeRange{
  position:relative;
  z-index:2;
  width:100%!important;
  min-width:0;
  margin:0;
  border:0;
  background:transparent;
  accent-color:var(--dinkaara-amber);
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
}

#dinkaara-afar-player #progressRange{
  height:44px;
}

#dinkaara-afar-player #progressRange::-webkit-slider-runnable-track,
#dinkaara-afar-player #volumeRange::-webkit-slider-runnable-track{
  height:8px;
  border:0;
  border-radius:999px;
  background:rgba(255,247,237,.13);
}

#dinkaara-afar-player #progressRange::-webkit-slider-thumb,
#dinkaara-afar-player #volumeRange::-webkit-slider-thumb{
  width:18px;
  height:18px;
  margin-top:-5px;
  border:2px solid #fff7ed;
  border-radius:999px;
  background:linear-gradient(135deg,var(--dinkaara-amber),var(--dinkaara-amber-deep));
  box-shadow:0 4px 12px rgba(0,0,0,.38),0 0 0 4px rgba(245,158,11,.16);
  -webkit-appearance:none;
  appearance:none;
}

#dinkaara-afar-player #progressRange::-moz-range-track,
#dinkaara-afar-player #volumeRange::-moz-range-track{
  height:8px;
  border:0;
  border-radius:999px;
  background:rgba(255,247,237,.13);
}

#dinkaara-afar-player #progressRange::-moz-range-progress,
#dinkaara-afar-player #volumeRange::-moz-range-progress{
  height:8px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--dinkaara-amber-deep),var(--dinkaara-amber));
}

#dinkaara-afar-player #progressRange::-moz-range-thumb,
#dinkaara-afar-player #volumeRange::-moz-range-thumb{
  width:18px;
  height:18px;
  border:2px solid #fff7ed;
  border-radius:999px;
  background:linear-gradient(135deg,var(--dinkaara-amber),var(--dinkaara-amber-deep));
  box-shadow:0 4px 12px rgba(0,0,0,.38),0 0 0 4px rgba(245,158,11,.16);
}

#dinkaara-afar-player #playerVisualizer{
  position:absolute!important;
  inset:7px 12px auto 12px!important;
  z-index:0;
  display:block!important;
  width:calc(100% - 24px)!important;
  height:34px!important;
  opacity:.16!important;
  mix-blend-mode:screen;
  pointer-events:none;
}

#dinkaara-afar-player .afar-player-right{
  grid-area:right;
  display:flex!important;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  padding-top:2px;
}

#dinkaara-afar-player .afar-player-right button{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,247,237,.08),rgba(255,247,237,.035));
  color:rgba(255,237,213,.74);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 7px 15px rgba(0,0,0,.18);
}

#dinkaara-afar-player #shuffleBtn.active,
#dinkaara-afar-player #shuffleBtn[aria-pressed="true"],
#dinkaara-afar-player #muteBtn[aria-pressed="true"]{
  border-color:rgba(245,158,11,.48);
  background:rgba(245,158,11,.15);
  color:#f59e0b;
}

#dinkaara-afar-player #repeatBtn[data-repeat-mode="off"],
#dinkaara-afar-player #repeatBtn.active[data-repeat-mode="off"]{
  border-color:rgba(245,158,11,.18);
  background:rgba(255,247,237,.045);
  color:rgba(255,237,213,.66);
}

#dinkaara-afar-player #repeatBtn[data-repeat-mode="all"],
#dinkaara-afar-player #repeatBtn[data-repeat-mode="one"]{
  border-color:rgba(245,158,11,.50);
  background:rgba(245,158,11,.15);
  color:#f59e0b;
}

#dinkaara-afar-player #repeatBtn[data-repeat-mode="one"]::after{
  content:"1";
  position:absolute;
  right:9px;
  bottom:8px;
  font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:.55rem;
  font-weight:900;
}

#dinkaara-afar-player .afar-player-eq,
#dinkaara-afar-player .afar-player-lyrics{
  color:rgba(255,237,213,.70);
}

#dinkaara-afar-player #volumeRange{
  display:none!important;
  width:88px!important;
  height:36px;
}

#dinkaara-afar-player button:focus-visible{
  outline:2px solid #fff7ed;
  outline-offset:3px;
  box-shadow:0 0 0 5px rgba(245,158,11,.26),0 0 0 1px rgba(12,10,9,.94)!important;
}

#dinkaara-afar-player #playBtn.afar-player-play-aura:focus-visible{
  box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 0 6px rgba(245,158,11,.13),0 0 0 10px rgba(255,247,237,.22),0 0 30px rgba(245,158,11,.38)!important;
}

@media(hover:hover){
  #dinkaara-afar-player button:hover:not(:disabled):not([aria-disabled="true"]){
    border-color:rgba(245,158,11,.48)!important;
    background:rgba(245,158,11,.13)!important;
    color:#fff7ed!important;
    transform:translateY(-1px);
  }
}

@media(min-width:768px){
  #dinkaara-afar-player.afar-player-wrapper{
    bottom:clamp(14px,2.2vw,24px);
    width:min(calc(100vw - 24px),1120px);
    max-width:calc(100vw - 24px);
  }

  #dinkaara-afar-player .afar-player-layout{
    grid-template-columns:minmax(170px,.85fr) minmax(258px,1.08fr) minmax(220px,.78fr);
    grid-template-areas:"left center right";
    gap:14px;
    padding:14px 16px!important;
  }

  #dinkaara-afar-player .afar-player-left{
    grid-template-columns:52px minmax(0,1fr) 44px;
    gap:10px;
  }

  #dinkaara-afar-player #playerArt{
    width:52px!important;
    height:52px!important;
    min-width:52px;
    border-radius:16px!important;
  }

  #dinkaara-afar-player .afar-player-emblem{
    width:24px!important;
    height:24px!important;
    flex-basis:24px;
  }

  #dinkaara-afar-player #playerTitle{
    font-size:1.08rem!important;
  }

  #dinkaara-afar-player #playerArtist{
    font-size:.72rem!important;
  }

  #dinkaara-afar-player .afar-player-center{
    gap:12px;
  }

  #dinkaara-afar-player .afar-player-transport{
    grid-template-columns:44px 44px 62px 44px 44px!important;
    gap:7px!important;
  }

  #dinkaara-afar-player #playBtn.afar-player-play-aura{
    width:62px!important;
    height:62px!important;
    min-width:62px;
    min-height:62px;
  }

  #dinkaara-afar-player .afar-player-seek{
    grid-template-columns:44px minmax(0,1fr) 44px!important;
  }

  #dinkaara-afar-player .afar-player-right{
    justify-content:flex-end;
    padding-top:0;
  }
}

@media(min-width:992px){
  #dinkaara-afar-player.afar-player-wrapper{
    left:calc(var(--sidebar-width) + (100vw - var(--sidebar-width))/2);
    width:min(1120px,calc(100vw - var(--sidebar-width) - clamp(24px,4vw,60px)));
    max-width:calc(100vw - var(--sidebar-width) - 24px);
  }
}

@media(min-width:1120px){
  #dinkaara-afar-player .afar-player-layout{
    grid-template-columns:minmax(220px,.92fr) minmax(300px,1.12fr) minmax(310px,.92fr);
    gap:18px;
    padding:15px 18px!important;
  }

  #dinkaara-afar-player #volumeRange{
    display:block!important;
  }
}

@media(min-width:1320px){
  #dinkaara-afar-player .afar-player-layout{
    grid-template-columns:minmax(250px,1fr) minmax(340px,1.16fr) minmax(330px,.94fr);
    padding:16px 20px!important;
  }
}

@media(max-width:560px){
  #dinkaara-afar-player.afar-player-wrapper{
    box-shadow:0 14px 34px rgba(0,0,0,.50),0 24px 54px rgba(0,0,0,.34),0 0 24px rgba(245,158,11,.12),inset 0 1px 0 rgba(255,255,255,.13);
  }

  #dinkaara-afar-player .afar-player-backdrop{
    background-position:center 44%;
    opacity:.95;
    filter:saturate(1.04) contrast(1.03) brightness(.84);
  }

  #dinkaara-afar-player .afar-player-surface{
    background:radial-gradient(circle at 50% -15%,rgba(251,191,36,.10),transparent 42%),linear-gradient(145deg,rgba(10,12,16,.10),rgba(120,53,15,.10));
    backdrop-filter:blur(.75px) saturate(114%);
    -webkit-backdrop-filter:blur(.75px) saturate(114%);
  }

  #dinkaara-afar-player #playBtn.afar-player-play-aura{
    box-shadow:0 13px 26px rgba(0,0,0,.42),0 5px 0 rgba(120,53,15,.26),0 0 0 6px rgba(245,158,11,.13),0 0 26px rgba(245,158,11,.30),inset 0 1px 0 rgba(255,255,255,.44),inset 0 -3px 9px rgba(120,53,15,.30)!important;
  }
}

@media(max-width:370px){
  #dinkaara-afar-player.afar-player-wrapper{
    width:min(calc(100vw - 10px),720px);
    max-width:calc(100vw - 10px);
    bottom:max(5px,env(safe-area-inset-bottom));
  }

  #dinkaara-afar-player .afar-player-layout{
    gap:8px;
    padding:8px!important;
  }

  #dinkaara-afar-player .afar-player-left{
    grid-template-columns:44px minmax(0,1fr) 44px;
    gap:7px;
  }

  #dinkaara-afar-player #playerArt{
    width:44px!important;
    height:44px!important;
    min-width:44px;
    border-radius:14px!important;
    font-size:1.16rem;
  }

  #dinkaara-afar-player #playerTitle{
    font-size:.90rem!important;
  }

  #dinkaara-afar-player #playerArtist{
    font-size:.70rem!important;
  }

  #dinkaara-afar-player .afar-player-transport{
    grid-template-columns:44px 44px 56px 44px 44px!important;
    gap:4px!important;
  }

  #dinkaara-afar-player #playBtn.afar-player-play-aura{
    width:56px!important;
    height:56px!important;
    min-width:56px;
    min-height:56px;
  }

  #dinkaara-afar-player .afar-player-seek{
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    gap:5px;
  }

  #dinkaara-afar-player .afar-player-right{
    gap:5px;
  }
}

@media(prefers-reduced-motion:reduce){
  #dinkaara-afar-player *,
  #dinkaara-afar-player *::before,
  #dinkaara-afar-player *::after{
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important;
  }
}