/* PM account-first interface: one library, never separate device/cloud collections. */
:root{--mint:#d7b27c;--orange:#bd8951;--paper:#f7f1e8;--muted:#a99c8c;--bg:#090807;--surface:#15120f;--surface2:#211b16;--line:rgba(226,182,122,.20);color-scheme:dark}
body.pm-unified-ready{background:radial-gradient(ellipse 95% 35% at 90% 1%,rgba(116,75,29,.21),transparent 68%),#090807;color:var(--paper);padding-bottom:136px}
body.pm-unified-ready .shell{max-width:1250px}
body.pm-unified-ready .topbar{border-color:rgba(210,171,112,.19)}
body.pm-unified-ready .brand-mark{border-color:#b99160;color:#e1bb81}
body.pm-unified-ready .brand-sub{color:#aa9579}
body.pm-unified-ready .langs button.active{background:#d8b47b}
body.pm-unified-ready main>.eyebrow,
body.pm-unified-ready main>.hero,
body.pm-unified-ready main>.note,
body.pm-unified-ready main>.cloud-panel,
body.pm-unified-ready main>.spotify-shelf,
body.pm-unified-ready main>.insights,
body.pm-unified-ready main>.library{display:none!important}
body.pm-unified-ready main>#pmUnified{display:block!important}
body.pm-unified-ready *[hidden]{display:none!important}
.pm-unified{position:relative;max-width:1140px;margin:auto;padding:24px 0 75px}
.pm-unified-intro{padding:15px 0 21px}
.pm-intro-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
#pmBrandTag{font-size:10px;font-weight:800;letter-spacing:.22em;color:#bd935c}
#pmLoginBadge{font-size:10px;border:1px solid #51402f;border-radius:22px;padding:8px 12px;color:#c9ae8e;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-unified-intro h1{font-size:clamp(52px,7vw,94px);font-weight:840;letter-spacing:-.081em;line-height:1.05;margin:25px 0 12px}
.pm-unified-intro h1 em{color:#dab782;font-weight:800;font-style:normal}
.pm-unified-intro p{color:#a99f91;font-size:14px;line-height:1.6;max-width:440px;margin:0}
.pm-u-screen{padding:10px 0 25px}
.pm-unified-feature{background:radial-gradient(ellipse at 65% 13%,#3e2c1b 0%,#1b1611 48%,#0e0c0a 90%);border:1px solid #735237;border-radius:19px;overflow:hidden;max-width:780px;box-shadow:0 22px 80px #0008}
.pm-feature-art{position:relative;min-height:284px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}
.pm-feature-art strong{font-size:clamp(87px,12vw,151px);font-weight:1000;letter-spacing:-.18em;padding-right:.19em;line-height:1;color:#e0b57c;text-shadow:0 0 32px #d89b4a45,0 3px 7px #0009;z-index:1}
.pm-feature-art small{font-size:10px;letter-spacing:.5em;color:#b89b72;margin-top:22px;z-index:1}
.pm-disc-halo{width:340px;height:340px;border:1px solid #c29b574f;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(68deg);box-shadow:0 0 0 30px #b98e3b08,0 0 0 64px #b98e3b07,0 0 0 103px #b98e3b06}
.pm-feature-info{border-top:1px solid #6b4d2f6e;padding:20px 22px;background:linear-gradient(105deg,#231b14,#171410);display:flex;align-items:center;gap:12px;justify-content:space-between}
.pm-feature-info>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.pm-feature-info small,.pm-feature-info>div>span{font-size:10px;letter-spacing:.12em;color:#a89b8a}
.pm-feature-info small{color:#dbaf74;font-weight:800}
.pm-feature-info strong{font-size:25px;letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pm-feature-info>div>span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-circle{width:47px;height:47px;min-width:47px;border:0;border-radius:50%;display:grid;place-items:center;background:#ddba80;color:#1c140a;font-size:26px}
.pm-account-count{margin:24px 0 32px;padding:23px;max-width:780px;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #513d2b;background:#181411;border-radius:15px}
.pm-account-count>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px}
.pm-account-count small{width:100%;font-size:10px;letter-spacing:.16em;color:#cca370;font-weight:800}
.pm-account-count strong{font-size:34px;letter-spacing:-.055em;line-height:1.1}
.pm-account-count>div:first-child>span{font-size:12px;color:#b7a594}
.pm-count-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.pm-u-btn{border-radius:9px;padding:13px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:800;cursor:pointer;border:1px solid #8f704c;text-align:center}
.pm-u-btn.primary{background:#ddba80;border-color:#ddba80;color:#22160b}
.pm-u-btn.secondary{background:#241d17;color:#ebdfcf;border-color:#725334}
.pm-u-btn:disabled{opacity:.5;cursor:not-allowed}
.pm-u-btn svg{width:18px;height:18px}
.pm-u-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:31px 0 18px}
.pm-u-heading small,.pm-u-heading .pm-kicker{font-size:10px;letter-spacing:.17em;color:#c9a372;font-weight:800}
.pm-u-heading h2{font-size:clamp(26px,3.5vw,43px);letter-spacing:-.055em;margin:8px 0 0;line-height:1.1}
.pm-see-all{color:#d9b17a;font-size:12px;border:0;background:none;white-space:nowrap;padding:8px 0}
.pm-song-list{max-width:990px;border:1px solid #493a2b;background:#14120f;border-radius:13px;overflow:visible}
.pm-u-song{padding:0 12px;display:flex;align-items:center;gap:10px;min-height:68px;border-bottom:1px solid #3b3025;position:relative}
.pm-u-song:last-child{border-bottom:0}
.pm-u-song-play{display:flex;align-items:center;gap:14px;flex:1;min-width:0;text-align:left;padding:12px 0;background:none;color:#fff;border:0}
.pm-u-art{min-width:43px;height:43px;width:43px;border-radius:9px;background:linear-gradient(143deg,#654726,#21160f);display:grid;place-items:center;color:#e2bb7f;font-size:24px}
.pm-u-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.pm-u-copy strong{font-size:13px;font-weight:730;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-u-copy small{font-size:10px;color:#9e8e7a}
.pm-u-arrow{color:#d9ac70;font-size:13px}
.pm-u-actions{flex:0 0 auto;position:relative}
.pm-u-actions summary{cursor:pointer;color:#b4a08a;list-style:none;font-size:24px;line-height:1;width:31px;height:38px;display:grid;place-items:center}
.pm-u-actions summary::-webkit-details-marker{display:none}
.pm-u-song-menu{position:absolute;z-index:45;right:0;top:38px;width:min(280px,72vw);background:#292019;border:1px solid #8c6a45;border-radius:9px;box-shadow:0 20px 40px #000c;padding:5px}
.pm-u-song-menu button{padding:13px;border:0;background:transparent;color:#efe7db;font-size:12px;text-align:left;width:100%}
.pm-u-song-menu button:hover{background:#3b2c1f}
.pm-u-empty{padding:45px 25px;text-align:center;color:#c8b9a7;display:flex;align-items:center;flex-direction:column;gap:12px}
.pm-u-empty strong{font-size:19px;color:#f2e8db;letter-spacing:-.03em}
.pm-u-empty p{font-size:13px;line-height:1.65;max-width:340px;margin:0 0 10px}
.pm-u-empty .pm-u-btn{align-self:center}
.pm-library-bar{display:flex;align-items:center;gap:10px;margin:15px 0 17px}
.pm-search{height:49px;display:flex;align-items:center;gap:11px;flex:1;max-width:600px;background:#1e1a16;border:1px solid #58432e;padding:0 13px;border-radius:10px;color:#d9b37a}
.pm-search input{min-width:0;flex:1;background:none;border:0;color:#fff;font-size:15px;outline:0}
.pm-search input::placeholder{color:#a09281}
.pm-library-bar .pm-u-btn{height:49px}
.pm-u-count{display:flex;align-items:baseline;gap:7px;color:#b7a797;font-size:12px;margin:10px 0 16px}
.pm-u-count strong{color:#e1b579;font-size:18px}
.pm-load-more{max-width:990px;width:100%;padding:16px;margin-top:13px;border:1px solid #58442f;background:#1c1611;color:#dab17d;border-radius:9px;cursor:pointer;font-size:12px}
#pmUniStats .insights{border:0;padding:0;margin:0}
#pmUniStats .insights-header{display:none}
#pmUniStats .insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#pmUniStats .insights-panel{background:#1b1713;border:1px solid #58422c}
.pm-account-intro{color:#b8a99a;font-size:14px;line-height:1.65;margin:13px 0 25px}
.pm-account-box{max-width:780px;background:#191510;border:1px solid #5e452e;border-radius:14px;padding:25px}
.pm-account-identity{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.pm-account-identity strong{font-size:19px;word-break:break-word}
.pm-account-identity small{font-size:11px;line-height:1.6;color:#b6a28e}
#pmAuthHost .cloud-signin{max-width:100%;padding:10px 0}
#pmAuthHost .cloud-signin label{font-size:12px;color:#d6b382}
#pmAuthHost .cloud-signin>input,#pmAuthHost .cloud-signin-row input{min-height:49px;border-color:#634830;background:#13110f;color:#fff;border-radius:9px}
#pmAuthHost .cloud-signin-row button,#pmAuthHost .cloud-toolbox button,#pmAuthHost .cloud-password-setup button{border-radius:9px;background:#d8b17b;color:#171009;border-color:#d8b17b;font-size:12px}
#pmAuthHost .cloud-email-alt button{color:#dabb85;border-color:#dabb85}
#pmAuthHost .cloud-status{font-size:12px;color:#d9ad73;line-height:1.6}
#pmAuthHost .cloud-setup{font-size:11px;color:#d6a978;background:#352315}
#pmAuthHost .cloud-password-setup>label{color:#d9ae77}
#pmAuthHost .cloud-account{flex-wrap:wrap;gap:10px}
#pmAuthHost .cloud-signin-row{flex-wrap:wrap}
.pm-legacy-box{margin-top:21px;padding:19px;border:1px solid #654b32;background:#1d1812;border-radius:12px;max-width:780px}
.pm-legacy-box h3{font-size:18px;margin:0 0 8px}
.pm-legacy-box p{font-size:12px;color:#b0a08d;line-height:1.6}
.pm-legacy-box small{display:block;font-size:11px;color:#ad9a82;margin-top:10px}
.pm-account-footer{font-size:12px;color:#938574;max-width:710px;line-height:1.7;margin:22px 0}
.pm-u-nav{display:flex;gap:5px;align-items:center;justify-content:center;background:#171310;border:1px solid #463527;padding:7px;border-radius:18px;position:sticky;bottom:17px;width:max-content;margin:25px auto 0;z-index:80;box-shadow:0 12px 45px #000a;max-width:98%}
.pm-u-nav button{background:none;border:0;border-radius:12px;color:#a89b8b;display:flex;align-items:center;gap:9px;padding:11px 17px;font-size:12px;font-weight:750}
.pm-u-nav button[aria-current=page]{background:#342719;color:#e5bc80}
.pm-u-nav svg{width:19px;height:19px}
.pm-u-toast{position:fixed;top:calc(15px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);max-width:calc(100% - 35px);min-width:min(300px,85vw);border:1px solid #a68552;border-radius:11px;background:#30251beF;padding:14px 18px;color:#fff;font-size:12px;line-height:1.5;z-index:300;box-shadow:0 15px 40px #000b}
body.pm-unified-ready .player{background:#17130f;border-color:#60472d}
body.pm-unified-ready .player .cover{background:#d8b47b;color:#17100a}
body.pm-unified-ready .player .play-btn{background:#d8b47b}
body.pm-unified-ready .player .icon-btn[aria-pressed=true]{color:#e1b876}
body.pm-unified-ready .pm-player-close{display:none}
@media(max-width:700px){
 body.pm-unified-ready{padding-bottom:calc(198px + env(safe-area-inset-bottom));background:radial-gradient(ellipse 140% 28% at 80% 0%,#3a2a1b,transparent 75%),#080807}
 body.pm-unified-ready .shell{width:100%}
 body.pm-unified-ready .topbar{min-height:76px;padding:0 20px}
 body.pm-unified-ready .brand-mark{font-size:26px;border:0;padding:0;letter-spacing:-.13em}
 body.pm-unified-ready .brand-sub{display:block;font-size:9px;letter-spacing:.16em;line-height:1.45}
 body.pm-unified-ready .back-link{display:none}
 body.pm-unified-ready .top-actions{gap:8px}
 body.pm-unified-ready .langs{border-color:#6a4d30}
 body.pm-unified-ready .langs button{padding:6px 9px}
 body.pm-unified-ready main{padding:0 19px}
 .pm-unified{padding:18px 0 20px}
 .pm-unified-intro{padding:6px 0 18px}
 #pmBrandTag{font-size:9px;letter-spacing:.15em}
 #pmLoginBadge{font-size:9px;padding:6px 8px}
 .pm-unified-intro h1{font-size:clamp(43px,11.4vw,60px);line-height:1.055;margin:21px 0 12px}
 .pm-unified-intro p{font-size:12px;line-height:1.55;max-width:300px}
 .pm-u-screen{padding:0 0 25px}
 .pm-unified-feature{border-radius:14px}
 .pm-feature-art{min-height:196px}
 .pm-feature-art strong{font-size:83px}
 .pm-feature-art small{font-size:8px;letter-spacing:.46em;margin-top:14px}
 .pm-disc-halo{width:240px;height:240px}
 .pm-feature-info{padding:16px}
 .pm-feature-info strong{font-size:20px}
 .pm-feature-info>div>span{font-size:10px}
 .pm-circle{height:43px;width:43px;min-width:43px}
 .pm-account-count{margin:16px 0 25px;padding:17px 13px;align-items:flex-start;flex-direction:column;gap:17px}
 .pm-account-count>div:first-child{gap:8px}
 .pm-account-count small{font-size:9px}
 .pm-account-count strong{font-size:31px}
 .pm-count-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
 .pm-u-btn{padding:13px 9px;font-size:11px;gap:5px}
 .pm-u-btn svg{width:17px;height:17px}
 .pm-u-heading{margin:26px 0 15px}
 .pm-u-heading h2{font-size:28px}
 .pm-u-heading small{font-size:9px}
 .pm-see-all{font-size:10px}
 .pm-song-list{border-radius:11px}
 .pm-u-song{min-height:64px;padding:0 8px;gap:5px}
 .pm-u-song-play{padding:10px 0;gap:10px}
 .pm-u-art{width:40px;min-width:40px;height:40px;font-size:21px}
 .pm-u-copy strong{font-size:12px}
 .pm-u-copy small{font-size:9px}
 .pm-u-actions summary{width:27px}
 .pm-library-bar .pm-u-btn{padding:11px;width:48px;min-width:48px}
 .pm-library-bar .pm-u-btn span{display:none}
 .pm-search{min-width:0}
 .pm-search input{font-size:16px}
 #pmUniStats .insights-grid{grid-template-columns:1fr}
 #pmUniStats .insights-panel{padding:15px}
 .pm-account-box{padding:18px 15px}
 #pmAuthHost .cloud-signin-row{flex-direction:column}
 #pmAuthHost .cloud-signin-row input{min-width:0;width:100%;font-size:16px}
 #pmAuthHost .cloud-signin-row button{width:100%;padding:13px}
 #pmAuthHost .cloud-email-alt{gap:12px}
 .pm-u-nav{position:fixed;bottom:0;left:0;right:0;max-width:none;width:100%;height:calc(73px + env(safe-area-inset-bottom));border-radius:0;border:0;border-top:1px solid #55412b;margin:0;padding:5px 4px calc(7px + env(safe-area-inset-bottom));background:#15120ff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:100;box-shadow:0 -10px 38px #0007}
 .pm-u-nav button{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;gap:3px;border-radius:0;padding:8px 2px;color:#968678;font-size:9px}
 .pm-u-nav button[aria-current=page]{background:none;color:#e4b87c}
 .pm-u-nav svg{width:21px;height:21px}
 body.pm-unified-ready .player{bottom:calc(78px + env(safe-area-inset-bottom));left:10px;right:10px;padding:9px 10px;background:linear-gradient(105deg,#302419,#171411);border:1px solid #705033;border-radius:11px;z-index:101;box-shadow:0 10px 28px #0009}
 body.pm-unified-ready .player-inner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;max-width:none}
 body.pm-unified-ready .now{flex:1;min-width:0;gap:10px;cursor:pointer}
 body.pm-unified-ready .cover{height:43px;width:43px;min-width:43px;border-radius:7px;font-size:15px}
 body.pm-unified-ready .track-meta strong{font-size:12px}
 body.pm-unified-ready .track-meta span{font-size:9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:4px}
 body.pm-unified-ready .controls{width:auto;flex:0 0 auto}
 body.pm-unified-ready .transport{gap:3px}
 body.pm-unified-ready .transport #shuffleBtn,body.pm-unified-ready .transport #prevBtn,body.pm-unified-ready .transport #repeatBtn{display:none}
 body.pm-unified-ready .transport #nextBtn{font-size:17px;min-width:30px;padding:4px}
 body.pm-unified-ready .transport #playBtn{height:37px;width:37px}
 body.pm-unified-ready .timeline,body.pm-unified-ready .audio-side{display:none}
 body.pm-player-open{overflow:hidden}
 body.pm-player-open .pm-u-nav{display:none}
 body.pm-player-open .player{position:fixed;inset:0!important;width:100%;height:100dvh;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 27%,#48331e 0%,#241a11 36%,#0c0b0a 74%)!important;z-index:180;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:calc(56px + env(safe-area-inset-top)) 21px calc(34px + env(safe-area-inset-bottom))!important;overflow-y:auto}
 body.pm-player-open .player-inner{width:100%;max-width:500px;display:flex;flex-direction:column;flex:1;justify-content:center;gap:40px}
 body.pm-player-open .now{display:flex;flex-direction:column;gap:24px;align-items:stretch;flex:0 0 auto;width:100%}
 body.pm-player-open .cover{width:min(78vw,330px);height:auto;aspect-ratio:1;margin:auto;font-size:82px;border-radius:17px;background:radial-gradient(circle at 35% 25%,#62452a,#1a130e 65%,#080807);box-shadow:0 0 0 1px #caa26964,0 22px 50px #0009;color:#e1b77e}
 body.pm-player-open .track-meta strong{font-size:28px;letter-spacing:-.05em}
 body.pm-player-open .track-meta span{font-size:12px}
 body.pm-player-open .controls{width:100%;display:flex;flex-direction:column-reverse;gap:29px}
 body.pm-player-open .transport{width:100%;justify-content:space-around;gap:4px}
 body.pm-player-open .transport #shuffleBtn,body.pm-player-open .transport #prevBtn,body.pm-player-open .transport #repeatBtn{display:inline-flex}
 body.pm-player-open .transport #playBtn{width:63px;height:63px;font-size:23px}
 body.pm-player-open .timeline{width:100%;display:flex;align-items:center;gap:8px}
 body.pm-player-open .timeline input{flex:1;accent-color:#d8b47b}
 body.pm-player-open .pm-player-close{display:block;position:absolute;left:17px;top:calc(18px + env(safe-area-inset-top));background:transparent;color:#fff;border:0;font-size:36px;padding:5px 12px}
}
@media(max-width:350px){.pm-u-btn{font-size:10px}.pm-unified-intro h1{font-size:41px}.pm-count-actions{gap:6px}.pm-u-art{width:36px;min-width:36px;height:36px}}
@media(max-width:700px) and (max-height:705px){body.pm-player-open .player-inner{gap:22px}body.pm-player-open .cover{width:min(55vw,250px)}}

/* Account genres: clear, filterable categories without splitting the library. */
.pm-genre-header{margin:17px 0 10px;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#cda77a}
.pm-genre-rail{display:flex;align-items:center;gap:9px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#8d6941 transparent;padding:3px 1px 13px;margin-bottom:9px;max-width:990px;-webkit-overflow-scrolling:touch}
.pm-genre-chip{flex:0 0 auto;min-height:43px;padding:10px 14px;border:1px solid #5b452e;border-radius:100px;background:#211912;color:#d1c2ad;font-size:12px;font-weight:700;white-space:nowrap;touch-action:manipulation;transition:background .16s ease,border-color .16s ease}
.pm-genre-chip[aria-pressed=true]{background:#dbb47b;color:#21160a;border-color:#dbb47b}
.pm-genre-chip:focus-visible{outline:2px solid #ffe2ae;outline-offset:2px}
.pm-u-genre-selector{display:flex;flex-direction:column;gap:7px;padding:10px 10px 12px;color:#e4c99e;border-bottom:1px solid #634d34;font-size:12px}
.pm-u-genre-selector select{display:block;color:#f9efe1;background:#211912;border:1px solid #856641;border-radius:7px;min-height:43px;padding:8px;width:100%;font:inherit;font-size:14px}
.pm-u-genre-selector select:focus-visible{outline:2px solid #ffd399;outline-offset:2px}
.pm-u-genre-selector select:disabled{opacity:.65}
.pm-u-song-menu{z-index:70}
body.pm-unified-ready .player #repeatBtn[data-mode="1"],body.pm-unified-ready .player #repeatBtn[data-mode="2"]{color:#e7bc7f;text-shadow:0 0 14px #a2763b5c}
body.pm-unified-ready .player #repeatBtn[data-mode="0"]{color:#978e81}
@media(max-width:700px){
 .pm-genre-header{margin:15px 0 9px;font-size:9px}
 .pm-genre-rail{margin-right:-19px;padding-right:19px;gap:7px;padding-bottom:15px}
 .pm-genre-chip{font-size:11px;padding:10px 12px;min-height:44px}
 body.pm-unified-ready:not(.pm-player-open) .transport #repeatBtn{display:inline-flex;justify-content:center;align-items:center;min-width:27px;width:29px;padding:3px;font-size:18px}
 body.pm-unified-ready:not(.pm-player-open) .transport{gap:1px}
 body.pm-unified-ready .pm-u-song-menu{right:0;top:38px}
}
