/*
Theme Name: 10to5 Lyrics - Soundroom
Theme URI: https://10to5.in/
Author: 10to5
Description: A movie-first lyrics and soundtrack discovery theme, designed around albums, songs and the creators behind them.
Version: 2.5.0
Text Domain: lyrics-theme
*/

:root{--paper:#f6f4ef;--paper-2:#eeece5;--white:#fffefa;--ink:#171923;--muted:#777986;--line:#dfddd6;--plum:#30233d;--plum-2:#49375c;--violet:#6e5ad7;--coral:#ff735e;--lime:#d4f17a;--blue:#b7d5ff;--radius:22px;--container:1240px;--shadow:0 18px 50px rgba(37,29,48,.08)}
:root.theme-dark, body.theme-dark{--paper:#121318;--paper-2:#1c1d25;--white:#1b1c24;--ink:#f4f3ef;--muted:#a3a0af;--line:rgba(255,255,255,.11);--plum:#0c0a12;--plum-2:#1b1624;--shadow:0 20px 50px rgba(0,0,0,.5)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans Telugu","Mandali",Arial,sans-serif;font-size:16px;line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color .18s ease,background .18s ease,transform .18s ease}a:hover{color:var(--violet)}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4,h5,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(2.8rem,6vw,5.75rem)}h2{font-size:clamp(2rem,3.4vw,3.15rem)}h3{font-size:1.1rem}p{color:var(--muted)}::selection{background:var(--lime);color:var(--ink)}.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}.site-shell{overflow:clip}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed!important;z-index:9999;left:16px;top:16px;width:auto;height:auto;clip:auto;background:var(--lime);color:var(--ink);padding:12px 16px;border-radius:8px}
/* Masthead */
.site-header{position:relative;z-index:20;background:rgba(246,244,239,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,25,35,.08)}.theme-dark .site-header{background:rgba(18,19,24,.92);border-bottom:1px solid rgba(255,255,255,.09)}.header-main{min-height:91px;display:grid;grid-template-columns:230px minmax(250px,560px) auto;align-items:center;justify-content:space-between;gap:20px}.header-actions{display:flex;align-items:center;gap:10px}.site-branding{min-width:0}.brand-lockup{display:inline-flex;align-items:center;gap:11px;color:var(--ink)}.brand-lockup:hover{color:var(--ink)}.brand-symbol{width:37px;height:37px;background:var(--coral);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-5deg);box-shadow:4px 4px 0 rgba(23,25,35,.09)}.brand-symbol span{display:block;width:3px;background:var(--ink);border-radius:4px;transform-origin:center}.brand-symbol span:nth-child(1){height:9px}.brand-symbol span:nth-child(2){height:18px}.brand-symbol span:nth-child(3){height:13px}.brand-symbol span:nth-child(4){height:21px}.brand-words{display:flex;flex-direction:column;line-height:1}.brand-words strong{font-size:25px;font-weight:850;letter-spacing:-.07em}.brand-words small{font-size:8px;font-weight:800;letter-spacing:.12em;margin-top:6px;color:#77727f}.custom-brand-logo .custom-logo{max-height:56px;width:auto}.header-search-wrap{width:100%}.header-search{display:flex;align-items:center;height:49px;gap:11px;padding:0 8px 0 15px;background:#fffefa;border:1px solid #e6e2da;border-radius:14px;box-shadow:0 3px 9px rgba(27,22,38,.025);transition:border .2s,box-shadow .2s}.header-search:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px rgba(110,90,215,.1)}.search-glass{display:flex;color:#8b8993;flex:none}.header-search .search-field{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.header-search .search-field::placeholder{color:#a09da5}.search-hint{border:1px solid #e6e2da;border-radius:5px;padding:1px 6px;color:#908c98;font-size:11px;background:#fbfaf7}.search-submit{width:32px;height:32px;border:0;border-radius:9px;background:var(--ink);color:#fff;display:grid;place-items:center;flex:none}.search-submit:hover{background:var(--violet)}.menu-toggle{display:none;border:1px solid var(--line);border-radius:11px;background:#fffefa;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:17px;height:2px;background:var(--ink);border-radius:3px}.nav-band{border-top:1px solid rgba(23,25,35,.06)}.nav-inner{height:50px;display:flex;align-items:center;justify-content:space-between}.main-navigation{display:flex;align-items:center}.nav-menu{display:flex;gap:31px;align-items:center;list-style:none;padding:0;margin:0}.nav-menu li{margin:0}.nav-menu a{font-size:12px;font-weight:750;letter-spacing:.005em;color:#64616d;display:inline-flex;align-items:center;min-height:48px;position:relative}.nav-menu a:hover,.nav-menu .current-menu-item>a{color:var(--ink)}.nav-menu .current-menu-item>a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:5px 5px 0 0;background:var(--coral)}.nav-note{font-size:9px;letter-spacing:.12em;font-weight:800;color:#8a8790;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#79b764;box-shadow:0 0 0 4px rgba(121,183,100,.12)}.site-content{min-height:50vh}.content-container{min-height:200px}.main-content{min-width:0}
/* Shared micro-elements */
.eyebrow,.archive-kicker{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1.2;color:#a6a1b1}.eyebrow-dark,.archive-kicker{color:#77727e}.eyebrow-light{color:#d9d0e7}.eyebrow-line{display:inline-block;width:26px;height:2px;background:var(--coral);flex:none}.text-link{display:inline-flex;align-items:center;gap:11px;font-size:12px;font-weight:800;white-space:nowrap}.text-link span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e8e5dc;color:var(--ink);font-size:16px;transition:transform .2s,background .2s}.text-link:hover span{transform:rotate(45deg);background:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:13px;padding:14px 19px;font-size:12px;font-weight:800;letter-spacing:.01em}.button span{font-size:17px}.button-light{background:var(--white);color:var(--ink)}.button-light:hover{background:var(--lime);color:var(--ink);transform:translateY(-2px)}.button-ink{background:var(--ink);color:white}.button-ink:hover{background:var(--violet);color:white;transform:translateY(-2px)}
/* Hero */
.home-hero{display:grid;grid-template-columns:1.03fr .97fr;min-height:575px;width:100vw;margin:0 0 0 calc(50% - 50vw);position:relative;isolation:isolate;background:var(--plum);color:#fff;overflow:hidden}.hero-copy{padding:78px max(36px,calc(50vw - 620px)) 46px; padding-right:34px;position:relative;z-index:2}.hero-copy .eyebrow{color:#c8bdcf}.home-hero h1{font-size:clamp(3.5rem,6.5vw,6.3rem);font-weight:700;letter-spacing:-.075em;line-height:.98;color:#fff;margin:25px 0 23px}.home-hero h1 em,.home-section h2 em,.creator-callout h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.07em;color:var(--coral)}.hero-intro{max-width:440px;color:#c9c2d0;font-size:14px;line-height:1.9;margin-bottom:25px}.hero-search{display:flex;align-items:center;gap:12px;width:min(100%,480px);min-height:63px;padding:7px 8px 7px 17px;border-radius:16px;background:#fffefa;color:var(--ink);box-shadow:0 15px 35px rgba(0,0,0,.13)}.hero-search>svg{color:#8f899b;flex:none}.hero-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:12px;color:var(--ink)}.hero-search input::placeholder{color:#a6a1ad}.hero-search button{flex:none;display:flex;align-items:center;gap:12px;border:0;background:var(--coral);color:var(--ink);border-radius:11px;padding:13px 15px;font-size:11px;font-weight:850}.hero-search button:hover{background:var(--lime)}.hero-search button span{font-size:16px}.hero-discover{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:18px;font-size:10px}.hero-discover>span{color:#92879c;margin-right:3px}.hero-discover a{color:#e9e0ee;font-weight:700}.hero-discover a span{color:var(--coral);margin-left:3px}.hero-discover a:hover{color:var(--lime)}.hero-stats{display:flex;align-items:center;gap:20px;margin-top:46px;padding-top:23px;border-top:1px solid rgba(255,255,255,.13);max-width:440px}.hero-stats div{display:flex;flex-direction:column;gap:3px}.hero-stats strong{font-size:19px;line-height:1;font-weight:800;letter-spacing:-.04em}.hero-stats span{font-size:9px;color:#aaa0b5;letter-spacing:.02em}.hero-stats i{height:30px;width:1px;background:rgba(255,255,255,.17)}.hero-art{position:relative;min-height:575px;overflow:hidden;background:radial-gradient(ellipse at 48% 46%,#6a4c83 0, #49365d 35%,#30233d 68%)}.hero-art-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 98%);opacity:.35}.hero-vinyl{position:absolute;width:min(34vw,375px);aspect-ratio:1;right:7%;top:16%;border-radius:50%;background:repeating-radial-gradient(circle at center,#19171f 0 2px,#27242e 3px 4px,#17161d 5px 7px);box-shadow:0 25px 50px rgba(0,0,0,.28);opacity:.94}.vinyl-label{position:absolute;inset:35%;border-radius:50%;background:var(--coral);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);line-height:.85;transform:rotate(-12deg)}.vinyl-label span{font-weight:900;font-size:clamp(20px,3vw,36px);letter-spacing:-.1em}.vinyl-label small{font-size:10px;font-weight:800;letter-spacing:.09em}.hero-cover{display:block;position:absolute;overflow:hidden;box-shadow:0 24px 45px rgba(8,6,14,.33);background:var(--violet)}.hero-cover-main{z-index:2;width:min(39%,270px);aspect-ratio:3/4;left:15%;top:13%;border:7px solid rgba(255,255,255,.12);border-radius:6px;transform:rotate(-7deg);transition:transform .3s}.hero-cover-main:hover{transform:rotate(-3deg) translateY(-5px)}.hero-cover-image{width:100%;height:100%;object-fit:cover}.cover-play{position:absolute;bottom:13px;right:13px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-weight:800}.hero-cover-small{z-index:3;width:min(31%,205px);aspect-ratio:3/4;right:6%;bottom:15%;border:5px solid rgba(255,255,255,.15);border-radius:5px;transform:rotate(8deg);transition:transform .3s}.hero-cover-small:hover{transform:rotate(3deg) translateY(-4px)}.hero-cover-small img{width:100%;height:100%;object-fit:cover}.hero-cover-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff735e,#d4f17a);color:var(--ink)}.placeholder-note{font-size:100px;line-height:1}.hero-cover-placeholder small{font-size:9px;letter-spacing:.2em;font-weight:900}.cover-fallback{display:grid;place-items:center;height:100%;font-size:50px;color:var(--lime)}.hero-sticker{position:absolute;z-index:4;top:9%;right:11%;width:102px;height:102px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--lime);color:var(--ink);transform:rotate(10deg);box-shadow:0 12px 24px rgba(0,0,0,.13)}.hero-sticker .sticker-spark{font-size:17px;line-height:1}.hero-sticker span:nth-child(2){font-size:8px;font-weight:900;line-height:1.3;letter-spacing:.07em;margin-top:3px}.hero-sticker strong{font-size:7px;letter-spacing:.09em;margin-top:4px}.hero-wave{position:absolute;display:flex;align-items:center;gap:4px;left:9%;bottom:11%;height:40px;transform:rotate(-8deg);opacity:.6}.hero-wave span{width:3px;background:#c7a8f4;border-radius:5px}.hero-wave span:nth-child(5n+1){height:14px}.hero-wave span:nth-child(5n+2){height:29px}.hero-wave span:nth-child(5n+3){height:38px}.hero-wave span:nth-child(5n+4){height:22px}.hero-wave span:nth-child(5n){height:10px}.hero-art-caption{position:absolute;bottom:25px;right:30px;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.13em;font-weight:800;color:#bdb1cb}.caption-dot{width:6px;height:6px;border-radius:50%;background:var(--coral)}
/* Language ribbon */
.language-ribbon{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--lime);width:100vw;margin:0 0 0 calc(50% - 50vw);padding:19px max(32px,calc(50vw - 620px));color:var(--ink)}.ribbon-label{font-size:9px;letter-spacing:.14em;font-weight:900;white-space:nowrap}.language-links{display:flex;align-items:center;gap:clamp(12px,2.5vw,32px);flex-wrap:wrap}.language-links a{font-size:13px;font-weight:800;white-space:nowrap}.language-links a span{margin-left:4px;font-size:11px;opacity:.6}.language-links .all-languages{font-size:10px;border-left:1px solid rgba(23,25,35,.2);padding-left:18px;letter-spacing:.04em;text-transform:uppercase}
/* Home sections */
.home-section{padding:82px 0 86px}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.section-heading-row h2{margin:13px 0 8px;font-weight:750;font-size:clamp(2.1rem,4vw,3.55rem)}.section-heading-row h2 em{color:var(--violet)}.section-heading-row p{margin:0;font-size:13px;max-width:460px}.section-heading-row>.text-link{margin-bottom:8px}.latest-song-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.latest-song-card{background:var(--white);border:1px solid rgba(23,25,35,.07);border-radius:17px;overflow:hidden;min-width:0;transition:transform .22s,box-shadow .22s}.latest-song-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.latest-song-art{display:block;position:relative;aspect-ratio:1.35/1;overflow:hidden;background:#f0d8d2}.latest-song-art:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(20,17,28,.22))}.latest-song-art img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.latest-song-card:hover .latest-song-art img{transform:scale(1.05)}.song-accent-coral .latest-song-art{background:linear-gradient(135deg,#ffd2c3,#fd7965)}.song-accent-lilac .latest-song-art{background:linear-gradient(135deg,#dcd3fc,#8b77dc)}.song-accent-lime .latest-song-art{background:linear-gradient(135deg,#edf8ba,#98b849)}.song-accent-blue .latest-song-art{background:linear-gradient(135deg,#d4e6ff,#729dda)}.abstract-note{position:absolute;left:34px;top:10px;font-size:115px;line-height:1;color:rgba(39,29,53,.18);font-family:Georgia,serif;transform:rotate(-12deg)}.abstract-lines{position:absolute;width:140px;height:140px;border:1px solid rgba(23,25,35,.2);border-radius:50%;right:-20px;bottom:-50px;box-shadow:0 0 0 12px rgba(255,255,255,.12),0 0 0 28px rgba(255,255,255,.1),0 0 0 45px rgba(255,255,255,.08)}.art-index{position:absolute;z-index:2;top:12px;left:13px;padding:4px 7px;border-radius:6px;background:rgba(255,255,255,.75);font-size:9px;font-weight:900;letter-spacing:.08em}.art-arrow{position:absolute;z-index:2;right:12px;bottom:12px;width:31px;height:31px;display:grid;place-items:center;background:var(--white);color:var(--ink);border-radius:50%;font-size:16px}.latest-song-info{padding:16px 16px 13px}.song-card-kicker,.archive-card-kicker{font-size:9px;letter-spacing:.1em;font-weight:850;text-transform:uppercase;color:#8c8794;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-song-info h3{font-size:17px;font-weight:800;letter-spacing:-.04em;margin:7px 0 5px;line-height:1.28}.latest-song-info p{font-size:11px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eeece5;padding-top:12px;margin-top:14px;font-size:9px;color:#888490}.song-card-foot>span:first-child{font-weight:700}.mini-wave{color:var(--violet);font-size:13px;margin-right:4px}.empty-state{padding:50px 24px;text-align:center;border:1px dashed #d2cfc7;border-radius:18px;background:rgba(255,255,255,.35)}.empty-state>span{width:45px;height:45px;display:grid;place-items:center;margin:0 auto 14px;border-radius:14px;background:var(--lime);font-size:24px}.empty-state h3{font-size:21px;margin-bottom:8px}.empty-state p{font-size:13px;margin:0}
/* Spotlight */
.album-spotlight{position:relative;display:grid;grid-template-columns:33% 1fr;gap:7%;align-items:center;overflow:hidden;width:100vw;margin:0 0 0 calc(50% - 50vw);padding:61px max(36px,calc(50vw - 620px));background:var(--violet);color:#fff;isolation:isolate}.spotlight-noise{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 80% 15%,rgba(255,115,94,.34),transparent 37%),radial-gradient(ellipse at 12% 100%,rgba(212,241,122,.12),transparent 44%),repeating-linear-gradient(135deg,rgba(255,255,255,.024) 0 1px,transparent 1px 10px)}.spotlight-poster{position:relative;width:min(100%,275px);justify-self:center;transform:rotate(-3deg)}.spotlight-poster>a{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;border:7px solid rgba(255,255,255,.16);border-radius:7px;box-shadow:0 24px 45px rgba(27,16,49,.28);background:var(--plum)}.spotlight-poster img{width:100%;height:100%;object-fit:cover}.spotlight-placeholder{height:100%;display:grid;place-items:center;color:var(--lime);font-size:100px;background:linear-gradient(140deg,#3e3058,#201b2c)}.poster-corner{position:absolute;left:12px;top:12px;background:var(--lime);color:var(--ink);font-size:8px;line-height:1.3;font-weight:900;letter-spacing:.1em;padding:8px 9px;transform:rotate(-2deg)}.spotlight-copy{max-width:535px;position:relative;z-index:1}.spotlight-copy h2{font-size:clamp(2.7rem,5vw,4.6rem);margin:16px 0 15px;font-weight:750;letter-spacing:-.07em}.spotlight-meta{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.spotlight-meta span{border:1px solid rgba(255,255,255,.25);border-radius:50px;padding:5px 10px;font-size:9px;font-weight:800;letter-spacing:.04em;color:#e5dcf2}.spotlight-copy>p{max-width:430px;color:#e1d9ec;font-size:13px;line-height:1.9;margin-bottom:22px}.spotlight-stat{display:flex;align-items:center;gap:12px;margin-bottom:23px}.spotlight-stat-number{font-size:38px;font-weight:800;letter-spacing:-.07em;line-height:1;color:var(--lime)}.spotlight-stat>span:last-child{font-size:10px;line-height:1.35;color:#e0d7eb}.spotlight-side-note{position:absolute;right:4%;bottom:10%;font-size:9px;line-height:1.5;letter-spacing:.16em;font-weight:850;color:rgba(255,255,255,.35);transform:rotate(-90deg);transform-origin:right bottom}
/* Movie albums */
.album-section{padding-bottom:80px}.movie-grid-v2{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.movie-card-v2{min-width:0}.movie-card-art{display:block;position:relative;aspect-ratio:3/4.05;overflow:hidden;border-radius:12px;background:#e8e1d8;box-shadow:0 6px 16px rgba(30,24,40,.06)}.movie-card-art:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(16,13,23,.42));pointer-events:none}.movie-card-art img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.65,.2,1)}.movie-card-v2:hover .movie-card-art img{transform:scale(1.055)}.movie-card-ordinal{position:absolute;z-index:2;left:9px;top:9px;background:rgba(255,254,250,.83);color:var(--ink);font-size:8px;line-height:1;font-weight:900;padding:7px 8px;border-radius:6px;letter-spacing:.08em}.movie-card-arrow{position:absolute;z-index:2;right:9px;bottom:10px;color:#fff;font-size:19px;opacity:.9}.poster-placeholder{height:100%;display:grid;place-items:center;font-size:48px;color:var(--violet);background:radial-gradient(circle at 28% 20%,#f6d5c9,#d8d0ee 60%,#b7cbed)}.movie-card-v2-info{padding:12px 2px 0}.movie-card-v2-info h3,.movie-card-v2-info h2{font-size:14px;font-weight:800;letter-spacing:-.03em;line-height:1.3;margin:0 0 7px;overflow-wrap:anywhere}.movie-card-meta{display:flex;gap:7px;flex-wrap:wrap;font-size:9px;color:#85818d}.movie-card-meta span+span:before{content:"·";margin-right:7px;color:#bbb5c0}.track-count{display:flex;align-items:center;justify-content:space-between;margin-top:12px;border-top:1px solid var(--line);padding-top:9px;font-size:9px;font-weight:700;color:#706c79}.track-count span{color:var(--violet);font-size:14px}
/* Trending tracklist */
.trending-section{border-top:1px solid var(--line);padding-top:75px}.track-list{border-top:1px solid var(--line)}.track-row{display:grid;grid-template-columns:34px 52px minmax(130px,1.2fr) minmax(100px,1fr) 38px;align-items:center;gap:17px;min-height:83px;border-bottom:1px solid var(--line);transition:padding .2s,background .2s}.track-row:hover{padding-inline:10px;background:rgba(255,255,255,.45)}.track-number{font-size:10px;font-weight:850;color:#9893a0;font-variant-numeric:tabular-nums}.track-thumb{width:49px;height:49px;border-radius:9px;overflow:hidden;background:#e7def5;display:grid;place-items:center;color:var(--violet);font-size:25px}.track-thumb img{width:100%;height:100%;object-fit:cover}.track-main h3{font-size:14px;font-weight:800;letter-spacing:-.025em;margin:0 0 3px}.track-main p{font-size:10px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-album{font-size:11px;color:#88838f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-action{justify-self:end;width:33px;height:33px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink);font-size:16px}.track-action:hover{background:var(--lime);border-color:var(--lime);color:var(--ink)}
/* Creator banner */
.creator-callout{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 47px;margin:15px 0 80px;background:#eae5f8;border:1px solid #ddd5f2;border-radius:22px;overflow:hidden}.creator-callout h2{font-size:clamp(2.2rem,4vw,3.5rem);margin:14px 0 11px;font-weight:750}.creator-callout h2 em{color:var(--violet)}.creator-callout p{max-width:450px;font-size:13px;line-height:1.8;margin-bottom:0}.creator-callout .button{flex:none;position:relative;z-index:1}.creator-orbit{position:absolute;right:22%;top:-53px;font-size:180px;line-height:1;color:rgba(110,90,215,.07);transform:rotate(16deg)}
/* Archive headers, filters, results */
.archive-hero{position:relative;padding:53px 0 35px;border-bottom:1px solid var(--line)}.archive-hero h1{font-size:clamp(2.8rem,5vw,4.7rem);font-weight:750;letter-spacing:-.07em;margin:19px 0 12px}.archive-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--violet)}.archive-hero p{font-size:14px;max-width:590px;margin-bottom:25px}.archive-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid #dedbd3;border-radius:50px;padding:8px 13px;background:rgba(255,255,255,.4);font-size:10px;font-weight:800;color:#77727e}.filter-chip:hover,.filter-chip.is-active{background:var(--ink);border-color:var(--ink);color:white}.archive-inline-search{margin-left:auto;display:flex;align-items:center;gap:8px;width:245px;border:1px solid #dedbd3;background:var(--white);border-radius:10px;padding:4px 5px 4px 12px}.archive-inline-search input{min-width:0;width:100%;border:0;background:transparent;outline:0;font-size:11px;padding:7px 0}.archive-inline-search button{width:29px;height:29px;flex:none;border:0;border-radius:7px;background:var(--lime);font-weight:800}.archive-result-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;color:#8a8590;font-size:10px}.result-spark{font-size:15px;color:var(--coral);margin-left:5px}.archive-song-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-bottom:25px}.archive-song-card{display:grid;grid-template-columns:145px minmax(0,1fr);gap:17px;padding:12px;border:1px solid rgba(23,25,35,.08);border-radius:16px;background:var(--white);min-width:0;transition:transform .2s,box-shadow .2s}.archive-song-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.archive-song-cover{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#ded7ee;display:grid;place-items:center;color:var(--violet);font-size:35px}.archive-song-cover img{width:100%;height:100%;object-fit:cover}.archive-cover-arrow{position:absolute;right:7px;bottom:7px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink)}.archive-song-detail{align-self:center;min-width:0}.archive-song-detail h2{font-size:18px;line-height:1.25;font-weight:800;letter-spacing:-.045em;margin:7px 0 6px;overflow-wrap:anywhere}.archive-song-detail p{font-size:11px;margin:0;overflow-wrap:anywhere}.archive-song-meta{display:flex;gap:8px;margin-top:18px;padding-top:10px;border-top:1px solid #eeece5;color:#918c98;font-size:9px;font-weight:700}.archive-song-meta span+span:before{content:"·";margin-right:8px}.archive-movie-grid{grid-template-columns:repeat(5,minmax(0,1fr));padding-bottom:30px}.artist-grid-v2{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 20px;padding:17px 0 35px}.artist-card-v2{text-align:center;min-width:0}.artist-avatar-v2{position:relative;display:block;width:min(100%,142px);aspect-ratio:1;margin:0 auto 15px;border-radius:50%;overflow:hidden;background:#e5dbf3;box-shadow:0 0 0 7px rgba(255,255,255,.55);transition:box-shadow .2s,transform .2s}.artist-avatar-v2:hover{transform:translateY(-4px);box-shadow:0 0 0 7px #d4f17a}.artist-avatar-v2 img{width:100%;height:100%;object-fit:cover}.artist-avatar-v2>span{display:grid;place-items:center;width:100%;height:100%;font-size:42px;font-weight:800;color:var(--violet)}.artist-avatar-v2 i{position:absolute;right:3px;bottom:3px;width:29px;height:29px;display:grid;place-items:center;background:var(--lime);color:var(--ink);border:3px solid var(--paper);border-radius:50%;font-size:12px;font-style:normal}.artist-card-v2 h2{font-size:14px;font-weight:800;letter-spacing:-.03em;margin:0 0 6px;overflow-wrap:anywhere}.artist-card-v2 p{font-size:10px;margin:0}.pagination-wrap{padding:18px 0 55px}.nav-links{display:flex;justify-content:center;align-items:center;gap:8px}.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:37px;height:37px;padding:0 10px;border:1px solid var(--line);border-radius:10px;font-size:11px;font-weight:800}.page-numbers.current,.page-numbers:hover{background:var(--ink);border-color:var(--ink);color:#fff}
/* Single post foundation */
.breadcrumb-trail{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:26px 0 16px;color:#99939f;font-size:10px}.breadcrumb-trail a{color:#77727e}.breadcrumb-trail .breadcrumb-current{color:var(--ink);font-weight:700}.entry-header{padding:18px 0 25px}.entry-title,.song-title-main{font-size:clamp(2.5rem,5vw,4.6rem);font-weight:800;letter-spacing:-.07em;margin:0 0 22px;overflow-wrap:anywhere}.movie-meta,.artist-meta,.song-artists{display:flex;flex-wrap:wrap;gap:9px 22px;margin:0 0 20px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.movie-meta p,.artist-meta p,.song-artists p{font-size:11px;margin:0;color:#827d89}.movie-meta strong,.artist-meta strong,.song-artists strong{color:var(--ink);font-weight:800}.movie-meta a,.song-artists a{color:var(--violet);font-weight:700}.movie-share,.share-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.movie-share>span,.share-label{font-size:10px;font-weight:800;color:#827d89;margin-right:5px}.share-btn,.share-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:50px;padding:6px 10px;font-size:9px;font-weight:800;background:rgba(255,255,255,.5)}.share-btn:hover,.share-chip:hover{border-color:var(--violet);background:#ebe6ff;color:var(--ink)}.entry-content{font-size:15px;line-height:1.9}.entry-content p{color:#575563}.entry-content a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}.entry-content h2,.entry-content h3{margin-top:26px}.movie-content-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start;margin:12px 0 30px}.movie-poster-small{border-radius:14px;overflow:hidden;box-shadow:var(--shadow);background:#e7dfd2}.movie-poster-small img{width:100%;height:auto}.movie-description{font-size:14px;line-height:1.9}.movie-video,.cast-crew,.movie-songs,.artist-songs,.artist-movies,.related-songs,.artist-info,.lyrics-section{margin:35px 0;padding:25px;background:var(--white);border:1px solid rgba(23,25,35,.07);border-radius:18px}.movie-video h2,.cast-crew>h2,.movie-songs>h2,.artist-songs>h2,.artist-movies>h2,.related-songs>h2,.related-songs>h3,.artist-info>h2,.artist-info>h3,.lyrics-header h2,.lyrics-header h3{font-size:22px;font-weight:800;margin:0 0 20px;letter-spacing:-.05em}.responsive-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px}.responsive-embed iframe,.responsive-embed video{position:absolute;inset:0;width:100%;height:100%}.crew-section{margin:25px 0}.crew-section>h3,.lyricists-section h4,.singers-section h4{font-size:13px;margin-bottom:13px;font-weight:800}.artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:17px}.artist-card{min-width:0;text-align:center}.artist-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:13px;background:#e6dff3}.artist-card .artist-name{font-size:12px;font-weight:800;letter-spacing:-.02em;margin:9px 0 3px}.artist-role{font-size:10px!important;margin:0!important}.songs-list{display:flex;flex-direction:column}.song-item{display:grid;grid-template-columns:34px minmax(100px,1fr) minmax(100px, .8fr) auto;align-items:center;gap:12px;padding:13px 5px;border-bottom:1px solid #eeece5;min-width:0}.song-item:last-child{border-bottom:0}.song-number{width:29px;height:29px;border-radius:8px;background:#eee9fb;display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--violet)}.song-title{font-size:13px;font-weight:800;overflow-wrap:anywhere}.song-movie,.song-artist,.song-duration{font-size:10px;color:#8c8793;overflow-wrap:anywhere}.song-movie a{color:#7b6ad0}.artist-image-large{max-width:240px;border-radius:15px}.artist-bio{padding:22px;background:var(--white);border-radius:16px;margin:20px 0}.artist-bio h2{font-size:22px}.artist-songs .song-item{grid-template-columns:34px minmax(100px,1fr) minmax(90px, .7fr) auto}.singers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.artist-card-large{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #eeeaf1;border-radius:12px;min-width:0}.artist-card-large .artist-image-large{width:54px;height:54px;object-fit:cover;border-radius:10px;flex:none}.artist-details h5{font-size:11px;margin:0 0 5px;letter-spacing:0}.view-artist-btn{font-size:9px;font-weight:800;color:var(--violet)}
/* Lyrics reader */
.lyrics-content{max-width:900px;margin:0 auto}.song-header{padding-top:26px}.song-title-main{margin-bottom:10px}.song-header .song-artists{margin-top:20px}.song-image{max-width:320px;margin:22px 0 28px;border-radius:16px;overflow:hidden;box-shadow:0 14px 40px rgba(23,25,35,.12);background:#eeeaf1}.song-image img,.song-featured-poster{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover;transition:transform .3s ease}.song-image:hover img,.song-image:hover .song-featured-poster{transform:scale(1.02)}.lyrics-section{max-width:780px;margin:28px auto 38px;padding:0;overflow:hidden;background:var(--white);box-shadow:0 10px 35px rgba(41,32,58,.045)}.lyrics-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 12px}.lyrics-header h3{font-size:20px;margin:0}.lyrics-controls{display:flex;align-items:center;gap:5px}.lyrics-btn{border:1px solid #e6e2ea;background:#fff;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:800;color:#625b6d}.lyrics-btn:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.lyrics-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:0 22px 15px;border-bottom:1px solid #eeeaf1}.lyrics-tab{border:1px solid transparent;border-radius:8px;padding:7px 12px;background:transparent;font-size:11px;font-weight:800;color:#8c8694}.lyrics-tab:hover{background:#f2eff9;color:var(--ink)}.lyrics-tab.active{background:var(--plum);color:#fff}.lyrics-content-tabs{padding:25px 22px 30px}.lyrics-tab-content{display:none}.lyrics-tab-content.active{display:block}.lyrics-text{font-family:"Noto Sans Telugu","Mandali",Inter,sans-serif;font-weight:400;font-size:17px;line-height:2.05;white-space:normal;color:#34313c;text-align:center;overflow-wrap:anywhere}.lyrics-text p{color:inherit;margin:0 0 1em}.lyrics-rich-content{white-space:normal}.lyrics-rich-content p{margin:0 0 1em}.no-lyrics{padding:24px;background:#fbf0e9;border:1px solid #f4dfd3;border-radius:14px;color:#835a49;text-align:center}.no-lyrics p{margin:0;font-size:13px}.related-songs .song-item{grid-template-columns:34px minmax(100px,1fr) minmax(100px,1fr)}.artist-info .artist-card-large{background:#fffefa}.lyrics-content> .entry-content{margin-top:25px}
/* Generic pages, search and blog */
.page-header{padding:42px 0 28px}.page-title{font-size:clamp(2.4rem,5vw,4rem);font-weight:800;letter-spacing:-.07em;margin:0 0 9px}.page-header p{font-size:13px}.movies-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.movie-card{min-width:0;background:var(--white);border:1px solid rgba(23,25,35,.06);border-radius:13px;overflow:hidden}.movie-card>a{display:block}.movie-poster{width:100%;aspect-ratio:3/4;object-fit:cover;background:#e6dff3}.movie-info{padding:12px}.movie-title{font-size:14px;font-weight:800;margin:0 0 4px;letter-spacing:-.03em}.movie-date{font-size:10px;margin:0}.artists-archive,.movies-archive,.songs-archive{padding-bottom:20px}.artists-archive .artist-image{aspect-ratio:1;object-fit:cover}.entry-content,.post-content{overflow-wrap:anywhere}.entry-content img{border-radius:12px}.entry-content blockquote{margin:24px 0;padding:15px 20px;border-left:3px solid var(--coral);background:#fffefa;border-radius:0 12px 12px 0}.entry-content table{width:100%;border-collapse:collapse}.entry-content th,.entry-content td{padding:10px;border:1px solid var(--line)}.search-results-list,.blog-list{display:grid;gap:14px;padding-bottom:45px}.search-result-card,.blog-card{padding:20px;background:var(--white);border:1px solid var(--line);border-radius:15px}.search-result-card h2,.blog-card h2{font-size:22px;margin-bottom:9px}.search-result-card p,.blog-card p{font-size:13px}.post-navigation,.posts-navigation{padding:20px 0}.no-results{padding:35px;text-align:center;background:var(--white);border-radius:15px}
/* Footer */
.site-footer{position:relative;isolation:isolate;overflow:hidden;background:var(--plum);color:#fff;padding:53px 0 0}.footer-orbit{position:absolute;z-index:-1;right:-130px;top:-200px;width:460px;height:460px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.018),0 0 0 70px rgba(255,255,255,.015),0 0 0 112px rgba(255,255,255,.012)}.footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:42px;padding-bottom:44px}.brand-lockup-footer{color:#fff}.brand-lockup-footer:hover{color:#fff}.brand-lockup-footer .brand-words small{color:#b2a7c0}.footer-brand-block p{max-width:310px;font-size:12px;color:#b9afc5;line-height:1.9;margin:19px 0 0}.footer-link-group{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-link-group h2{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#c5b8d4;margin:7px 0 7px}.footer-link-group a{font-size:11px;color:#f3edf8}.footer-link-group a:hover{color:var(--lime)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.13);font-size:9px;color:#b8adc3}.footer-heart{color:var(--coral);font-size:12px;margin-left:3px}
/* Accessibility and reduced motion */
:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:4px} @media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Tablet */
@media(max-width:1050px){:root{--container:960px}.header-main{grid-template-columns:200px minmax(200px,1fr) 40px;gap:18px}.home-hero{grid-template-columns:1fr 0.8fr;min-height:535px}.hero-copy{padding-top:68px}.hero-art{min-height:535px}.home-hero h1{font-size:clamp(3.5rem,6.5vw,5.2rem)}.hero-cover-main{left:10%;width:43%}.hero-cover-small{right:4%;width:34%}.hero-sticker{right:6%;width:88px;height:88px}.latest-song-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.latest-song-info{padding:13px}.movie-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:25px}.archive-movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.artist-grid-v2{grid-template-columns:repeat(5,minmax(0,1fr))}.footer-main{gap:26px}}
@media(max-width:760px){.container{width:min(100% - 36px,var(--container))}.header-main{min-height:75px;grid-template-columns:1fr 42px;gap:12px;padding-block:11px}.site-branding{grid-column:1;grid-row:1}.header-search-wrap{grid-column:1/-1;grid-row:2}.menu-toggle{display:flex;grid-column:2;grid-row:1}.nav-inner{height:auto;min-height:0;display:block}.nav-note{display:none}.main-navigation{display:block}.nav-menu{display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 14px}.nav-menu.mobile-menu-open{display:flex}.nav-menu a{min-height:43px;border-bottom:1px solid rgba(23,25,35,.07);font-size:13px;width:100%}.nav-menu .current-menu-item>a:after{display:none}.nav-menu .current-menu-item>a{color:var(--violet)}.nav-band{border-top:1px solid rgba(23,25,35,.06)}.home-hero{grid-template-columns:1fr;margin-inline:-18px}.hero-copy{padding:48px 22px 36px}.home-hero h1{font-size:clamp(3.4rem,13vw,5.4rem);margin:21px 0}.hero-intro{font-size:13px;max-width:440px}.hero-search{min-height:58px}.hero-search button{padding:12px}.hero-stats{margin-top:30px;gap:14px}.hero-stats strong{font-size:16px}.hero-stats span{font-size:8px}.hero-art{min-height:390px}.hero-vinyl{width:300px;right:8%;top:10%}.hero-cover-main{width:37%;left:18%;top:7%}.hero-cover-small{width:28%;right:10%;bottom:12%}.hero-sticker{top:4%;right:9%;width:78px;height:78px}.hero-wave{bottom:10%;left:10%}.hero-art-caption{right:17px;bottom:17px;font-size:7px}.language-ribbon{margin-inline:-18px;padding:15px 18px;align-items:flex-start;flex-direction:column;gap:10px}.language-links{gap:10px 18px}.language-links a{font-size:12px}.language-links .all-languages{padding-left:0;border-left:0}.home-section{padding:57px 0 60px}.section-heading-row{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:23px}.section-heading-row h2{font-size:clamp(2.2rem,9vw,3.3rem)}.section-heading-row p{font-size:12px}.section-heading-row>.text-link{margin:0}.latest-song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.latest-song-art{aspect-ratio:1.18/1}.latest-song-info{padding:12px}.latest-song-info h3{font-size:15px}.latest-song-info p{font-size:10px}.song-card-foot{margin-top:11px}.album-spotlight{grid-template-columns:35% 1fr;gap:7%;margin-inline:-18px;padding:36px 24px}.spotlight-poster{width:100%}.spotlight-poster>a{border-width:4px}.spotlight-copy h2{font-size:clamp(2rem,7vw,3.5rem);margin:12px 0}.spotlight-copy>p{font-size:11px;line-height:1.7}.spotlight-meta{margin-bottom:11px}.spotlight-meta span{font-size:8px}.spotlight-stat{margin-bottom:14px}.spotlight-stat-number{font-size:28px}.spotlight-stat>span:last-child{font-size:8px}.spotlight-copy .button{padding:11px 12px;font-size:10px;gap:8px}.spotlight-side-note{display:none}.movie-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}.movie-card-v2-info h3,.movie-card-v2-info h2{font-size:12px}.movie-card-meta{font-size:8px}.track-row{grid-template-columns:24px 43px minmax(0,1fr) 31px;gap:10px;min-height:73px}.track-thumb{width:42px;height:42px}.track-main h3{font-size:12px}.track-main p{font-size:9px}.track-album{display:none}.creator-callout{margin:8px 0 55px;padding:30px 23px;align-items:flex-start;flex-direction:column;gap:18px}.creator-callout h2{font-size:2.5rem}.creator-callout p{font-size:12px}.creator-orbit{right:0;top:-40px;font-size:130px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;padding-bottom:34px}.footer-brand-block{grid-column:1/-1}.footer-brand-block p{max-width:390px}.site-footer{padding-top:38px}.archive-hero{padding:39px 0 25px}.archive-hero h1{font-size:clamp(2.6rem,10vw,4rem)}.archive-hero p{font-size:12px}.archive-tools{gap:6px}.filter-chip{font-size:9px;padding:7px 10px}.archive-inline-search{width:100%;margin:8px 0 0}.archive-result-line{font-size:9px}.archive-result-line>span:last-child{display:none}.archive-song-grid{grid-template-columns:1fr;gap:11px}.archive-song-card{grid-template-columns:112px 1fr;gap:14px;padding:10px}.archive-song-detail h2{font-size:17px}.archive-song-meta{margin-top:13px}.archive-movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.artist-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 13px}.artist-avatar-v2{width:min(100%,110px);margin-bottom:12px}.artist-card-v2 h2{font-size:12px}.artist-card-v2 p{font-size:9px}.breadcrumb-trail{font-size:9px;padding-top:18px}.entry-title,.song-title-main{font-size:clamp(2.3rem,9vw,3.8rem)}.movie-content-layout{grid-template-columns:120px minmax(0,1fr);gap:17px}.movie-description{font-size:12px;line-height:1.8}.movie-meta,.artist-meta,.song-artists{gap:7px 14px;padding:13px 0}.movie-meta p,.artist-meta p,.song-artists p{font-size:10px}.movie-video,.cast-crew,.movie-songs,.artist-songs,.artist-movies,.related-songs,.artist-info,.lyrics-section{margin:23px 0;padding:18px}.movie-video h2,.cast-crew>h2,.movie-songs>h2,.artist-songs>h2,.artist-movies>h2,.related-songs>h3,.artist-info>h3,.lyrics-header h3{font-size:20px}.song-item,.artist-songs .song-item{grid-template-columns:30px minmax(80px,1fr) auto;gap:9px}.song-item .song-movie,.song-item .song-artist{grid-column:2}.song-item .song-duration{grid-column:3;grid-row:1}.song-item .song-title{grid-column:2}.lyrics-header{padding:17px 14px 11px;align-items:flex-start;flex-direction:column}.lyrics-tabs{padding-inline:14px}.lyrics-content-tabs{padding:21px 15px 25px}.lyrics-text{font-size:16px;line-height:1.95}.share-row{margin-top:8px}}
@media(max-width:420px){.container{width:calc(100% - 28px)}.brand-words strong{font-size:23px}.hero-copy{padding-inline:17px}.hero-discover{gap:11px}.hero-discover>span{width:100%}.hero-art{min-height:335px}.hero-vinyl{width:245px;right:2%}.hero-cover-main{width:42%;left:12%;top:10%}.hero-cover-small{width:31%;right:6%;bottom:12%}.hero-sticker{right:5%;width:70px;height:70px}.hero-sticker span:nth-child(2){font-size:7px}.hero-wave{left:6%;bottom:9%}.hero-stats{gap:11px}.hero-stats strong{font-size:14px}.language-links{gap:9px 15px}.album-spotlight{grid-template-columns:31% 1fr;gap:6%;padding:30px 17px}.spotlight-copy .eyebrow{font-size:8px}.spotlight-copy h2{font-size:1.85rem}.spotlight-copy>p{font-size:10px}.spotlight-stat{gap:8px}.spotlight-stat-number{font-size:25px}.spotlight-copy .button{font-size:9px;padding:10px}.movie-grid-v2,.archive-movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.movie-card-v2-info h3,.movie-card-v2-info h2{font-size:13px}.latest-song-grid{gap:9px}.latest-song-info{padding:10px}.latest-song-info h3{font-size:13px}.song-card-foot{font-size:8px}.archive-song-card{grid-template-columns:95px 1fr;gap:11px}.archive-song-detail h2{font-size:15px}.artist-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-avatar-v2{width:112px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:6px}.movie-content-layout{grid-template-columns:1fr}.movie-poster-small{width:150px}.song-item,.artist-songs .song-item{grid-template-columns:28px minmax(0,1fr) auto}.song-item .song-title{font-size:12px}.songs-list .song-movie,.songs-list .song-artist{font-size:9px}}

/* Search results */
.archive-search-large{display:flex;align-items:center;gap:10px;max-width:620px;padding:7px;background:var(--white);border:1px solid #e4dfd6;border-radius:14px;box-shadow:0 8px 25px rgba(37,29,48,.045)}.archive-search-large input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:12px 13px;font-size:12px;color:var(--ink)}.archive-search-large button{flex:none;display:flex;align-items:center;gap:13px;border:0;border-radius:10px;background:var(--coral);padding:13px 16px;font-size:11px;font-weight:850}.archive-search-large button span{font-size:16px}.search-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 0 24px}.search-result-card-v2{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px;background:var(--white);border:1px solid rgba(23,25,35,.08);border-radius:16px;min-width:0;transition:transform .2s,box-shadow .2s}.search-result-card-v2:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.search-result-image{display:grid;place-items:center;overflow:hidden;aspect-ratio:3/4;border-radius:10px;background:#e7def5;color:var(--violet);font-size:35px}.search-result-image img{width:100%;height:100%;object-fit:cover}.search-result-body{align-self:center;min-width:0}.search-result-body h2{font-size:19px;margin:7px 0 6px;font-weight:800;letter-spacing:-.045em;line-height:1.23;overflow-wrap:anywhere}.search-result-meta-v2{font-size:10px;color:#817b8a;margin-bottom:9px}.search-result-body p{font-size:11px;line-height:1.7;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.search-result-read{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:850}.search-result-read span{color:var(--violet);font-size:14px}.search-empty{margin:20px 0 60px}.search-empty .button{margin-top:18px}
@media(max-width:760px){.search-results-grid{grid-template-columns:1fr}.search-result-card-v2{grid-template-columns:105px minmax(0,1fr);gap:13px;padding:10px}.search-result-body h2{font-size:17px}.search-result-body p{font-size:10px;margin-bottom:10px}.search-result-read{font-size:9px}.archive-search-large{gap:4px}.archive-search-large input{padding:11px 8px;font-size:11px}.archive-search-large button{padding:12px;font-size:10px}}


/* Today in Music & Cinema */
.today-in-cinema-section{padding-top:20px;padding-bottom:76px}
.today-discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.today-panel{min-width:0;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:0 10px 28px rgba(37,29,48,.035)}
.today-panel-heading{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.today-panel-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:13px;font-size:21px;color:var(--ink)}
.today-panel-icon-coral{background:#ffe0d9}.today-panel-icon-lime{background:var(--lime)}
.today-panel-heading>div{min-width:0;flex:1}
.today-panel-kicker{display:block;margin-bottom:4px;color:#8a8493;font-size:8px;font-weight:850;letter-spacing:.13em;line-height:1.4}
.today-panel-heading h3{margin:0;font-size:19px;line-height:1.2;letter-spacing:-.045em;font-weight:850}
.today-panel-arrow{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--paper);font-size:16px;color:var(--ink)}
.today-artist-list,.today-movie-list{display:grid;grid-template-columns:1fr;gap:2px}
.today-artist-item,.today-movie-item{min-width:0;display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid #efede7}
.today-artist-item:last-child,.today-movie-item:last-child{border-bottom:0}
.today-artist-item:hover,.today-movie-item:hover{color:var(--ink)}
.today-artist-avatar{display:grid;place-items:center;width:54px;height:54px;flex:none;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#f3d7ce,#d9d1f4);color:var(--plum);font-size:23px}
.today-artist-avatar img{width:100%;height:100%;object-fit:cover}
.today-artist-copy,.today-movie-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.today-artist-copy strong,.today-movie-copy strong{font-size:12px;font-weight:850;line-height:1.35;overflow-wrap:anywhere}
.today-artist-copy small,.today-movie-copy small{font-size:10px;line-height:1.4;color:#898591}
.today-artist-arrow,.today-movie-arrow{color:#938c9b;font-size:16px;flex:none}
.today-movie-poster{display:grid;place-items:center;width:48px;height:62px;flex:none;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#f7ccbd,#d8d0ed 65%,#d4f17a);color:var(--plum);font-size:21px}
.today-movie-poster img{width:100%;height:100%;object-fit:cover}
.today-empty-state{display:flex;align-items:center;gap:13px;min-height:95px;padding:18px 2px 5px}
.today-empty-state>span{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:12px;background:var(--paper);color:var(--violet);font-size:20px}
.today-empty-state strong{display:block;margin-bottom:5px;font-size:11px;font-weight:850;color:var(--ink)}
.today-empty-state p{max-width:310px;margin:0;font-size:10px;line-height:1.65;color:#898591}
.today-legacy-empty{margin:12px 0;font-size:12px;color:#898591}
@media(max-width:760px){.today-in-cinema-section{padding-top:5px;padding-bottom:54px}.today-discovery-grid{grid-template-columns:1fr;gap:14px}.today-panel{padding:18px;border-radius:16px}.today-panel-heading{padding-bottom:14px}.today-panel-heading h3{font-size:18px}.today-artist-avatar{width:48px;height:48px}.today-movie-poster{width:44px;height:58px}}

/* ==========================================================================
   ENHANCEMENTS: Typography, Dark Mode, Mobile Sticky Bar, Modern Badges
   ========================================================================== */

/* Dark Mode Toggle Button */
.dark-mode-toggle {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    border: 1px solid var(--line);
    background: var(--white);
    color: var(--ink);
    display: inline-grid;
    place-items: center;
    font-size: 19px;
    cursor: pointer;
    transition: all .2s ease;
}
.dark-mode-toggle:hover {
    background: var(--lime);
    color: #171923;
    border-color: var(--lime);
    transform: translateY(-2px);
}
.theme-dark .theme-icon-dark { display: none; }
.theme-dark .theme-icon-light { display: inline-block; }
:root:not(.theme-dark) .theme-icon-light { display: none; }
:root:not(.theme-dark) .theme-icon-dark { display: inline-block; }

/* Dark mode surface refinements */
.theme-dark .header-search {
    background: #191b22;
    border-color: rgba(255,255,255,0.12);
}
.theme-dark .header-search .search-field {
    color: #f4f3ef;
}
.theme-dark .lyrics-section,
.theme-dark .latest-song-card,
.theme-dark .movie-card,
.theme-dark .archive-song-card,
.theme-dark .artist-card-large,
.theme-dark .today-panel {
    background: #191b24;
    border-color: rgba(255,255,255,0.1);
}
.theme-dark .lyrics-header,
.theme-dark .lyrics-tabs {
    border-color: rgba(255,255,255,0.08);
}
.theme-dark .lyrics-btn {
    background: #242633;
    border-color: rgba(255,255,255,0.12);
    color: #e5e2ed;
}
.theme-dark .lyrics-tab {
    color: #a4a0b2;
}
.theme-dark .lyrics-tab.active {
    background: var(--lime);
    color: #121318;
}
.theme-dark .song-item {
    border-color: rgba(255,255,255,0.08);
}
.theme-dark .song-artists p {
    background: #212330;
    border-color: rgba(255,255,255,0.1);
    color: #a4a1b0;
}
.theme-dark .song-artists p strong {
    color: #f4f3ef;
}

/* Hero Trending Search Chips */
.hero-trending-chips {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
    font-size: 11px;
}
.hero-trending-chips .chips-label {
    color: #c9c2d0;
    font-weight: 700;
    font-size: 11px;
    margin-right: 2px;
}
.hero-trending-chips a {
    display: inline-block;
    background: rgba(255,255,255,0.12);
    color: #f3edf8;
    padding: 4px 11px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 600;
    transition: all 0.2s ease;
    border: 1px solid rgba(255,255,255,0.1);
}
.hero-trending-chips a:hover {
    background: var(--lime);
    color: #171923;
    border-color: var(--lime);
    transform: translateY(-2px);
}

/* Enhanced Typography for Lyrics (English & Telugu) */
.lyrics-text, .lyrics-rich-content {
    font-size: 1.15rem;
    line-height: 2.0;
    white-space: normal;
}
#tab-telugu .lyrics-text,
#tab-telugu .lyrics-rich-content {
    font-family: 'Noto Sans Telugu', 'Mandali', Inter, sans-serif;
    font-size: 1.25rem;
    line-height: 2.2;
    letter-spacing: 0.012em;
}
#tab-english .lyrics-text,
#tab-english .lyrics-rich-content {
    font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.15rem;
    line-height: 1.95;
}

/* Clean up double blank lines / empty paragraphs */
.lyrics-rich-content p:empty {
    display: none;
}
.lyrics-rich-content p {
    margin-bottom: 1.4em;
}

/* Song Credits Badge / Chips Styling */
.song-artists {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
}
.song-artists p {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--paper-2);
    border: 1px solid var(--line);
    padding: 5px 12px;
    border-radius: 50px;
    font-size: 11px;
    color: var(--muted);
    margin: 0;
}
.song-artists p strong {
    color: var(--ink);
    font-weight: 800;
}
.song-artists p a {
    color: var(--violet);
    font-weight: 700;
    text-decoration: none;
}
.song-artists p a:hover {
    text-decoration: underline;
}

/* Mobile Sticky Quick Actions Bar */
.mobile-sticky-actions {
    display: none;
    position: fixed;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    background: rgba(23, 25, 35, 0.94);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 50px;
    padding: 6px 10px;
    box-shadow: 0 12px 35px rgba(0,0,0,0.35);
    gap: 8px;
    align-items: center;
}
@media (max-width: 768px) {
    .mobile-sticky-actions {
        display: flex;
    }
}
.sticky-act-btn {
    background: transparent;
    border: 0;
    color: #fff;
    padding: 7px 12px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    cursor: pointer;
    transition: background .2s ease;
}
.sticky-act-btn:hover, .sticky-act-btn:active {
    background: rgba(255,255,255,0.18);
}
.sticky-act-wa {
    background: #25d366 !important;
    color: #fff !important;
}
.sticky-act-wa:hover {
    background: #20ba5a !important;
}

/* Card Hover Animations & Polish */
.latest-song-card, .movie-card-v2, .archive-song-card {
    transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.28s ease !important;
}
.latest-song-card:hover, .movie-card-v2:hover, .archive-song-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 16px 36px rgba(37,29,48,0.12) !important;
}
.movie-poster, .movie-card-art img {
    aspect-ratio: 2 / 3;
    object-fit: cover;
}

/* ==========================================================================
   IMDb-INSPIRED MOVIE EXPERIENCE STYLING (10to5 Cinema & Soundtracks)
   ========================================================================== */

.imdb-movie-experience {
    max-width: 1100px;
    margin: 0 auto;
}

/* Title Header */
.imdb-title-header {
    margin-bottom: 25px;
}
.imdb-title-meta-top {
    margin-bottom: 12px;
}
.imdb-movie-title {
    font-size: clamp(2.4rem, 5.5vw, 4.2rem);
    font-weight: 850;
    letter-spacing: -0.05em;
    line-height: 1.08;
    margin: 8px 0 14px;
    color: var(--ink);
}
.imdb-meta-badges {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.meta-tag {
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.04em;
    padding: 4px 10px;
    border-radius: 6px;
    background: var(--paper-2);
    border: 1px solid var(--line);
    color: var(--muted);
    text-transform: uppercase;
}
.meta-tag-lang {
    background: var(--lime);
    color: #171923;
    border-color: var(--lime);
}
.meta-tag-censor {
    background: rgba(110, 90, 215, 0.12);
    color: var(--violet);
    border-color: rgba(110, 90, 215, 0.3);
}
.censor-pill {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    background: rgba(110, 90, 215, 0.12);
    color: var(--violet);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.05em;
    border: 1px solid rgba(110, 90, 215, 0.3);
}
.meta-tag-highlight {
    background: var(--coral);
    color: #ffffff;
    border-color: var(--coral);
}
.meta-tag-cat {
    text-decoration: none;
    transition: background 0.2s ease;
}
.meta-tag-cat:hover {
    background: var(--ink);
    color: #ffffff;
    border-color: var(--ink);
}

/* Headline Credits Bar (Director, Music, Stars) */
.imdb-headline-credits {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 14px;
    border-top: 1px solid var(--line);
    font-size: 13px;
}
.credit-item {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}
.credit-label {
    font-weight: 800;
    color: var(--ink);
    min-width: 75px;
}
.credit-value {
    color: var(--muted);
}
.credit-value a {
    color: var(--violet);
    font-weight: 600;
    text-decoration: none;
}
.credit-value a:hover {
    text-decoration: underline;
}

/* 2. Hero Media Stage (Poster + Trailer) */
.imdb-hero-stage {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 24px;
    align-items: stretch;
    margin-bottom: 24px;
}
.imdb-poster-frame {
    position: relative;
    height: 100%;
    min-height: 380px;
    border-radius: 16px;
    overflow: hidden;
    background: #171923;
    box-shadow: 0 16px 38px rgba(23,25,35,0.12);
}
.imdb-poster-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.poster-badge {
    position: absolute;
    bottom: 12px;
    left: 12px;
    background: rgba(23,25,35,0.85);
    backdrop-filter: blur(8px);
    color: #ffffff;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.1em;
    padding: 4px 8px;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.15);
}
.imdb-poster-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.5);
    font-size: 48px;
    padding: 20px;
    text-align: center;
}
.imdb-poster-placeholder small {
    font-size: 13px;
    margin-top: 10px;
    color: #ffffff;
    font-weight: 700;
}

/* Video Player Box */
.imdb-video-player-wrap {
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    background: #0d0e14;
    display: flex;
    flex-direction: column;
    box-shadow: 0 16px 38px rgba(23,25,35,0.12);
}
.video-label-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #151722;
    color: #e5e2ed;
    font-size: 10px;
    letter-spacing: 0.12em;
    font-weight: 850;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.live-pulse {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--coral);
    box-shadow: 0 0 0 3px rgba(255,115,94,0.3);
}
.imdb-embed {
    flex: 1;
    height: 100%;
    padding-bottom: 56.25%;
    position: relative;
    background: #000;
}
.imdb-embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.video-fallback-box {
    padding: 60px 30px;
    text-align: center;
    color: #ffffff;
}
.video-fallback-box span {
    font-size: 48px;
    color: var(--coral);
    display: block;
    margin-bottom: 15px;
}

/* Artistic Album Showcase Fallback */
.imdb-album-showcase-box {
    height: 100%;
    min-height: 380px;
    border-radius: 16px;
    background: linear-gradient(135deg, #2b1f38, #181422);
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 40px;
    position: relative;
    overflow: hidden;
}
.showcase-vinyl {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: repeating-radial-gradient(circle at center, #19171f 0 2px, #2a2533 3px 4px, #16151c 5px 7px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.4);
    display: grid;
    place-items: center;
    flex: none;
    animation: vinylSpin 14s linear infinite;
}
@keyframes vinylSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.showcase-vinyl-inner {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: var(--coral);
    color: #171923;
    font-weight: 900;
    font-size: 13px;
    display: grid;
    place-items: center;
}
.showcase-copy h3 {
    font-size: 1.8rem;
    font-weight: 800;
    margin: 8px 0 8px;
}
.showcase-copy p {
    color: #c9c2d4;
    font-size: 13px;
    margin-bottom: 20px;
    max-width: 380px;
}

/* Action Row */
.imdb-action-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--line);
}
.action-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: var(--white);
    border: 1px solid var(--line);
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 800;
    color: var(--ink);
    text-decoration: none;
    transition: all 0.2s ease;
}
.action-chip:hover {
    background: var(--lime);
    color: #171923;
    border-color: var(--lime);
    transform: translateY(-2px);
}
.action-chip-primary {
    background: var(--coral);
    color: #ffffff;
    border-color: var(--coral);
}
.action-chip-primary:hover {
    background: #ff5c45;
    color: #ffffff;
}
.imdb-share-group {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Common Section Container */
.imdb-section {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 32px 34px;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(37,29,48,0.035);
}
.imdb-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--line);
}
.imdb-section-heading h2 {
    font-size: clamp(1.6rem, 3.2vw, 2.2rem);
    font-weight: 850;
    letter-spacing: -0.04em;
    margin: 0;
    line-height: 1.15;
}
.section-sub {
    font-size: 12px;
    color: var(--muted);
    font-weight: 600;
    margin-top: 4px;
}
.soundtrack-count-badge {
    background: var(--lime);
    color: #171923;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.05em;
    flex: none;
}

/* Storyline & Quick Facts */
.storyline-body {
    font-size: 15px;
    line-height: 1.9;
    color: #4b4854;
    margin-bottom: 24px;
}
.movie-quick-facts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    padding: 20px;
    background: var(--paper-2);
    border-radius: 14px;
    border: 1px solid var(--line);
}
.fact-item {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.fact-item strong {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--muted);
}
.fact-item span {
    font-size: 13px;
    font-weight: 800;
    color: var(--ink);
}

/* 4. Soundtracks Table & Song Items */
.imdb-tracks-table {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.imdb-track-row {
    display: grid;
    grid-template-columns: 50px 1fr 90px 130px;
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}
.imdb-track-row:hover {
    background: var(--paper);
    border-color: var(--line);
    transform: translateX(4px);
}
.track-index-col {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--paper-2);
    font-weight: 850;
    font-size: 12px;
    color: var(--muted);
}
.track-play-icon {
    display: none;
    font-size: 12px;
    color: var(--coral);
}
.imdb-track-row:hover .track-num {
    display: none;
}
.imdb-track-row:hover .track-play-icon {
    display: block;
}
.track-title {
    font-size: 15px;
    font-weight: 800;
    margin: 0 0 4px;
    letter-spacing: -0.02em;
}
.track-title a {
    color: var(--ink);
    text-decoration: none;
}
.track-title a:hover {
    color: var(--violet);
}
.track-credits-line {
    font-size: 11px;
    color: var(--muted);
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.track-credits-line a {
    color: var(--violet);
    text-decoration: none;
}
.track-duration-col {
    font-size: 12px;
    font-weight: 750;
    color: var(--muted);
    text-align: right;
}
.read-lyrics-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: var(--paper-2);
    border: 1px solid var(--line);
    color: var(--ink);
    padding: 7px 14px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.2s ease;
}
.read-lyrics-btn:hover {
    background: var(--lime);
    color: #171923;
    border-color: var(--lime);
    transform: translateY(-2px);
}
.empty-soundtracks-state {
    text-align: center;
    padding: 40px 20px;
    color: var(--muted);
}
.empty-soundtracks-state span {
    font-size: 42px;
    display: block;
    margin-bottom: 10px;
}

/* 5. Cast & Crew Visual Grid */
.cast-group {
    margin-bottom: 26px;
}
.cast-group:last-child {
    margin-bottom: 0;
}
.cast-group-title {
    font-size: 13px;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 16px;
}
.imdb-cast-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 16px;
}
.imdb-artist-card {
    text-align: center;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: var(--paper-2);
    transition: all 0.2s ease;
}
.imdb-artist-card:hover {
    transform: translateY(-4px);
    border-color: var(--violet);
    background: var(--white);
    box-shadow: 0 10px 24px rgba(37,29,48,0.06);
}
.artist-avatar-wrap {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
    border-radius: 50%;
    overflow: hidden;
    background: #e2dcfa;
    box-shadow: 0 4px 10px rgba(0,0,0,0.07);
}
.artist-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.artist-avatar-fallback {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    font-size: 32px;
    color: var(--violet);
}
.artist-name {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0 0 3px;
    line-height: 1.3;
}
.artist-name a {
    color: var(--ink);
    text-decoration: none;
}
.artist-name a:hover {
    color: var(--violet);
}
.artist-role {
    font-size: 10px;
    color: var(--muted);
    display: block;
    font-weight: 600;
}
.artist-role-badge {
    color: var(--violet);
    font-weight: 750;
}

/* 6. More Like This / Related Movies */
.imdb-related-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}
.related-movie-card {
    min-width: 0;
}
.related-poster-link {
    display: block;
    position: relative;
    aspect-ratio: 2 / 3;
    border-radius: 12px;
    overflow: hidden;
    background: #171923;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
.related-poster-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}
.related-movie-card:hover .related-poster-img {
    transform: scale(1.06);
}
.related-poster-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    font-size: 36px;
    color: #fff;
}
.rel-overlay-badge {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(23,25,35,0.85);
    backdrop-filter: blur(6px);
    color: var(--lime);
    font-size: 9px;
    font-weight: 850;
    padding: 3px 7px;
    border-radius: 6px;
}
.related-movie-info {
    padding: 10px 2px 0;
}
.related-title {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0 0 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.related-title a {
    color: var(--ink);
    text-decoration: none;
}
.related-title a:hover {
    color: var(--violet);
}
.related-meta {
    font-size: 10px;
    color: var(--muted);
    display: flex;
    gap: 6px;
}
.related-meta span + span:before {
    content: "•";
    margin-right: 6px;
}

/* Dark Mode Overrides for IMDb Movie Page */
.theme-dark .imdb-section {
    background: #191b24;
    border-color: rgba(255,255,255,0.08);
}
.theme-dark .movie-quick-facts-grid {
    background: #121318;
    border-color: rgba(255,255,255,0.08);
}
.theme-dark .imdb-track-row:hover {
    background: #20222e;
    border-color: rgba(255,255,255,0.1);
}
.theme-dark .imdb-artist-card {
    background: #14151c;
    border-color: rgba(255,255,255,0.08);
}
.theme-dark .imdb-artist-card:hover {
    background: #212330;
    border-color: var(--violet);
}
.theme-dark .read-lyrics-btn {
    background: #242634;
    border-color: rgba(255,255,255,0.1);
    color: #f4f3ef;
}
.theme-dark .meta-tag {
    background: #212330;
    border-color: rgba(255,255,255,0.08);
}

/* Mobile Responsive */
@media (max-width: 900px) {
    .imdb-hero-stage {
        grid-template-columns: 1fr;
    }
    .imdb-poster-frame {
        max-width: 260px;
        margin: 0 auto;
        min-height: 360px;
    }
    .imdb-related-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .imdb-section {
        padding: 22px 18px;
    }
    .imdb-track-row {
        grid-template-columns: 36px 1fr auto;
        gap: 10px;
        padding: 12px 10px;
    }
    .track-duration-col {
        display: none;
    }
    .read-lyrics-btn {
        padding: 6px 10px;
        font-size: 10px;
    }
    .read-lyrics-btn span {
        display: none;
    }
    .imdb-cast-grid {
        grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
        gap: 10px;
    }
    .artist-avatar-wrap {
        width: 65px;
        height: 65px;
    }
    .imdb-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .imdb-action-row {
        gap: 8px;
    }
    .imdb-share-group {
        width: 100%;
        margin-left: 0;
        margin-top: 8px;
    }
}

/* ==========================================================================
   SONG DEDICATED OFFICIAL VIDEO & HOMEPAGE POLISH (v2.4.3)
   ========================================================================== */

/* Song Jump Button & Badges */
.song-artists p.song-video-link-meta {
    background: linear-gradient(135deg, rgba(255,115,94,0.15), rgba(212,241,122,0.2));
    border-color: rgba(255,115,94,0.3);
}
.song-video-jump-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #e04b36 !important;
    font-weight: 850 !important;
}
.song-video-jump-btn:hover {
    color: #c93522 !important;
    text-decoration: none !important;
}
.pulse-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff5733;
    box-shadow: 0 0 0 3px rgba(255,87,51,0.35);
    display: inline-block;
    animation: pulseGlow 1.8s infinite;
}
@keyframes pulseGlow {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.3); opacity: 0.6; }
}

.lyrics-video-btn {
    background: #171923 !important;
    color: #fff !important;
    border-color: #171923 !important;
    font-weight: 850 !important;
}
.lyrics-video-btn:hover {
    background: var(--coral) !important;
    border-color: var(--coral) !important;
    color: #fff !important;
}

.sticky-act-video {
    background: #ff735e !important;
    color: #fff !important;
}
.sticky-act-video:hover {
    background: #ea5a45 !important;
}

/* Song Official Video Section */
.song-video-section {
    max-width: 900px;
    margin: 35px auto 45px;
    background: #0e1017;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(18,16,28,0.22);
}
.song-video-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    background: #151722;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.video-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.video-header-left h3 {
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: -0.02em;
}
.video-header-subtitle {
    font-size: 11px;
    color: #a49fad;
    font-weight: 700;
}
.song-video-player-wrap {
    background: #000;
}
.song-video-embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background: #000;
}
.song-video-embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.song-video-fallback {
    padding: 60px 25px;
    text-align: center;
    color: #ffffff;
}
.song-video-fallback span {
    font-size: 54px;
    color: var(--coral);
    display: block;
    margin-bottom: 15px;
}
.song-video-fallback h3 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 8px;
}
.song-video-fallback p {
    color: #a8a3b5;
    font-size: 13px;
    margin-bottom: 20px;
}

/* Homepage Video Tag & Trending Chips */
.song-card-badge-video {
    display: inline-flex;
    align-items: center;
    background: #171923;
    color: #d4f17a;
    font-size: 8px;
    font-weight: 850;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 6px;
    letter-spacing: 0.04em;
    vertical-align: middle;
}
.hero-trending-chips {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
    font-size: 10px;
}
.chips-label {
    color: var(--coral);
    font-weight: 850;
    margin-right: 2px;
}
.hero-trending-chips a {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 50px;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.16);
    color: #f1edfa;
    font-weight: 750;
    transition: all 0.2s ease;
}
.hero-trending-chips a:hover {
    background: var(--lime);
    color: var(--ink);
    border-color: var(--lime);
    transform: translateY(-2px);
}

.theme-dark .song-video-section {
    border-color: rgba(255,255,255,0.14);
    box-shadow: 0 20px 50px rgba(0,0,0,0.6);
}
.theme-dark .song-artists p.song-video-link-meta {
    background: rgba(255,115,94,0.12);
    border-color: rgba(255,115,94,0.25);
}

/* ==========================================================================
   10to5 CINEMA SOUNDROOM (2036 NEXT-GEN DESIGN SYSTEM)
   ========================================================================== */

/* 1. Live Cinema Marquee Strip */
.soundroom-marquee-strip {
    width: 100vw;
    margin: 0 0 0 calc(50% - 50vw);
    background: #08090f;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
    padding: 10px 0;
    white-space: nowrap;
    position: relative;
    z-index: 10;
}
.marquee-track {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    animation: marqueeScroll 38s linear infinite;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #ded9e7;
}
.marquee-track:hover {
    animation-play-state: paused;
}
@keyframes marqueeScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.marquee-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 115, 94, 0.18);
    border: 1px solid rgba(255, 115, 94, 0.4);
    color: #ff735e;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.1em;
}
.m-item em {
    font-style: normal;
    color: #d4f17a;
    font-weight: 800;
}
.m-sep {
    color: rgba(255, 255, 255, 0.25);
    font-size: 9px;
}

/* 2. Next-Gen Soundroom Hero Stage */
.soundroom-hero {
    width: 100vw;
    margin: 0 0 0 calc(50% - 50vw);
    background: #0d0f18;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    padding: 60px 0 75px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.hero-backdrop-glow {
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(circle at 85% 25%, rgba(110, 90, 215, 0.22) 0%, transparent 55%),
        radial-gradient(circle at 15% 85%, rgba(255, 115, 94, 0.12) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(212, 241, 122, 0.05) 0%, transparent 60%);
    pointer-events: none;
}
.soundroom-hero-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 55px;
    align-items: center;
    position: relative;
    z-index: 2;
}

/* Console Left */
.soundroom-console {
    max-width: 620px;
}
.console-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.14em;
    color: #d5cee3;
    margin-bottom: 22px;
}
.kicker-glow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d4f17a;
    box-shadow: 0 0 10px #d4f17a;
}
.console-title {
    font-size: clamp(2.8rem, 5.2vw, 4.8rem);
    font-weight: 850;
    letter-spacing: -0.055em;
    line-height: 1.05;
    margin: 0 0 18px;
    color: #ffffff;
}
.gradient-text {
    background: linear-gradient(135deg, #ff735e 0%, #d4f17a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
    font-family: Georgia, serif;
}
.console-intro {
    font-size: 14.5px;
    line-height: 1.8;
    color: #b5adc4;
    margin-bottom: 30px;
    max-width: 530px;
}

/* Smart Search Terminal */
.smart-search-terminal {
    background: rgba(21, 24, 38, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    padding: 16px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
.terminal-search-form {
    margin-bottom: 14px;
}
.terminal-input-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #090a10;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    padding: 6px 8px 6px 16px;
    transition: all 0.25s ease;
}
.terminal-input-wrap:focus-within {
    border-color: #d4f17a;
    box-shadow: 0 0 0 3px rgba(212, 241, 122, 0.2);
}
.terminal-glass-icon {
    color: #8b8398;
    flex: none;
}
#terminal-search-input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #ffffff;
    font-size: 13.5px;
    padding: 10px 0;
}
#terminal-search-input::placeholder {
    color: #7d758c;
}
.terminal-key-hint {
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    padding: 3px 8px;
    font-size: 10px;
    font-weight: 800;
    color: #9f96ad;
    flex: none;
}
.terminal-submit-btn {
    border: 0;
    background: linear-gradient(135deg, #ff735e, #ff5757);
    color: #ffffff;
    padding: 12px 18px;
    border-radius: 10px;
    font-size: 11.5px;
    font-weight: 850;
    letter-spacing: 0.02em;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: none;
    cursor: pointer;
    transition: transform 0.2s, background 0.2s;
}
.terminal-submit-btn:hover {
    background: #d4f17a;
    color: #171923;
    transform: translateY(-2px);
}

/* Language Filter Pills in Terminal */
.terminal-lang-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.terminal-lang-label {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #8f869f;
    margin-right: 4px;
}
.lang-pill {
    font-size: 11px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ded7eb;
    transition: all 0.2s;
}
.lang-pill:hover, .lang-pill.is-active {
    background: #d4f17a;
    border-color: #d4f17a;
    color: #171923;
    transform: translateY(-1px);
}

/* HUD Metrics */
.soundroom-hud-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 35px;
}
.hud-stat-cell {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-top: 2px solid #6e5ad7;
    border-radius: 12px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.hud-stat-cell:nth-child(2) { border-top-color: #ff735e; }
.hud-stat-cell:nth-child(3) { border-top-color: #d4f17a; }
.hud-stat-cell:nth-child(4) { border-top-color: #38bdf8; }
.hud-stat-cell strong {
    font-size: 18px;
    font-weight: 850;
    color: #ffffff;
    letter-spacing: -0.03em;
}
.hud-stat-cell span {
    font-size: 9.5px;
    font-weight: 700;
    color: #9c93ac;
    letter-spacing: 0.02em;
}

/* Spotlight Stage Right */
.soundroom-spotlight-card {
    position: relative;
    background: rgba(18, 21, 33, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 26px;
    padding: 30px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(20px);
    overflow: hidden;
}
.spotlight-badge-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}
.spotlight-pulse-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(255, 115, 94, 0.16);
    border: 1px solid rgba(255, 115, 94, 0.35);
    padding: 4px 10px;
    border-radius: 50px;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.1em;
    color: #ff735e;
}
.spotlight-lang-tag {
    background: rgba(212, 241, 122, 0.16);
    border: 1px solid rgba(212, 241, 122, 0.3);
    color: #d4f17a;
    padding: 4px 10px;
    border-radius: 50px;
    font-size: 9.5px;
    font-weight: 850;
}
.spotlight-cover-container {
    position: relative;
    width: min(100%, 260px);
    margin: 0 auto 22px;
}
.spotlight-poster-wrap {
    display: block;
    position: relative;
    z-index: 2;
    aspect-ratio: 2 / 3;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.16);
}
.spotlight-poster-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.spotlight-poster-wrap:hover .spotlight-poster-img {
    transform: scale(1.05);
}
.spotlight-poster-fallback {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #2b1d3d, #161224);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    color: #d4f17a;
}
.spotlight-vinyl-disc {
    position: absolute;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: repeating-radial-gradient(circle at center, #111116 0 2px, #1a1a22 3px 5px, #111116 6px 8px);
    top: 50%;
    right: -45px;
    transform: translateY(-50%);
    z-index: 1;
    box-shadow: 0 15px 35px rgba(0,0,0,0.7);
    display: grid;
    place-items: center;
    border: 3px solid #222533;
    animation: vinylSpin 24s linear infinite;
}
@keyframes vinylSpin {
    from { transform: translateY(-50%) rotate(0deg); }
    to { transform: translateY(-50%) rotate(360deg); }
}
.vinyl-center {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #ff735e;
    color: #171923;
    display: grid;
    place-items: center;
    font-size: 11px;
    font-weight: 900;
    box-shadow: 0 0 0 4px #fff;
}
.spotlight-movie-title {
    font-size: 22px;
    font-weight: 850;
    margin: 0 0 6px;
    letter-spacing: -0.03em;
}
.spotlight-movie-title a {
    color: #ffffff;
}
.spotlight-movie-title a:hover {
    color: #d4f17a;
}
.spotlight-creators {
    font-size: 11.5px;
    color: #a9a0b8;
    margin-bottom: 16px;
}
.spotlight-creators strong {
    color: #ffffff;
}
.spotlight-sound-eq {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 22px;
    margin-bottom: 22px;
    background: rgba(255, 255, 255, 0.04);
    padding: 6px 12px;
    border-radius: 8px;
    width: fit-content;
}
.eq-bar {
    width: 3px;
    background: #d4f17a;
    border-radius: 3px;
    height: 8px;
    animation: eqBounce 1.4s infinite ease-in-out alternate;
}
.eq-bar:nth-child(1) { height: 12px; animation-delay: 0.1s; }
.eq-bar:nth-child(2) { height: 18px; animation-delay: 0.3s; }
.eq-bar:nth-child(3) { height: 7px;  animation-delay: 0.2s; }
.eq-bar:nth-child(4) { height: 15px; animation-delay: 0.5s; }
.eq-bar:nth-child(5) { height: 10px; animation-delay: 0.4s; }
.eq-bar:nth-child(6) { height: 17px; animation-delay: 0.25s; }
.eq-bar:nth-child(7) { height: 9px;  animation-delay: 0.15s; }
@keyframes eqBounce {
    0% { height: 4px; }
    100% { height: 20px; }
}
.eq-copy {
    font-size: 10px;
    font-weight: 800;
    color: #ded7eb;
    margin-left: 8px;
    letter-spacing: 0.04em;
}
.spotlight-action-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.spotlight-btn {
    padding: 12px 18px !important;
    font-size: 11.5px !important;
}
.spotlight-btn-secondary {
    padding: 12px 16px !important;
    font-size: 11px !important;
}

/* 3. Section 1: Fresh Drops Cards */
.fresh-song-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}
.sound-song-card {
    background: var(--white);
    border: 1px solid rgba(23, 25, 35, 0.08);
    border-radius: 18px;
    overflow: hidden;
    transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.28s ease;
    display: flex;
    flex-direction: column;
}
.sound-song-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(23, 25, 35, 0.12);
}
.sound-song-artwork {
    position: relative;
    aspect-ratio: 16 / 10;
    display: block;
    overflow: hidden;
    background: #e5def3;
}
.sound-song-artwork img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.sound-song-card:hover .sound-song-artwork img {
    transform: scale(1.06);
}
.artwork-fallback-note {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: 48px;
    color: var(--violet);
}
.sound-card-index {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(23, 25, 35, 0.82);
    color: #fff;
    padding: 3px 7px;
    border-radius: 6px;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.08em;
}
.sound-card-jump {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--lime);
    color: var(--ink);
    display: grid;
    place-items: center;
    font-size: 13px;
    font-weight: 850;
    opacity: 0.9;
}
.sound-song-meta {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.sound-movie-tag {
    font-size: 9.5px;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #8c8597;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sound-movie-tag a {
    color: inherit;
}
.sound-movie-tag a:hover {
    color: var(--violet);
}
.sound-song-title {
    font-size: 16px;
    font-weight: 800;
    margin: 0 0 6px;
    line-height: 1.3;
    letter-spacing: -0.03em;
}
.sound-song-title a {
    color: var(--ink);
}
.sound-song-title a:hover {
    color: var(--violet);
}
.sound-song-singers {
    font-size: 11px;
    color: var(--muted);
    margin: 0 0 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sound-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid rgba(23, 25, 35, 0.06);
    font-size: 9.5px;
}
.sound-card-badges {
    display: flex;
    align-items: center;
    gap: 6px;
}
.badge-lyrics {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 800;
    color: var(--violet);
}
.badge-video {
    background: #171923;
    color: #d4f17a;
    font-weight: 850;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 8px;
    letter-spacing: 0.04em;
}
.sound-duration {
    color: #888293;
    font-weight: 700;
}

/* 4. Section 2: Cinema Video Jukebox */
.cinema-jukebox-section {
    width: 100vw;
    margin: 0 0 0 calc(50% - 50vw);
    background: #090b12;
    padding: 75px 0 85px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.text-link-light {
    color: #d4f17a !important;
}
.text-link-light span {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
}
.jukebox-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}
.jukebox-card {
    background: #141724;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 20px;
    overflow: hidden;
    transition: transform 0.28s, box-shadow 0.28s;
}
.jukebox-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6);
    border-color: rgba(255, 115, 94, 0.35);
}
.jukebox-video-frame {
    display: block;
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
}
.jukebox-video-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease, opacity 0.3s;
}
.jukebox-card:hover .jukebox-video-frame img {
    transform: scale(1.08);
    opacity: 0.85;
}
.jukebox-fallback-bg {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    font-size: 36px;
    color: #ff735e;
    background: #1e2233;
}
.jukebox-play-overlay {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(13, 15, 24, 0.3);
    transition: background 0.3s;
}
.jukebox-card:hover .jukebox-play-overlay {
    background: rgba(13, 15, 24, 0.15);
}
.jukebox-play-circle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    color: #171923;
    display: grid;
    place-items: center;
    font-size: 15px;
    padding-left: 3px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.4);
    transition: transform 0.2s, background 0.2s;
}
.jukebox-card:hover .jukebox-play-circle {
    transform: scale(1.15);
    background: #ff735e;
    color: #fff;
}
.jukebox-live-pill {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(13, 14, 20, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: 0.08em;
    padding: 3px 8px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.jukebox-info {
    padding: 18px;
}
.jukebox-film {
    font-size: 9.5px;
    font-weight: 850;
    letter-spacing: 0.08em;
    color: #d4f17a;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}
.jukebox-title {
    font-size: 15px;
    font-weight: 800;
    margin: 0 0 6px;
    line-height: 1.3;
}
.jukebox-title a {
    color: #ffffff;
}
.jukebox-title a:hover {
    color: #ff735e;
}
.jukebox-voices {
    font-size: 11px;
    color: #9c94aa;
    margin: 0 0 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jukebox-read-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 850;
    color: #d4f17a;
    letter-spacing: 0.03em;
}
.jukebox-read-btn:hover {
    color: #fff;
    text-decoration: underline;
}

/* 5. Section 3: Movie Albums Poster Grid */
.movie-poster-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 20px;
}
.sound-movie-card {
    min-width: 0;
}
.movie-poster-anchor {
    position: relative;
    display: block;
    aspect-ratio: 2 / 3;
    border-radius: 14px;
    overflow: hidden;
    background: #e2dbf1;
    box-shadow: 0 8px 22px rgba(23, 25, 35, 0.09);
    transition: transform 0.28s, box-shadow 0.28s;
}
.movie-poster-anchor img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.sound-movie-card:hover .movie-poster-anchor {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(37, 29, 48, 0.16);
}
.sound-movie-card:hover .movie-poster-anchor img {
    transform: scale(1.06);
}
.poster-fallback-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    color: var(--violet);
}
.poster-track-badge {
    position: absolute;
    bottom: 8px;
    left: 8px;
    background: rgba(23, 25, 35, 0.85);
    color: #fff;
    font-size: 8.5px;
    font-weight: 850;
    padding: 3px 7px;
    border-radius: 5px;
    letter-spacing: 0.05em;
    backdrop-filter: blur(8px);
}
.poster-hover-arrow {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--lime);
    color: var(--ink);
    display: grid;
    place-items: center;
    font-size: 13px;
    font-weight: 850;
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity 0.2s, transform 0.2s;
}
.sound-movie-card:hover .poster-hover-arrow {
    opacity: 1;
    transform: translateY(0);
}
.sound-movie-info {
    padding-top: 11px;
}
.movie-card-title {
    font-size: 13.5px;
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.3;
    margin: 0 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.movie-card-title a {
    color: var(--ink);
}
.movie-card-title a:hover {
    color: var(--violet);
}
.movie-meta-chips {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 9.5px;
    color: #8a8494;
    font-weight: 700;
}
.movie-meta-chips span+span:before {
    content: "·";
    margin-right: 6px;
}

/* 6. Section 4: Chartbusters Leaderboard */
.chartbuster-tracklist {
    background: var(--white);
    border: 1px solid rgba(23, 25, 35, 0.08);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(23, 25, 35, 0.035);
}
.chart-row {
    display: grid;
    grid-template-columns: 42px 52px 1.4fr 1fr 60px 85px;
    align-items: center;
    gap: 16px;
    padding: 14px 22px;
    border-bottom: 1px solid rgba(23, 25, 35, 0.06);
    transition: background 0.2s ease;
}
.chart-row:last-child {
    border-bottom: 0;
}
.chart-row:hover {
    background: rgba(110, 90, 215, 0.04);
}
.chart-rank {
    font-size: 13px;
    font-weight: 900;
    color: #8c8597;
    font-variant-numeric: tabular-nums;
}
.chart-thumb {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    overflow: hidden;
    background: #e6e0f2;
    display: block;
    flex: none;
}
.chart-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.chart-thumb-fallback {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: var(--violet);
    font-size: 20px;
}
.chart-main {
    min-width: 0;
}
.chart-title {
    font-size: 14.5px;
    font-weight: 800;
    margin: 0 0 4px;
    letter-spacing: -0.02em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.chart-title a {
    color: var(--ink);
}
.chart-title a:hover {
    color: var(--violet);
}
.chart-artists {
    font-size: 11px;
    color: var(--muted);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.chart-album-cell {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11.5px;
}
.chart-movie-link {
    color: #5c5568;
    font-weight: 750;
}
.chart-movie-link:hover {
    color: var(--violet);
}
.chart-archive-tag {
    color: #928b9d;
    font-size: 10.5px;
}
.chart-duration {
    font-size: 11px;
    color: #8c8597;
    font-weight: 700;
    text-align: right;
}
.chart-action {
    text-align: right;
}
.chart-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    border-radius: 50px;
    background: var(--paper-2);
    border: 1px solid var(--line);
    font-size: 10px;
    font-weight: 800;
    color: var(--ink);
    transition: all 0.2s;
}
.chart-btn:hover {
    background: var(--lime);
    border-color: var(--lime);
    color: var(--ink);
}

/* 7. Section 5: Maestros Grid */
.maestros-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 25px 16px;
    text-align: center;
}
.maestro-card {
    min-width: 0;
}
.maestro-avatar-frame {
    display: block;
    position: relative;
    width: min(100%, 130px);
    aspect-ratio: 1;
    margin: 0 auto 12px;
    border-radius: 50%;
    overflow: hidden;
    background: #e4ddf3;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.7);
    transition: transform 0.25s, box-shadow 0.25s;
}
.maestro-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.maestro-fallback {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    font-size: 38px;
    font-weight: 900;
    color: var(--violet);
}
.maestro-hover-badge {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(23, 25, 35, 0.7);
    color: #fff;
    font-size: 10px;
    font-weight: 850;
    opacity: 0;
    transition: opacity 0.2s;
}
.maestro-card:hover .maestro-avatar-frame {
    transform: translateY(-4px);
    box-shadow: 0 0 0 6px #d4f17a;
}
.maestro-card:hover .maestro-hover-badge {
    opacity: 1;
}
.maestro-name {
    font-size: 13.5px;
    font-weight: 800;
    margin: 0 0 4px;
    letter-spacing: -0.02em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.maestro-name a {
    color: var(--ink);
}
.maestro-name a:hover {
    color: var(--violet);
}
.maestro-role {
    font-size: 10px;
    color: var(--muted);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.maestro-tracks-badge {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(23, 25, 35, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #d4f17a;
    font-size: 8.5px;
    font-weight: 850;
    padding: 2px 8px;
    border-radius: 50px;
    letter-spacing: 0.04em;
    white-space: nowrap;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(0,0,0,0.35);
    backdrop-filter: blur(8px);
    transition: all 0.2s ease;
}
.maestro-card:hover .maestro-tracks-badge {
    background: #d4f17a;
    color: #171923;
    border-color: #d4f17a;
}
.maestro-song-count {
    color: var(--violet);
    font-weight: 800;
}
.theme-dark .maestro-song-count {
    color: #d4f17a;
}

/* 8. Section 6: Today in Cinema Panels */
.today-discovery-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}
.today-card-panel {
    background: var(--white);
    border: 1px solid rgba(23, 25, 35, 0.08);
    border-radius: 20px;
    padding: 24px;
}
.today-panel-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--line);
}
.panel-icon-badge {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 18px;
}
.coral-badge { background: #ffeae6; }
.lime-badge  { background: #f3fcd4; }
.panel-kicker {
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.12em;
    color: #888293;
    display: block;
}
.today-panel-header h3 {
    margin: 2px 0 0;
    font-size: 17px;
    font-weight: 850;
}
.today-items-list {
    display: grid;
    gap: 10px;
}
.today-mini-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    border-radius: 12px;
    border: 1px solid transparent;
    transition: background 0.2s, border-color 0.2s;
}
.today-mini-item:hover {
    background: var(--paper-2);
    border-color: var(--line);
}
.today-mini-thumb {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    overflow: hidden;
    background: #e9e3f4;
    display: grid;
    place-items: center;
    flex: none;
}
.today-mini-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.today-mini-info {
    flex: 1;
    min-width: 0;
}
.today-mini-info strong {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: var(--ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.today-mini-info small {
    font-size: 10px;
    color: var(--muted);
}
.today-mini-arrow {
    font-size: 13px;
    font-weight: 850;
    color: var(--violet);
    opacity: 0.7;
}
.today-empty-notice {
    padding: 30px;
    text-align: center;
    color: var(--muted);
}
.today-empty-notice span {
    font-size: 28px;
    display: block;
    margin-bottom: 8px;
}
.today-empty-notice p {
    font-size: 12px;
    margin: 0;
}

/* 9. Section 7: A to Z Directory */
.ato-z-card {
    background: var(--white);
    border: 1px solid rgba(23, 25, 35, 0.08);
    border-radius: 20px;
    padding: 30px;
}
.ato-z-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--line);
}
.ato-z-header h3 {
    margin: 4px 0 0;
    font-size: 19px;
    font-weight: 850;
    letter-spacing: -0.03em;
}
.ato-z-header p {
    font-size: 12px;
    margin: 0;
    color: var(--muted);
}
.ato-z-letters {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}
.ato-z-letters:last-child {
    margin-bottom: 0;
}
.ato-z-group-label {
    font-size: 11px;
    font-weight: 850;
    color: #7b7486;
    min-width: 110px;
}
.ato-z-buttons {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}
.az-btn {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background: var(--paper-2);
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    font-size: 11px;
    font-weight: 850;
    color: var(--ink);
    transition: all 0.18s;
}
.az-btn:hover {
    background: var(--ink);
    border-color: var(--ink);
    color: #fff;
    transform: translateY(-2px);
}
.az-telugu-btn {
    font-size: 12px;
    font-family: "Noto Sans Telugu", sans-serif;
    width: 32px;
    height: 32px;
}

/* 10. Section 8: FAQ Cards */
.faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
.faq-card {
    background: var(--white);
    border: 1px solid rgba(23, 25, 35, 0.08);
    border-radius: 18px;
    padding: 24px;
}
.faq-card h4 {
    font-size: 15px;
    font-weight: 850;
    margin: 0 0 10px;
    color: var(--ink);
    letter-spacing: -0.02em;
}
.faq-card p {
    font-size: 12.5px;
    line-height: 1.75;
    color: var(--muted);
    margin: 0;
}

/* Dark Mode Overrides for Next-Gen Elements */
.theme-dark .soundroom-marquee-strip {
    background: #05060a;
    border-bottom-color: rgba(255, 255, 255, 0.06);
}
.theme-dark .sound-song-card,
.theme-dark .chartbuster-tracklist,
.theme-dark .today-card-panel,
.theme-dark .ato-z-card,
.theme-dark .faq-card {
    background: #141620;
    border-color: rgba(255, 255, 255, 0.08);
}
.theme-dark .sound-song-title a,
.theme-dark .chart-title a,
.theme-dark .maestro-name a,
.theme-dark .faq-card h4,
.theme-dark .today-mini-info strong {
    color: #f3effa;
}
.theme-dark .sound-song-artwork {
    background: #1d1b28;
}
.theme-dark .chart-row {
    border-bottom-color: rgba(255, 255, 255, 0.06);
}
.theme-dark .chart-row:hover {
    background: rgba(255, 255, 255, 0.04);
}
.theme-dark .chart-btn,
.theme-dark .az-btn {
    background: #1f2230;
    border-color: rgba(255, 255, 255, 0.1);
    color: #e5dfef;
}
.theme-dark .chart-btn:hover,
.theme-dark .az-btn:hover {
    background: #d4f17a;
    border-color: #d4f17a;
    color: #171923;
}
.theme-dark .today-mini-item:hover {
    background: #1d2030;
    border-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .coral-badge { background: rgba(255, 115, 94, 0.18); }
.theme-dark .lime-badge  { background: rgba(212, 241, 122, 0.18); }

/* Responsive Media Queries */
@media (max-width: 1050px) {
    .soundroom-hero-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .soundroom-stage {
        max-width: 480px;
        margin: 0 auto;
    }
    .fresh-song-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .jukebox-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .movie-poster-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .maestros-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .chart-row {
        grid-template-columns: 32px 44px 1.4fr 1fr auto;
    }
    .chart-duration {
        display: none;
    }
}

@media (max-width: 768px) {
    .soundroom-hero {
        padding: 40px 0 50px;
    }
    .console-title {
        font-size: 2.6rem;
    }
    .soundroom-hud-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    .today-discovery-grid,
    .faq-grid {
        grid-template-columns: 1fr;
    }
    .ato-z-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .chart-row {
        grid-template-columns: 28px 40px 1fr auto;
        padding: 10px 12px;
        gap: 10px;
    }
    .chart-album-cell {
        display: none;
    }
}

@media (max-width: 480px) {
    .fresh-song-grid {
        grid-template-columns: 1fr;
    }
    .jukebox-grid {
        grid-template-columns: 1fr;
    }
    .movie-poster-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .maestros-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .spotlight-cover-container {
        width: 100%;
    }
    .spotlight-vinyl-disc {
        display: none;
    }
}