/*
Theme Name: Manapatalu
Theme URI: https://example.com/
Author: Manapatalu
Description: Song lyrics, meanings and translations theme. Light design with neon accents, English and Telugu lyrics tabs, sticky mini player, wishlist without login, lyrics requests and artist cards.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: manapatalu
*/
:root{--bg:#fff;--surf:#F6F4FF;--s2:#EDE9FE;--tx:#14121F;--tx2:#3B3950;--mu:#6B6A82;--pk:#DB2777;--pk2:#BE185D;--ov0:#14121F0A;--ov1:#14121F10;--ov2:#14121F1A;--ov3:#14121F2E;--dim:#14121F59;--lit:#7C3AED;--sh:#14121F2E;--grad:linear-gradient(90deg,#7C3AED,#DB2777)}
.mp-dark{--bg:#0B0B12;--surf:#10101C;--s2:#1C1138;--tx:#F5F3FF;--tx2:#D7D5EA;--mu:#A5A3BD;--pk:#F472B6;--pk2:#F9A8D4;--ov0:#FFFFFF0A;--ov1:#FFFFFF14;--ov2:#FFFFFF2E;--ov3:#FFFFFF44;--dim:#FFFFFF4D;--lit:#FFFFFF;--sh:#00000088;color:var(--tx)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.mp{margin:0;background:var(--bg);color:var(--tx);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
body.mp a{color:inherit}
.mp img{max-width:100%;height:auto}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
button{font-family:inherit}
.mp-i{flex:none}.mp-i.f{display:none}
/* ---------- animated background ---------- */
.mp-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:layout paint}
.mp-blob{position:absolute;width:560px;height:560px;border-radius:50%;opacity:.38;will-change:transform;animation:mp-drift 16s ease-in-out infinite alternate}
.mp-n{position:absolute;font-size:28px;opacity:.4;animation:mp-bob 6s ease-in-out infinite}
.mp-wave{position:absolute;left:0;right:0;bottom:0;height:150px;display:flex;align-items:flex-end;gap:6px;opacity:.16}
.mp-wave i{flex:1;height:100%;transform-origin:bottom;border-radius:4px 4px 0 0;background:linear-gradient(to top,#7C3AED,#EC4899);animation:mp-bar 1.1s ease-in-out infinite;will-change:transform}
.mp-wave i:nth-child(3n){animation-duration:.8s;animation-delay:.2s}.mp-wave i:nth-child(4n+1){animation-duration:1.5s;animation-delay:.5s}.mp-wave i:nth-child(5n+2){animation-duration:1.2s;animation-delay:.9s}
@keyframes mp-drift{to{transform:translate(90px,70px) scale(1.2)}}
@keyframes mp-bob{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-30px) rotate(14deg)}}
@keyframes mp-bar{0%,100%{transform:scaleY(.1)}50%{transform:scaleY(1)}}
@keyframes mp-spin{to{transform:rotate(360deg)}}
@keyframes mp-eq{0%,100%{height:3px}50%{height:14px}}
@keyframes mp-up{from{opacity:0;transform:translateY(20px)}}
@keyframes mp-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes mp-pulse{0%,100%{box-shadow:0 0 14px #EC489966}50%{box-shadow:0 0 34px #EC4899CC}}
@keyframes mp-hl{0%{color:var(--dim)}4%,16%{color:var(--lit);text-shadow:0 0 22px #EC489966}22%,100%{color:var(--dim);text-shadow:none}}
@keyframes mp-shim{to{transform:translateX(100%)}}
.am-scr .mp-blob,.am-scr .mp-n,.am-scr .mp-wave i,.am-scr .mp-sg,.am-scr .mp-eq i{animation-play-state:paused!important}
/* ---------- layout ---------- */
.mp-side{position:fixed;left:0;top:0;bottom:0;width:250px;background:var(--surf);border-right:1px solid var(--ov1);padding:24px 16px;overflow:auto;z-index:70;display:flex;flex-direction:column;gap:4px}
.mp-col{position:relative;z-index:1;margin-left:250px;min-height:100vh}
.mp-site{position:sticky;top:0;z-index:50;height:66px;display:flex;align-items:center;gap:12px;padding:0 28px;text-decoration:none;background:linear-gradient(135deg,#ffffff1c,#ffffff08),#FFFFFFF2;border-bottom:1px solid var(--ov1);box-shadow:0 8px 30px var(--ov1)}
.admin-bar .mp-site{top:32px}
.mp-mark{display:flex;align-items:center;justify-content:center;flex:none;background:linear-gradient(135deg,#7C3AED,#EC4899);color:#fff}
.mp-mark svg{width:80%;height:80%}
.mp-name{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.mp-name span{color:var(--pk)}
.mp-tag{font-size:12px;font-weight:600;color:var(--mu);margin-top:3px}
.mp-main{padding:32px 40px 130px;max-width:1300px}
.mp-foot{padding:24px 40px 130px;color:var(--mu);font-size:13px}
.mp-side .mp-name{font-size:22px}
.mp-slogo{display:flex;align-items:center;gap:10px;padding:0 12px 18px;text-decoration:none}
.mp-sform{display:flex;align-items:center;gap:10px;background:var(--ov1);border-radius:10px;padding:0 12px;color:var(--mu);margin-bottom:12px}
.mp-sform input{flex:1;min-width:0;height:42px;background:transparent;border:0;outline:0;color:var(--tx);font-size:15px;font-family:inherit}
.mp-nv{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;width:100%;text-align:left;background:transparent;border:0;cursor:pointer;text-decoration:none;font-size:15px;font-weight:500;color:var(--tx);min-height:44px}
.mp-nv:hover,.mp-nv.is-on{background:var(--ov1)}
.mp-nv.cur{background:var(--s2);color:var(--pk)}
.mp-lib{font-size:12px;font-weight:600;color:var(--mu);padding:20px 12px 6px}
.mp-wc{margin-left:auto;background:#EC4899;color:#fff;border-radius:99px;font-size:11px;font-weight:700;padding:2px 8px}
.mp-wc[hidden]{display:none}
/* ---------- sections and cards ---------- */
.mp-sec{margin-top:40px;border-top:1px solid var(--ov1);padding-top:20px;content-visibility:auto;contain-intrinsic-size:auto 360px}
.mp-sec>h2,.mp-h2{margin:0 0 18px;font-size:22px;font-weight:700;display:flex;align-items:center;gap:4px}
.mp-sec>h2 svg{color:var(--mu)}
.mp-row{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:none}
.mp-row::-webkit-scrollbar{display:none}
.mp-c{position:relative;width:200px;flex:none;scroll-snap-align:start;transition:transform .25s}
.mp-c:hover{transform:scale(1.03)}
.mp-cl{display:block;text-decoration:none}
.mp-cv{display:block;aspect-ratio:1/1;border-radius:12px;box-shadow:0 8px 24px var(--sh)}
.mp-ct{font-weight:600;font-size:15px;margin-top:10px}
.mp-ca{color:var(--mu);font-size:14px}
.mp-cvw{color:var(--mu);font-size:12px;margin-top:4px}
.mp-art{width:150px;flex:none;text-align:center;text-decoration:none;scroll-snap-align:start;transition:transform .25s}
.mp-art:hover{transform:scale(1.03)}
.mp-art .mp-im{width:150px;height:150px;border-radius:50%;box-shadow:0 0 0 2px var(--bg),0 0 0 4px #7C3AED88}
.mp-art b{display:block;font-weight:600;font-size:15px;margin-top:12px}
.mp-more{width:200px;flex:none;aspect-ratio:1/1;border-radius:12px;border:2px dashed var(--ov3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--pk2);font-weight:700;text-decoration:none}
.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}
.mp-grid .mp-c{width:auto}
.mp-title{margin:0 0 24px;font-size:32px;font-weight:800;letter-spacing:-.02em}
/* image loading + loaded animation */
.mp-im{position:relative;display:block;overflow:hidden;background:var(--s2);border-radius:inherit}
.mp-im .mp-img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.mp-im::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,var(--ov3) 50%,transparent 70%);transform:translateX(-100%);animation:mp-shim 1s linear infinite;pointer-events:none}
.mp-im.is-loaded .mp-img{opacity:1;transform:none}
.mp-im.is-loaded::after{opacity:0;animation:none;transition:opacity .3s}
.mp-heart{position:absolute;right:8px;top:8px;width:40px;height:40px;border-radius:50%;border:0;padding:0;background:var(--bg);color:var(--pk);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px var(--sh);z-index:3}
.mp-heart.on svg:not(.f){display:none}.mp-heart.on svg.f{display:block}
/* ---------- hero ---------- */
.mp-hero{position:relative;overflow:hidden;border-radius:26px;min-height:380px;padding:48px 24px;margin-bottom:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ov1);background:radial-gradient(ellipse 60% 90% at 18% 0%,#7C3AEDaa,transparent),radial-gradient(ellipse 55% 80% at 92% 100%,#EC4899aa,transparent),linear-gradient(135deg,#1C1138,#10101C 60%,#2A1030)}
.mp-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff26 1.2px,transparent 1.5px);background-size:18px 18px;opacity:.55}
.mp-hero::after{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 135%,#ffffff0d 0 4deg,transparent 4deg 11deg)}
.mp-hbox{position:relative;z-index:2;width:100%;max-width:640px;text-align:center}
.mp-badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--pk2);background:var(--ov1);border:1px solid var(--ov2);border-radius:99px;padding:7px 16px}
.mp-h1{margin:16px 0 22px;font-size:46px;line-height:1.05;font-weight:800;letter-spacing:-.03em}
.mp-search{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 20px;border-radius:99px;border:1px solid #ffffff44;background:linear-gradient(135deg,#ffffff30,#ffffff10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #ffffff55,0 20px 50px #00000066}
.mp-search input{flex:1;min-width:0;height:46px;background:transparent;border:0;outline:0;color:#F5F3FF;font-size:16px;font-family:inherit}
.mp-search input::placeholder{color:#E0DEF5}
.mp-btn{min-height:46px;padding:0 26px;border:0;border-radius:99px;font-weight:700;font-size:15px;cursor:pointer;color:#fff;background:var(--grad);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.mp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.mp-chip{text-decoration:none;font-size:13px;font-weight:600;background:var(--ov1);border:1px solid var(--ov2);border-radius:99px;padding:10px 14px;color:var(--tx)}
.mp-sg{position:absolute;z-index:1;animation:mp-float 7s ease-in-out infinite}
.mp-sg .ar{position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 3px #ffffff55,0 18px 40px #00000066}
.mp-sg .ar img{width:100%;height:100%;object-fit:cover}
.mp-sg .hd{position:absolute;left:50%;top:20%;width:34%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:#0B0B12;opacity:.38}
.mp-sg .bd{position:absolute;left:14%;right:14%;top:50%;bottom:-24%;border-radius:50% 50% 0 0;background:#0B0B12;opacity:.38}
.mp-sg .mc{position:absolute;right:-6px;width:30px;height:30px;border-radius:50%;background:#fff;color:#BE185D;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #00000055;z-index:2}
.mp-sg .nm{position:absolute;left:8px;right:8px;bottom:10px;text-align:center;background:#ffffff2e;border:1px solid #ffffff44;border-radius:12px;padding:6px 4px;z-index:2}
.mp-sg .nm b{display:block;font-size:12.5px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-sg .nm small{font-size:10.5px;color:#ffffffcc}
.mp-sgm{display:none;justify-content:center;gap:12px;margin-bottom:18px}
.mp-sgm div{text-align:center;width:72px;font-size:11px;font-weight:700;color:#fff}
.mp-sgm .av{position:relative;overflow:hidden;width:58px;height:58px;margin:0 auto 6px;border-radius:50%;box-shadow:0 0 0 2px #ffffff66}
.mp-sgm .av img{width:100%;height:100%;object-fit:cover}
/* ---------- request form ---------- */
.mp-req{margin-top:40px;border-radius:22px;padding:28px;border:1px solid var(--ov2);background:linear-gradient(135deg,var(--ov1),var(--ov0));box-shadow:0 12px 40px var(--ov1)}
.mp-req h2{margin:6px 0;font-size:26px;font-weight:800}
.mp-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--pk2)}
.mp-f{display:flex;flex-wrap:wrap;gap:12px}
.mp-in{flex:1;min-width:200px;min-height:46px;padding:0 16px;border-radius:10px;border:1px solid var(--ov3);background:var(--ov0);color:var(--tx);font-size:15px;font-family:inherit;outline:0;width:100%}
.mp-lang{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.mp-lang label{position:relative}
.mp-lang input{position:absolute;opacity:0;inset:0}
.mp-lang span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:99px;font-weight:600;font-size:14px;border:1px solid var(--ov3);cursor:pointer}
.mp-lang input:checked+span{background:var(--grad);color:#fff;border-color:transparent}
.mp-lang input:focus-visible+span{outline:2px solid var(--lit);outline-offset:2px}
.mp-hp{position:absolute;left:-9999px}
.mp-ok{color:#047857;font-weight:600;margin-top:12px}
/* ---------- song page ---------- */
.mp-sh{display:flex;align-items:center;gap:18px}
.mp-cover{width:96px;height:96px;flex:none;border-radius:14px;box-shadow:0 10px 30px #7C3AED66}
.mp-eb{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--mu);text-transform:uppercase}
.mp-sh h1{margin:2px 0 0;font-size:26px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.mp-by{font-size:16px;font-weight:600;color:var(--pk);text-decoration:none}
.mp-pill{display:inline-flex;align-items:center;gap:6px;background:var(--ov1);border-radius:99px;padding:6px 12px;font-weight:600;font-size:13px;margin-top:10px}
.mp-player{position:relative;overflow:hidden;margin-top:24px;border-radius:16px;padding:14px 20px;border:1px solid var(--ov2);background:linear-gradient(135deg,#1C1138,#10101C 55%,#2A1030)}
.mp-pin{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.mp-disc{width:60px;height:60px;flex:none;border-radius:50%;background:radial-gradient(circle,#0B0B12 0 12%,transparent 13%),conic-gradient(from 0deg,#7C3AED,#EC4899,#F59E0B,#EC4899,#7C3AED);box-shadow:0 0 0 3px #0B0B12,0 0 0 5px #7C3AED88;animation:mp-spin 6s linear infinite}
.mp-pt{flex:1;min-width:200px}
.mp-np{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--pk)}
.mp-eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}
.mp-eq i{width:3px;height:3px;border-radius:2px;background:var(--pk);animation:mp-eq .9s ease-in-out infinite}
.mp-eq i:nth-child(2){animation-delay:.3s}.mp-eq i:nth-child(3){animation-delay:.15s}
.mp-pname{font-size:17px;font-weight:800;margin-top:3px}
.mp-prog{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--tx2);font-size:12px}
.mp-track{flex:1;height:6px;border-radius:3px;background:var(--ov2);overflow:hidden}
.mp-track i{display:block;height:100%;width:0;border-radius:3px;background:var(--grad)}
.mp-pbtn{width:46px;height:46px;flex:none;border-radius:50%;border:0;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:mp-pulse 1.6s ease-in-out infinite}
.mp-pbtn .pl{display:none}
body.am-paused .mp-pbtn .pl{display:block}body.am-paused .mp-pbtn .pa{display:none}
body.am-paused .mp-pbtn,body.am-paused .mp-disc,body.am-paused .mp-eq i,body.am-paused .mp-wave i{animation-play-state:paused}
.mp-tr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:36px 0 18px}
.mp-tabs{display:inline-flex;gap:2px;background:var(--ov1);border-radius:10px;padding:3px}
.mp-tabs button{min-height:40px;padding:0 24px;border:0;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;background:transparent;color:var(--tx2)}
.mp-tabs button[aria-selected=true]{background:var(--ov2);color:var(--tx)}
.mp-save{min-height:44px;padding:0 18px;border:0;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;color:var(--pk);background:var(--ov1);display:inline-flex;align-items:center;gap:8px;position:static;width:auto;height:auto;border-radius:10px;box-shadow:none}
.mp-lyr{background:var(--ov0);border-radius:18px;padding:36px;font-weight:700;font-size:28px;line-height:1.4}
.mp-lyr p{margin:0 0 14px;color:var(--dim)}
.mp-lyr p.am-l{animation:mp-hl 12s infinite}
.mp-lyr p:nth-child(2){animation-delay:2s}.mp-lyr p:nth-child(3){animation-delay:4s}.mp-lyr p:nth-child(4){animation-delay:6s}.mp-lyr p:nth-child(5){animation-delay:8s}.mp-lyr p:nth-child(6){animation-delay:10s}
body.am-paused .mp-lyr p{animation:none}
.mp-lyr.te{font-family:"Noto Sans Telugu",Inter,sans-serif;line-height:1.6}
.mp-lic{color:var(--mu);font-size:13px;margin-top:14px}
.mp-video{margin-top:18px;max-width:640px;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000}
.mp-video iframe{width:100%;height:100%;border:0}
.mp-glass{position:relative;margin-top:28px;border-radius:18px;padding:18px;border:1px solid var(--ov2);background:linear-gradient(135deg,var(--ov1),var(--ov0));box-shadow:0 16px 40px var(--ov1)}
.mp-arow{display:flex;align-items:center;gap:14px}
.mp-av{width:60px;height:60px;flex:none;border-radius:50%;box-shadow:0 0 0 2px var(--ov3)}
.mp-ar{flex:1;min-width:0}
.mp-ar b{font-size:20px;font-weight:800;display:flex;align-items:center;gap:8px}
.mp-ar small{display:block;color:var(--mu);font-size:13px}
.mp-sc{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin-top:14px;border-top:1px solid var(--ov2);padding-top:12px}
.mp-sc a{flex:none;display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:12px;background:var(--ov1);text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}
.mp-sc .mp-im{width:36px;height:36px;border-radius:8px}
.mp-mv{display:flex;flex-wrap:wrap;gap:18px}
.mp-poster{width:104px;height:148px;flex:none;border-radius:12px}
.mp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:14px}
.mp-facts div span{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--mu);text-transform:uppercase}
.mp-facts div b{font-size:15px;font-weight:600}
.mp-tg{display:inline-block;background:var(--ov1);border-radius:99px;padding:6px 14px;font-size:13px;font-weight:600;margin:0 6px 6px 0}
.mp-aw{display:inline-block;margin-top:12px;background:var(--ov1);border:1px solid var(--ov2);border-radius:10px;padding:8px 12px;font-size:13px;color:var(--pk2);font-weight:600}
.mp-about{margin-top:40px;border-top:1px solid var(--ov1);padding-top:20px}
.mp-about p{max-width:760px;font-size:16px;line-height:1.7;color:var(--tx2)}
.mp-mini{position:fixed;top:66px;left:250px;right:0;height:60px;z-index:45;display:flex;align-items:center;gap:14px;padding:0 28px;background:#FFFFFFF5;border-bottom:1px solid var(--ov2);box-shadow:0 8px 30px #7C3AED33;transform:translateY(-110%);opacity:0;visibility:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .3s,visibility .4s}
.admin-bar .mp-mini{top:98px}
.mp-mini.on{transform:none;opacity:1;visibility:visible}
.mp-mini .mp-disc{width:38px;height:38px;box-shadow:0 0 0 2px var(--bg),0 0 0 4px #7C3AED88}
.mp-mini .t{min-width:0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-mini small{display:block;color:var(--mu);font-size:12px;font-weight:500}
.mp-mini .mp-pbtn{width:40px;height:40px;margin-left:auto}
/* ---------- bottom dock and sheet ---------- */
.mp-dock{position:fixed;left:calc(50% + 125px);bottom:14px;transform:translateX(-50%);width:min(520px,calc(100% - 24px));z-index:80;display:flex;flex-direction:column;gap:10px}
.mp-bn{display:flex;justify-content:space-around;gap:8px;padding:8px 12px;border-radius:22px;border:1px solid var(--ov3);background:linear-gradient(135deg,#ffffff22,#ffffff0d),#FFFFFFF2;box-shadow:0 12px 40px var(--sh)}
.mp-bn a,.mp-bn button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;font-size:11px;font-weight:600;min-width:64px;min-height:44px;background:transparent;border:0;cursor:pointer;color:var(--tx2)}
.mp-bn .cur,.mp-bn .is-on{color:var(--pk)}
.mp-bn .mp-wc{position:absolute;top:-4px;right:8px;margin:0;font-size:10px;padding:1px 6px}
.mp-sheet{max-height:380px;overflow:auto;padding:16px;border-radius:20px;border:1px solid var(--ov3);background:#FFFFFFF8;box-shadow:0 12px 40px var(--sh)}
.mp-sheet[hidden],.mp-sp[hidden]{display:none}
.mp-sh2{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.mp-sh2 b{font-size:17px;font-weight:800}
.mp-x{width:44px;height:44px;border-radius:50%;border:0;background:var(--ov1);color:var(--tx);cursor:pointer;display:flex;align-items:center;justify-content:center}
.mp-sp .mp-in{margin-bottom:10px}
.mp-wrow{display:flex;align-items:center;gap:12px;padding:8px 4px}
.mp-wrow a{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-decoration:none}
.mp-wrow .th{width:44px;height:44px;border-radius:9px;flex:none;object-fit:cover}
.mp-wrow b{display:block;font-weight:600;font-size:15px}.mp-wrow small{color:var(--mu);font-size:13px}
.mp-wrm{width:44px;height:44px;border:0;border-radius:50%;background:var(--ov1);color:var(--pk);cursor:pointer;display:flex;align-items:center;justify-content:center}
.mp-note{color:var(--mu);font-size:13px;margin:-4px 0 8px}
.mp-sp .mp-chips{justify-content:flex-start;margin:12px 0}
.mp-sp .mp-chip{background:var(--ov1)}
.mp-rowl{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;text-decoration:none}
.mp-rowl:hover{background:var(--ov1)}
.mp-rowl .mp-im{width:44px;height:44px;border-radius:9px}
.mp-rowl b{display:block;font-size:15px}.mp-rowl small{color:var(--mu)}
.mp-single{max-width:760px}
.mp-single .entry p{line-height:1.7;color:var(--tx2)}
/* ---------- responsive ---------- */
@media (max-width:1024px){
 .mp-side{display:none}.mp-col{margin-left:0}.mp-dock{left:50%}.mp-mini{left:0}
 .mp-main{padding:20px 20px 130px}.mp-foot{padding:20px 20px 130px}.mp-site{padding:0 20px}
 .mp-sg{display:none}.mp-sgm{display:flex}.mp-hero{min-height:320px;padding:36px 16px}.mp-h1{font-size:30px}
 .mp-lyr{font-size:22px;padding:22px}.mp-cover{width:72px;height:72px}.mp-sh h1{font-size:22px}
 .mp-blob{width:300px;height:300px}.mp-n,.mp-wave{display:none}
 .admin-bar .mp-site{top:46px}.admin-bar .mp-mini{top:112px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.mp-im::after{display:none}.mp-im .mp-img{opacity:1;transform:none}}

[hidden]{display:none!important}

/* ---------- header menu button and drawer ---------- */
.mp-site{justify-content:space-between}
.mp-sl{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.mp-burger{width:46px;height:46px;border-radius:12px;border:1px solid var(--ov3);background:var(--ov0);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:none}
.mp-burger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--tx);transition:transform .25s,opacity .2s}
.mp-burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mp-burger[aria-expanded=true] span:nth-child(2){opacity:0}
.mp-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mp-drawer{position:fixed;inset:0;z-index:300}
.mp-dov{position:absolute;inset:0;background:#14121F73;animation:mp-fade .25s}
.mp-dp{position:absolute;right:0;top:0;bottom:0;width:min(350px,88vw);background:#fff;box-shadow:-12px 0 40px var(--sh);padding:20px;overflow:auto;display:flex;flex-direction:column;gap:18px;animation:mp-slide .3s cubic-bezier(.2,.7,.2,1)}
.mp-dh{display:flex;align-items:center;justify-content:space-between}
.mp-dn{display:flex;flex-direction:column;gap:2px}
.mp-dn a,.mp-dn button{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border-radius:10px;border:0;background:transparent;font-size:16px;font-weight:600;text-decoration:none;color:var(--tx);cursor:pointer;text-align:left}
.mp-dn a:hover,.mp-dn button:hover{background:var(--ov1)}
.mp-dl{display:flex;flex-direction:column;border-top:1px solid var(--ov2);padding-top:12px}
.mp-dl a{padding:10px 12px;font-size:14px;color:var(--tx2);text-decoration:none;min-height:44px;display:flex;align-items:center}
.mp-dl a:hover{color:var(--pk)}
.mp-dprof{margin-top:auto;border:1px solid var(--ov2);border-radius:16px;padding:14px;background:var(--surf)}
.mp-dprof b{display:block;font-size:16px}.mp-dprof small{display:block;color:var(--mu);margin:2px 0 10px}
.mp-soc{display:flex;flex-wrap:wrap;gap:8px}
.mp-soc a{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ov1);color:var(--tx);text-decoration:none;transition:transform .2s,background .2s}
.mp-soc a:hover{background:var(--grad);color:#fff;transform:translateY(-2px)}
@keyframes mp-slide{from{transform:translateX(100%)}}
@keyframes mp-fade{from{opacity:0}}
/* ---------- footer ---------- */
.mp-foot{margin-top:60px;padding:48px 40px 140px;border-top:1px solid var(--ov1);background:var(--surf);color:var(--tx2);font-size:14px}
.mp-fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:36px;max-width:1200px}
.mp-fbrand p{margin:14px 0 16px;max-width:340px;line-height:1.6;color:var(--mu)}
.mp-fcol h2{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tx)}
.mp-fcol a,.mp-fcol button{display:flex;align-items:center;min-height:36px;padding:0;border:0;background:transparent;color:var(--tx2);font-size:14px;text-decoration:none;cursor:pointer;text-align:left}
.mp-fcol a:hover,.mp-fcol button:hover{color:var(--pk)}
.mp-fbot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:36px;padding-top:20px;border-top:1px solid var(--ov2);max-width:1200px;color:var(--mu);font-size:13px}
.mp-fbot a{color:var(--tx);font-weight:600}
/* ---------- profile card ---------- */
.mp-prof{margin:18px 0}
.mp-pav{width:96px;height:96px;border-radius:50%;flex:none;overflow:hidden;background:linear-gradient(135deg,#7C3AED,#EC4899);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;box-shadow:0 0 0 3px var(--bg),0 0 0 5px #7C3AED88}
.mp-pav img{width:100%;height:100%;object-fit:cover}
.mp-single .entry h2{margin:28px 0 10px;font-size:22px}
.mp-single .entry li{line-height:1.7;color:var(--tx2);margin-bottom:6px}
.mp-single .entry textarea.mp-in{min-height:120px;padding-top:12px}
@media (max-width:1024px){.mp-foot{padding:36px 20px 140px}.mp-fgrid{grid-template-columns:1fr 1fr;gap:28px}.mp-fbrand{grid-column:1/-1}}
@media (max-width:560px){.mp-name{font-size:21px}.mp-tag{font-size:11px}.mp-fgrid{grid-template-columns:1fr 1fr}}

/* ---------- hero: artist photos as the background ---------- */
.mp-hero{min-height:420px}
.mp-hbg{position:absolute;inset:0;display:flex;z-index:0;overflow:hidden}
.mp-hp{position:relative;flex:1 1 0;min-width:0;margin-left:-3%;overflow:hidden;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.mp-hp:first-child{margin-left:0;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}
.mp-hp:last-child{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
.mp-hp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(1.1)}
.mp-hp .hd{position:absolute;left:50%;top:22%;width:38%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:#0B0B12;opacity:.38}
.mp-hp .bd{position:absolute;left:12%;right:12%;top:52%;bottom:-24%;border-radius:50% 50% 0 0;background:#0B0B12;opacity:.38}
.mp-hbg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 75% at 50% 50%,#0B0B12e6,#0B0B12b3 55%,transparent 100%),linear-gradient(135deg,#7C3AED55,transparent 45%,#EC489955)}
.mp-hero::before{z-index:1;opacity:.35}
.mp-hero::after{z-index:1}
.mp-hbox{z-index:3}
@media (max-width:1024px){.mp-hp:nth-child(n+4){display:none}.mp-hp:nth-child(3){clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}}
@media (max-width:560px){.mp-hp:nth-child(n+3){display:none}.mp-hp:nth-child(2){clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}}

/* ---------- movies ---------- */
.mp-vd{display:inline-flex;align-items:center;border-radius:99px;padding:6px 14px;font-weight:700;font-size:13px;background:var(--ov1);color:var(--tx)}
.mp-v-blockbuster{background:#D1FAE5;color:#047857}.mp-v-super-hit{background:#DCFCE7;color:#15803D}.mp-v-hit{background:#E0F2FE;color:#0369A1}.mp-v-average{background:#FEF3C7;color:#B45309}.mp-v-flop{background:#FEE2E2;color:#B91C1C}.mp-v-disaster{background:#FEE2E2;color:#7F1D1D}
.mp-mc{display:block;text-decoration:none}
.mp-mc .mp-mcv{aspect-ratio:2/3;border-radius:12px;box-shadow:0 8px 24px var(--sh)}
.mp-mc .mp-vd{margin-top:8px;font-size:12px;padding:4px 10px}
.mp-poster-lg{width:140px;height:210px;flex:none;border-radius:14px;box-shadow:0 12px 34px #7C3AED55}
.mp-tracks{display:flex;flex-direction:column;border-top:1px solid var(--ov1)}
.mp-tk{display:flex;align-items:center;gap:14px;padding:10px 8px;border-bottom:1px solid var(--ov1);text-decoration:none;min-height:64px;border-radius:10px}
.mp-tk:hover{background:var(--ov1)}
.mp-tk .n{width:22px;text-align:center;color:var(--mu);font-size:14px}
.mp-tk .mp-im{width:48px;height:48px;border-radius:9px;flex:none}
.mp-tk .t{flex:1;min-width:0}.mp-tk .t b{display:block;font-size:15px}.mp-tk .t small{color:var(--mu);font-size:13px}
.mp-tk .d{color:var(--mu);font-size:13px}
/* ---------- live search suggestions ---------- */
.mp-search,.mp-sform,.mp-sp form{position:relative}
.mp-hero{overflow:visible}
.mp-hero::before,.mp-hero::after{border-radius:inherit}
.mp-hbg{border-radius:inherit}
.mp-hbox{z-index:20}
.mp-sug{position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:min(430px,60vh);overflow:auto;padding:8px;border-radius:18px;background:var(--bg);color:var(--tx);border:1px solid var(--ov3);box-shadow:0 20px 50px var(--sh);text-align:left;z-index:90}
.mp-sug[hidden]{display:none}
.mp-sgl{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mu);padding:8px 10px 4px}
.mp-si{display:flex;align-items:center;gap:12px;padding:8px 10px;min-height:54px;border-radius:12px;text-decoration:none;color:inherit;cursor:pointer}
.mp-si:hover,.mp-si.on{background:var(--ov1)}
.mp-si img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none}
.mp-si .tx{flex:1;min-width:0}
.mp-si b{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-si small{display:block;color:var(--mu);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-si mark{background:#EC489933;color:inherit;border-radius:3px;padding:0 1px}
.mp-sg-empty{padding:16px 12px;color:var(--tx2);font-size:14px}
.mp-sg-all{display:block;padding:10px 12px;text-align:center;font-weight:600;font-size:14px;color:var(--pk);text-decoration:none;border-top:1px solid var(--ov2);margin-top:4px}

/* ---------- spacing fix after the last home section ---------- */
.mp-main{padding-bottom:36px}
.mp-foot{margin-top:36px}
@media (max-width:1024px){.mp-main{padding-bottom:24px}.mp-foot{margin-top:24px}}
/* ---------- song page: YouTube-style thumbnail and video ---------- */
.mp-vid{position:relative;display:block;margin-top:18px;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 18px 50px #7C3AED44}
.mp-vid .mp-vimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mp-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mp-vid::after{display:none}
.mp-vplay{position:absolute;inset:0;width:100%;height:100%;border:0;background:linear-gradient(180deg,transparent 50%,#0B0B1299);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.mp-vplay span{width:76px;height:54px;border-radius:16px;background:#FF0033;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000066;transition:transform .2s}
.mp-vplay:hover span,.mp-vplay:focus-visible span{transform:scale(1.08)}
.mp-vplay:focus-visible{outline:3px solid var(--lit);outline-offset:-3px}
.mp-sh h1{margin:4px 0 2px}
/* ---------- hero and heroine cards ---------- */
.mp-actors{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px}
.mp-actor{border-radius:18px;padding:16px;border:1px solid var(--ov2);background:linear-gradient(135deg,var(--ov1),var(--ov0));box-shadow:0 12px 30px var(--ov1)}
.mp-actor p{margin:12px 0 0;font-size:14.5px;line-height:1.6;color:var(--tx2)}
.mp-av-lg{width:76px;height:76px}
/* ---------- 404 page ---------- */
.mp-404{text-align:center;padding:40px 0 10px}
.mp-404n{font-size:clamp(96px,22vw,190px);line-height:1;font-weight:800;letter-spacing:-.05em;background:linear-gradient(135deg,#7C3AED,#EC4899 60%,#F59E0B);-webkit-background-clip:text;background-clip:text;color:transparent}
.mp-404t{margin:6px 0 8px;font-size:32px;font-weight:800;letter-spacing:-.02em}
.mp-404p{margin:0 auto 26px;max-width:520px;color:var(--tx2)}
.mp-404s{max-width:560px;margin:0 auto;background:linear-gradient(135deg,#1C1138,#2A1030)}
.mp-404l{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:22px}
.mp-404l .mp-chip{border:1px solid var(--ov3);cursor:pointer;display:inline-flex;align-items:center;min-height:44px;background:var(--ov1)}

/* ---------- smooth scrolling: lighter effects (overrides) ---------- */
html{scroll-behavior:auto}
.mp-sec{content-visibility:visible;contain-intrinsic-size:none}
.mp-row{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.mp-search{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffff2e}
.mp-hp img{filter:none}
.mp-hero::after{display:none}
.mp-site{box-shadow:0 2px 12px var(--ov1)}
.mp-vid{box-shadow:0 10px 30px #7C3AED33}
.mp-blob{will-change:auto;animation-duration:28s}
.mp-blob:nth-child(3){display:none}
.mp-wave i{will-change:auto}
@keyframes mp-hl{0%{color:var(--dim)}4%,16%{color:var(--lit)}22%,100%{color:var(--dim)}}
/* phones and touch screens: no animated background at all (static soft colors only) */
@media (hover:none),(pointer:coarse),(max-width:1024px){
 .mp-blob,.mp-n,.mp-wave i,.mp-eq i,.mp-pbtn{animation:none!important}
 .mp-bg{contain:strict}
 .mp-im::after{animation-duration:1.6s}
}

/* ---------- post date and author ---------- */
.mp-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;color:var(--mu);font-size:13px}
.mp-meta>span{display:inline-flex;align-items:center;gap:6px}
.mp-meta svg{color:var(--pk)}
.mp-meta a{color:var(--tx2);font-weight:600;text-decoration:none;border-bottom:1px solid var(--ov3)}
.mp-meta a:hover{color:var(--pk);border-color:var(--pk)}

/* ---------- suggestion dropdown placement ---------- */
.mp-sp .mp-sug{position:static;max-height:260px;margin-top:8px;box-shadow:none}
.mp-sform .mp-sug{z-index:95}

/* ---------- artists: biography list and page ---------- */
.mp-alist{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}
.mp-ac{display:flex;gap:16px;padding:16px;border-radius:18px;border:1px solid var(--ov2);background:linear-gradient(135deg,var(--ov1),var(--ov0));box-shadow:0 12px 30px var(--ov1)}
.mp-ac .mp-av{width:84px;height:84px;flex:none}
.mp-acb{min-width:0}
.mp-acb b{display:block;font-size:19px;font-weight:800}
.mp-acb b a{text-decoration:none}
.mp-acb small{display:block;color:var(--mu);font-size:13px;margin:2px 0 8px}
.mp-acb p{margin:0 0 10px;font-size:14.5px;line-height:1.6;color:var(--tx2)}
.mp-rb{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-weight:700;font-size:14px;color:var(--pk);text-decoration:none}
.mp-av-xl{width:120px;height:120px;border-radius:50%;flex:none;box-shadow:0 0 0 3px var(--bg),0 0 0 5px #7C3AED88}
.mp-bio p{margin:10px 0 0;font-size:16px;line-height:1.75;color:var(--tx2)}
@media (max-width:560px){.mp-alist{grid-template-columns:1fr}.mp-av-xl{width:88px;height:88px}}

/* ---------- artists page with biographies ---------- */
.mp-lead{margin:-12px 0 22px;color:var(--tx2);max-width:640px}
.mp-bios{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.mp-bio{display:flex;flex-direction:column}
.mp-bio p{flex:1}

/* ---------- biography text on artist posts ---------- */
.mp-biotext p{margin:0 0 12px;line-height:1.75;color:var(--tx2);font-size:16px}

/* ---------- movies: year filter ---------- */
.mp-yf{display:flex;align-items:center;gap:12px;margin:-8px 0 14px}
.mp-yl{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.mp-yf select{min-height:46px;padding:0 38px 0 16px;border-radius:12px;border:1px solid var(--ov3);background:var(--ov0);color:var(--tx);font-size:16px;font-weight:600;font-family:inherit}
.mp-years{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none;overscroll-behavior-x:contain}
.mp-years::-webkit-scrollbar{display:none}
.mp-years a{flex:none;min-height:44px;min-width:64px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:99px;border:1px solid var(--ov3);text-decoration:none;font-weight:600;font-size:15px;color:var(--tx2)}
.mp-years a.has::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--pk)}
.mp-years a.on{background:var(--grad);color:#fff;border-color:transparent}
.mp-years a.on::after{background:#fff}
.mp-credits li{margin-bottom:6px}