
/* M1–M13: bleu nuit, or, violet et bleu électrique. */
#panel-music{--mx-bg:#020b26;--mx-card:#0b1645;--mx-border:#283572;--mx-muted:#aebcec;--mx-gold:#ffcc51;--mx-violet:#8745ff;--mx-blue:#087cff;background:radial-gradient(ellipse at 0 0,rgba(60,24,173,.13),transparent 45%),#020b26;color:#f9faff;font-family:Inter,"Segoe UI",sans-serif;isolation:isolate}
#panel-music *{box-sizing:border-box}
#panel-music [hidden]{display:none!important}
#panel-music .music-shell{max-width:860px;padding:26px 36px 120px;margin:0 auto}
body.ryvangel-mini-visible #panel-music .music-shell{padding-bottom:225px}
#panel-music .mx-view h1{font-size:clamp(28px,5vw,46px);line-height:1.15;letter-spacing:-.025em;margin:18px 0 24px;color:#fff;font-weight:720}
#panel-music .mx-view h2{font-size:clamp(22px,3.3vw,31px);line-height:1.25;margin:0;color:#fff;font-weight:680}
#panel-music .mx-view p{color:var(--mx-muted);line-height:1.5;font-size:clamp(16px,2.6vw,22px)}
#panel-music button,#panel-music input,#panel-music textarea,#panel-music select{font:inherit}
#panel-music button{cursor:pointer}
#panel-music button:focus-visible,#panel-music a:focus-visible,#panel-music input:focus-visible,#panel-music textarea:focus-visible,#panel-music select:focus-visible{outline:3px solid #ffd66c;outline-offset:4px}
#panel-music button:hover{filter:brightness(1.12)}
#panel-music .mx-btn{border:0;background:none;color:inherit;display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:10px 12px;min-height:44px;line-height:1.35;text-decoration:none}
#panel-music .mx-icon{width:28px;height:28px;display:inline-block;vertical-align:middle;flex-shrink:0}
#panel-music .mx-icon-btn{width:48px;height:48px;padding:10px;flex-shrink:0}
#panel-music .mx-brand{display:flex;align-items:center;gap:14px;margin:0 0 34px}
#panel-music .mx-brand>div:not(.mx-brand-actions){display:grid;line-height:1.05}
#panel-music .mx-brand strong{font-size:29px;letter-spacing:-.5px}
#panel-music .mx-brand span:not(.sr-only){color:var(--mx-gold);font-size:23px;margin-top:4px}
#panel-music .mx-logo .mx-icon{width:52px;height:60px;stroke-width:2.5}
#panel-music .mx-brand-actions{display:flex;margin-left:auto;align-items:center;gap:12px}
#panel-music .mx-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(130deg,#007aff,#a337ff);padding:10px}
#panel-music .mx-brand-actions .mx-icon{width:29px;height:29px;color:white}
#panel-music .mx-greeting{margin-bottom:4px!important}
#panel-music .mx-lead{margin:0 0 30px;font-size:clamp(19px,3vw,29px)!important}
#panel-music .mx-art{display:block;position:relative;overflow:hidden;aspect-ratio:1;border-radius:14px;background:#111a4d}
#panel-music .mx-art>img{position:absolute;height:auto;display:block}
#panel-music .mx-art>img.mx-full{inset:0;width:100%;height:100%;object-fit:cover}
#panel-music .mx-initial{background:radial-gradient(ellipse at 25% 15%,#2a7ce4,transparent 60%),linear-gradient(135deg,#151f63,#6835c7);display:grid;place-items:center}
#panel-music .mx-initial>span{font-size:clamp(40px,8vw,76px);font-weight:650;letter-spacing:-.04em;color:#e9e1ff}
#panel-music .mx-feature{position:relative;border-radius:24px;overflow:hidden;border:1px solid #4b427f;margin-bottom:28px}
#panel-music .mx-feature>.mx-art{border-radius:0}
#panel-music .mx-feature-copy{position:absolute;inset:0;padding:32px;display:flex;align-items:flex-start;flex-direction:column;background:linear-gradient(90deg,rgba(0,9,37,.98),rgba(0,9,37,.3) 63%,transparent)}
#panel-music .mx-feature h2{font-size:clamp(29px,5vw,48px);margin:18px 0 0}
#panel-music .mx-feature p{margin:6px 0 16px;font-size:clamp(15px,2.4vw,25px)}
#panel-music .mx-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:30px;color:#ffcf54;background:#54462a;font-size:18px;font-weight:650}
#panel-music .mx-feature-play{border-radius:50%;width:85px;height:85px;background:#ffcb48;color:#06133c;margin-top:auto}
#panel-music .mx-feature-play .mx-icon{width:35px;height:35px;fill:currentColor}
#panel-music .mx-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 42px}
#panel-music .mx-shortcuts .mx-btn{display:flex;align-items:flex-start;flex-direction:column;border-radius:22px;background:linear-gradient(145deg,#4f29ea,#16155d);padding:25px;gap:16px;text-align:left;font-size:23px;min-width:0}
#panel-music .mx-shortcuts .mx-btn:nth-child(2){background:linear-gradient(140deg,#0051d3,#002373)}
#panel-music .mx-shortcuts .mx-btn:nth-child(3){background:linear-gradient(140deg,#a03cf6,#411793)}
#panel-music .mx-shortcuts .mx-icon:first-child{width:42px;height:42px}
#panel-music .mx-shortcuts .mx-icon:last-child{color:#beb4ff}
#panel-music .mx-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:36px 0 22px}
#panel-music .mx-heading h1,#panel-music .mx-heading h2{margin:0}
#panel-music .mx-heading>.mx-btn{color:var(--mx-gold);white-space:nowrap;padding-right:0}
#panel-music .mx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
#panel-music .mx-mix,#panel-music .mx-album-card{display:flex;flex-direction:column;border:0;color:white;background:none;padding:0;text-align:left;min-width:0}
#panel-music .mx-mix{border:1px solid #20295d;border-radius:22px;overflow:hidden;background:linear-gradient(130deg,#081535,#0b1040)}
#panel-music .mx-mix .mx-art,#panel-music .mx-album-card .mx-art{width:100%}
#panel-music .mx-mix .mx-art{border-radius:0}
#panel-music .mx-mix strong,#panel-music .mx-mix span:not(.mx-art),#panel-music .mx-mix small{margin:0 18px}
#panel-music .mx-mix strong{margin-top:16px}
#panel-music .mx-mix small{margin-top:10px;margin-bottom:18px}
#panel-music .mx-mix strong,#panel-music .mx-album-card strong{font-size:22px;line-height:1.25}
#panel-music .mx-album-card strong{margin:12px 0 4px}
#panel-music .mx-mix span:not(.mx-art),#panel-music .mx-mix small,#panel-music .mx-album-card>span:not(.mx-art),#panel-music .mx-album-card small{color:var(--mx-muted);font-size:17px}
#panel-music .mx-explore-brand{display:grid;gap:6px;margin-bottom:24px}
#panel-music .mx-explore-brand strong{font-size:34px}
#panel-music em{font-style:normal;color:var(--mx-gold)}
#panel-music .mx-explore-brand small{font-size:13px;letter-spacing:4px;color:#899acb}
#panel-music .mx-search{display:flex;align-items:center;gap:15px;border:1px solid #4045c0;background:linear-gradient(110deg,#102566,#0c1948);border-radius:45px;padding:9px 24px;margin:26px 0}
#panel-music .mx-search .mx-icon{color:#b6c4f8}
#panel-music .mx-search input{border:0;background:none;width:100%;color:white;padding:12px 0;min-width:0;outline-offset:2px;font-size:22px}
#panel-music input::placeholder,#panel-music textarea::placeholder{color:#94a2d2;opacity:1}
#panel-music .mx-chips{display:flex;gap:12px;overflow-x:auto;padding:4px 0 12px}
#panel-music .mx-chips button{border:1px solid #39479a;border-radius:28px;color:#cbd6ff;background:none;padding:9px 19px;min-height:44px;font-size:18px}
#panel-music .mx-chips .is-active{background:#4b2eff;border-color:#4b2eff;color:white;box-shadow:0 0 22px #4324b855}
#panel-music .mx-artists{display:grid;grid-auto-flow:column;grid-auto-columns:43%;overflow:auto;gap:30px;padding:0 10px 10px;scroll-snap-type:x mandatory}
#panel-music .mx-artists button{border:0;background:none;color:white;font-size:21px;display:grid;gap:12px;text-align:center;scroll-snap-align:start}
#panel-music .mx-artists .mx-art{border-radius:50%;width:100%;aspect-ratio:1!important}
#panel-music .mx-artists strong{font-size:19px}
#panel-music .mx-banner{width:100%;display:flex;align-items:center;gap:22px;background:linear-gradient(110deg,#3511cb,#151ec9 65%,#038ee9);border:1px solid #3446ce;border-radius:22px;padding:24px;color:white;text-align:left;margin:20px 0 28px}
#panel-music .mx-banner>.mx-icon{width:54px;height:54px;color:var(--mx-gold)}
#panel-music .mx-banner strong{font-size:24px;line-height:1.35}
#panel-music .mx-banner>span:last-child{font-size:14px;margin-left:auto;border:1px solid #b5a5b9;border-radius:30px;padding:12px;color:var(--mx-gold)}
#panel-music .mx-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#panel-music .mx-stat{border:1px solid #253977;background:linear-gradient(130deg,#111853,#071b50);border-radius:24px;justify-content:flex-start;padding:24px;gap:18px;text-align:left}
#panel-music .mx-stat>.mx-icon{width:45px;height:45px;color:#9964ff}
#panel-music .mx-stat:nth-child(3)>.mx-icon{color:var(--mx-gold)}
#panel-music .mx-stat>span{flex:1;display:grid;gap:9px}
#panel-music .mx-stat strong{font-size:20px}
#panel-music .mx-stat small{color:var(--mx-muted);font-size:16px}
#panel-music .mx-recent{display:grid;grid-auto-flow:column;grid-auto-columns:31%;gap:24px;overflow-x:auto;padding-bottom:12px}
#panel-music .mx-recent .mx-art{aspect-ratio:1!important}
#panel-music .mx-progress{height:7px;border-radius:9px;background:#283361;overflow:hidden;width:100%;margin:14px 0 4px}
#panel-music .mx-progress i{display:block;background:linear-gradient(90deg,#ffd169,#fbc449);height:100%;border-radius:9px}
#panel-music .mx-playlists{display:grid;gap:12px}
#panel-music .mx-playlist-link{border:0;display:flex;align-items:center;gap:20px;padding:10px 20px 10px 12px;border-radius:22px;background:linear-gradient(110deg,#101846,#061345);color:#a9b8ed;text-align:left;font-size:30px}
#panel-music .mx-playlist-link>.mx-art{width:80px;flex-shrink:0;aspect-ratio:1!important}
#panel-music .mx-playlist-link>span:not(.mx-art){flex:1;display:grid;gap:6px;min-width:0}
#panel-music .mx-playlist-link strong{font-size:22px;color:white}
#panel-music .mx-playlist-link small{font-size:17px}
#panel-music .mx-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 38px}
#panel-music .mx-top h1{font-size:28px;text-align:center;margin:0}
#panel-music .mx-detail-hero{display:grid;grid-template-columns:36% 1fr;gap:30px;align-items:center;margin:24px 0}
#panel-music .mx-detail-hero>.mx-art{width:100%;aspect-ratio:1!important}
#panel-music .mx-detail-hero h1{font-size:clamp(25px,4vw,42px);margin:0 0 12px}
#panel-music .mx-detail-hero p{font-size:20px}
#panel-music .mx-detail-hero small{color:var(--mx-muted)}
#panel-music .mx-artist-link{background:none;border:0;padding:0;color:var(--mx-gold);font-size:25px;text-align:left}
#panel-music .mx-primary{display:flex;width:100%;align-items:center;justify-content:center;gap:14px;border:0;border-radius:34px;padding:22px;color:white;background:linear-gradient(110deg,#9c21fa,#5134ff 52%,#007bff);font-size:26px;font-weight:650;line-height:1.3;min-height:60px;text-decoration:none;margin:22px 0}
#panel-music .mx-outline{border:1px solid #465994;border-radius:22px;background:linear-gradient(140deg,#121a49,#081431);min-height:56px;padding:12px 20px}
#panel-music .mx-detail-hero .mx-outline{border-color:var(--mx-gold);border-radius:35px;color:var(--mx-gold)}
#panel-music .mx-actions-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:30px 0 42px}
#panel-music .mx-actions-three .mx-btn{display:flex;flex-direction:column;color:var(--mx-muted);border-right:1px solid #223365;border-radius:0;font-size:20px}
#panel-music .mx-actions-three .mx-btn:last-child{border:0}
#panel-music .mx-actions-three .mx-icon{color:var(--mx-gold);width:36px;height:36px}
#panel-music .mx-track-row{display:flex;align-items:center;gap:18px;padding:14px 12px;min-width:0;border-bottom:1px solid #243256;min-height:98px}
#panel-music .mx-track-row:first-of-type{background:linear-gradient(100deg,#17164e,#0d1b4f);border-radius:20px}
#panel-music .mx-track-copy{display:grid;gap:4px;flex:1;min-width:0;border:0;color:white;text-align:left;background:none;padding:0}
#panel-music .mx-track-copy strong{font-size:21px}
#panel-music .mx-track-copy span,#panel-music .mx-track-copy small{color:var(--mx-muted);font-size:16px}
#panel-music .mx-cover-button{padding:0;flex-shrink:0;width:72px}
#panel-music .mx-cover-button .mx-art{width:72px;aspect-ratio:1!important}
#panel-music .mx-index{font-size:25px;color:var(--mx-muted);width:20px;text-align:center}
#panel-music .mx-card{display:block;padding:26px;background:linear-gradient(130deg,#0c1943,#071139);border:1px solid #283b77;border-radius:22px;margin:24px 0;color:inherit}
#panel-music .mx-card h2{font-size:25px}
#panel-music .mx-about{margin-top:38px}
#panel-music .mx-gold{color:var(--mx-gold)}
#panel-music .mx-artist-hero{text-align:center}
#panel-music .mx-artist-hero>.mx-art{width:220px;margin:0 auto;border-radius:50%;aspect-ratio:1!important}
#panel-music .mx-wifi{display:flex;gap:18px;align-items:center}
#panel-music .mx-wifi>.mx-icon{width:40px;height:40px}
#panel-music .mx-wifi>span{display:grid;gap:7px;flex:1}
#panel-music .mx-wifi strong{font-size:20px}
#panel-music .mx-wifi small{color:var(--mx-muted)}
#panel-music input[role=switch]{appearance:none;width:64px;height:36px;flex-shrink:0;border-radius:30px;background:#30395c;border:1px solid #6271a1;position:relative;cursor:pointer;padding:0;margin:0}
#panel-music input[role=switch]:before{content:"";position:absolute;width:28px;height:28px;left:3px;top:3px;border-radius:50%;background:white;transition:transform .15s}
#panel-music input[role=switch]:checked{background:linear-gradient(100deg,#8139fb,#3b41fa)}
#panel-music input[role=switch]:checked:before{transform:translateX(28px)}
#panel-music .mx-online{background:linear-gradient(100deg,#082651,#2d1389)}
#panel-music .mx-online p{font-size:19px;margin:8px 0 0}
#panel-music .mx-dot{border:0!important;border-radius:50%!important;width:22px;height:22px;flex-shrink:0;background:#41d393;box-shadow:0 0 22px #33c988}
#panel-music .mx-storage{display:flex;align-items:center;gap:22px}
#panel-music .mx-storage>div{flex:1}
#panel-music .mx-storage p{font-size:16px}
#panel-music .mx-downloaded{color:#051b3e;border-radius:50%;background:#41d393;width:40px;height:40px;min-height:40px;padding:7px}
#panel-music .mx-empty,#panel-music .mx-muted{font-size:16px!important;color:#aab8df;padding:12px 0}
#panel-music .mx-profile-links .mx-card{display:flex;width:100%;justify-content:flex-start}
#panel-music .mx-view form>label{display:block;font-size:22px;color:#bbc6ed;margin:28px 0 14px}
#panel-music input:not([type=radio]):not([type=checkbox]):not([type=range]),#panel-music textarea,#panel-music select{background:#0b1640;color:white;border:1px solid #3d4b91;border-radius:18px;padding:16px;font-size:18px;max-width:100%}
#panel-music .mx-view form input:not([type=radio]):not([type=checkbox]),#panel-music textarea{width:100%}
#panel-music textarea{resize:vertical;min-height:135px}
#panel-music .mx-search input{background:none!important;border:0!important;padding:9px 0!important}
#panel-music .mx-form-hero{text-align:center;margin:26px 0 36px}
#panel-music .mx-form-hero>.mx-art{width:48%;margin:0 auto 30px;border-radius:0}
#panel-music .mx-form-hero h2{font-size:clamp(24px,4vw,37px);line-height:1.35}
#panel-music .mx-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0 40px}
#panel-music .mx-choice-grid label{position:relative;cursor:pointer}
#panel-music .mx-choice-grid input{position:absolute;opacity:0;width:1px;height:1px}
#panel-music .mx-choice-grid label>span{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:22px;min-height:200px;border:2px solid #25346b;border-radius:28px;padding:24px;color:white;font-size:23px}
#panel-music .mx-choice-grid .mx-icon{width:56px;height:56px;color:var(--mx-gold)}
#panel-music .mx-choice-grid input:checked+span{border:3px solid #914eff;background:#171455;box-shadow:0 0 0 1px #6e40fd}
#panel-music .mx-choice-grid input:focus-visible+span{outline:3px solid #ffdc66;outline-offset:4px}
#panel-music .mx-join-choices label>span{flex-direction:row;text-align:left;min-height:104px;font-size:18px;padding:18px;gap:18px;border-radius:23px}
#panel-music .mx-join-choices .mx-icon{width:40px;height:40px;color:#b36aff}
#panel-music .mx-join-choices input:checked+span{background:linear-gradient(120deg,#793ef8,#363cf1);border-color:#9462ff}
#panel-music .mx-consent{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:17px}
#panel-music input[type=checkbox]:not([role=switch]){accent-color:#8548ff;width:22px;height:22px;flex-shrink:0}
#panel-music .mx-privacy{display:flex;align-items:center;gap:18px;color:#bac8f2;font-size:18px}
#panel-music .mx-privacy .mx-icon{width:43px;height:43px;color:var(--mx-gold)}
#panel-music .mx-count{text-align:right;margin:0 12px;font-size:15px!important}
#panel-music .mx-footnote{text-align:center;font-size:16px!important;color:#91a0ce;margin:25px 0}
#panel-music .mx-referral-hero{display:grid;grid-template-columns:1fr 44%;align-items:center;background:linear-gradient(100deg,#071b54,#17085f)}
#panel-music .mx-referral-hero h1{font-size:35px;margin:0 0 16px}
#panel-music .mx-referral-hero .mx-art{border-radius:0}
#panel-music .mx-url{overflow-wrap:anywhere}
#panel-music .mx-share-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#0e1849;border-radius:24px;margin:20px 0;padding:16px 4px}
#panel-music .mx-share-grid .mx-btn{flex-direction:column;font-size:16px;border-right:1px solid #293571;padding:8px}
#panel-music .mx-share-grid .mx-btn:last-child{border:0}
#panel-music .mx-share-grid .mx-icon{padding:11px;box-sizing:content-box;border-radius:50%;background:#2c387f;width:27px;height:27px}
#panel-music .mx-share-grid .mx-btn:first-child .mx-icon{background:#00c548}
#panel-music .mx-impact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#panel-music .mx-impact .mx-card{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 12px;color:var(--mx-muted)}
#panel-music .mx-impact strong{font-size:36px;color:white}
#panel-music .mx-impact .mx-icon{color:#b454f5}
#panel-music .mx-impact .mx-card:nth-child(2) .mx-icon{color:#21b1ff}
#panel-music .mx-impact .mx-card:nth-child(3) .mx-icon{color:var(--mx-gold)}
#panel-music .mx-propagation{display:flex;justify-content:space-around;padding:22px 0}
#panel-music .mx-propagation .mx-icon{width:45px;height:45px;color:#9466ff}
#panel-music .mx-kpi{display:grid;grid-template-columns:48px 1fr;gap:12px;margin:16px 0}
#panel-music .mx-kpi .mx-icon{grid-row:span 2;color:#aa80ff;width:40px;height:40px}
#panel-music .mx-kpi strong{font-size:40px;line-height:1.1}
#panel-music .mx-chart{width:100%;height:auto;margin-top:20px}
#panel-music .mx-nav{position:fixed;z-index:110;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,860px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:12px 8px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #29346d;background:rgba(2,10,33,.97);backdrop-filter:blur(16px)}
#panel-music .mx-nav button{background:none;border:0;color:#a8b8e9;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;min-height:60px;padding:4px 0;font-size:14px;position:relative}
#panel-music .mx-nav .mx-icon{width:31px;height:31px}
#panel-music .mx-nav [aria-current=page]{color:var(--mx-gold)}
#panel-music[data-mx-screen=explore] .mx-nav [aria-current=page]{color:#7853ff}
#panel-music .mx-nav [aria-current=page]:after{content:"";position:absolute;width:44px;height:3px;background:currentColor;border-radius:4px;bottom:-8px}
#panel-music .mx-dialog{position:fixed;color:#fff;background:#0b1436;border:1px solid #7657d1;border-radius:24px;padding:24px;width:min(92vw,540px);max-height:85dvh}
#panel-music .mx-dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}
#panel-music .mx-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#panel-music .mx-dialog h2{font-size:24px;margin:0}
#panel-music .mx-dialog .mx-card{display:flex;width:100%;margin:12px 0;justify-content:flex-start;padding:16px}
#panel-music .mx-dialog p{color:var(--mx-muted);line-height:1.5}
#panel-music .mx-dialog label{display:block;margin:20px 0 12px}
#panel-music .mx-dialog input{width:100%}
#panel-music .mx-toast{position:fixed;z-index:250;bottom:125px;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;border:1px solid #8e6ce7;border-radius:16px;padding:14px 20px;background:#1a2051;color:#fff;box-shadow:0 6px 30px #0008;pointer-events:none}
body.ryvangel-music-open #music-mini-player{z-index:105;position:fixed;bottom:94px;left:50%;right:auto;transform:translateX(-50%);width:min(calc(100% - 24px),810px);max-width:810px;border:1px solid #303c83;border-radius:22px;background:linear-gradient(110deg,#101847,#06183e);padding:14px;box-shadow:0 0 24px #020921}
body.ryvangel-music-open .music-mini-cover{width:62px;height:62px;border-radius:12px}
body.ryvangel-music-open .music-mini-title{font-size:19px;color:white}
body.ryvangel-music-open .music-mini-artist{color:#aebbea;font-size:16px}
body.ryvangel-music-open .music-mini-toggle{border:2px solid #ffd164;color:#ffd164;background:#10204a;width:52px;height:52px}
body.ryvangel-music-open .music-mini-track-fill{background:linear-gradient(90deg,#ffd25b,#fabf3f)}
#panel-music[data-mx-screen=player]{background:radial-gradient(ellipse at 0 60%,#26105d66,transparent 45%),#020b26}
#panel-music .music-player-shell{border:0;box-shadow:none;background:none;padding:12px 24px}
#panel-music .music-player-shell>.music-back{border:0;background:none;display:flex;align-items:center;gap:24px;width:100%;margin:0 0 34px;padding:0;color:white;font-size:17px;letter-spacing:2px}
#panel-music .music-player-shell>.music-back span{flex:1;text-align:center}
#panel-music .music-player-hero{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:0}
#panel-music .music-player-cover{width:100%;height:auto;aspect-ratio:1;max-width:none;min-height:0;border-radius:24px;margin:0 0 28px;overflow:hidden}
#panel-music .music-player-cover>.mx-art{width:100%;height:100%;border-radius:0}
#panel-music .music-player-hero .music-eyebrow{display:none}
#panel-music .music-player-title{font-size:clamp(30px,5vw,48px);margin:12px 0}
#panel-music .music-player-artist{font-size:25px;color:var(--mx-muted);margin:0 0 20px}
#panel-music .music-player-controls{display:flex;justify-content:space-around;align-items:center;margin:22px 0}
#panel-music .music-player-play{width:110px;height:110px;border:3px solid #ffd461;border-radius:50%;background:transparent;color:white;font-size:42px}
#panel-music .music-range{accent-color:#ffce59}
#panel-music .music-player-times{font-size:19px;color:#bcc9ed}
#panel-music .music-player-favorite{display:flex;justify-content:flex-end}
#panel-music .music-player-favorite-button{background:none;border:0;color:#ffd05a;padding:12px;min-width:48px;min-height:48px}
#panel-music .music-player-favorite-button .mx-icon{width:35px;height:35px}
#panel-music .music-player-favorite-button[aria-pressed=true] svg{fill:#ffce59}
#panel-music .mx-player-modes{display:flex;justify-content:space-around;margin:18px 0 28px;color:#ffce59}
#panel-music .mx-player-modes .is-active{background:#302260;border-radius:50%}
#panel-music .music-player-volume{opacity:.9}
#panel-music .music-view:not(.mx-view){color:#f8faff}
#panel-music .music-view:not(.mx-view) .music-header{margin-bottom:24px}
@media(max-width:600px){
#panel-music .music-shell{padding:20px 20px 110px}
#panel-music .mx-brand{margin-bottom:26px;gap:10px}
#panel-music .mx-brand strong{font-size:24px}
#panel-music .mx-brand span:not(.sr-only){font-size:19px}
#panel-music .mx-logo .mx-icon{width:37px;height:43px}
#panel-music .mx-brand-actions{gap:4px}
#panel-music .mx-feature-copy{padding:20px}
#panel-music .mx-feature h2{margin-top:12px;font-size:27px}
#panel-music .mx-feature p{font-size:14px;margin:4px 0 10px}
#panel-music .mx-feature-play{width:50px;height:50px;min-height:50px}
#panel-music .mx-feature-play .mx-icon{width:24px;height:24px}
#panel-music .mx-badge{padding:6px 10px;font-size:14px}
#panel-music .mx-badge .mx-icon{width:19px;height:19px}
#panel-music .mx-shortcuts{gap:10px;margin-bottom:28px}
#panel-music .mx-shortcuts .mx-btn{padding:17px 12px;gap:13px;font-size:15px;border-radius:17px}
#panel-music .mx-shortcuts .mx-icon:first-child{width:30px;height:30px}
#panel-music .mx-grid{gap:17px}
#panel-music .mx-heading{margin:28px 0 18px}
#panel-music .mx-heading>.mx-btn{font-size:14px;gap:3px}
#panel-music .mx-mix strong,#panel-music .mx-album-card strong{font-size:17px}
#panel-music .mx-mix span:not(.mx-art),#panel-music .mx-mix small,#panel-music .mx-album-card>span:not(.mx-art),#panel-music .mx-album-card small{font-size:13px}
#panel-music .mx-mix strong,#panel-music .mx-mix span:not(.mx-art),#panel-music .mx-mix small{margin-left:11px;margin-right:11px}
#panel-music .mx-explore-brand strong{font-size:28px}
#panel-music .mx-search{padding:6px 16px}
#panel-music .mx-search input{font-size:16px}
#panel-music .mx-chips{gap:8px}
#panel-music .mx-chips button{font-size:15px;padding:8px 15px}
#panel-music .mx-artists{gap:18px;grid-auto-columns:44%}
#panel-music .mx-artists strong{font-size:16px}
#panel-music .mx-banner{padding:17px;gap:12px;border-radius:19px}
#panel-music .mx-banner strong{font-size:18px}
#panel-music .mx-banner>.mx-icon{width:36px;height:36px}
#panel-music .mx-banner>span:last-child{font-size:12px;padding:8px;max-width:115px}
#panel-music .mx-stats-grid{gap:12px}
#panel-music .mx-stat{padding:18px 12px;gap:10px;border-radius:20px}
#panel-music .mx-stat>.mx-icon{width:30px;height:30px}
#panel-music .mx-stat strong{font-size:15px}
#panel-music .mx-stat small{font-size:13px}
#panel-music .mx-recent{gap:14px;grid-auto-columns:40%}
#panel-music .mx-playlist-link{gap:13px;padding:10px 15px 10px 10px}
#panel-music .mx-playlist-link>.mx-art{width:55px}
#panel-music .mx-playlist-link strong{font-size:17px}
#panel-music .mx-playlist-link small{font-size:13px}
#panel-music .mx-top{margin-bottom:27px;gap:5px}
#panel-music .mx-top h1{font-size:22px}
#panel-music .mx-top .mx-icon-btn{width:40px}
#panel-music .mx-detail-hero{gap:18px;grid-template-columns:36% 1fr}
#panel-music .mx-detail-hero h1{font-size:26px}
#panel-music .mx-detail-hero p{font-size:15px;margin:8px 0}
#panel-music .mx-artist-link{font-size:18px}
#panel-music .mx-detail-hero small{font-size:12px}
#panel-music .mx-primary{font-size:20px;padding:17px;min-height:58px}
#panel-music .mx-outline{font-size:15px;padding:12px;border-radius:19px}
#panel-music .mx-action-grid{gap:12px}
#panel-music .mx-action-grid .mx-btn{font-size:14px;gap:8px}
#panel-music .mx-action-grid .mx-icon{width:22px;height:22px}
#panel-music .mx-actions-three{margin:24px 0}
#panel-music .mx-actions-three .mx-btn{font-size:15px;padding:8px}
#panel-music .mx-actions-three .mx-icon{width:29px;height:29px}
#panel-music .mx-track-row{gap:10px;padding:12px 6px;min-height:80px}
#panel-music .mx-track-copy strong{font-size:17px}
#panel-music .mx-track-copy span,#panel-music .mx-track-copy small{font-size:13px}
#panel-music .mx-cover-button,#panel-music .mx-cover-button .mx-art{width:52px}
#panel-music .mx-index{font-size:20px;width:15px}
#panel-music .mx-card{padding:20px;border-radius:20px}
#panel-music .mx-card h2{font-size:21px}
#panel-music .mx-wifi{gap:12px}
#panel-music .mx-wifi strong{font-size:16px}
#panel-music .mx-wifi small{font-size:13px}
#panel-music .mx-wifi>.mx-icon{width:29px;height:29px}
#panel-music input[role=switch]{width:50px;height:29px}
#panel-music input[role=switch]:before{width:21px;height:21px}
#panel-music input[role=switch]:checked:before{transform:translateX(21px)}
#panel-music .mx-online p{font-size:15px}
#panel-music .mx-view form>label{font-size:18px}
#panel-music .mx-choice-grid{gap:14px;margin-bottom:28px}
#panel-music .mx-choice-grid label>span{min-height:155px;padding:17px;font-size:18px;gap:18px;border-radius:22px}
#panel-music .mx-choice-grid .mx-icon{width:44px;height:44px}
#panel-music .mx-join-choices label>span{min-height:88px;gap:12px;font-size:14px;padding:12px}
#panel-music .mx-join-choices .mx-icon{width:30px;height:30px}
#panel-music .mx-privacy{font-size:15px;gap:12px}
#panel-music .mx-referral-hero{padding:20px 12px}
#panel-music .mx-referral-hero h1{font-size:25px}
#panel-music .mx-referral-hero p{font-size:15px}
#panel-music .mx-share-grid .mx-btn{font-size:12px;gap:10px}
#panel-music .mx-share-grid .mx-icon{width:23px;height:23px;padding:9px}
#panel-music .mx-impact{gap:9px}
#panel-music .mx-impact .mx-card{padding:15px 7px;font-size:13px}
#panel-music .mx-kpi{padding:18px 12px;grid-template-columns:32px 1fr;gap:10px;font-size:14px}
#panel-music .mx-kpi .mx-icon{width:29px;height:29px}
#panel-music .mx-kpi strong{font-size:30px}
#panel-music select{font-size:13px;padding:10px}
#panel-music .mx-nav{padding:8px 4px calc(10px + env(safe-area-inset-bottom))}
#panel-music .mx-nav button{font-size:11px;gap:6px;min-height:56px}
#panel-music .mx-nav .mx-icon{width:27px;height:27px}
#panel-music .music-player-shell{padding:0 10px}
#panel-music .music-player-play{width:86px;height:86px;font-size:33px}
#panel-music .music-player-artist{font-size:21px}
body.ryvangel-music-open #music-mini-player{bottom:83px;padding:10px;border-radius:19px}
body.ryvangel-music-open .music-mini-cover{width:48px;height:48px}
body.ryvangel-music-open .music-mini-title{font-size:16px}
body.ryvangel-music-open .music-mini-artist{font-size:13px}
body.ryvangel-music-open .music-mini-toggle{width:45px;height:45px}
}
@media(max-width:360px){#panel-music .music-shell{padding-left:14px;padding-right:14px}#panel-music .mx-shortcuts .mx-btn{font-size:13px;padding:14px 10px}#panel-music .mx-nav button{font-size:10px}#panel-music .mx-feature-copy{padding:15px}#panel-music .mx-feature h2{font-size:24px}#panel-music .mx-feature p{font-size:12px}#panel-music .mx-stat>.mx-icon{width:23px}#panel-music .mx-stat{gap:6px;padding:14px 8px}}
@media(prefers-reduced-motion:reduce){#panel-music *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


body.ryvangel-music-open #dev-page-badge{display:none!important}
#panel-music .mx-feature-copy{background:linear-gradient(90deg,#020b26 0%,#020b26 38%,rgba(2,11,38,.9) 48%,transparent 70%)}

#panel-music .mx-logo>.mx-art{width:52px;height:54px;border-radius:0;background:none}
#panel-music .mx-player-details{margin-top:25px;border-top:1px solid #293369;padding-top:20px}
#panel-music .mx-player-details summary{color:#b8c5ee;padding:12px;cursor:pointer}
@media(max-width:600px){#panel-music .mx-logo>.mx-art{width:38px;height:40px}}

#panel-music .mx-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#panel-music .mx-choice-grid label,#panel-music .mx-choice-grid strong{min-width:0}
#panel-music .music-player-state:empty{display:none}
@media(max-width:400px){#panel-music .mx-join-choices label>span{flex-direction:column;text-align:center;min-height:113px;gap:9px}}

#panel-music .mx-art>svg{position:absolute;inset:0;display:block;width:100%;height:100%}

/* Référence utilisateur : fond original conservé, sans recoloration. */
#panel-music,#panel-music[data-mx-screen]{--mx-u:clamp(.42px,.11628vw,1px);background:#020a24 url('../assets/ryvangel/music-background.png') center center/100% 100% fixed no-repeat}
#panel-music .music-shell{background:transparent;padding-top:calc(38 * var(--mx-u))}
#panel-music .mx-nav{background:rgba(2,8,32,.65);backdrop-filter:blur(12px)}
#panel-music .mx-card,#panel-music .mx-stat{background:linear-gradient(125deg,rgba(27,23,85,.78),rgba(5,20,64,.74));border-color:#393d87}
#panel-music .mx-logo .mx-art,#panel-music .mx-form-hero>.mx-art{mix-blend-mode:screen;background:transparent}
#panel-music .mx-icon-play,#panel-music .mx-icon-next,#panel-music .mx-icon-previous{fill:currentColor;stroke-width:1.4}
#panel-music .mx-icon-more{stroke-width:4}
#panel-music .mx-nav [aria-current=page] .mx-icon-home{fill:currentColor}
#panel-music .mx-choice-grid input:checked+span .mx-icon-wrench{color:white;background:linear-gradient(135deg,#a159ff,#6829fa);border-radius:50%;padding:10px;box-sizing:content-box}
#panel-music .mx-join-choices input:checked+span:after{content:'✓';position:absolute;right:8px;top:8px;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;background:white;color:#593bf5;font-size:15px}
#panel-music .mx-join-choices .mx-icon{color:#bb77ff;filter:drop-shadow(1px 1px 0 #ffc957)}
#panel-music .mx-choice-grid strong{font-weight:550}
#panel-music .mx-view[data-music-screen=album] .mx-cover-button,#panel-music .mx-view[data-music-screen=track] .mx-track-row .mx-cover-button{display:none}
#panel-music .music-player-favorite{position:absolute;right:0;bottom:42px}
#panel-music .music-player-title{padding-right:52px}
#panel-music .music-player-favorite-button .mx-icon{width:34px;height:34px}
body.ryvangel-music-open #music-mini-player{background:linear-gradient(115deg,rgba(32,23,92,.94),rgba(6,22,63,.9))}
@media(max-width:600px){
#panel-music .music-shell{padding-left:20px;padding-right:20px}
#panel-music .mx-brand{margin-bottom:22px;gap:10px;height:38px}
#panel-music .mx-brand strong{font-size:22px}
#panel-music .mx-brand span:not(.sr-only){font-size:17px}
#panel-music .mx-brand-actions{gap:8px}
#panel-music .mx-avatar{width:34px;height:34px;min-height:34px;padding:7px}
#panel-music .mx-logo>.mx-art{width:31px;height:34px}
#panel-music .mx-greeting{font-size:29px;margin-top:14px}
#panel-music .mx-lead{font-size:17px!important;margin-bottom:18px}
#panel-music .mx-feature{margin-bottom:16px;border-radius:15px}
#panel-music .mx-feature-copy{padding:20px 18px}
#panel-music .mx-feature h2{font-size:29px;margin-top:13px}
#panel-music .mx-feature p{font-size:15px;margin:5px 0 10px}
#panel-music .mx-feature-play{width:57px;height:57px;min-height:44px}
#panel-music .mx-shortcuts{gap:12px;margin-bottom:24px}
#panel-music .mx-shortcuts .mx-btn{padding:16px;gap:9px;font-size:15px;min-height:113px;border-radius:15px}
#panel-music .mx-shortcuts .mx-icon:first-child{width:28px;height:28px}
#panel-music .mx-shortcuts .mx-icon:last-child{width:20px;height:20px}
#panel-music .mx-heading{margin:24px 0 15px}
#panel-music .mx-heading h2{font-size:22px}
#panel-music .mx-grid{gap:18px}
#panel-music .mx-top{margin-bottom:25px}
#panel-music .mx-top h1{font-size:21px}
#panel-music .mx-stats-grid{gap:10px}
#panel-music .mx-stat{padding:14px 12px;min-height:72px;border-radius:18px;gap:10px}
#panel-music .mx-stat strong{font-size:14px}
#panel-music .mx-stat small{font-size:12px}
#panel-music .mx-stat>.mx-icon{width:30px;height:30px}
#panel-music .mx-recent{grid-auto-columns:31%;gap:14px}
#panel-music .mx-recent .mx-album-card strong{font-size:14px}
#panel-music .mx-recent .mx-album-card>span:not(.mx-art){font-size:12px}
#panel-music[data-mx-screen=feedback] .music-shell{padding:20px 27px 40px}
#panel-music[data-mx-screen=join] .music-shell{padding:20px 22px 40px}
#panel-music .mx-form-hero{margin:25px 0}
#panel-music .mx-form-hero>.mx-art{width:54%;margin-bottom:25px}
#panel-music[data-mx-screen=feedback] .mx-form-hero>.mx-art{width:38%}
#panel-music .mx-form-hero h2{font-size:22px;line-height:1.28}
#panel-music .mx-form-hero p{font-size:14px;margin-bottom:0}
#panel-music .mx-choice-grid{gap:15px;margin:25px 0}
#panel-music .mx-choice-grid label>span{min-height:120px;padding:16px 10px;gap:15px;font-size:16px;border-radius:17px}
#panel-music .mx-choice-grid .mx-icon{width:37px;height:37px}
#panel-music .mx-join-choices{gap:10px;margin:14px 0 23px}
#panel-music .mx-join-choices label>span{flex-direction:row;text-align:left;min-height:58px;padding:10px 12px;gap:12px;font-size:13px;border-radius:14px}
#panel-music .mx-join-choices .mx-icon{width:29px;height:29px}
#panel-music .mx-view form>label{font-size:16px;margin:24px 0 10px}
#panel-music textarea{min-height:100px;height:106px;padding:15px;font-size:16px}
#panel-music .mx-card{padding:16px;margin:18px 0}
#panel-music .mx-privacy{font-size:14px;gap:14px;line-height:1.5}
#panel-music .mx-privacy .mx-icon{width:32px;height:36px}
#panel-music .mx-primary{font-size:20px;min-height:54px;padding:14px;margin:20px 0;border-radius:28px}
#panel-music .mx-consent{font-size:13px;gap:10px;margin-top:14px}
#panel-music .mx-card h2{font-size:18px}
#panel-music .mx-footnote{font-size:12px!important;margin:22px 0}
#panel-music .mx-count{font-size:11px!important}
#panel-music .music-player-shell{padding:15px 16px}
#panel-music .music-player-cover{border-radius:18px;aspect-ratio:714/690}
#panel-music .music-player-title{font-size:28px}
#panel-music .music-player-controls{margin:14px 0}
#panel-music .mx-player-modes{margin:18px 0}
}

#panel-music .mx-choice-grid label>span{height:100%}
#panel-music .mx-form-hero>.mx-art{mask-image:radial-gradient(ellipse at center,#000 48%,transparent 73%)}
#panel-music[data-mx-screen=feedback] .mx-primary{background:linear-gradient(115deg,#a35aff,#6637ff)}
#panel-music[data-mx-screen=join] .mx-primary{background:linear-gradient(115deg,#973afa,#3c42fc)}
#panel-music .mx-choice-grid strong{font-weight:500!important}
#panel-music .mx-form-hero h2{font-weight:600}
#panel-music .mx-choice-grid input:checked+span .mx-icon-wrench{width:30px;height:30px;padding:8px}

#panel-music .mx-quality{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:10px;padding:10px 16px;border-radius:30px;background:rgba(33,40,92,.8);font-size:18px;margin-bottom:20px;color:#e1e6ff}
#panel-music .mx-quality .mx-icon{color:#74ceff}
#panel-music .mx-player-extra .mx-action-grid{grid-template-columns:1fr 1.3fr 44px;gap:10px}
#panel-music .mx-player-extra .mx-action-grid .mx-btn{padding:10px 8px;border-radius:40px;white-space:nowrap}
#panel-music .music-player-controls .mx-icon{width:40px;height:40px}
#panel-music .music-player-shell>.music-back{margin-bottom:28px}
@media(max-width:600px){
#panel-music .mx-quality{font-size:14px;padding:8px 12px;margin-bottom:12px}
#panel-music .mx-quality .mx-icon{width:21px;height:21px}
#panel-music .music-player-favorite{bottom:86px}
#panel-music .mx-player-extra .mx-action-grid .mx-btn{font-size:11px;gap:5px;min-height:44px}
#panel-music .mx-player-extra .mx-action-grid .mx-icon{width:20px;height:20px}
#panel-music .music-player-controls .mx-icon{width:32px;height:32px}
}

#panel-music .mx-logo .mx-art{mix-blend-mode:normal}
#panel-music .mx-view strong{font-weight:600}
#panel-music .mx-view .mx-top h1{font-weight:600}
#panel-music .mx-view .mx-brand strong{font-weight:650}
#panel-music .mx-view .mx-shortcuts strong{font-weight:550}
#panel-music .mx-view .mx-choice-grid strong{font-weight:500!important}
#panel-music .mx-view .mx-primary{font-weight:600}
/* Mobile ergonomics: adapt content to available height without scaling text or touch targets. */
@media(max-width:600px){
 #panel-music{height:100dvh;overflow-y:auto;overscroll-behavior:contain}
 #panel-music .music-shell{padding:14px 16px 96px}
 body.ryvangel-mini-visible #panel-music .music-shell{padding-bottom:166px}
 #panel-music .mx-brand{margin-bottom:14px}
 #panel-music .mx-view h1{margin-top:12px;margin-bottom:14px;font-size:27px}
 #panel-music .mx-top{margin-bottom:16px}
 #panel-music .mx-top h1{font-size:20px;margin:0}
 #panel-music .mx-heading{margin:18px 0 12px}
 #panel-music .mx-heading h2{font-size:20px}
 #panel-music .mx-lead{margin-bottom:14px}
 #panel-music .mx-feature>.mx-art{height:clamp(146px,24dvh,214px);aspect-ratio:auto!important}
 #panel-music .mx-feature-copy{padding:14px 16px}
 #panel-music .mx-feature h2{font-size:26px;margin-top:8px}
 #panel-music .mx-feature p{margin:4px 0 6px;font-size:14px}
 #panel-music .mx-badge{font-size:12px;padding:4px 9px}
 #panel-music .mx-feature-play{width:46px;height:46px}
 #panel-music .mx-shortcuts{margin-bottom:16px;gap:8px}
 #panel-music .mx-shortcuts .mx-btn{min-height:82px;padding:12px;gap:7px;font-size:14px}
 #panel-music .mx-shortcuts .mx-icon:last-child{display:none}
 #panel-music .mx-mix .mx-art{height:clamp(92px,15dvh,145px);aspect-ratio:auto!important}
 #panel-music .mx-mix strong{margin-top:10px;font-size:16px}
 #panel-music .mx-mix span:not(.mx-art),#panel-music .mx-mix small{font-size:12px}
 #panel-music .mx-mix small{margin:6px 12px 10px}
 #panel-music .mx-search{margin:14px 0;padding:4px 16px}
 #panel-music .mx-chips{gap:8px;padding-bottom:4px}
 #panel-music .mx-chips button{font-size:14px;padding:8px 13px}
 #panel-music .mx-artists{grid-auto-columns:30%;gap:20px}
 #panel-music .mx-artists strong{font-size:14px}
 #panel-music .mx-explore-brand{margin-bottom:12px}
 #panel-music .mx-explore-brand strong{font-size:25px}
 #panel-music .mx-banner{padding:14px;margin:14px 0;gap:12px}
 #panel-music .mx-banner strong{font-size:16px}
 #panel-music .mx-banner>span:last-child{font-size:12px;padding:8px}
 #panel-music .mx-banner>.mx-icon{width:32px;height:32px}
 #panel-music .mx-playlist-link{padding:8px 12px;gap:12px}
 #panel-music .mx-playlist-link>.mx-art{width:46px}
 #panel-music .mx-playlist-link strong{font-size:15px}
 #panel-music .mx-playlist-link small{font-size:12px}
 #panel-music .mx-detail-hero{margin:14px 0;gap:18px;grid-template-columns:min(32%,140px) 1fr}
 #panel-music .mx-detail-hero h1{font-size:24px}
 #panel-music .mx-detail-hero p{font-size:15px;margin:8px 0}
 #panel-music .mx-primary{margin:14px 0;min-height:48px;padding:12px;font-size:18px}
 #panel-music .mx-actions-three{margin:16px 0 22px}
 #panel-music .mx-track-row{min-height:66px;padding:8px 4px}
 #panel-music .mx-about{margin-top:20px}
 #panel-music .mx-card{margin:14px 0;padding:14px}
 #panel-music .mx-form-hero{margin:12px 0 18px}
 #panel-music .mx-form-hero>.mx-art{width:clamp(110px,20dvh,180px);margin-bottom:12px}
 #panel-music[data-mx-screen=feedback] .mx-form-hero>.mx-art{width:clamp(88px,14dvh,130px)}
 #panel-music .mx-form-hero h2{font-size:20px}
 #panel-music .mx-choice-grid{margin:16px 0;gap:10px}
 #panel-music .mx-choice-grid label>span{min-height:96px;padding:12px 8px;gap:10px;font-size:15px}
 #panel-music .mx-choice-grid .mx-icon{width:29px;height:29px}
 #panel-music .mx-join-choices label>span{min-height:58px;font-size:13px;padding:10px}
 #panel-music .mx-view form>label{margin:16px 0 8px;font-size:16px}
 #panel-music textarea{height:88px;min-height:88px;font-size:16px}
 #panel-music .mx-footnote{margin:14px 0}
 #panel-music .mx-nav{padding:5px 4px calc(5px + env(safe-area-inset-bottom))}
 #panel-music .mx-nav button{min-height:54px;font-size:11px;gap:4px}
 #panel-music .mx-nav .mx-icon{width:25px;height:25px}
 body.ryvangel-music-open #music-mini-player{bottom:calc(70px + env(safe-area-inset-bottom));padding:8px}
 body.ryvangel-music-open .music-mini-cover{width:42px;height:42px}
 body.ryvangel-music-open .music-mini-toggle{width:44px;height:44px}
 #panel-music[data-mx-screen=player] .music-shell{padding:12px 20px 22px}
 #panel-music .music-player-shell{padding:0;gap:10px}
 #panel-music .music-player-shell>.music-back{min-height:44px;margin:0 0 8px;font-size:13px}
 #panel-music .music-player-cover{width:min(100%,38dvh);aspect-ratio:1;margin:0 auto 12px}
 #panel-music .music-player-title{font-size:25px;margin:4px 0 6px}
 #panel-music .music-player-artist{font-size:16px;margin-bottom:8px}
 #panel-music .mx-quality{font-size:12px;margin-bottom:0;padding:6px 10px}
 #panel-music .music-player-favorite{bottom:45px}
 #panel-music .music-player-times{font-size:14px}
 #panel-music .music-player-controls{margin:2px 0}
 #panel-music .music-player-play{width:66px;height:66px}
 #panel-music .mx-player-modes{margin:4px 0 8px}
 #panel-music .mx-player-extra .mx-footnote{margin:10px 0;font-size:11px!important}
 #panel-music .mx-player-details{margin-top:8px;padding-top:4px}
}
@media(max-width:600px) and (max-height:740px){
 #panel-music .mx-form-hero>.mx-art{display:none}
 #panel-music .mx-form-hero h2{font-size:18px}
 #panel-music .mx-choice-grid:not(.mx-join-choices) label>span{flex-direction:row;min-height:74px;gap:8px}
 #panel-music .mx-choice-grid:not(.mx-join-choices) .mx-icon{width:24px;height:24px}
 #panel-music .music-player-cover{width:min(100%,31dvh)}
 #panel-music .mx-quality{margin-top:0}
}
@media(max-height:500px) and (orientation:landscape){
 #panel-music[data-mx-screen=player] .music-shell{max-width:860px;padding:10px 24px}
 #panel-music .music-player-shell{display:grid;grid-template-columns:40% 1fr;gap:8px 20px;padding:0}
 #panel-music .music-player-shell>.music-back{grid-column:1/-1;margin:0;min-height:44px}
 #panel-music .music-player-hero{grid-row:span 4}
 #panel-music .music-player-cover{width:min(100%,42dvh);margin:0 auto 8px}
 #panel-music .music-player-title{font-size:20px;margin:4px 0}
 #panel-music .music-player-artist{font-size:14px;margin:4px 0}
 #panel-music .music-player-favorite{position:static}
 #panel-music .music-player-play{width:60px;height:60px}
 #panel-music .music-player-controls,#panel-music .mx-player-modes{margin:0}
 #panel-music .mx-player-details{grid-column:1/-1}
}

#panel-music .mx-mobile-disclosure{margin:16px 0;border-top:1px solid #35447a}
#panel-music .mx-mobile-disclosure>summary{cursor:pointer;min-height:48px;padding:14px 0;color:#c9c2ff;font-size:15px}
@media(min-width:601px) and (min-height:501px){#panel-music .mx-mobile-disclosure{border:0}#panel-music .mx-mobile-disclosure>summary{display:none}}
@media(max-width:600px){
 #panel-music[data-mx-screen=feedback] .music-shell,#panel-music[data-mx-screen=join] .music-shell{padding:12px 20px 18px}
 #panel-music[data-mx-screen=join] .mx-form-hero>.mx-art{display:none}
 #panel-music[data-mx-screen=join] .mx-form-hero{margin:12px 0}
 #panel-music[data-mx-screen=join] .mx-muted{font-size:12px!important;line-height:1.4;padding:0}
 #panel-music[data-mx-screen=feedback] .mx-privacy{font-size:12px;padding:12px}
 #panel-music[data-mx-screen=player] .music-shell{padding-bottom:8px}
 #panel-music .music-player-cover{width:min(100%,33dvh)}
 #panel-music .mx-player-extra .mx-footnote{display:none}
}
@media(max-width:600px) and (max-height:740px){#panel-music .music-player-cover{width:min(100%,27dvh)}#panel-music .mx-choice-grid:not(.mx-join-choices) label>span{font-size:13px}}
/* M16 — paroles en direct, dans la palette bleu nuit / or du lecteur. */
#panel-music .music-acappella{display:flex;flex-direction:column;gap:24px;max-width:740px;margin:0 auto;padding:0 0 28px;color:#f9faff}
#panel-music .music-acappella svg{width:28px;height:28px;flex-shrink:0}
#panel-music .acp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;border-bottom:1px solid var(--mx-border);padding-bottom:14px;color:var(--mx-gold)}
#panel-music .acp-header>span:not(.acp-wave){font-size:clamp(13px,2.7vw,20px);font-weight:650;letter-spacing:.17em;text-align:center}
#panel-music .acp-header .music-back{width:44px;min-height:44px;margin:0;padding:8px;border:0;background:none;color:var(--mx-gold)}
#panel-music .acp-wave{display:inline-flex;color:var(--mx-gold)}
#panel-music .music-acappella .acp-track{display:flex;flex-direction:row;align-items:center;gap:22px;text-align:left;margin:0;padding:0 0 22px;border-bottom:1px solid var(--mx-border)}
#panel-music .music-acappella .music-player-cover{width:94px;height:94px;aspect-ratio:1;flex:0 0 94px;margin:0;border:1px solid var(--mx-border);border-radius:18px}
#panel-music .music-acappella .music-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--mx-gold);margin:0 0 6px}
#panel-music .music-acappella .music-title{text-align:left;font-weight:400;font-family:Georgia,serif;font-size:clamp(25px,4.5vw,37px);line-height:1.15;margin:0 0 6px;color:#fff}
#panel-music .music-acappella .music-player-artist{text-align:left;font-size:16px;line-height:1.4;margin:0;color:var(--mx-muted)}
#panel-music .music-acappella .music-lyrics{position:relative;max-height:none;height:340px;margin:0;padding:20px 24px;border:1px solid var(--mx-border);border-radius:26px;background:linear-gradient(130deg,rgba(18,32,80,.8),rgba(3,12,38,.65));scrollbar-width:thin;scrollbar-color:#49578d transparent;scroll-padding:24px}
#panel-music .music-acappella .music-lyrics-list{margin:0;padding:0;list-style:none}
#panel-music .music-acappella .music-lyrics-line{font-weight:400;position:relative;display:flex;align-items:center;gap:16px;justify-content:space-between;padding:14px 0 14px 20px;margin:0;font-family:Georgia,serif;font-size:clamp(19px,3.5vw,29px);line-height:1.5;color:#f2f0ff;transition:color .2s}
#panel-music .music-acappella .music-lyrics-line:after{content:attr(data-time);font:400 13px/1.5 Inter,"Segoe UI",sans-serif;color:var(--mx-muted);flex-shrink:0}
#panel-music .music-acappella .music-lyrics-line.is-past{color:#a0afd6}
#panel-music .music-acappella .music-lyrics-line.is-active{color:var(--mx-gold);font-size:clamp(23px,4vw,34px);font-weight:700;text-shadow:0 0 22px #ffcc5120}
#panel-music .music-acappella .music-lyrics-line.is-active:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:4px;background:var(--mx-gold);box-shadow:0 0 14px #ffcc5155}
#panel-music .music-acappella .music-lyrics-line.is-active:after{color:var(--mx-gold)}
#panel-music .music-acappella .music-player-progress{display:flex;align-items:center;gap:16px;padding:0 4px;margin:0;color:var(--mx-muted);font-size:14px;font-variant-numeric:tabular-nums}
#panel-music .music-acappella .music-player-progress .music-range{flex:1;min-width:0;width:auto;accent-color:var(--mx-gold);height:30px}
#panel-music .acp-mix{padding:25px 28px;border:1px solid var(--mx-border);border-radius:28px;background:linear-gradient(145deg,rgba(19,30,76,.9),rgba(5,14,43,.7))}
#panel-music .acp-mix-heading{display:flex;gap:16px;align-items:flex-start}
#panel-music .acp-mix-heading svg{width:32px;height:36px}
#panel-music .acp-mix h2{margin:0 0 8px;font:400 clamp(24px,4vw,32px)/1.2 Georgia,serif;color:#fff}
#panel-music .acp-mix p{margin:0;color:var(--mx-muted);font-size:15px;line-height:1.5}
#panel-music .music-acappella .music-stems-mixer{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:26px 0}
#panel-music .music-acappella .music-stems-control{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;color:var(--mx-muted);font-size:16px}
#panel-music .music-acappella .music-stems-control+label{border-left:1px solid var(--mx-border)}
#panel-music .music-acappella .music-stems-control output{font-size:26px;line-height:1.4;color:#fff;font-variant-numeric:tabular-nums}
#panel-music .acp-fader{display:flex;align-items:flex-start;gap:14px;margin-top:10px;height:156px}
#panel-music .acp-fader svg{width:24px;color:var(--mx-muted);margin-top:6px}
#panel-music .music-acappella .acp-fader .music-range{writing-mode:vertical-lr;direction:rtl;appearance:auto;width:44px;height:156px;margin:0;accent-color:var(--mx-gold);cursor:pointer}
#panel-music .music-acappella #music-stems-vocals{accent-color:#a786ff}
#panel-music .acp-sync{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto;min-height:46px;padding:10px 20px;border:1px solid #ffcc5177;border-radius:99px;background:#ffcc5109;color:var(--mx-gold);font-size:14px}
#panel-music .acp-sync svg{width:22px;height:22px}
#panel-music .music-acappella .music-player-controls{display:flex;justify-content:center;align-items:center;gap:38px;margin:0}
#panel-music .music-acappella .music-player-play{display:grid;place-items:center;width:82px;height:82px;border:2px solid var(--mx-gold);border-radius:50%;background:linear-gradient(135deg,#16234e,#07102d);color:#fff;box-shadow:0 0 25px #ffcc511c;font-size:26px}
#panel-music .acp-skip{display:grid;place-items:center;width:56px;height:56px;padding:14px;border-radius:50%;border:1px solid #6655b8;background:linear-gradient(140deg,#312b69,#101639);color:#fff}
#panel-music .acp-versions{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#panel-music .acp-versions button{margin:0;border:1px solid #4d5c98;border-radius:99px;background:#101a40;color:#f7f4ff;padding:12px 14px;min-height:48px;font-size:14px}
#panel-music .music-acappella .music-player-state{text-align:center;justify-content:center;margin:0;color:var(--mx-muted);font-size:13px;min-height:20px}
#panel-music .music-acappella button:disabled,#panel-music .music-acappella input:disabled{opacity:.5;cursor:wait}
#panel-music .music-stems-entry{margin:8px 0;text-align:center}
#panel-music .music-stems-entry .music-stems-activate{min-height:44px;padding:10px 22px;border-radius:99px;border:1px solid #ffcc5166;background:#ffcc510a;color:var(--mx-gold)}
@media(max-width:600px){
 #panel-music .music-acappella{gap:18px;padding-bottom:24px}
 #panel-music .music-acappella .acp-track{gap:16px;padding-bottom:18px}
 #panel-music .music-acappella .music-player-cover{width:68px;height:68px;flex-basis:68px;border-radius:14px}
 #panel-music .music-acappella .music-player-artist{font-size:14px}
 #panel-music .music-acappella .music-lyrics{height:270px;padding:14px 12px;border-radius:22px}
 #panel-music .music-acappella .music-lyrics-line{gap:10px;padding-left:14px}
 #panel-music .music-acappella .music-lyrics-line:after{font-size:11px}
 #panel-music .acp-mix{padding:20px 16px;border-radius:22px}
 #panel-music .acp-mix p{font-size:14px}
 #panel-music .acp-mix-heading{gap:12px}
 #panel-music .acp-mix-heading svg{width:26px}
 #panel-music .music-acappella .music-stems-mixer{margin:22px 0}
 #panel-music .acp-fader,#panel-music .music-acappella .acp-fader .music-range{height:128px}
 #panel-music .acp-versions{gap:10px}
 #panel-music .acp-versions button{font-size:12px;padding:12px 8px}
}
@media(prefers-reduced-motion:reduce){#panel-music .music-acappella *{scroll-behavior:auto;transition:none}}
/* Accès direct aux pistes a cappella, avec l’icône fournie. */
#panel-music .mx-acappella-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;flex:0 0 50px;padding:2px;border:1px solid #6756b8;border-radius:50%;background:#07122e;vertical-align:middle;overflow:hidden;transition:box-shadow .2s,transform .2s}
#panel-music .mx-acappella-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
#panel-music .mx-acappella-icon:hover{box-shadow:0 0 16px #8545ff66;transform:translateY(-1px)}
#panel-music .mx-acappella-card{position:relative;min-width:0}
#panel-music .mx-acappella-card>.mx-album-card{width:100%}
#panel-music .mx-acappella-card>.mx-acappella-icon{position:absolute;top:8px;right:8px;box-shadow:0 3px 16px #020b2699}
#panel-music .mx-feature-copy>.mx-acappella-icon{margin-left:12px}
#panel-music .mx-primary+.mx-acappella-icon{margin:10px 0 10px 12px}
#panel-music .music-stems-entry .music-stems-activate{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:4px 18px 4px 5px}
#panel-music .music-stems-activate img{width:44px;height:44px;object-fit:contain;border-radius:50%}
@media(max-width:600px){#panel-music .mx-track-row{gap:8px}#panel-music .mx-track-row .mx-acappella-icon{width:44px;height:44px;flex-basis:44px}#panel-music .mx-acappella-card>.mx-acappella-icon{width:44px;height:44px;top:6px;right:6px}}
@media(prefers-reduced-motion:reduce){#panel-music .mx-acappella-icon{transition:none}}
/* ---- Lecteur plein ecran v2 : maquette Ryvangel Music 526x935 ---- */
#panel-music[data-mx-screen=player]{
  background:
    radial-gradient(ellipse at 50% 83%, rgba(70,46,210,.34) 0%, rgba(41,29,143,.20) 28%, transparent 58%),
    radial-gradient(ellipse at 55% 48%, rgba(18,86,183,.16) 0%, transparent 47%),
    linear-gradient(180deg,#020B22 0%,#061944 43%,#0A2460 70%,#17106A 100%);
}
#panel-music[data-mx-screen=player] .music-shell{max-width:460px;margin-inline:auto;padding:14px 20px 26px}
#panel-music .mx-player-v2{
  --mpp-cover:min(100%,calc(100vw - 104px),386px);
  --mpp-col:min(100%,calc(100vw - 96px),393px);
  --mpp-ctrl:min(100%,calc(100vw - 92px),406px);
  --mpp-act:min(100%,calc(100vw - 96px),405px);
  display:grid;justify-items:center;align-content:start;gap:0;padding:0;border:0;
  background:none;box-shadow:none;color:#F3F7FF;
  font-family:"Manrope","DM Sans",Inter,"Segoe UI",sans-serif;
}
#panel-music .mx-player-v2 .mpp-header{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:100%;min-height:39px;padding:0 6px;margin:6px 0 22px;
}
#panel-music .mx-player-v2 .mpp-back{
  position:absolute;left:6px;top:0;display:grid;place-items:center;
  width:39px;height:39px;min-width:39px;padding:0;border-radius:50%;cursor:pointer;
  background:linear-gradient(145deg,#354565 0%,#202E49 40%,#101A30 73%,#07101F 100%);
  border:1px solid rgba(203,217,239,.52);border-right-color:rgba(3,9,23,.95);border-bottom-color:rgba(1,5,15,.96);
  box-shadow:inset 2px 2px 3px rgba(255,255,255,.22),inset -4px -4px 6px rgba(0,0,0,.58),0 4px 0 rgba(1,6,18,.82),0 8px 12px rgba(0,0,0,.44);
  color:#F2F6FF;transition:transform .17s ease-out,box-shadow .17s ease-out;
}
#panel-music .mx-player-v2 .mpp-back svg{width:19px;height:19px;transform:translateY(-1px)}
#panel-music .mx-player-v2 .mpp-back:hover{transform:translateY(-2px)}
#panel-music .mx-player-v2 .mpp-back:active{transform:translateY(3px) scale(.98)}
#panel-music .mx-player-v2 .mpp-eyebrow{
  margin:0;color:#D5DDEC;font-size:12px;font-weight:680;line-height:1;
  letter-spacing:1.7px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.32);
}
#panel-music .mx-player-v2 .mpp-cover-frame{
  width:var(--mpp-cover);margin:0 auto 30px;border-radius:16px;overflow:hidden;
  border:2px solid #E6C486;border-top-color:#FFE2AC;border-left-color:#F9D79B;
  border-right-color:#B8874A;border-bottom-color:#9B6F3E;
  box-shadow:inset 1px 1px 1px rgba(255,247,222,.62),inset -2px -2px 4px rgba(58,32,8,.34),0 5px 0 rgba(10,16,43,.72),0 12px 22px rgba(0,0,0,.38),0 0 12px rgba(240,201,133,.10);
}
#panel-music .mx-player-v2 .mpp-cover{
  position:relative;display:block;width:100%;height:auto;aspect-ratio:1/1;
  max-width:none;min-height:0;margin:0;border-radius:13px;overflow:hidden;
  background-color:#07102a;box-shadow:inset 0 0 0 1px rgba(4,8,19,.62);
}
#panel-music .mx-player-v2 .mpp-cover-img,
#panel-music .mx-player-v2 .mpp-cover>svg{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#panel-music .mx-player-v2 .mpp-cover-img{filter:brightness(.82) contrast(1.06) saturate(.88)}
#panel-music .mx-player-v2 .mpp-cover::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at center,transparent 45%,rgba(0,4,15,.26) 100%);
}
#panel-music .mx-player-v2 .mpp-meta{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;
  width:var(--mpp-col);text-align:left;margin:0;
}
#panel-music .mx-player-v2 .mpp-title{
  margin:0;font-size:27px;font-weight:700;line-height:1.1;letter-spacing:-.45px;
  color:#F5F7FF;text-shadow:0 2px 5px rgba(0,0,0,.28);
}
#panel-music .mx-player-v2 .mpp-artist{
  margin:8px 0 0;font-size:17px;font-weight:450;line-height:1.3;letter-spacing:-.1px;
  color:#A7B4CE;text-shadow:0 1px 3px rgba(0,0,0,.22);
}
#panel-music .mx-player-v2 .mpp-badge{
  display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;
  height:36px;margin:15px 0 0;padding:0 16px;border-radius:18px;
  background:linear-gradient(145deg,rgba(22,53,100,.78),rgba(5,24,61,.86));
  border:1px solid rgba(134,166,207,.55);border-right-color:rgba(3,14,39,.82);border-bottom-color:rgba(2,10,29,.90);
  box-shadow:inset 1px 1px 1px rgba(214,234,255,.12),inset -2px -2px 4px rgba(0,0,0,.32),0 3px 5px rgba(0,0,0,.22);
  color:#E4ECFA;font-size:12px;font-weight:600;line-height:1;letter-spacing:0;
}
#panel-music .mx-player-v2 .mpp-badge svg{width:16px;height:16px;color:#DFEBFB;flex-shrink:0}
#panel-music .mx-player-v2 .mpp-fav{
  display:grid;place-items:center;width:42px;height:42px;min-width:42px;min-height:42px;
  padding:0;border-radius:50%;cursor:pointer;
  background:linear-gradient(145deg,#3C4B67 0%,#26334E 42%,#131D32 72%,#09111F 100%);
  border:1px solid rgba(205,214,228,.40);border-right-color:rgba(2,7,18,.90);border-bottom-color:rgba(1,4,13,.95);
  box-shadow:inset 2px 2px 3px rgba(255,255,255,.18),inset -4px -4px 6px rgba(0,0,0,.55),0 4px 0 rgba(1,6,17,.80),0 8px 13px rgba(0,0,0,.42);
  color:#F0D19A;transition:transform .17s ease-out,box-shadow .17s ease-out;
}
#panel-music .mx-player-v2 .mpp-fav .mx-icon{width:20px;height:20px}
#panel-music .mx-player-v2 .mpp-fav svg{filter:drop-shadow(0 0 3px rgba(240,209,154,.28))}
#panel-music .mx-player-v2 .mpp-fav[aria-pressed=true] svg{fill:#F0D19A}
#panel-music .mx-player-v2 .mpp-fav:hover{transform:translateY(-2px)}
#panel-music .mx-player-v2 .mpp-fav:active{transform:translateY(2px) scale(.98)}
#panel-music .mx-player-v2 .music-player-state{
  justify-content:center;width:var(--mpp-col);margin:14px auto 0;min-height:0;
  color:#AAB9D3;font-size:12px;text-align:center;
}
#panel-music .mx-player-v2 .mpp-progress{display:grid;gap:14px;width:var(--mpp-col);margin:26px auto 0}
#panel-music .mx-player-v2 .mpp-range{
  -webkit-appearance:none;appearance:none;width:100%;height:14px;margin:0;
  background:transparent;cursor:pointer;--mpp-fill:0%;
}
#panel-music .mx-player-v2 .mpp-range::-webkit-slider-runnable-track{
  height:4px;border-radius:99px;
  background:linear-gradient(90deg,#FFE0A7 0,#D7A85D var(--mpp-fill),rgba(134,153,196,.38) var(--mpp-fill),rgba(134,153,196,.38) 100%);
}
#panel-music .mx-player-v2 .mpp-range::-moz-range-track{height:4px;border-radius:99px;background:rgba(134,153,196,.38)}
#panel-music .mx-player-v2 .mpp-range::-moz-range-progress{height:4px;border-radius:99px;background:linear-gradient(90deg,#FFE0A7,#D7A85D)}
#panel-music .mx-player-v2 .mpp-range::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;
  background:#F1CF96;
  box-shadow:inset 1px 1px 1px rgba(255,250,230,.72),inset -1px -1px 2px rgba(137,89,31,.32),0 2px 4px rgba(0,0,0,.34),0 0 5px rgba(237,194,128,.26);
}
#panel-music .mx-player-v2 .mpp-range::-moz-range-thumb{
  width:14px;height:14px;border:0;border-radius:50%;background:#F1CF96;
  box-shadow:inset 1px 1px 1px rgba(255,250,230,.72),0 2px 4px rgba(0,0,0,.34);
}
#panel-music .mx-player-v2 .mpp-times{
  display:flex;justify-content:space-between;color:#AAB9D3;font-size:12px;
  font-weight:500;line-height:1;font-variant-numeric:tabular-nums;
}
#panel-music .mx-player-v2 .mpp-controls{
  display:flex;align-items:center;justify-content:space-between;
  width:var(--mpp-ctrl);margin:36px auto 0;
}
#panel-music .mx-player-v2 .mpp-ctrl{
  display:grid;place-items:center;width:49px;height:49px;padding:0;border-radius:50%;cursor:pointer;
  background:radial-gradient(circle at 33% 25%,#465673 0%,#2A3955 32%,#18243A 64%,#0A1221 100%);
  border:1px solid rgba(207,220,239,.48);border-right-color:rgba(4,8,18,.96);border-bottom-color:rgba(1,4,12,.98);
  box-shadow:inset 2px 2px 3px rgba(255,255,255,.20),inset -4px -4px 7px rgba(0,0,0,.60),0 5px 0 rgba(1,5,15,.84),0 10px 15px rgba(0,0,0,.50),0 1px 8px rgba(80,130,188,.12);
  color:#F5F8FF;transition:transform .17s ease-out,box-shadow .17s ease-out;
}
#panel-music .mx-player-v2 .mpp-ctrl--side{width:54px;height:54px}
#panel-music .mx-player-v2 .mpp-ctrl svg{width:20px;height:20px;transform:translateY(-1px)}
#panel-music .mx-player-v2 .mpp-ctrl--side svg{width:22px;height:22px}
#panel-music .mx-player-v2 .mpp-ctrl:hover{transform:translateY(-2px)}
#panel-music .mx-player-v2 .mpp-ctrl:active{
  transform:translateY(4px) scale(.98);
  box-shadow:inset 3px 3px 7px rgba(0,0,0,.45),0 2px 0 rgba(1,5,15,.88),0 5px 10px rgba(0,0,0,.45);
}
#panel-music .mx-player-v2 .mpp-ctrl.is-active{
  color:#F0D19A;
  box-shadow:inset 2px 2px 3px rgba(255,255,255,.20),inset -4px -4px 7px rgba(0,0,0,.60),0 5px 0 rgba(1,5,15,.84),0 0 12px rgba(238,198,123,.35);
}
#panel-music .mx-player-v2 .mpp-play{
  display:grid;place-items:center;width:87px;height:87px;padding:0;border-radius:50%;cursor:pointer;
  border:2px solid #E4C07D;outline:1px solid rgba(255,232,180,.35);outline-offset:3px;
  background:radial-gradient(circle at 34% 25%,#4D5C73 0%,#2A3447 34%,#172033 63%,#090F1D 100%);
  color:#F7F9FF;font-size:0;
  box-shadow:inset 3px 3px 5px rgba(255,255,255,.20),inset -6px -6px 10px rgba(0,0,0,.64),0 6px 0 rgba(1,5,15,.90),0 14px 23px rgba(0,0,0,.57),0 0 17px rgba(239,203,132,.28),0 0 28px rgba(100,83,255,.18);
  transition:transform .17s ease-out,box-shadow .17s ease-out;
}
#panel-music .mx-player-v2 .mpp-play svg{width:30px;height:30px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
#panel-music .mx-player-v2 .mpp-play:hover{transform:translateY(-2px)}
#panel-music .mx-player-v2 .mpp-play:active{
  transform:translateY(4px) scale(.98);
  box-shadow:inset 3px 3px 7px rgba(0,0,0,.45),0 2px 0 rgba(1,5,15,.88),0 5px 10px rgba(0,0,0,.45);
}
#panel-music .mx-player-v2 .mpp-actions{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.16fr) auto;align-items:center;gap:10px;
  width:var(--mpp-act);margin:38px auto 0;
}
#panel-music .mx-player-v2 .mpp-capsule{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 14px;
  border-radius:23px;cursor:pointer;white-space:nowrap;
  background:linear-gradient(145deg,rgba(24,53,100,.90),rgba(7,28,68,.94));
  border:1px solid rgba(120,157,202,.58);border-right-color:rgba(3,16,43,.90);border-bottom-color:rgba(2,11,31,.95);
  box-shadow:inset 1px 1px 2px rgba(209,235,255,.15),inset -3px -3px 5px rgba(0,0,0,.42),0 4px 0 rgba(1,8,24,.78),0 8px 13px rgba(0,0,0,.33);
  color:#EEF5FF;font-size:12px;font-weight:600;letter-spacing:0;
  transition:transform .17s ease-out,box-shadow .17s ease-out;
}
#panel-music .mx-player-v2 .mpp-capsule svg{width:18px;height:18px;flex-shrink:0}
#panel-music .mx-player-v2 .mpp-capsule--youtube svg{width:21px;height:16px}
#panel-music .mx-player-v2 .mpp-capsule:hover{transform:translateY(-2px)}
#panel-music .mx-player-v2 .mpp-capsule:active{transform:translateY(3px) scale(.99)}
#panel-music .mx-player-v2 .mpp-menu{
  display:grid;place-items:center;width:46px;height:46px;padding:0;border-radius:50%;cursor:pointer;
  background:radial-gradient(circle at 33% 25%,#465673 0%,#2A3955 32%,#18243A 64%,#0A1221 100%);
  border:1px solid rgba(207,220,239,.48);border-right-color:rgba(4,8,18,.96);border-bottom-color:rgba(1,4,12,.98);
  box-shadow:inset 2px 2px 3px rgba(255,255,255,.20),inset -4px -4px 7px rgba(0,0,0,.60),0 5px 0 rgba(1,5,15,.84),0 10px 15px rgba(0,0,0,.50);
  color:#F3F6FF;transition:transform .17s ease-out,box-shadow .17s ease-out;
}
#panel-music .mx-player-v2 .mpp-menu svg{width:22px;height:22px}
#panel-music .mx-player-v2 .mpp-menu:hover{transform:translateY(-2px)}
#panel-music .mx-player-v2 .mx-player-details{width:var(--mpp-col);margin:22px auto 0;border-top:1px solid rgba(120,150,200,.22);padding-top:12px}
#panel-music .mx-player-v2 .mx-player-details summary{color:#AAB9D3;font-size:13px;padding:8px 2px;cursor:pointer}
#panel-music .mx-player-v2 .mpp-volume{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:12px;padding:10px 2px;opacity:.92}
#panel-music .mx-player-v2 .music-player-volume-icon{display:inline-flex;color:#93A6C8}
#panel-music .mx-player-v2 .music-player-volume-icon svg{width:18px;height:18px}
#panel-music .mx-player-v2 .music-player-contributions{width:var(--mpp-col);margin:18px auto 0}
#panel-music .mx-player-v2 .music-player-favorite{position:static;display:block;width:var(--mpp-col);margin:14px auto 0}
#panel-music .mx-player-v2 .music-favorite-status{margin:0;color:#AAB9D3;font-size:12px}
@media(max-width:360px){
  #panel-music .mx-player-v2{--mpp-cover:min(100%,calc(100vw - 72px));--mpp-col:100%;--mpp-ctrl:100%;--mpp-act:100%}
  #panel-music .mx-player-v2 .mpp-title{font-size:23px}
  #panel-music .mx-player-v2 .mpp-artist{font-size:14px}
  #panel-music .mx-player-v2 .mpp-eyebrow{font-size:10px;letter-spacing:1.4px}
  #panel-music .mx-player-v2 .mpp-back{width:36px;height:36px;min-width:36px}
  #panel-music .mx-player-v2 .mpp-ctrl{width:40px;height:40px}
  #panel-music .mx-player-v2 .mpp-ctrl--side{width:45px;height:45px}
  #panel-music .mx-player-v2 .mpp-play{width:70px;height:70px}
  #panel-music .mx-player-v2 .mpp-play svg{width:25px;height:25px}
  #panel-music .mx-player-v2 .mpp-capsule{height:44px;padding:0 9px;gap:6px;font-size:11px}
  #panel-music .mx-player-v2 .mpp-capsule svg{width:16px;height:16px}
  #panel-music .mx-player-v2 .mpp-capsule--youtube svg{width:18px;height:14px}
  #panel-music .mx-player-v2 .mpp-menu{width:40px;height:40px}
}
@media(max-height:500px) and (orientation:landscape){
  #panel-music .mx-player-v2{grid-template-columns:1fr;justify-items:center}
  #panel-music .mx-player-v2 .mpp-cover-frame{--mpp-cover:min(100%,40dvh)}
  #panel-music .mx-player-v2 .mpp-controls{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){
  #panel-music .mx-player-v2,#panel-music .mx-player-v2 *{transition:none!important}
}

/* Icon-led secondary action bars; full labels remain in contextual menus. */
#panel-music .mx-actions-three, #panel-music .mx-action-grid:has(.mx-compact-action) { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; }
#panel-music .mx-compact-action { width:48px; min-width:48px; height:48px; padding:12px; border-radius:16px; border:1px solid rgba(155,186,231,.3); background:rgba(24,45,83,.65); color:#eef5ff; }
#panel-music .mx-compact-action .mx-icon { width:23px; height:23px; }
#panel-music .mx-compact-action[aria-pressed="true"] { color:#ff9cbe; background:rgba(148,47,95,.25); }
#panel-music .mx-compact-action[aria-pressed="true"] .mx-icon { fill:currentColor; }
#panel-music .mx-compact-action:focus-visible { outline:2px solid #9ddcff; outline-offset:4px; }
#panel-music .mx-player-v2 .mpp-actions { display:flex; justify-content:center; gap:16px; }
#panel-music .mx-player-v2 .mpp-capsule, #panel-music .mx-player-v2 .mpp-menu { width:48px; min-width:48px; height:48px; padding:12px; border-radius:50%; }
#panel-music .mx-player-v2 .mpp-capsule svg { width:23px; height:23px; }
#panel-music .mx-player-v2 .mpp-capsule--youtube svg { width:24px; height:18px; }

#panel-music .mx-shared-profile { display:flex; align-items:center; gap:16px; margin-bottom:20px; }
#panel-music .mx-shared-avatar { display:grid; place-items:center; flex:0 0 64px; width:64px; height:64px; border-radius:50%; overflow:hidden; background:linear-gradient(135deg,#157cb3,#7343b0); font-size:26px; color:white; }
#panel-music .mx-shared-avatar img, #panel-music .mx-shared-avatar-small { width:100%; height:100%; border-radius:50%; object-fit:cover; }
#panel-music #mx-profile-form { display:grid; gap:10px; }
#panel-music #mx-profile-form input, #panel-music #mx-profile-form select { min-width:0; width:100%; box-sizing:border-box; }
#panel-music #mx-profile-status:empty { display:none; }
