/* Panel: reproductor central, relacionados a la derecha y marco recto. */
.panel-page{--panel-frame:24px;background:#090610;color:#fbf5ff;font:16px/1.4 var(--vibra-font)}
.panel-page [hidden]{display:none!important}.panel-page button{font:inherit}.panel-page h2{font:400 30px/1.12 var(--serif)}
.panel-page button:focus-visible,.panel-page a:focus-visible,.panel-page input:focus-visible{outline:2px solid #f3a4ff;outline-offset:4px}
.panel-frame{position:relative;isolation:isolate;display:grid;grid-template-columns:190px minmax(0,1fr);min-height:100svh;border:var(--panel-frame) solid #0c0714;background:radial-gradient(ellipse at 80% 10%,#27225499,transparent 50%),linear-gradient(120deg,#1d1c3e,#17172d 70%,#281a3d)}
.panel-page:before{content:"";position:fixed;inset:0;border:var(--panel-frame) solid #0c0714;pointer-events:none;z-index:80}
.panel-sidebar{padding:4px 18px 30px;background:linear-gradient(180deg,#0c0b2088,#1c122bcc);border-right:1px solid #b56af930;min-width:0}
.panel-brand{height:104px;display:flex;align-items:center;justify-content:center}.panel-brand .logo-crop{width:120px;height:74px;min-width:120px;min-height:74px;filter:drop-shadow(0 0 9px #bf51fa66)}
.panel-nav{display:flex;flex-direction:column;gap:16px;padding-top:4px}.panel-nav>a,.panel-nav>button{display:flex;align-items:center;gap:20px;text-align:left;min-height:57px;padding:12px 18px;border:1px solid transparent;border-radius:10px;white-space:nowrap}.panel-nav svg{width:25px;height:25px;color:#dfb4ff}.panel-nav .active{border-color:#b96ee780;background:linear-gradient(100deg,#b13ac8a6,#7437974d)}.panel-nav>a:hover,.panel-nav>button:hover{background-color:#b066d521}
.panel-workspace{min-width:0;padding:0 20px 10px}.panel-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:94px;margin-bottom:6px}
.panel-search{display:flex;align-items:center;gap:16px;width:70%;max-width:820px;border:0;border-radius:99px;background:#8050a52c;padding:12px 24px;min-height:51px}.panel-search svg{width:24px;height:24px;flex:none}.panel-search input{min-width:0;width:100%;border:0;background:none;color:#fff;font:16px/1.4 var(--vibra-font)}.panel-search input::placeholder{color:#e5d3f0}
.panel-page .panel-search,.panel-page .panel-search:focus-within,.panel-page #panel-emotion,.panel-page #panel-emotion:focus,.panel-page #panel-emotion:focus-visible{outline:0;border:0;box-shadow:none}
.panel-search-submit{padding:6px 8px;color:#f1c7ff;font-size:14px!important;white-space:nowrap;border-radius:6px}.panel-tools{display:flex;align-items:center;gap:24px}.panel-bell{padding:8px;display:flex}.panel-profile{position:relative;z-index:5}.panel-profile-toggle{display:flex;align-items:center;gap:14px}.panel-profile-toggle>svg{width:19px}
.panel-avatar{width:47px;height:47px;border:1px solid #f3a4ff;border-radius:50%;background-image:url('archivo.php?f=panel-referencia.webp');background-size:1900% 1070%;background-position:54.9% 88%;box-shadow:0 0 16px #df58f133}
.panel-profile-menu{position:absolute;right:0;top:calc(100% + 14px);width:260px;padding:20px;background:#21162f;border:1px solid #8457a3;border-radius:12px;box-shadow:0 14px 45px #0008}.panel-profile-menu>*{display:block;overflow-wrap:anywhere}.panel-profile-menu strong{font-size:17px}.panel-profile-menu>span{font-size:14px;color:#c8b2dc;margin:5px 0 16px}.panel-profile-menu button,.panel-profile-menu a{padding:10px 0;font-size:14px;color:#edb8ff}.panel-profile-menu .is-error{color:#ff7b87;font-size:14px}
.panel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,29%);gap:20px;align-items:start}.panel-search-message{font-size:14px;margin:10px 8px 0}.panel-search-message:not(.is-error){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.panel-search-message:empty,.panel-player-message:empty{display:none}
.panel-player-message:not(:empty),.panel-notice{border:1px solid #4cff91;border-radius:10px;background:#10251ff2;color:#d9ffe7;padding:13px 17px;box-shadow:0 0 15px #38ff782c,inset 0 0 12px #38ff780d}.panel-search-message.is-error,.panel-player-message.is-error{color:#ff8295;font-weight:600}
.panel-player{min-width:0;padding:20px 24px 18px;border:1px solid #9a5bc9;border-radius:18px;background:linear-gradient(160deg,#17142d,#30204377);box-shadow:0 0 30px #6b2b6517}
.panel-video{position:relative;width:100%;aspect-ratio:16/9;min-height:200px;overflow:hidden;border-radius:8px;background:#100c18}
#panel-youtube-slot,#panel-youtube-slot iframe{display:block;width:100%;height:100%;min-height:200px;border:0;position:absolute;inset:0}
.panel-video-empty{display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;inset:0;padding:24px;color:#d8c3e8;background:radial-gradient(ellipse at center,#482559,#161024);font:400 clamp(23px,2vw,35px)/1.25 var(--serif)}
.panel-track{padding:22px 2px 0}.panel-track h2{font-size:clamp(32px,3.1vw,49px);overflow-wrap:anywhere}.panel-track p{font-size:19px;margin-top:5px;color:#e8d6f2}.panel-track .panel-match-reason{font:16px/1.55 var(--vibra-font);color:#dac9e8;margin-top:15px;max-width:780px}.panel-track .panel-player-message{font:13px/1.4 var(--vibra-font);margin-top:14px}
.panel-seek{display:block;width:100%;margin:23px 0 8px;accent-color:#ef9cff;cursor:pointer}.panel-timing{display:flex;justify-content:space-between;font-size:14px;color:#e4c9ee}
.panel-transport{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:640px;margin:22px auto 17px}.panel-transport button{padding:9px;display:flex;align-items:center;justify-content:center}.panel-transport svg{width:25px;height:25px}.panel-transport .panel-main-play{width:80px;height:80px;border:1px solid #f390ff;border-radius:50%;background:#a843d23b;box-shadow:0 0 24px #ce40f455,inset 0 0 15px #f283fc55}.panel-main-play svg{width:38px;height:38px}.panel-transport button[aria-pressed=true]{color:#f3a3ff;background:#a54bcc33;border-radius:8px}.panel-player button:disabled,.panel-player input:disabled{opacity:.35;cursor:default}
.panel-player-tools{display:flex;align-items:center;gap:12px;border-top:1px solid #b97ad52b;padding-top:14px;font-size:12px;color:#d4b8e3}.panel-player-tools button{font-size:12px;padding:6px 0}.panel-player-tools input{width:80px;max-width:25%;accent-color:#ef9cff}.panel-player-tools button:last-child{margin-left:auto}.panel-player:fullscreen{overflow:auto;border:0;border-radius:0;padding:20px max(20px,8vw);background:#110d19}.panel-player:fullscreen .panel-video{max-height:65vh;aspect-ratio:auto}
.panel-related{min-width:0}.panel-promo{position:relative;display:block;width:100%;overflow:hidden;text-align:left;border-radius:11px;border:1px solid #c685f090;height:156px;background:#2d2048 center/cover}
.promo-gift{background-image:linear-gradient(90deg,#220d3bad,transparent 95%),url('archivo.php?f=panel-regala.webp')}.promo-copy{position:relative;display:flex;flex-direction:column;gap:9px;padding:18px 16px;text-shadow:0 2px 10px #0b082e}.promo-copy strong{font:400 clamp(21px,1.55vw,28px)/1.08 var(--serif)}.promo-copy>span{font-size:13px;line-height:1.3}.panel-arrow{position:absolute;right:11px;bottom:12px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid #f0bdff;background:#37144088}.panel-arrow svg{width:18px;height:18px}
.panel-section-heading{margin:24px 0 8px}.panel-section-heading h2{font-size:25px}.panel-recent-grid{display:grid;grid-template-columns:1fr;gap:12px}#panel-results-hint{font-size:13px;color:#cbb2db;margin:0 0 15px}
/* Sin portadas: una línea luminosa lila/fucsia encabeza cada canción. */
.panel-recommendation{position:relative;display:block;width:100%;min-width:0;text-align:left;border:1px solid #a570c146;border-radius:11px;background:#37274845;padding:18px 15px 15px;overflow:hidden;transition:background .18s,border-color .18s,box-shadow .18s}
.panel-recommendation:before{content:"";position:absolute;top:0;left:12px;right:12px;height:2px;background:linear-gradient(90deg,transparent,#a877ed 20%,#f5a1ff 50%,#bb4ccf 80%,transparent);box-shadow:0 0 12px #e485fa7a}
.panel-recommendation:hover,.panel-recommendation[aria-pressed=true]{border-color:#e697f7;background:#773fa83a;box-shadow:0 0 18px #c950dd23}.panel-recent-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.panel-recent-copy strong{font-size:17px;font-weight:400;color:#fff}.panel-recent-copy>span{font-size:12px;color:#dbc6e5}.panel-recent-copy .panel-result-reason{font-size:13px;line-height:1.4;color:#d0b8df;margin-top:6px}
.panel-footer{display:flex;align-items:center;justify-content:center;gap:32px;padding:30px 7% 18px}.panel-footer>span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#9762b4)}.panel-footer:not(.panel-legal-footer)>span:last-child{transform:rotate(180deg)}.panel-footer>div{display:flex;align-items:center;gap:23px}.panel-footer button{padding:3px;display:flex}.panel-footer svg{width:25px;height:25px}.panel-notice{position:fixed;bottom:38px;left:50%;transform:translateX(-50%);max-width:min(520px,calc(100% - 48px));font-size:15px;z-index:100}.panel-page .music-toggle{display:none}
@media(min-width:1800px){.panel-grid{grid-template-columns:minmax(0,1fr) 350px}.panel-workspace{padding:0 26px 12px}.panel-player{padding:24px 30px}.panel-frame{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:1200px){.panel-page{--panel-frame:16px}.panel-frame{grid-template-columns:92px minmax(0,1fr)}.panel-sidebar{padding:0 5px}.panel-brand{height:90px}.panel-brand .logo-crop{width:77px;min-width:77px;height:49px;min-height:49px}.panel-nav{gap:10px}.panel-nav>a,.panel-nav>button{flex-direction:column;gap:6px;font-size:12px;min-height:65px;padding:10px 2px}.panel-workspace{padding:0 16px 10px}.panel-grid{gap:16px;grid-template-columns:minmax(0,1fr) 250px}.panel-player{padding:15px}.panel-search{padding:12px 18px}.panel-tools{gap:12px}.panel-avatar{width:42px;height:42px}.panel-track h2{font-size:35px}.panel-track .panel-match-reason{font-size:15px}}
@media(max-width:900px){.panel-grid{grid-template-columns:minmax(0,1fr)}.panel-related{display:grid;grid-template-columns:1fr;gap:0}.panel-promo{max-width:390px;height:145px}.panel-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-player{padding:20px}.panel-track h2{font-size:39px}.panel-related{margin-top:5px}.panel-search{width:100%}}
@media(max-width:640px){.panel-page{--panel-frame:10px}.panel-frame{display:block}.panel-sidebar{padding:4px 12px 10px;border-right:0;border-bottom:1px solid #ba73e029}.panel-brand{height:70px;justify-content:flex-start}.panel-brand .logo-crop{width:96px;min-width:96px;height:59px;min-height:59px}.panel-nav{flex-direction:row;justify-content:space-between;gap:4px;padding:0}.panel-nav>a,.panel-nav>button{flex:1;font-size:12px;min-height:59px;gap:5px;border-radius:8px;max-width:82px;padding:8px 3px}.panel-nav svg{width:22px;height:22px}.panel-workspace{padding:0 12px 15px}.panel-topbar{min-height:83px;margin:0;gap:10px}.panel-search{padding:11px 12px;gap:8px;min-height:45px}.panel-search input{font-size:14px}.panel-search svg{width:20px;height:20px}.panel-search-submit{font-size:13px!important;padding:3px 5px}.panel-tools{position:absolute;top:20px;right:22px;gap:14px}.panel-profile-toggle{gap:7px}.panel-avatar{width:39px;height:39px}.panel-bell{padding:0}.panel-grid{gap:14px}.panel-player{padding:12px;border-radius:13px}.panel-video{min-height:200px}.panel-track{padding:19px 2px 0}.panel-track h2{font-size:36px}.panel-track p{font-size:17px}.panel-track .panel-match-reason{font-size:15px}.panel-transport .panel-main-play{width:68px;height:68px}.panel-transport{gap:8px;margin:20px auto 15px}.panel-player-tools{gap:8px}.panel-player-tools button{font-size:11px}.panel-player-tools input{width:60px}.panel-recent-grid{grid-template-columns:1fr}.panel-promo{max-width:none}.panel-footer{padding:27px 0 5px;gap:12px}.panel-footer>div{gap:14px}.panel-footer svg{width:23px;height:23px}.panel-footer>span{display:none}.panel-profile-menu{width:min(260px,calc(100vw - 64px))}}
@media(prefers-reduced-motion:reduce){.panel-recommendation{transition:none}}

/* Cada canción tiene un pequeño emblema; la lista permanece al seleccionarla. */
.panel-recommendation{--song-accent:#d9a0ff;--song-glow:#a562cf22;padding:16px;background:radial-gradient(ellipse at 95% 0,var(--song-glow),transparent 72%),#26203d;isolation:isolate}
.panel-recommendation:before{height:2px;background:linear-gradient(90deg,transparent,var(--song-accent),#f4d5ff,var(--song-accent),transparent);box-shadow:0 0 13px var(--song-accent)}
.panel-recommendation.tone-renacer{--song-accent:#d7b0ff;--song-glow:#a96eec24}.panel-recommendation.tone-calma{--song-accent:#b6bbff;--song-glow:#7f8be928}.panel-recommendation.tone-fuerza{--song-accent:#ef9bd7;--song-glow:#d768ac26}.panel-recommendation.tone-soltar{--song-accent:#c2a8ef;--song-glow:#9772cc26}.panel-recommendation.tone-gratitud{--song-accent:#eab5d9;--song-glow:#e18fc124}.panel-recommendation.tone-sentir{--song-accent:#f3a0ed;--song-glow:#d467df28}.panel-recommendation.tone-libertad{--song-accent:#c9aaff;--song-glow:#a471e528}.panel-recommendation.tone-merecer{--song-accent:#f2b5e2;--song-glow:#d680bb26}
.panel-card-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px;min-width:0}.panel-card-emblem{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border:1px solid #e4baff42;border-radius:50%;color:var(--song-accent);background:var(--song-glow);box-shadow:inset 0 0 10px #cf8be518}
.panel-card-emblem svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.panel-card-kicker{color:var(--song-accent);font-size:9px;letter-spacing:1px;line-height:1.4;flex:1;min-width:0}.panel-card-state{font-size:9px;color:#bca6ce;white-space:nowrap;text-align:right}
.panel-recommendation[aria-pressed=true]{border-color:var(--song-accent);box-shadow:0 0 18px var(--song-glow),inset 0 0 24px var(--song-glow)}.panel-recommendation[aria-pressed=true] .panel-card-state{color:#f8dcff}.panel-recommendation.is-playing .panel-card-state{color:#8fffb8}.panel-recommendation.is-playing .panel-card-emblem{box-shadow:0 0 13px var(--song-glow);border-color:var(--song-accent)}
.panel-navigation-controls{max-width:none;gap:10px;padding-top:17px;margin:20px 0 0;border-top:1px solid #bd83d42b}.panel-navigation-controls button{gap:8px;padding:9px 11px;border:1px solid #d095ed40;border-radius:99px;background:#a45bd415;font-size:12px}.panel-navigation-controls button:hover:not(:disabled){border-color:#d7a3ed;background:#a45bd429}.panel-navigation-controls svg{width:18px;height:18px}
@media(max-width:460px){.panel-navigation-controls{gap:6px;flex-wrap:wrap;justify-content:center}.panel-navigation-controls button{font-size:11px;padding:9px 8px;gap:5px}.panel-card-kicker{font-size:9px}}

/* Ayudas solo cuando no hay coincidencias; sin aviso verde sobre el panel. */
.panel-search-area{width:70%;max-width:820px;min-width:0;margin:16px 0}
.panel-search-area .panel-search{width:100%;max-width:none}
.panel-search-help{display:flex;flex-wrap:wrap;gap:8px;margin:12px 4px 0}
.panel-search-help button{min-height:38px;padding:8px 13px;border:1px solid #c4a4eb45;border-radius:999px;background:linear-gradient(135deg,#b294de22,#8f77c414);color:#e8daf8;font-size:12px;line-height:1.4;text-align:center;transition:background .18s,border-color .18s}
.panel-search-help button:hover{border-color:#d4b5f3a0;background:#b99ce13b}
/* Cuatro matices lilas suaves, independientes de la canción elegida. */
.panel-recommendation.lilac-1{--song-accent:#d4b5f4;--song-glow:#ba8be52b;--song-bg:#30253f}
.panel-recommendation.lilac-2{--song-accent:#c7bdf5;--song-glow:#a598e62b;--song-bg:#282640}
.panel-recommendation.lilac-3{--song-accent:#dfb8ee;--song-glow:#c393d72b;--song-bg:#33263d}
.panel-recommendation.lilac-4{--song-accent:#cdb0ec;--song-glow:#ac84d52b;--song-bg:#2b223b}
.panel-recommendation{background:radial-gradient(ellipse at 95% 0,var(--song-glow),transparent 72%),var(--song-bg,#26203d)}
.panel-recommendation:hover{border-color:var(--song-accent);box-shadow:0 0 18px var(--song-glow)}
@media(max-width:900px){.panel-search-area{width:auto;flex:1}}
@media(max-width:640px){.panel-search-area{width:100%;margin:16px 0}.panel-search-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:0;gap:7px}.panel-search-help button{padding:8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.panel-search-help button{transition:none}}

/* Octubre 2026 · cristal violeta, luz suave y controles de las referencias. */
.panel-page .panel-search,.panel-page .panel-search:focus-within{min-height:60px;padding:6px 7px 6px 22px;gap:14px;border:1px solid #dcb7ff;border-radius:999px;background:radial-gradient(ellipse at 88% 50%,#7734d647,transparent 49%),linear-gradient(110deg,#191033f5,#17102bf5);box-shadow:0 0 5px #d9acffb3,0 0 22px #8237ea77,inset 0 0 12px #a056ed42;outline:0}
.panel-search>svg{width:25px;height:25px;color:#d8b3ff;filter:drop-shadow(0 0 4px #9b56e9)}
.panel-search input{min-height:34px;padding-left:15px;border-left:1px solid #a06cd233!important;border-radius:0}.panel-search input::placeholder{color:#bca1de;opacity:1}
.panel-search-submit{align-self:stretch;min-width:110px;padding:10px 24px!important;border:1px solid #c896ff!important;border-radius:99px!important;background:radial-gradient(ellipse at 85% 0,#bc72ff99,transparent 68%),linear-gradient(135deg,#4320b8,#702cce);color:#fff;box-shadow:inset 0 0 12px #cc94ff66,0 0 14px #8936e85c;font-size:14px!important;transition:filter .2s}
.panel-search-submit:hover{filter:brightness(1.15)}
.panel-search-help{gap:10px;margin-top:17px}.panel-search-help>p{width:100%;margin:0 0 1px;color:#decaed;font:400 17px/1.4 var(--serif);letter-spacing:.1px}
.panel-search-help button{border:1px solid #bb85f599;background:radial-gradient(ellipse at 85% 40%,#7734d633,transparent 65%),linear-gradient(110deg,#21133d,#1b1335);box-shadow:inset 0 0 9px #a056ed2b,0 0 9px #8237ea2e;color:#e8d8fa;padding:9px 15px;min-height:40px}
.panel-search-help button:hover{border-color:#dfbaff;background-color:#39214f;box-shadow:0 0 13px #b359f675,inset 0 0 10px #a056ed42}
.panel-navigation-controls{padding:20px 0 0;gap:14px;border-top:1px solid #9d62d56b;justify-content:space-between}
.panel-navigation-controls button{min-height:38px;padding:9px 19px;border:1px solid #8051b29e;background:linear-gradient(180deg,#3b20543d,#25143e44);box-shadow:inset 0 0 9px #a45bd417;font-size:12px;color:#e4d4fa}
.panel-navigation-controls #panel-shuffle{min-height:44px;padding:11px 24px;border-color:#d29df0;background:radial-gradient(ellipse at 55% 0,#af56df3f,transparent 80%),linear-gradient(180deg,#4e247956,#36175361);box-shadow:0 0 17px #9c46db32,inset 0 0 12px #a469de2e;color:#fff}
.panel-navigation-controls #panel-shuffle svg{width:24px;height:24px}.panel-navigation-controls button:hover:not(:disabled){border-color:#e3b9ff;background-color:#6f34832e;animation:panel-button-glow .65s ease-out 1}
@keyframes panel-button-glow{0%,100%{box-shadow:0 0 7px #b765eb2b}40%{box-shadow:0 0 22px #ca7cff99,inset 0 0 14px #c591eb55;filter:brightness(1.2)}}
.panel-recommendation,.panel-recommendation:hover{padding:18px;border:1px solid #c2a4f176;border-radius:17px;background:radial-gradient(ellipse at 88% 10%,var(--song-glow),transparent 55%),linear-gradient(135deg,#8f79b51a,transparent 50%,#8662b62b),var(--song-bg,#282239);box-shadow:inset 0 1px 3px #e2ceff80,inset 0 0 10px #c4a0ed29,0 2px 8px #08041355;transition:border-color .2s,box-shadow .2s,background .2s}
.panel-recommendation:before{left:19px;right:19px;top:0;height:1px;background:linear-gradient(90deg,transparent,#f0dbffb3,transparent);box-shadow:0 0 10px #d6a8ff66}
.panel-recommendation:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 95% 90%,#c085ff12,transparent 54%)}
.panel-recommendation.lilac-1{--song-bg:#2e2345;--song-glow:#ac69e633}.panel-recommendation.lilac-2{--song-bg:#27283f;--song-glow:#969be92e}.panel-recommendation.lilac-3{--song-bg:#332440;--song-glow:#be8bd530}.panel-recommendation.lilac-4{--song-bg:#29213d;--song-glow:#9674d52e}
.panel-recommendation:hover{border-color:#dcbaff;box-shadow:inset 0 1px 3px #f2deff99,0 0 16px #a254cc40}
.panel-recommendation[aria-pressed=true]{border:1px solid #f7d6ff;background:radial-gradient(ellipse at 100% 10%,#b941f47a,transparent 63%),linear-gradient(135deg,#5b3580,#39215c 65%,#6d3c984d);box-shadow:0 0 4px #efc0ff,0 0 16px #b156f4a6,inset 0 0 13px #d68fff8c,inset 0 2px 3px #f5ddff}
.panel-card-heading{gap:10px;margin-bottom:12px}.panel-card-emblem{width:40px;height:40px;flex-basis:40px;border-color:#d1b5f875;background:radial-gradient(circle at 30% 20%,#c793f666,#7f5cab33 70%);box-shadow:inset 0 1px 3px #e7d3ff6b,0 0 9px #b876ed2e}
.panel-card-emblem svg{width:24px;height:24px;stroke-width:1.6}.panel-card-kicker{font-size:9px;font-weight:600;letter-spacing:1.1px;color:#d6c1f4}.panel-card-state{padding:5px 10px;border:1px solid #c099f24d;border-radius:99px;background:#2516354d;box-shadow:inset 0 0 7px #bd91ff26;font-size:10px;color:#e3d5f9}
.panel-recommendation[aria-pressed=true] .panel-card-state{background:#7e2dca66;border-color:#c084f2;box-shadow:0 0 9px #a849dc55;color:#fff}.panel-recommendation.is-playing .panel-card-state{color:#c3ffd8}
.panel-recent-copy strong{font:600 21px/1.2 var(--vibra-font);letter-spacing:-.4px}.panel-recent-copy>span{font-size:13px;color:#d2bdeb}.panel-recent-copy .panel-result-reason{font-size:13px;line-height:1.48;color:#d4c3e8;margin-top:8px}
.panel-history{margin-top:26px;padding-top:22px;border-top:1px solid #a778d43d}.panel-history h2{font:600 12px/1.5 var(--vibra-font);letter-spacing:2px;color:#e3cbf5}.panel-history-intro{font-size:13px;color:#bda8d1;margin:6px 0 17px}.panel-history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.panel-history-card{padding:16px}.panel-history-card .panel-recent-copy strong{font-size:18px}.panel-history-card .panel-card-kicker{font-size:8px}.panel-history-card .panel-card-emblem{width:32px;height:32px;flex-basis:32px}.panel-history-card .panel-card-state{font-size:9px;padding:4px 7px}
#panel-history-empty{font-size:13px;line-height:1.6;color:#c9b4da}#panel-history-message,#panel-notification-message{font-size:13px;color:#ff8295;line-height:1.4;margin-top:12px}#panel-history-message:empty,#panel-notification-message:empty{display:none}
.panel-notifications{position:relative;z-index:7}.panel-bell{position:relative}.panel-notification-count{position:absolute;right:-1px;top:-4px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:1px solid #edc6ff;border-radius:99px;background:#913bdd;color:#fff;font:700 11px/1 var(--vibra-font);box-shadow:0 0 10px #b957f773}
.panel-notifications-box{position:absolute;right:0;top:calc(100% + 17px);width:min(340px,calc(100vw - 48px));overflow:hidden;border:1px solid #c295f0a6;border-radius:18px;background:#21162ff7;box-shadow:0 14px 45px #0009,0 0 18px #9d4fe433}.panel-telegram-image{display:block;width:100%;height:145px;object-fit:cover;object-position:center 47%}.panel-notification-copy{padding:19px}.panel-notification-eyebrow{font-size:9px;letter-spacing:1.7px;color:#cbb2e3}.panel-notification-copy h2{font:400 27px/1.1 var(--serif);margin:10px 0}.panel-notification-copy>p{font-size:13px;line-height:1.6;color:#dccae9}.panel-telegram-link{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:17px;padding:11px 16px;border:1px solid #dba5ff;border-radius:99px;background:linear-gradient(135deg,#592c94,#7937af);font-size:13px;color:white;text-decoration:none;box-shadow:inset 0 0 11px #c87beb40}.panel-telegram-link svg{width:19px;height:19px}.panel-telegram-link:hover{filter:brightness(1.15)}
@media(max-width:1200px){.panel-recommendation{padding:15px}.panel-card-kicker{font-size:8px;letter-spacing:.8px}.panel-card-heading{gap:7px}.panel-card-state{padding:4px 7px;font-size:9px}.panel-card-emblem{width:33px;height:33px;flex-basis:33px}.panel-recent-copy strong{font-size:20px}.panel-navigation-controls{gap:8px;flex-wrap:wrap}.panel-navigation-controls button{padding:9px 13px}.panel-navigation-controls #panel-shuffle{padding:10px 16px}.panel-history-list{grid-template-columns:1fr}}
@media(min-width:641px) and (max-width:900px){.panel-history-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.panel-page .panel-search,.panel-page .panel-search:focus-within{min-height:54px;padding:5px 6px 5px 14px;gap:9px}.panel-search input{padding-left:10px;font-size:13px}.panel-search>svg{width:21px;height:21px}.panel-search-submit{min-width:77px;padding:9px 14px!important;font-size:13px!important}.panel-search-help>p{grid-column:1/-1;font-size:17px}.panel-search-help button{font-size:11px;padding:9px 8px}.panel-navigation-controls{gap:7px;justify-content:space-between}.panel-navigation-controls button{font-size:11px;padding:8px 10px;gap:5px}.panel-navigation-controls #panel-shuffle{font-size:11px;padding:10px 12px}.panel-navigation-controls svg{width:15px;height:15px}.panel-navigation-controls #panel-shuffle svg{width:19px;height:19px}.panel-notifications-box{position:fixed;top:77px;right:22px;width:min(340px,calc(100vw - 44px));max-height:calc(100svh - 99px);overflow-y:auto}.panel-history{margin-top:22px}}
@media(max-width:430px){.panel-navigation-controls #panel-shuffle{order:-1;flex-basis:100%}.panel-navigation-controls button{flex:1}.panel-search input{font-size:12px}.panel-search-submit{min-width:65px;padding:9px 10px!important}}
@media(prefers-reduced-motion:reduce){.panel-navigation-controls button:hover:not(:disabled){animation:none}.panel-recommendation,.panel-search-help button{transition:none}}
@media(min-width:641px){.panel-tools{align-self:flex-start;margin-top:23px}}

/* Miniaturas pequeñas, historial compacto de ocho y avisos plegables. */
.panel-song-thumbnail{display:block;flex:0 0 60px;width:60px;height:40px;object-fit:cover;border-radius:7px;border:1px solid #d9bcfa61;box-shadow:0 0 9px #bd77e82b}
.has-thumbnail .panel-card-emblem{display:none}.has-thumbnail .panel-card-heading{flex-wrap:wrap}.has-thumbnail .panel-card-state{margin-left:auto}.panel-search-help .panel-search-help-description{font:12px/1.55 var(--vibra-font);color:#cdb8de;width:100%;margin:-4px 0 4px;grid-column:1/-1}
.panel-page .panel-history-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.panel-page .panel-history-card{padding:9px;border-radius:10px;align-self:start;min-height:0}.panel-history-card .panel-card-heading{display:block;margin-bottom:8px}.panel-history-card .panel-card-kicker,.panel-history-card .panel-card-state{display:none}
.panel-history-card .panel-song-thumbnail{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.panel-history-card:not(.has-thumbnail) .panel-card-emblem{display:grid;width:100%;height:auto;aspect-ratio:16/9;border-radius:5px}
.panel-page .panel-history-card .panel-recent-copy strong{font-size:13px;line-height:1.3;letter-spacing:0;overflow-wrap:anywhere}.panel-history-card .panel-recent-copy>span{font-size:10px;line-height:1.35}.panel-history-card .panel-recent-copy{gap:4px}
.panel-notifications-box{max-height:min(560px,calc(100svh - 120px));overflow-y:auto}.panel-notifications-box .panel-notifications-heading{padding:18px 19px 14px;font:600 15px/1.4 var(--vibra-font);letter-spacing:.3px;color:#eedbfa}
.panel-notification-item{border-top:1px solid #bd8de540}.panel-notification-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px;list-style:none;font-size:14px;cursor:pointer;color:#ecd8ff}.panel-notification-item summary::-webkit-details-marker{display:none}.panel-notification-item summary:hover{background:#b065df17}.panel-notification-item summary:focus-visible{outline:2px solid #ddb4ff;outline-offset:-4px;border-radius:7px}
.panel-notification-chevron{color:#d5a6f3;font-size:19px;transition:transform .2s}.panel-notification-item[open] .panel-notification-chevron{transform:rotate(180deg)}.panel-notification-item[open] .panel-notification-detail{animation:panel-notice-reveal .22s ease-out}.panel-notification-detail .panel-telegram-image{height:125px}.panel-notification-detail .panel-notification-copy{padding-top:16px}
@keyframes panel-notice-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){
 .panel-sidebar{position:relative;padding-bottom:5px;z-index:6}.panel-sidebar-head{display:flex;align-items:center;min-height:65px}.panel-brand{height:65px}.panel-menu-toggle{display:flex;margin-left:auto;margin-right:118px}
 .panel-nav{position:absolute;top:calc(100% + 6px);left:12px;right:12px;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:12px;border:1px solid #b681db73;border-radius:13px;background:#1f142ff7;backdrop-filter:blur(14px);box-shadow:0 14px 35px #05020a80;opacity:0;visibility:hidden;transform:translateY(-7px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
 .panel-nav[data-menu-open=true]{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition-delay:0s}
 .panel-nav>a,.panel-nav>button{flex-direction:row;justify-content:flex-start;gap:12px;max-width:none;min-height:43px;padding:10px 13px;font-size:14px}
 .panel-page .panel-history-list{gap:6px}.panel-page .panel-history-card{padding:6px;border-radius:8px}.panel-page .panel-history-card .panel-recent-copy strong{font-size:11px}.panel-history-card .panel-recent-copy>span{font-size:9px}.panel-history-card .panel-card-heading{margin-bottom:6px}
}
@media(prefers-reduced-motion:reduce){.panel-nav,.panel-notification-chevron{transition:none!important}.panel-notification-item[open] .panel-notification-detail{animation:none}}

/* Viaje luminoso y acompañamiento continuo: conserva el panel y el vídeo oficiales. */
/* Imagen de referencia conservada; únicamente las seis líneas de texto son variables. */
.panel-emotional-path{position:relative;width:75%;max-width:none;aspect-ratio:1174/449;margin:4px auto 26px;padding:0;isolation:isolate;container-type:inline-size}
.panel-journey-art{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.panel-journey{position:absolute;inset:0;display:block;margin:0;padding:0;list-style:none}
.panel-journey-stage{position:absolute;inset:0}
.panel-journey-pill{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;padding:0;min-width:0;font:400 22px/1.05 var(--serif);font-size:2.4cqw;color:#eee2ff;text-shadow:0 0 5px #aa64d540;text-wrap:balance}
.stage-0 .panel-journey-pill{left:5.6%;top:70.3%;width:17.8%;height:11.3%}
.stage-1 .panel-journey-pill{left:38.7%;top:70.7%;width:21.6%;height:12.5%;color:#fff2ff}
.stage-2 .panel-journey-pill{left:76%;top:70.3%;width:17.5%;height:11.3%;color:#cfb4ed}
.panel-journey-description{position:absolute;display:block;text-align:center;font:400 15px/1.3 var(--vibra-font);font-size:1.55cqw;color:#aa8aca;text-wrap:balance}
.stage-0 .panel-journey-description{left:1.5%;top:83.8%;width:26%}
.stage-1 .panel-journey-description{left:36.5%;top:86%;width:26%;color:#d1a1f1}
.stage-2 .panel-journey-description{left:72.5%;top:83.8%;width:25%}
.panel-vibe-slider{margin:0 auto 25px;padding:25px 8px 21px;max-width:850px;border-bottom:1px solid #b280d72e;text-align:center}
.panel-vibe-slider h3{font:400 clamp(26px,2.3vw,36px)/1.2 var(--serif);color:#eedaff;margin:0 0 23px;letter-spacing:-.3px}
.panel-slider-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.panel-slider-option{display:flex;flex-direction:column;align-items:center;gap:9px;color:#dec6f4;opacity:calc(.38 + var(--option-glow,0)*.62);transition:opacity .08s linear;min-width:0;font:400 17px/1.35 var(--vibra-font);text-wrap:balance}
.panel-slider-option svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 calc(var(--option-glow,0)*7px) #c576ff)}
.panel-slider-option span{text-shadow:0 0 calc(var(--option-glow,0)*16px) #cf85ff80}
.panel-slider-option.is-active{color:#f5e4ff}
.panel-slider-track{position:relative;height:88px;max-width:760px;margin:11px auto 0;isolation:isolate}
.panel-slider-wave{position:absolute;left:22px;top:0;width:calc(100% - 44px);height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 4px #b471e978)}
.panel-slider-wave path{vector-effect:non-scaling-stroke}
.panel-slider-marker{position:absolute;width:11px;height:11px;border:1px solid #c98aff9c;border-radius:50%;transform:translate(-50%,-50%);background:#2b1746;box-shadow:0 0 7px #b36ae64d;pointer-events:none}.marker-start{left:22px;top:54%}.marker-middle{left:50%;top:38%}.marker-end{left:calc(100% - 22px);top:54%}
.panel-slider-orb{position:absolute;z-index:1;left:22px;top:54%;width:34px;height:34px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #f8e4ff;background:radial-gradient(circle at 40% 33%,#fff 0,#ecd3ff 9%,#c78bfa 24%,#a350e7 47%,#5b22a2 69%,#dfafff 96%);box-shadow:0 0 5px #fff4,0 0 18px #c775ff9c,inset 0 0 8px #fff8;pointer-events:none}
.panel-slider-orb:before,.panel-slider-orb:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.panel-slider-orb:before{inset:-11px;border:1px solid #af68f354;background:#a257f10b;box-shadow:0 0 20px #ae4eec20}
.panel-slider-orb:after{inset:-22px;border:1px solid #9860d426;background:#7a33c808}
.panel-emotional-slider{position:absolute;z-index:3;inset:0;display:block;width:100%;height:88px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent!important;cursor:grab;border:0;box-shadow:none;color:transparent;touch-action:pan-y;opacity:1}
.panel-emotional-slider:active{cursor:grabbing}
.panel-emotional-slider::-webkit-slider-runnable-track{height:88px;border:0;background:transparent}
.panel-emotional-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:44px;height:88px;margin:0;border:0;background:transparent;border-radius:0;box-shadow:none}
.panel-emotional-slider::-moz-range-track{height:88px;border:0;background:transparent}
.panel-emotional-slider::-moz-range-progress{background:transparent}
.panel-emotional-slider::-moz-range-thumb{width:44px;height:88px;border:0;background:transparent;border-radius:0;box-shadow:none}
.panel-emotional-slider:focus-visible{outline:2px solid #d9a8fa;outline-offset:3px;border-radius:18px}
.panel-emotional-slider:disabled{cursor:default;opacity:.6}
.panel-slider-hint{font:14px/1.5 var(--vibra-font);color:#ba9dd0;margin:0}
.panel-vibe-slider .panel-refinement-message{font:15px/1.5 var(--vibra-font);color:#dbc3ee;margin:12px 0 0}
.panel-refinement-message:empty{display:none}
.panel-vibe-slider .panel-refinement-message.is-error{color:#ff8295}
.panel-track{padding:0 2px}
.panel-emotional-story{margin:0}
.panel-track .panel-emotional-claim{max-width:none;margin:0 0 20px;font:400 clamp(25px,2vw,34px)/1.25 var(--serif);letter-spacing:-.35px;color:#f4dfff;text-wrap:balance;text-shadow:0 0 22px #ce8eff21}
.panel-recommendation-why{width:100%;padding-left:17px;border-left:2px solid #bc80f1;max-width:none}
.panel-recommendation-why h3{font:600 16px/1.45 var(--vibra-font);letter-spacing:.1px;color:#ecd3ff;margin:0 0 9px}
.panel-track .panel-match-reason{font:16px/1.7 var(--vibra-font);color:#dbcce8;margin:0;max-width:none;text-align:justify;hyphens:auto;overflow-wrap:break-word}
.panel-emotional-guidance{width:100%;max-width:none;margin:20px 0 4px;padding:3px 0 3px 18px;background:linear-gradient(90deg,#a869cc0b,transparent);border-left:1px solid #b67bd438}
.panel-track .panel-emotional-guidance p{font:16px/1.7 var(--vibra-font);color:#cbb6dc;margin:0 0 12px;text-align:justify;hyphens:auto;overflow-wrap:break-word}
.panel-track .panel-emotional-guidance p:last-child{margin-bottom:0}
.panel-track .panel-player-message:not(.is-error){border:0;background:transparent;box-shadow:none;padding:0;color:#cbb6dc}
.panel-track .panel-player-message.is-error{border-color:#ff82956b;background:#47192b55;color:#ffb0bd;box-shadow:none;font-size:15px}
.panel-recent-copy .panel-result-reason{font:400 15px/1.5 var(--vibra-font);color:#ecdaf9;margin-top:9px}
#panel-results-hint{font-size:15px;line-height:1.5;color:#d3bddf}
@media(min-width:641px) and (max-width:1200px){
 .panel-slider-option{font-size:16px}
}
@media(max-width:640px){
 .panel-vibe-slider{padding:22px 0 19px;margin-bottom:22px}.panel-vibe-slider h3{font-size:29px;margin-bottom:20px}.panel-slider-options{gap:7px}.panel-slider-option{font-size:15px;gap:8px}.panel-slider-option svg{width:27px;height:27px}.panel-slider-track{margin-top:8px}.panel-slider-hint{font-size:14px}
 .panel-track .panel-emotional-claim{font-size:27px;margin-bottom:20px}.panel-recommendation-why{padding-left:13px}.panel-emotional-guidance{padding-left:14px}
}
@media(prefers-reduced-motion:reduce){.panel-slider-option{transition:none}}

/* Panel lila diferenciado: luz suave y degradado, sin imagen de fondo. */
.panel-player{position:relative;isolation:isolate;background:radial-gradient(ellipse at 38% 0,#8d52bd1c,transparent 52%),radial-gradient(ellipse at 95% 85%,#65398516,transparent 58%),linear-gradient(145deg,#28173a 0,#1d122e 48%,#120d20 100%);border-color:#b992da8c;box-shadow:0 0 30px #7446791b,inset 0 1px 0 #e6d0fb0d}
.panel-video{background:#100c1870}
.panel-video-empty{background:radial-gradient(ellipse at center,#48255960,#16102475)}
.panel-player .panel-history h2{font:600 18px/1.5 var(--vibra-font);letter-spacing:1.5px}
.panel-section-heading h2{font-size:29px;line-height:1.2}
.panel-history-intro,#panel-history-empty{font-size:15px}

/* Ayuda al escoger: texto claro, iconos luminosos y cuatro caminos emocionales. */
.panel-search-help{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px;margin:20px 0 0;padding:20px 15px 17px;border:1px solid #b875ed35;border-radius:20px;background:radial-gradient(ellipse at 10% 5%,#9e51db20,transparent 43%),linear-gradient(125deg,#201239a6,#141032a6);box-shadow:inset 0 0 25px #8250bc0c}
.panel-search-help:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 100% 0,#bd75f722,transparent 25%);border-top:1px solid #c08bea26}
.panel-search-help>p{grid-column:1/-1;width:100%;margin:0;color:#e6d8f5;letter-spacing:0}
#panel-search-help-title{position:relative;padding-left:32px;font:700 clamp(23px,1.7vw,29px)/1.25 var(--serif);color:#f1e5ff}
#panel-search-help-title:before{content:"✦";position:absolute;left:0;top:2px;font:24px/1 serif;color:#d695ff;text-shadow:0 0 12px #bd5bfa}
#panel-search-help-description{padding-left:32px;font:600 17px/1.55 var(--vibra-font);color:#d8c8ed;margin:0 0 4px}
.panel-search-help button{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:52px;padding:8px 10px;border:1px solid #b98bee99;border-radius:99px;background:radial-gradient(ellipse at 22% 50%,#884ace4d,transparent 68%),linear-gradient(115deg,#2a174d,#21143a);box-shadow:inset 0 0 11px #b97ef52b,0 0 12px #9350dc28;color:#f0e5ff;font-size:13px;line-height:1.3;text-align:left}
.panel-search-help button:hover{border-color:#edceff;background:#452467;box-shadow:0 0 15px #b766e954,inset 0 0 12px #c08fff29}
.panel-search-help button>span:nth-child(2){flex:1;min-width:0;text-wrap:balance}
.panel-help-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #c99af55e;border-radius:50%;background:radial-gradient(circle at 35% 25%,#bb85ed55,#663aa649);box-shadow:0 0 7px #a666df44;color:#e6c8ff}
.panel-help-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.panel-help-arrow{font:24px/1 var(--vibra-font);color:#d5b5fa;flex:none}
@media(min-width:641px) and (max-width:1200px){.panel-search-help{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .panel-search-help{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 11px 14px;gap:12px 8px}
 #panel-search-help-title{font-size:24px;padding-left:28px}#panel-search-help-title:before{font-size:22px}
 #panel-search-help-description{font-size:16px;padding-left:0}
 .panel-search-help button{font-size:13px;gap:6px;min-height:58px;padding:8px}
 .panel-help-icon{width:27px;height:27px;flex-basis:27px}.panel-help-icon svg{width:19px;height:19px}.panel-help-arrow{font-size:21px}
 .panel-player .panel-history h2{font-size:16px;letter-spacing:1.1px}.panel-section-heading h2{font-size:28px}
}
@media(max-width:360px){.panel-search-help{grid-template-columns:1fr}}

/* En móvil se utiliza la misma ilustración, con etapas legibles y espacio para tocar. */
.panel-journey-mobile-icon{display:none}
@media(max-width:640px){
 .panel-page{--panel-frame:8px}
 .panel-workspace{padding:0 8px 18px}
 .panel-player{padding:18px 12px 20px;border-radius:16px}
 .panel-topbar{min-height:84px}
 .panel-search-area{width:100%;margin:14px 0 18px}
 .panel-page .panel-search,.panel-page .panel-search:focus-within{min-height:58px;padding:6px 6px 6px 12px;gap:8px}
 .panel-page #panel-emotion{font-size:16px;line-height:1.4;padding-left:9px}
 .panel-search>svg{width:20px;height:20px}
 .panel-page .panel-search-submit{font-size:14px!important;min-width:78px;min-height:44px;padding:9px 13px!important}
 .panel-profile-toggle,.panel-bell,.panel-menu-toggle{min-width:44px;min-height:44px;justify-content:center}
 .panel-nav>a,.panel-nav>button{min-height:48px;font-size:16px}
 .panel-profile-menu button,.panel-profile-menu a{min-height:44px;font-size:15px}

 .panel-emotional-path{width:100%;aspect-ratio:auto;margin:0 auto 24px;padding:2px 0 0}
 .panel-emotional-path #panel-path-title,.panel-emotional-path #panel-path-subtitle{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;text-align:center}
 .panel-emotional-path #panel-path-title{margin:0;color:#f0deff;font:400 clamp(27px,6.8vw,33px)/1.15 var(--serif);letter-spacing:-.3px;text-wrap:balance;text-shadow:0 0 14px #a55fcb30}
 .panel-emotional-path #panel-path-subtitle{margin:9px auto 20px;max-width:31ch;color:#c6acd9;font:400 15px/1.5 var(--vibra-font);text-wrap:balance}
 .panel-journey-art{display:none}
 .panel-journey{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:10px 4px 12px;border:1px solid #ad7bdc2e;border-radius:18px;background:linear-gradient(120deg,#a56be509,transparent 80%)}
 .panel-journey-stage{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:76px minmax(46px,auto) 1fr;gap:0;align-items:start;justify-items:center;min-width:0;min-height:0;padding:0 2px;border:0;border-radius:0;background:none;text-align:center}
 .panel-journey-stage.stage-1{border:0;background:none}
 .panel-journey-mobile-icon{display:block;grid-column:1;grid-row:1;width:76px;height:76px;max-width:100%;align-self:center;justify-self:center;pointer-events:none}
 .panel-journey .panel-journey-pill{position:static;left:auto;top:auto;grid-column:1;grid-row:2;width:100%;height:100%;min-height:46px;justify-content:center;align-items:center;padding:2px 0;text-align:center;color:#f0ddff;font:400 21px/1.15 var(--serif);font-size:clamp(16px,6cqw,24px);text-wrap:balance;overflow-wrap:break-word}
 .panel-journey .stage-1 .panel-journey-pill{color:#ffeaff;text-shadow:0 0 12px #d78aff3b}
 .panel-journey .panel-journey-description{position:static;left:auto;top:auto;grid-column:1;grid-row:3;width:100%;max-width:15ch;margin:0 auto;text-align:center;color:#ccb2e1;font:400 14px/1.4 var(--vibra-font);text-wrap:balance;overflow-wrap:break-word}
 .panel-journey .stage-1 .panel-journey-description{color:#dfbdf4}

 .panel-video{width:100%;border-radius:10px}
 .panel-video-empty{font-size:24px;padding:20px}
 .panel-vibe-slider{padding:23px 0 21px;margin-bottom:24px}
 .panel-vibe-slider h3{font-size:28px;margin-bottom:20px}
 .panel-slider-options{gap:8px}
 .panel-slider-option{font-size:15px;line-height:1.4;gap:9px;min-height:75px}
 .panel-slider-option svg{width:28px;height:28px}
 .panel-slider-hint{font-size:15px;line-height:1.5;color:#cdb4de}
 .panel-track .panel-emotional-claim{font-size:28px;line-height:1.25;margin-bottom:22px}
 .panel-recommendation-why{padding-left:12px}
 .panel-recommendation-why h3{font-size:17px;line-height:1.45}
 .panel-track .panel-match-reason,.panel-track .panel-emotional-guidance p{font-size:17px;line-height:1.75;text-align:left;hyphens:none;color:#e1cfee}
 .panel-emotional-guidance{padding-left:12px;margin-top:20px}

 .panel-page .panel-history-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .panel-page .panel-history-card{padding:9px;border-radius:12px}
 .panel-page .panel-history-card .panel-recent-copy strong{font-size:15px;line-height:1.35;overflow-wrap:break-word}
 .panel-history-card .panel-recent-copy>span{font-size:12px;line-height:1.4}
 .panel-history-card .panel-card-heading{margin-bottom:10px}
 .panel-player .panel-history h2{font-size:17px;letter-spacing:1px}
 .panel-history-intro,#panel-history-empty{font-size:16px;line-height:1.6}
 .panel-section-heading h2{font-size:28px}
 .panel-recent-copy strong{font-size:22px;line-height:1.25}
 .panel-recent-copy .panel-result-reason{font-size:16px;line-height:1.6}
 .panel-card-state{font-size:12px;min-height:30px;padding:6px 11px}
 .panel-card-kicker{font-size:10px}
 .panel-search-help button{font-size:15px;min-height:56px;padding:10px}
 #panel-search-help-description{font-size:16px;line-height:1.6}
 .panel-footer>div{gap:6px}
 .panel-footer button{width:44px;min-height:44px;align-items:center;justify-content:center}
}
@media(max-width:420px){
 .panel-search-help{grid-template-columns:1fr}
 .panel-search-help button{gap:10px}
 .panel-journey-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:68px minmax(44px,auto) 1fr;padding:0 1px}
 .panel-journey-mobile-icon{width:68px;height:68px}
 .panel-journey .panel-journey-pill{min-height:44px}
 .panel-journey .panel-journey-description{font-size:14px}
}

/* Marco grueso para el vídeo; las explicaciones de la captura dejan de mostrarse. */
.panel-video{border:12px solid #352145;border-radius:16px;min-height:224px;box-shadow:0 0 0 1px #af83cf47,0 6px 22px #09051340}
.panel-emotional-story{display:none!important}
@media(max-width:640px){
 .panel-video{border-width:8px;border-radius:14px;min-height:216px}
 .panel-journey-mobile-icon{overflow:hidden}
 .stage-1 .panel-journey-mobile-icon{width:84px;height:84px}
}
@media(max-width:420px){.stage-1 .panel-journey-mobile-icon{width:76px;height:76px}}

/* Regala permanece en el menú; su banner se reserva para escritorio. */
@media(max-width:1200px){
 .panel-related>.promo-gift{display:none}
 .panel-related .panel-section-heading{margin-top:4px}
}

/* Menús y avisos móviles: una capa abierta y contenido siempre desplazable. */
@media(max-width:640px){
 .panel-nav{max-height:calc(100svh - 110px);overflow-y:auto;overscroll-behavior:contain}
 .panel-nav[data-menu-open=false][data-menu-instant=true]{transition:none}
 .panel-profile-menu{width:min(260px,calc(100vw - 44px));max-height:calc(100svh - 110px);overflow-y:auto;overscroll-behavior:contain}
 .panel-notifications-box{max-height:calc(100svh - 110px);overscroll-behavior:contain}
 .panel-notice{bottom:calc(22px + env(safe-area-inset-bottom,0px));max-height:calc(100svh - 130px);overflow-y:auto;overflow-wrap:anywhere}
}
/* El recorrido conserva su ancho. Solo la zona que hay debajo se divide. */
.panel-listening-space{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.panel-listening-column{min-width:0}
.panel-listening-column .panel-video{aspect-ratio:auto;min-height:0}
.panel-listening-column .panel-video:before{content:"";display:block;aspect-ratio:16/9}
.panel-listening-column #panel-youtube-slot,.panel-listening-column #panel-youtube-slot iframe{min-height:0}
.panel-listening-column .panel-video-empty{font-size:clamp(20px,1.6vw,28px);padding:18px}
.panel-listening-column .panel-vibe-slider{width:100%;margin:0;padding:25px 0 16px;border-bottom:0}
.panel-listening-column .panel-vibe-slider h3{font-size:clamp(25px,1.9vw,31px);margin-bottom:20px}
.panel-listening-column .panel-slider-options{gap:8px}
.panel-listening-column .panel-slider-option{font-size:15px;line-height:1.4;min-height:77px}
.panel-listening-column .panel-slider-hint{font-size:14px}
.panel-listening-column .panel-track{padding:0 0 6px}

/* Un mapa tranquilo: tres matices y un único cambio de periodo. */
.panel-personal-map{position:relative;display:flex;flex-direction:column;min-width:0;padding:24px 22px 18px;border:1px solid #b892d83b;border-radius:20px;background:radial-gradient(ellipse at 50% 38%,#70458c24,transparent 65%),linear-gradient(145deg,#442b5a35,#1b102c65);box-shadow:inset 0 1px 0 #e7c8ff0b}
.panel-map-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.panel-map-header>div:first-child{flex:1;min-width:160px}
.panel-personal-map h3{margin:0;color:#f1defa;font:400 clamp(25px,1.85vw,30px)/1.13 var(--serif);letter-spacing:-.3px;text-wrap:balance}
.panel-map-period{display:flex;align-items:center;align-self:flex-start;gap:3px;padding:3px;border:1px solid #cda5e833;border-radius:99px;background:#11091d35}
.panel-page .panel-map-period button{position:relative;min-height:38px;min-width:54px;padding:7px 11px;border-radius:99px;color:#cdb4de;font:400 13px/1.3 var(--vibra-font);white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s;opacity:1;cursor:pointer}
.panel-page .panel-map-period button[aria-pressed=true]{background:#9b68b837;color:#fff0ff;box-shadow:inset 0 0 0 1px #d5a6ef31,0 0 14px #a763ce14}
.panel-page .panel-map-period button:hover{color:#fff0ff;background:#9b68b81f}
.panel-page .panel-map-period button:focus-visible{outline-offset:2px}
.panel-map-intro{margin:13px 0 0;color:#cbb3dc;font:400 14px/1.65 var(--vibra-font);text-wrap:balance}
.panel-map-figure{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;margin:8px 0 0;min-width:0}
.panel-map-art{display:block;width:100%;max-width:355px;height:auto;overflow:visible;flex:none}
.panel-map-ring-base{fill:none;stroke:#b88bda;stroke-opacity:.13;stroke-width:1.2;stroke-dasharray:78 22;stroke-linecap:round}
.panel-map-ring-value{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:0 100;opacity:0;transition:stroke-dasharray .65s ease,opacity .4s;filter:drop-shadow(0 0 5px #b782e24d)}
.panel-map-center-title{font:400 18px var(--serif);fill:#f2dffc;letter-spacing:.15px}
.panel-map-center-detail{font:400 11px var(--vibra-font);fill:#c3a3d5;letter-spacing:.5px}
.panel-map-stars{opacity:.6}
.panel-map-emotions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;list-style:none;margin:-2px 0 21px;padding:0;width:100%}
.panel-map-emotions li{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #d5b2ed29;border-radius:99px;background:#bf91db0a;color:#e9d3f6;font:400 13px/1.4 var(--vibra-font)}
.panel-map-emotions li:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--map-tone,#dec1f4);box-shadow:0 0 9px var(--map-tone,#dec1f4)}
.panel-map-summary{text-align:center;width:100%;max-width:35ch;min-height:83px;color:#dec8ec;font:400 16px/1.65 var(--vibra-font);text-wrap:balance}
.panel-map-summary strong{color:#f2dffc;font-weight:600}
.panel-map-summary>span{display:block;font-size:14px;line-height:1.7;margin-top:8px;color:#c9b0db}
.panel-map-summary.is-populated{font-size:17px}
.panel-map-note{max-width:36ch;text-align:center;margin:20px auto 0;padding-top:15px;border-top:1px solid #cf9fe51c;font:400 12px/1.65 var(--vibra-font);color:#bda1d0;text-wrap:balance}
.panel-map-message{margin:9px 0 0;text-align:center;font:400 13px/1.5 var(--vibra-font);color:#e1bed6}
.panel-map-message:empty{display:none}
/* En tablet, la columna de recomendaciones baja para dar espacio a las dos mitades. */
@media(min-width:901px) and (max-width:1200px){
 .panel-grid{grid-template-columns:minmax(0,1fr)}
 .panel-related .panel-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .panel-related{margin-top:8px}
}
@media(min-width:761px) and (max-width:1000px){
 .panel-listening-space{gap:16px}
 .panel-personal-map{padding:21px 18px 17px}
}
/* No se encogen el vídeo ni la lectura en pantallas pequeñas. */
@media(max-width:760px){
 .panel-listening-space{grid-template-columns:minmax(0,1fr);gap:20px}
 .panel-listening-column .panel-vibe-slider{padding:24px 0 12px}
 .panel-listening-column .panel-vibe-slider h3{font-size:28px}
 .panel-listening-column .panel-slider-option{font-size:15px}
 .panel-personal-map{padding:23px 20px 20px}
 .panel-personal-map h3{font-size:29px;max-width:17ch}
 .panel-map-header>div:first-child{min-width:150px}
 .panel-page .panel-map-period button{min-height:44px;font-size:14px;padding:8px 12px}
 .panel-map-intro{font-size:15px;line-height:1.6}
 .panel-map-art{max-width:335px}
 .panel-map-emotions li{font-size:14px;padding:7px 11px}
 .panel-map-summary{font-size:17px;min-height:0}
 .panel-map-summary>span{font-size:15px}
 .panel-map-note{font-size:13px}
}
@media(max-width:380px){
 .panel-personal-map{padding:22px 16px 18px}
 .panel-personal-map h3{font-size:27px}
 .panel-map-header{gap:12px}
 .panel-map-emotions{gap:6px}
}
@media(prefers-reduced-motion:reduce){.panel-map-ring-value,.panel-map-period button{transition:none}}
/* Una llamada clara al pie del vídeo, en su esquina derecha. */
.panel-save-moment-row{display:flex;justify-content:flex-end;margin:17px 0 0}
.panel-page .panel-save-moment{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;min-height:49px;padding:13px 17px;border:1px solid #efb1ff;border-radius:12px;background:linear-gradient(115deg,#7123ba,#a32ed6 65%,#7730c6);color:#fff4ff;box-shadow:0 0 0 1px #dd79fa35,0 0 19px #b23cfb70,0 0 38px #9826df24,inset 0 1px 0 #ffd3ff45;text-shadow:0 0 12px #f6b2ff6b;transition:box-shadow .22s,transform .22s,filter .22s}
.panel-save-moment span{min-width:0;font:700 12px/1.4 var(--vibra-font);letter-spacing:1px;text-align:center}
.panel-save-moment svg{width:22px;height:22px;flex:none;fill:none;stroke:#ffe6ff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #f6b1ff80)}
.panel-page .panel-save-moment:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 0 0 1px #f3b7ff66,0 0 25px #c65afb9c,0 0 46px #aa37e743,inset 0 1px 0 #ffd3ff66}
.panel-page .panel-save-moment:active:not(:disabled){transform:translateY(0)}
.panel-page .panel-save-moment:disabled{box-shadow:none;filter:saturate(.55);opacity:.4;cursor:default}

/* El diálogo nativo mantiene el foco dentro y permite salir con Escape. */
.panel-moment-dialog:not([open]){display:none}
.panel-moment-dialog{width:min(520px,calc(100vw - 36px));max-width:none;max-height:calc(100svh - 36px);padding:34px 32px 29px;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;border:1px solid #cba0e582;border-radius:23px;color:#f6e9ff;background:radial-gradient(ellipse at 0 0,#8153a737,transparent 70%),linear-gradient(145deg,#30203f,#1d122a);box-shadow:0 0 60px #b477d91f,0 25px 95px #07040d99}
.panel-moment-dialog::backdrop{background:#080411ba;backdrop-filter:blur(7px)}
.panel-page .panel-moment-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:44px;min-height:44px;border-radius:50%;font:400 27px/1 var(--vibra-font);color:#d0afdF}
.panel-page .panel-moment-close:hover:not(:disabled){background:#c696e318;color:#fff}
.panel-moment-dialog .panel-moments-eyebrow{margin-right:28px;margin-bottom:15px}
.panel-page .panel-moment-dialog h2{margin:0 0 13px;max-width:20ch;color:#f4defe;font:400 33px/1.13 var(--serif);letter-spacing:-.35px;text-wrap:balance}
#panel-moment-dialog-intro{margin:0 0 21px;color:#ceb4df;font:400 16px/1.65 var(--vibra-font)}
#panel-moment-form label{display:block;margin-bottom:10px;color:#ead4f7;font:500 15px/1.5 var(--vibra-font)}
.panel-page #panel-moment-name{display:block;box-sizing:border-box;width:100%;min-height:51px;padding:12px 14px;border:1px solid #ba90d35c;border-radius:11px;background:#130a2080;color:#fff0ff;font:400 16px/1.4 var(--vibra-font)}
.panel-page #panel-moment-name:focus-visible{outline:2px solid #da9df5;outline-offset:3px}
.panel-page #panel-moment-name[aria-invalid=true]{border-color:#ff96ba}
.panel-moment-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}
.panel-page .panel-moment-suggestions button{min-height:41px;max-width:100%;padding:8px 12px;border:1px solid #ae84c23d;border-radius:99px;background:#a56fc10a;color:#ceb1df;font:400 13px/1.5 var(--vibra-font);text-align:left}
.panel-page .panel-moment-suggestions button:hover:not(:disabled),.panel-page .panel-moment-suggestions button[aria-pressed=true]{border-color:#d49feb88;background:#b474d326;color:#f6e4ff}
.panel-moment-form-message{margin:0 0 15px;color:#f2a6c6;font:400 14px/1.6 var(--vibra-font)}
.panel-moment-form-message:empty{display:none}
.panel-page .panel-moment-submit{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:51px;padding:13px 18px;border:1px solid #dba3fa8c;border-radius:12px;color:#fff0ff;background:linear-gradient(100deg,#7440a3,#9a48c3);box-shadow:0 0 18px #ac57d92c;font:600 15px/1.5 var(--vibra-font)}
.panel-page .panel-moment-dialog button:disabled{opacity:.55;cursor:default}
@media(max-width:760px){
 .panel-save-moment-row{margin-top:16px}
 .panel-save-moment span{font-size:13px;letter-spacing:.7px}

}
@media(max-width:540px){
 .panel-moment-dialog{width:calc(100vw - 24px);max-height:calc(100svh - 24px);padding:31px 22px 24px;border-radius:19px}
 .panel-page .panel-moment-dialog h2{font-size:30px}
 .panel-page .panel-moment-suggestions button{font-size:14px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.panel-save-moment{transition:none!important;transform:none!important}}
/* Momentos vive exclusivamente en el menú principal. */
.panel-moments-nav{position:relative;min-width:0}
.panel-page .panel-moments-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:57px;padding:12px 14px;border:1px solid transparent;border-radius:10px;text-align:left;color:#f5eaff;background:transparent;font:400 16px/1.4 var(--vibra-font)}
.panel-moments-toggle>svg:first-child{width:23px;height:23px;flex:none;color:#dfb4ff}
.panel-moments-toggle>span{flex:1;min-width:0}
.panel-moments-toggle .panel-moments-chevron{width:12px;height:12px;flex:none;transition:transform .2s;color:#d4adeb}
.panel-page .panel-moments-toggle:hover,.panel-page .panel-moments-toggle.is-open{background:#b066d521;border-color:#b88cd731}
.panel-moments-toggle.is-open .panel-moments-chevron{transform:rotate(180deg)}
.panel-moments-dropdown{position:fixed;z-index:90;inset:auto;margin:0;box-sizing:border-box;width:min(290px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto;padding:7px;border:1px solid #b688d378;border-radius:13px;color:#f5eaff;background:linear-gradient(145deg,#352047fa,#21142ffa);box-shadow:0 12px 35px #09031175}
.panel-moments-dropdown::backdrop{background:transparent;pointer-events:none}
.panel-moments-menu-list{list-style:none;margin:0;padding:0;max-height:min(480px,60svh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8257a1 transparent}
.panel-moment-menu-item{display:flex;align-items:center;gap:0;padding:3px 4px;border-radius:9px;min-width:0}
.panel-moment-menu-item:hover,.panel-moment-menu-item:focus-within{background:#c291de12}
.panel-page .panel-moment-pick{display:flex;align-items:center;gap:8px;min-width:0;flex:1;padding:9px 4px;min-height:46px;border:0;border-radius:8px;text-align:left;color:#ead4f8;font:400 13px/1.45 var(--vibra-font);white-space:normal}
.panel-page .panel-moment-pick:hover:not(:disabled){color:#fff0ff}
.panel-page .panel-moment-pick:disabled{opacity:.5;cursor:default}
.panel-moment-symbol{display:grid;place-items:center;flex:none;width:24px;height:28px;color:#e0b3fb;filter:drop-shadow(0 0 6px #b772d947)}
.panel-moment-symbol svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.panel-moment-menu-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;min-width:0}
.panel-page .panel-moment-menu-remove{display:grid;place-items:center;flex:none;width:27px;min-height:32px;padding:0;border-radius:8px;background:transparent;color:#d8b5ec;font:400 24px/1 var(--vibra-font);opacity:0;pointer-events:none;transition:opacity .14s,color .14s,background .14s}
.panel-moment-menu-item:hover .panel-moment-menu-remove,.panel-moment-menu-item:focus-within .panel-moment-menu-remove,.panel-moment-menu-remove:focus-visible{opacity:1;pointer-events:auto}
.panel-page .panel-moment-menu-remove:hover{background:#c679a321;color:#ffc6e0}
.panel-page .panel-moment-menu-remove:disabled{opacity:.4;cursor:default}
.panel-moments-menu-empty{margin:0;padding:13px 12px;color:#cbb0de;font:400 13px/1.7 var(--vibra-font);white-space:normal}
.panel-moments-menu-message{margin:5px 0 0;padding:8px 12px;color:#e7badb;font:400 12px/1.6 var(--vibra-font);white-space:normal}
.panel-moments-menu-message:empty{display:none}
.panel-moment-dialog h2{padding-right:22px}
#panel-moment-dialog-intro strong{font-weight:600;color:#f0d3ff}
@media(min-width:641px) and (max-width:1200px){
 .panel-page .panel-moments-toggle{flex-direction:column;gap:6px;min-height:65px;padding:10px 2px;font-size:12px}
 .panel-moments-toggle .panel-moments-chevron{display:none}
 .panel-page .panel-moment-pick{font-size:15px;min-height:50px;padding:10px 7px;gap:10px}
 .panel-page .panel-moment-menu-remove{width:32px;min-height:36px}
}
@media(max-width:640px){
 .panel-page .panel-moments-toggle{min-height:48px;padding:10px 13px;font-size:16px;gap:12px}
 .panel-moments-toggle>svg:first-child{width:22px;height:22px}
 .panel-page .panel-moment-pick{font-size:15px;min-height:50px;padding:9px 6px;gap:10px}
 .panel-moment-symbol{width:27px}
 .panel-moments-menu-list{max-height:min(410px,52svh)}
 .panel-moments-menu-empty{font-size:14px}
}
@media(hover:none),(pointer:coarse){.panel-page .panel-moment-menu-remove{width:44px;min-height:44px;opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.panel-moments-chevron,.panel-moment-menu-remove{transition:none!important}}

/* Cabecera móvil fija: cada control dispone de su propio espacio táctil. */
@media(max-width:640px){
 .panel-page{--panel-mobile-bar-bottom:calc(var(--panel-frame) + env(safe-area-inset-top,0px) + 74px)}
 .panel-sidebar{position:fixed;top:calc(var(--panel-frame) + env(safe-area-inset-top,0px));left:var(--panel-frame);right:var(--panel-frame);z-index:60;isolation:isolate;box-sizing:border-box;padding:4px calc(12px + env(safe-area-inset-right,0px)) 5px calc(12px + env(safe-area-inset-left,0px));background:transparent;border:0}
 .panel-sidebar::before{content:"";position:absolute;inset:calc(-1 * (var(--panel-frame) + env(safe-area-inset-top,0px))) calc(-1 * var(--panel-frame)) 0;z-index:-1;pointer-events:none;border-bottom:1px solid #bb7bd64d;background:linear-gradient(135deg,#251331f5,#352048f5 55%,#1c122df5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 24px #09031233;opacity:0;transition:opacity .28s ease}
 .has-mobile-bar-background .panel-sidebar::before,.panel-sidebar:has(.panel-nav[data-menu-open=true])::before{opacity:1}
 .panel-sidebar-head{position:relative;display:flex;align-items:center;min-height:65px}
 .panel-sidebar-head .panel-brand{height:65px;max-width:calc(100% - 164px)}
 .panel-sidebar-head .panel-brand .logo-crop{width:clamp(76px,25vw,96px);min-width:0}
 .panel-page .panel-menu-toggle{position:absolute;right:108px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:9px}
 .panel-tools{position:fixed;top:calc(var(--panel-frame) + env(safe-area-inset-top,0px) + 14.5px);right:calc(var(--panel-frame) + env(safe-area-inset-right,0px) + 12px);z-index:61;display:flex;align-items:center;gap:8px;width:96px;margin:0}
 .panel-notifications,.panel-profile{flex:0 0 44px;width:44px}
 .panel-page .panel-bell,.panel-page .panel-profile-toggle{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;gap:0}
 .panel-profile-toggle>svg{display:none}
 .panel-avatar{flex:none;width:39px;height:39px}
 .panel-notification-count{right:-1px;top:-2px}
 .panel-workspace{padding-top:calc(74px + env(safe-area-inset-top,0px))}
 #panel-main{scroll-margin-top:calc(var(--panel-mobile-bar-bottom) + 12px)}
 .panel-nav{max-height:calc(100svh - var(--panel-mobile-bar-bottom) - env(safe-area-inset-bottom,0px) - 22px);overflow-y:auto;overscroll-behavior:contain}
 .panel-notifications-box,.panel-profile-menu{position:fixed;top:calc(var(--panel-mobile-bar-bottom) + 6px);right:calc(var(--panel-frame) + env(safe-area-inset-right,0px) + 12px);box-sizing:border-box;max-width:calc(100vw - 2 * var(--panel-frame) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 24px);max-height:calc(100svh - var(--panel-mobile-bar-bottom) - env(safe-area-inset-bottom,0px) - 22px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:640px) and (prefers-reduced-motion:reduce){.panel-sidebar::before{transition:none}}

/* Compartir: turquesa neón junto al momento guardado, sin tapar el vídeo. */
.panel-save-moment-row{flex-wrap:wrap;gap:10px;align-items:center}
.panel-share-controls{position:relative;flex:none}
.panel-page .panel-share{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:13px 17px;border:1px solid #8ffff2;border-radius:12px;background:linear-gradient(115deg,#006b77,#088d91 65%,#007375);color:#efffff;box-shadow:0 0 0 1px #51ffee40,0 0 20px #1be8d75e,inset 0 1px 0 #caffff40;transition:box-shadow .2s,filter .2s}
.panel-share span{font:700 12px/1.4 var(--vibra-font);letter-spacing:1px}
.panel-share svg{width:22px;height:22px;flex:none;filter:drop-shadow(0 0 4px #91fff57a)}
.panel-page .panel-share:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 0 25px #20ffdf85,inset 0 1px 0 #d4ffff66}
.panel-page .panel-share:disabled{opacity:.4;cursor:default;box-shadow:none}
.panel-share-dropdown{position:fixed;z-index:95;inset:auto;box-sizing:border-box;margin:0;width:min(320px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:17px;border:1px solid #88eedd69;border-radius:17px;color:#f6f0ff;background:linear-gradient(145deg,#2d1b41fa,#19162cfc);box-shadow:0 14px 42px #09031299,0 0 20px #25e1d51c}
.panel-share-dropdown::backdrop{background:transparent;pointer-events:none}
.panel-share-intro{margin:0 0 14px;font:400 17px/1.4 var(--serif);color:#f4ddff;text-wrap:balance}
.panel-share-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.panel-share-options a,.panel-page .panel-share-options button{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:52px;padding:10px 9px;border:1px solid #b999d641;border-radius:10px;background:#ffffff07;color:#f4efff;text-decoration:none;text-align:left;font:400 14px/1.3 var(--vibra-font)}
.panel-share-options a:hover,.panel-page .panel-share-options button:hover{background:#ffffff12;border-color:#d4b5f285}
.panel-share-options svg{display:block;width:23px;height:23px;flex:none}
.panel-share-options .share-tiktok{grid-column:1/-1;justify-content:center}
.share-whatsapp svg{color:#43f394}.share-telegram svg{color:#49caff}.share-instagram svg{color:#ff7ccb}.share-facebook svg{color:#7baaff}.share-tiktok svg{color:#e1fffa;filter:drop-shadow(-1px 0 0 #26f5e1) drop-shadow(1px 1px 0 #ff4d85)}
.panel-page .panel-share-options button:disabled{opacity:.5;cursor:wait}
.panel-share-message{margin:14px 0 0;color:#ccece7;font:400 14px/1.6 var(--vibra-font)}
.panel-share-message:empty{display:none}
.panel-share-copy{display:block;box-sizing:border-box;width:100%;resize:vertical;margin:12px 0 0;padding:12px;border:1px solid #b191d269;border-radius:10px;background:#140e21;color:#f4e9ff;font:400 14px/1.55 var(--vibra-font)}
.panel-share-continue{display:flex;justify-content:center;align-items:center;min-height:44px;margin-top:12px;padding:10px 14px;border:1px solid #73ecdb8a;border-radius:10px;background:#087c773b;color:#d6fff8;font:600 14px/1.4 var(--vibra-font);text-decoration:none}
/* Anillos y etiquetas comparten su color; los nombres siguen identificándolos. */
.panel-map-ring-value{stroke:var(--map-tone,#26f5db);stroke-width:4.5;filter:drop-shadow(0 0 4px var(--map-tone,#26f5db)) drop-shadow(0 0 10px rgb(var(--map-rgb,38 245 219)/.4))}
.panel-map-emotions li{border-color:rgb(var(--map-rgb,38 245 219)/.55);background:rgb(var(--map-rgb,38 245 219)/.1);box-shadow:0 0 13px rgb(var(--map-rgb,38 245 219)/.13);color:#faf6ff}
.panel-map-emotions li:before{width:7px;height:7px;box-shadow:0 0 5px var(--map-tone),0 0 13px var(--map-tone)}
@media(max-width:540px){
 .panel-save-moment-row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .panel-share-controls,.panel-page .panel-save-moment,.panel-page .panel-share{width:100%}
 .panel-share span{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.panel-share{transition:none!important}}

/* Una base más profunda para que la música y su luz respiren. */
.panel-page{background:#07050e}
.panel-frame{background:radial-gradient(ellipse at 65% 0,#28153935,transparent 56%),linear-gradient(135deg,#100b1d,#0d0a18 65%,#151022)}
.panel-sidebar{background:linear-gradient(180deg,#0a0818d9,#120d20e8)}
/* Acciones legibles, pequeñas y suaves, sin bloques ni sombras fuertes. */
.panel-save-moment-row{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:9px;margin-top:14px}
.panel-share-controls{width:auto}
.panel-page .panel-save-moment,.panel-page .panel-share{width:auto;min-height:42px;padding:9px 13px;gap:7px;border-radius:99px;border:1px solid #c997e349;background:#b984d00a;box-shadow:none;text-shadow:none;color:#e6c9f5;transition:background .2s,border-color .2s}
.panel-save-moment span,.panel-share span{font:500 13px/1.4 var(--vibra-font);letter-spacing:0}
.panel-save-moment svg,.panel-share svg{width:18px;height:18px;filter:none}
.panel-save-moment svg{stroke:currentColor}
.panel-page .panel-share{color:#a6e9df;border-color:#88d6c943;background:#6dbdae08}
.panel-page .panel-save-moment:hover:not(:disabled),.panel-page .panel-share:hover:not(:disabled){transform:none;filter:none;box-shadow:none;background:#c99fe014;border-color:#d8b1ed8a}
.panel-page .panel-share:hover:not(:disabled){background:#83e5d313;border-color:#a2e9dc88}
/* Biblioteca de momentos debajo de la navegación principal. */
.panel-moments-shelf{border-top:1px solid #b084c630;margin-top:16px;padding-top:19px;min-width:0}
.panel-page .panel-moments-shelf h2{margin:0 0 10px;padding:0 7px;color:#bd9dd1;font:500 10px/1.5 var(--vibra-font);letter-spacing:1.7px;text-transform:uppercase}
.panel-moments-shelf .panel-moment-menu-item{padding:0;border-radius:8px}
.panel-moments-shelf .panel-moment-pick{min-height:39px;padding:7px 6px;font-size:13px;gap:8px}
.panel-moments-shelf .panel-moment-symbol{width:19px;color:#d6b6eb}
.panel-moments-shelf .panel-moment-symbol svg{width:18px;height:18px}
.panel-moments-shelf .panel-moment-menu-title{-webkit-line-clamp:1;line-clamp:1}
.panel-sidebar-moments-empty{margin:0;padding:6px 7px;color:#a48eb5;font:400 12px/1.6 var(--vibra-font)}
.panel-page .panel-sidebar-save-moment{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 6px;color:#d4b7e7;font:400 13px/1.4 var(--vibra-font);text-align:left;border-radius:8px;background:transparent}
.panel-sidebar-save-moment svg{width:19px;height:19px;flex:none}
.panel-sidebar-save-moment:disabled{opacity:.4;cursor:default}
.panel-sidebar-save-moment:hover:not(:disabled){color:#f0d9ff;background:#ba79d80c}
/* Recomendaciones compactas: portada, nombre, reproducción y tres puntos. */
.panel-related .panel-section-heading h2{font:500 12px/1.6 var(--vibra-font);letter-spacing:1.05px;text-transform:uppercase;color:#c5a3dc}
.panel-related .panel-recent-grid{display:block;padding:7px;border:1px solid #ae81c53d;border-radius:13px;background:#100d2040}
.panel-related-row{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 3px;border-radius:9px}
.panel-related-row:hover{background:#be8bd80a}
.panel-page .panel-related-pick{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0;background:transparent;text-align:left;border:0}
.panel-related-cover{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #bc91d041;border-radius:7px;overflow:hidden;background:linear-gradient(135deg,#684285,#23182f);color:#e0bcf5}
.panel-related-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.panel-related-cover>svg{width:22px;height:22px}
.panel-related-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.panel-related-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 14px/1.3 var(--vibra-font);color:#f1e5fc}
.panel-related-copy>span{font:400 11px/1.3 var(--vibra-font);color:#bfa7cf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.panel-page .panel-related-play{display:grid;place-items:center;flex:none;width:32px;height:32px;min-height:32px;padding:0;border:1px solid #d1b0e5a8;border-radius:50%;background:transparent;color:#e7cff5}
.panel-related-play svg{width:18px;height:18px;fill:currentColor}
.panel-page .panel-related-more{display:grid;place-items:center;flex:none;width:24px;height:38px;min-height:38px;padding:0;background:transparent;color:#bb9dce;border:0;border-radius:8px}
.panel-related-more svg{width:18px;height:18px;fill:currentColor}
.panel-page .panel-related-play:hover,.panel-page .panel-related-more:hover{color:#fff0ff;background:#c397df13}
.panel-related-play:disabled{opacity:.35;cursor:default}
.panel-related-menu{position:fixed;z-index:94;inset:auto;box-sizing:border-box;margin:0;padding:7px;width:245px;max-width:calc(100vw - 32px);border:1px solid #b891ce69;border-radius:12px;background:linear-gradient(140deg,#30203efa,#1a132afb);box-shadow:0 12px 30px #09031085;color:#eee0f8}
.panel-related-menu::backdrop{background:transparent;pointer-events:none}
.panel-page .panel-related-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;font:400 14px/1.4 var(--vibra-font)}
.panel-related-menu svg{width:18px;height:18px;flex:none}
.panel-page .panel-related-menu button:hover{background:#b080ce14}
.panel-page #panel-related-remove{color:#e5b9ce}
.panel-related-menu button:disabled{opacity:.4;cursor:default}
@media(min-width:641px) and (max-width:1200px){.panel-moments-shelf{display:none}}
@media(max-width:640px){
 .panel-sidebar{background:transparent}
 .panel-save-moment-row{justify-content:center;gap:8px}
 .panel-page .panel-save-moment,.panel-page .panel-share{min-height:44px;padding:9px 12px}
 .panel-moments-shelf{margin-top:9px;padding-top:13px}
 .panel-moments-shelf .panel-moment-pick{min-height:44px;font-size:14px;padding:8px}
 .panel-page .panel-sidebar-save-moment{min-height:44px;font-size:14px;padding:8px}
 .panel-page .panel-related-play{width:38px;height:38px;min-height:38px}
 .panel-page .panel-related-more{width:32px;height:44px;min-height:44px}
 .panel-related-copy strong{font-size:15px}
}
@media(hover:none),(pointer:coarse){.panel-page .panel-related-play,.panel-page .panel-related-more{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.panel-save-moment,.panel-share{transition:none!important}}

.panel-featured-video{margin:0 0 28px;min-width:0}
.panel-featured-heading{text-align:center;margin:1px auto 17px}
.panel-featured-heading>p{margin:0 0 8px;color:#c8a7de;font:400 11px/1.5 var(--vibra-font);letter-spacing:1.2px;text-transform:uppercase}
.panel-page .panel-featured-heading h2{margin:0;color:#f5e8ff;font:400 clamp(24px,2.6vw,34px)/1.2 var(--serif);text-wrap:balance}
.panel-featured-video .panel-video{box-sizing:border-box;width:70%;max-width:70%;min-height:0;aspect-ratio:auto;margin:0 auto;scroll-margin-top:110px}
.panel-featured-video .panel-video:before{content:"";display:block;aspect-ratio:16/9}
.panel-featured-video #panel-youtube-slot,.panel-featured-video #panel-youtube-slot iframe{min-height:0}
.panel-featured-video .panel-video-empty{padding:12px;font-size:clamp(15px,1.8vw,24px)}
.panel-featured-video .panel-save-moment-row{justify-content:center;max-width:100%;margin:12px auto 0}
.panel-featured-video .panel-vibe-slider{width:70%;max-width:70%;margin:0 auto;padding:25px 0 12px;border-bottom:0}
.panel-featured-video .panel-vibe-slider h3{font-size:clamp(25px,2vw,30px);margin-bottom:16px}
.panel-featured-video .panel-track{padding:0}
/* Portal editorial: todo el efecto se construye con CSS, sin otra escena 3D. */
.panel-song-secrets{min-width:0;padding:22px 16px 18px;border:1px solid #bb84de3d;border-radius:17px;background:radial-gradient(ellipse at 50% 43%,#7c31b31a,transparent 70%),linear-gradient(155deg,#1d112a9c,#140c2199);color:#f4e5ff;overflow:hidden}
.panel-secrets-heading{text-align:center}
.panel-secrets-heading h3{margin:0;color:#efdbff;font:400 clamp(24px,2.1vw,30px)/1.2 var(--serif);text-transform:uppercase;text-wrap:balance;letter-spacing:.5px}
.panel-secrets-heading .panel-secrets-song{margin:9px 0 0;color:#bca5ce;font:400 15px/1.5 var(--serif)}
.panel-page .panel-secrets-toggle{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:center;border-radius:12px;cursor:pointer}
.panel-secrets-scene{position:relative;display:block;height:300px;margin:0 auto;isolation:isolate;transition:height .75s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.secret-portal-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#bf66f63b,#8035cf0a 42%,transparent 67%);transform:scale(.96);transition:opacity .6s,transform .8s}
.secret-portal-orbit{position:absolute;left:50%;top:52%;width:218px;height:218px;border:1px solid #cb83fd26;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 35px #ab44f016,inset 0 0 22px #bd7dfa10;transition:width .75s,height .75s,top .75s}
.secret-portal-arch{position:absolute;left:50%;bottom:26px;display:block;width:150px;height:239px;transform:translateX(-50%);border:1px solid #e1b2ff;border-radius:90px 90px 5px 5px;background:radial-gradient(ellipse at 50% 60%,#f5e3ffca,#9c44e884 28%,#602aa242 55%,#201032);box-shadow:0 0 5px #f3d6ff,0 0 21px #b753f799,0 0 50px #8533c842,inset 0 0 10px #f0c2ff73;perspective:650px;transition:width .75s,height .75s,bottom .75s,box-shadow .6s}
.secret-portal-light{position:absolute;inset:7px;border-radius:80px 80px 0 0;background:radial-gradient(ellipse at 50% 58%,#fff4ffda,#d4a5ff77 35%,transparent 74%);opacity:.2;transition:opacity .7s}
.secret-portal-door{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(135deg,#1d0c31,#42205e 54%,#160b25);border:1px solid #b970e66e;box-sizing:border-box;backface-visibility:hidden;transition:transform .95s cubic-bezier(.2,.65,.2,1),opacity .7s}
.secret-portal-door:before{content:"";position:absolute;inset:13px 9px;border:1px solid #c688ed38;border-radius:inherit;box-shadow:inset 0 0 18px #943ebd14}
.secret-portal-door:after{content:"";position:absolute;top:57%;width:3px;height:19px;border-radius:99px;background:#f8dbff;box-shadow:0 0 9px #da85ff}
.secret-portal-door.door-left{left:0;border-radius:90px 0 0 4px;transform-origin:left center}.secret-portal-door.door-left:after{right:7px}
.secret-portal-door.door-right{right:0;border-radius:0 90px 4px 0;transform-origin:right center}.secret-portal-door.door-right:after{left:7px}
.secret-portal-stars:before,.secret-portal-stars:after{content:"";position:absolute;left:50%;top:25%;width:2px;height:2px;border-radius:50%;background:#ffeaff;box-shadow:-98px 16px 5px #cb8cff,99px 27px 6px #f6c3ff,-113px 124px 5px #c185ff,104px 139px 5px #c996ff,-80px 165px 4px #b468ed,82px -20px 7px #e2b6ff;opacity:.7;animation:secret-dust 5s ease-in-out infinite}
.secret-portal-stars:after{top:37%;transform:scale(.7);animation-delay:-2.5s}
.secret-portal-floor{position:absolute;left:50%;bottom:8px;width:235px;height:38px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#d7a0ff47,transparent 69%);box-shadow:0 -7px 24px #a052d216}
.panel-secrets-invitation{display:block;max-width:29ch;margin:0 auto;color:#dcc4eb;font:400 17px/1.5 var(--serif);text-wrap:balance}
.panel-secrets-action{display:block;margin:10px 0 0;color:#dbaaf5;font:400 12px/1.5 var(--vibra-font);letter-spacing:.6px}
.panel-secrets-toggle:hover .secret-portal-halo{transform:scale(1.07);opacity:1}.panel-secrets-toggle:hover .secret-portal-arch{box-shadow:0 0 7px #f5ddff,0 0 28px #c877fcb3,0 0 65px #9f41da4d,inset 0 0 13px #f0c2ff73}
.panel-secrets-toggle:active .secret-portal-halo{transform:scale(1.12)}
.panel-song-secrets.is-open .panel-secrets-scene{height:183px}
.panel-song-secrets.is-open .secret-portal-arch{width:118px;height:142px;bottom:21px}
.panel-song-secrets.is-open .secret-portal-door.door-left{transform:rotateY(-75deg)}
.panel-song-secrets.is-open .secret-portal-door.door-right{transform:rotateY(75deg)}
.panel-song-secrets.is-open .secret-portal-light{opacity:1}
.panel-song-secrets.is-open .secret-portal-halo{transform:scale(1.14);opacity:1}
.panel-song-secrets.is-open .secret-portal-orbit{width:140px;height:140px;top:46%}
.panel-secrets-content{margin:19px 0 0;animation:secret-reveal .65s ease both}
.panel-secrets-status{margin:0 2px 15px;color:#bda3d0;font:400 14px/1.65 var(--serif);text-align:center;text-wrap:balance}
.panel-secret-detail{border-top:1px solid #b680d431;padding:0}
.panel-secret-detail:last-child{border-bottom:1px solid #b680d431}
.panel-secret-detail summary{display:flex;align-items:center;gap:9px;min-height:52px;padding:9px 1px;list-style:none;cursor:pointer;color:#ecd6fa;font:400 15px/1.45 var(--serif)}
.panel-secret-detail summary::-webkit-details-marker{display:none}
.panel-secret-detail summary>svg{width:18px;height:18px;flex:none;fill:none;stroke:#c98beb;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.panel-secret-detail summary>span:first-of-type{flex:1;min-width:0}
.panel-secret-chevron{font:400 23px/1 var(--vibra-font);color:#b481cd;transition:transform .2s}
.panel-secret-detail[open] .panel-secret-chevron{transform:rotate(90deg)}
.panel-secret-detail summary:hover{color:#fff0ff}
.panel-secret-detail summary:focus-visible{outline:2px solid #e0b1ff;outline-offset:2px;border-radius:7px}
.panel-secret-body{padding:0 4px 16px 27px;color:#d5bddf;font:400 16px/1.75 var(--serif);white-space:pre-line;overflow-wrap:anywhere}
.panel-secret-body p{margin:0}
.panel-secret-detail[data-pending=true] .panel-secret-body{color:#af96bf;font-size:14px}
.panel-secret-contact{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;margin:13px 0 0;padding:8px 13px;border:1px solid #89d6b947;border-radius:99px;color:#b6ffe1;background:#7cc8a70a;text-decoration:none;font:400 13px/1.5 var(--vibra-font);white-space:normal}
.panel-secret-contact:hover{border-color:#8be2bd88;background:#80d6b110}
.panel-page .panel-secrets-retry{display:block;margin:14px auto 0;padding:9px 13px;min-height:44px;border:1px solid #c398dc47;border-radius:99px;background:transparent;color:#d7b9e9;font:400 13px/1.5 var(--vibra-font)}
@keyframes secret-dust{0%,100%{opacity:.4;translate:0 0}50%{opacity:.85;translate:0 -9px}}
@keyframes secret-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.panel-song-secrets{padding:21px 16px}.panel-featured-video .panel-vibe-slider{width:100%;max-width:100%}}
@media(max-width:640px){.panel-featured-heading{margin-bottom:13px}.panel-featured-heading>p{font-size:10px}.panel-featured-video{margin-bottom:21px}.panel-featured-video .panel-vibe-slider{padding:22px 0 9px}.panel-featured-video .panel-slider-option{font-size:13px}.panel-secrets-scene{height:286px}.panel-secrets-heading h3{font-size:26px}.panel-secret-detail summary{font-size:17px;min-height:55px}.panel-secret-body{font-size:17px}}
@media(prefers-reduced-motion:reduce){.panel-secrets-scene,.secret-portal-halo,.secret-portal-orbit,.secret-portal-arch,.secret-portal-door,.secret-portal-light,.panel-secret-chevron{transition:none!important}.secret-portal-stars:before,.secret-portal-stars:after,.panel-secrets-content{animation:none!important}}

.panel-featured-heading{margin-bottom:6px}
.panel-featured-heading>p{margin-bottom:5px}
.panel-featured-video{margin-bottom:17px}
/* Las cajas comparten altura, incluso al desplegar el portal. */
.panel-listening-space{grid-auto-rows:1fr}
.panel-listening-column{display:flex;flex-direction:column;min-height:0}
.panel-song-secrets{display:flex;flex-direction:column;flex:1;box-sizing:border-box}
.panel-song-secrets .panel-secrets-toggle{flex:none;margin-block:auto}
/* Revelado fluido con contenido inerte y oculto para lectores cuando está cerrado. */
.panel-secrets-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.2,.8,.2,1)}
.panel-secrets-reveal .panel-secrets-content{min-height:0;overflow:hidden;margin:0;animation:none;opacity:0;transition:opacity .35s ease}
.panel-secrets-reveal .panel-secrets-status{margin-top:19px}
.panel-song-secrets.is-open .panel-secrets-reveal{grid-template-rows:1fr}
.panel-song-secrets.is-open .panel-secrets-content{opacity:1}
@media(max-width:640px){.panel-featured-heading{margin-bottom:4px}.panel-featured-video{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.panel-secrets-reveal,.panel-secrets-reveal .panel-secrets-content{transition:none!important}}

/* Fondos PNG originales: título, vídeo, acciones y deslizador en una misma escena. */
.panel-song-scene{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;min-width:0;padding:18px 0 25px}
.panel-song-backdrop{position:absolute;inset:0;z-index:-1;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}
.panel-song-video-frame{position:relative;z-index:2;box-sizing:border-box;width:70%;max-width:70%;min-width:0;--video-light:#ce8bff;--video-warm:#ff72dc}
.panel-video-glow-wrap{position:relative;isolation:isolate;width:100%;border-radius:16px}
.panel-video-glow-wrap:before{content:"";position:absolute;inset:-10px;z-index:-1;border-radius:24px;pointer-events:none;background:linear-gradient(135deg,#ba60ff77,#e7b0ff44 45%,#ff51cb77);filter:blur(14px);opacity:.9}
.panel-video-glow-wrap:after{content:"";position:absolute;inset:-1px;z-index:1;pointer-events:none;border:1px solid #e6b5ffb3;border-radius:inherit;box-shadow:0 0 8px #d599ffa6,0 0 24px #bd5df56b,0 0 44px #e564d62e}
.panel-featured-video .panel-song-video-frame .panel-video{width:100%;max-width:100%;margin:0;border:2px solid #392048;border-radius:16px;background:#10091c;box-shadow:0 7px 26px #07020b70}
.panel-featured-video .panel-song-video-frame .panel-save-moment-row{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;width:100%;max-width:100%;margin:8px auto 0}
.panel-page .panel-song-video-frame .panel-save-moment,.panel-page .panel-song-video-frame .panel-share{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-height:32px;padding:6px 12px;border-radius:99px;font:500 12px/1.3 var(--vibra-font);transition:background .18s,box-shadow .18s}
.panel-page .panel-song-video-frame .panel-save-moment{color:#ffe0ff;border:1px solid #ed76ffc4;background:#371047e6;box-shadow:0 0 12px #ee48ff36,inset 0 0 7px #a934cd33}
.panel-page .panel-song-video-frame .panel-share{color:#b7fff5;border:1px solid #49ffddd1;background:#08392fe6;box-shadow:0 0 12px #2af7d82e,inset 0 0 7px #1aa99533}
.panel-song-video-frame .panel-save-moment span,.panel-song-video-frame .panel-share span{font-size:12px}
.panel-song-video-frame .panel-save-moment svg,.panel-song-video-frame .panel-share svg{width:15px;height:15px}
.panel-page .panel-song-video-frame .panel-save-moment:hover:not(:disabled){background:#51205dec;box-shadow:0 0 17px #e967ff60}
.panel-page .panel-song-video-frame .panel-share:hover:not(:disabled){background:#115044ec;box-shadow:0 0 17px #36ffdb50}
.panel-song-video-frame .panel-share-controls{width:auto}
.panel-featured-video .panel-vibe-slider{position:relative;z-index:1;box-sizing:border-box;width:88%;max-width:850px;margin:0 auto;padding:13px 0 0;border:0;text-align:center}
.panel-slider-composition{display:grid;grid-template-columns:minmax(118px,170px) minmax(56px,1fr) minmax(118px,170px);gap:13px;align-items:center;min-width:0}
.panel-page .panel-slider-composition .panel-slider-option{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;min-height:56px;min-width:0;padding:8px 12px;border:1px solid #c17affbf;border-radius:99px;background:linear-gradient(135deg,#30134ae8,#1c1031ed);box-shadow:0 0 14px #aa44e843,inset 0 0 14px #923bca33;color:#f2dfff;opacity:1;text-align:left;cursor:pointer;font:400 15px/1.3 var(--serif)}
.panel-page .panel-slider-composition .panel-slider-option[data-slider-mode=stronger]{border-color:#f474d4bf;background:linear-gradient(135deg,#3c1438e8,#24102eed);box-shadow:0 0 14px #f14ccc43,inset 0 0 14px #b62f9133}
.panel-slider-composition .panel-slider-option>span{display:flex;flex-direction:column;gap:3px;min-width:0;text-shadow:none}
.panel-slider-composition .panel-slider-option strong{font:inherit;white-space:nowrap}
.panel-slider-composition .panel-slider-option small{color:#d9bcec;font:400 10px/1.35 var(--vibra-font);white-space:nowrap}
.panel-slider-composition .panel-slider-option svg{flex:none;width:24px;height:24px;stroke:#e6c8ff;filter:drop-shadow(0 0 4px #b980ff)}
.panel-slider-composition .panel-slider-option[data-slider-mode=stronger] svg{stroke:#ffb4ed;filter:drop-shadow(0 0 4px #f26ccd)}
.panel-page .panel-slider-composition .panel-slider-option:hover:not(:disabled),.panel-page .panel-slider-composition .panel-slider-option.is-active{border-color:#f7d4ff;box-shadow:0 0 19px #d162f770,inset 0 0 15px #ad56dc3d}
.panel-page .panel-slider-composition .panel-slider-option:disabled{cursor:default;opacity:.55}
.panel-slider-composition .panel-slider-track{width:100%;height:56px;max-width:none;margin:0}
.panel-slider-composition .panel-slider-wave{left:22px;top:0;width:calc(100% - 44px);height:56px;filter:drop-shadow(0 0 5px #d77bffbf)}
.panel-slider-composition .panel-slider-marker{display:none}
.panel-slider-composition .panel-slider-orb{left:50%;top:50%;width:31px;height:31px;border-color:#fff0ff;background:radial-gradient(circle at 38% 30%,#fff 0,#e0b0ff 12%,#d168ff 38%,#a22fea 73%,#d283ff);box-shadow:0 0 8px #dc96ffc9,0 0 22px #c759ff99,inset 0 0 9px #fbe0ff6b}
.panel-slider-composition .panel-slider-orb:before{inset:-5px;border-color:#dca0ff66;box-shadow:0 0 17px #c365ee33}
.panel-slider-composition .panel-slider-orb:after{display:none}
.panel-slider-composition .panel-emotional-slider,.panel-slider-composition .panel-emotional-slider::-webkit-slider-runnable-track,.panel-slider-composition .panel-emotional-slider::-webkit-slider-thumb{height:56px}
.panel-slider-composition .panel-emotional-slider::-moz-range-track,.panel-slider-composition .panel-emotional-slider::-moz-range-thumb{height:56px}
.panel-vibe-slider .panel-refinement-message:empty{display:none}
.panel-featured-video .panel-refinement-message{position:relative;font-size:13px;line-height:1.45;max-width:50ch;margin:10px auto 0;padding:3px 8px;border-radius:6px;background:#140b20cc;color:#efddff}
@media(max-width:760px){.panel-song-scene{padding:13px 0 18px}.panel-slider-composition{gap:8px;grid-template-columns:minmax(108px,150px) minmax(50px,1fr) minmax(108px,150px)}.panel-page .panel-slider-composition .panel-slider-option{font-size:14px;padding:8px;gap:7px}.panel-slider-composition .panel-slider-option svg{width:21px;height:21px}}
@media(max-width:540px){.panel-song-backdrop{object-fit:cover}.panel-video-glow-wrap,.panel-featured-video .panel-song-video-frame .panel-video{border-radius:11px}.panel-video-glow-wrap:before{inset:-7px;filter:blur(10px)}.panel-featured-video .panel-song-video-frame .panel-save-moment-row{gap:7px;margin-top:7px}.panel-page .panel-song-video-frame .panel-save-moment,.panel-page .panel-song-video-frame .panel-share{min-height:40px;padding:8px 10px}.panel-featured-video .panel-vibe-slider{width:90%;padding-top:10px}.panel-slider-composition{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 12px}.panel-slider-composition .panel-slider-track{grid-column:1/-1;grid-row:2}.panel-slider-composition .panel-slider-option[data-slider-mode=softer]{grid-column:1;grid-row:1}.panel-slider-composition .panel-slider-option[data-slider-mode=stronger]{grid-column:2;grid-row:1}.panel-page .panel-slider-composition .panel-slider-option{min-height:48px;font-size:14px;gap:6px;padding:6px 8px}.panel-slider-composition .panel-slider-option small{font-size:9px;white-space:normal;text-wrap:balance}.panel-song-scene{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){.panel-song-video-frame .panel-save-moment,.panel-song-video-frame .panel-share,.panel-slider-composition .panel-slider-option{transition:none!important}}

/* Tipografía Apple adaptada: conserva los colores, fondos, cajas y controles. */
.panel-page{font-family:var(--vibra-font);font-size:16px;line-height:1.5;letter-spacing:-.011em}
.panel-page :is(h1,h2,h3,h4){font-family:var(--vibra-font);font-weight:600;letter-spacing:-.025em}
.panel-page .panel-featured-heading h2{font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.08;letter-spacing:-.033em}
.panel-personal-map h3,.panel-secrets-heading h3{font-size:clamp(23px,2.1vw,30px);font-weight:600;line-height:1.13;letter-spacing:-.027em;text-transform:none}
.panel-secrets-heading .panel-secrets-song{font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-.014em}
.panel-map-intro,.panel-map-summary,.panel-secrets-invitation{font-size:16px;font-weight:400;line-height:1.45;letter-spacing:-.013em}
.panel-map-summary strong{font-weight:600}
.panel-map-center-title{font-weight:500;letter-spacing:-.013em}
.panel-map-center-detail{font-weight:400;letter-spacing:0}
.panel-map-note,.panel-map-message,.panel-secrets-status{font-size:13px;font-weight:400;line-height:1.5;letter-spacing:-.005em}
.panel-page .panel-secret-detail summary{font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-.012em}
.panel-secret-body{font-size:16px;line-height:1.5;letter-spacing:-.012em}
.panel-secret-detail[data-pending=true] .panel-secret-body{font-size:14px;line-height:1.5}
.panel-secret-contact,.panel-page .panel-secrets-retry,.panel-secrets-action{font-size:13px;font-weight:400;line-height:1.4;letter-spacing:0}
.panel-page .panel-moment-dialog h2{font-size:30px;font-weight:600;line-height:1.12;letter-spacing:-.028em}
#panel-moment-dialog-intro{font-size:16px;line-height:1.45;letter-spacing:-.012em}
.panel-page #panel-moment-name{font-size:17px;line-height:1.4}
.panel-page #panel-moment-form label{font-size:15px;font-weight:500;letter-spacing:-.01em}
.panel-page .panel-moment-suggestions button{font-size:13px;font-weight:400;line-height:1.4;letter-spacing:-.005em}
.panel-page .panel-moment-submit,.panel-share-continue{font-size:16px;font-weight:400;line-height:1.35;letter-spacing:-.012em}
.panel-page .panel-song-video-frame .panel-save-moment,.panel-page .panel-song-video-frame .panel-share{font-size:13px;font-weight:400;line-height:1.35;letter-spacing:-.006em}
.panel-song-video-frame .panel-save-moment span,.panel-song-video-frame .panel-share span{font-size:13px;font-weight:400;line-height:1.35;letter-spacing:-.006em}
.panel-page .panel-slider-composition .panel-slider-option,.panel-slider-composition .panel-slider-option strong{font-size:15px;font-weight:500;line-height:1.25;letter-spacing:-.018em}
.panel-slider-composition .panel-slider-option small{font-size:11px;font-weight:400;line-height:1.3;letter-spacing:0}
.panel-page .panel-search input{font-size:17px;font-weight:400;line-height:1.4;letter-spacing:-.012em}
.panel-page .panel-search-submit{font-size:15px!important;font-weight:400;line-height:1.3;letter-spacing:-.008em}
.panel-page .panel-search-help>p{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.022em}
.panel-page #panel-search-help-description{font-size:15px;font-weight:400;line-height:1.45;letter-spacing:-.01em}
.panel-page .panel-search-help button{font-size:14px;font-weight:400;line-height:1.35;letter-spacing:-.006em}
.panel-page .panel-moments-toggle,.panel-page .panel-nav>a,.panel-page .panel-nav>button{font-size:15px;font-weight:400;line-height:1.4;letter-spacing:-.012em}
.panel-page .panel-moment-pick{font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-.01em}
.panel-page .panel-sidebar-save-moment{font-size:13px;font-weight:400;letter-spacing:-.005em}
.panel-page .panel-moments-shelf h2,.panel-related .panel-section-heading h2,.panel-page .panel-history h2{font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.01em}
.panel-related-copy strong{font-size:15px;font-weight:500;line-height:1.3;letter-spacing:-.018em}
.panel-related-copy>span{font-size:12px;font-weight:400;line-height:1.3;letter-spacing:-.005em}
.panel-recent-copy strong{font-weight:600;line-height:1.2;letter-spacing:-.022em}
.panel-recent-copy>span,.panel-history-intro,#panel-history-empty{font-size:14px;font-weight:400;line-height:1.45;letter-spacing:-.008em}
.panel-page .panel-notifications-heading,.panel-page #panel-notification-title{font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.025em}
.panel-notification-item summary,.panel-notification-copy p{font-size:15px;font-weight:400;line-height:1.45;letter-spacing:-.012em}
.panel-share-intro{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.018em}
.panel-share-options a,.panel-page .panel-share-options button{font-size:14px;font-weight:400;line-height:1.35;letter-spacing:-.008em}
.panel-share-message,.panel-share-copy,.panel-moment-form-message,.panel-profile-menu>span{font-size:14px;line-height:1.45;letter-spacing:-.008em}
.panel-profile-menu strong{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.02em}
.panel-page .panel-navigation-controls button{font-size:13px;font-weight:400;line-height:1.35;letter-spacing:-.008em}
.panel-footer{font-size:12px;line-height:1.4;letter-spacing:0}
@media(min-width:641px) and (max-width:1200px){.panel-page .panel-moments-toggle,.panel-page .panel-nav>a,.panel-page .panel-nav>button{font-size:12px}}
@media(max-width:640px){.panel-page .panel-featured-heading h2{font-size:28px;line-height:1.12}.panel-personal-map h3,.panel-secrets-heading h3{font-size:25px;line-height:1.15}.panel-page .panel-moment-dialog h2{font-size:26px}.panel-page .panel-moment-pick{font-size:15px}.panel-page .panel-slider-composition .panel-slider-option,.panel-slider-composition .panel-slider-option strong{font-size:14px}.panel-slider-composition .panel-slider-option small{font-size:10px}.panel-page .panel-search input{font-size:16px}}

/* Fondo de canción a toda pantalla en la zona derecha; el menú conserva sus reglas. */
.panel-page{--panel-frame:0px}
.panel-frame{border:0}
.panel-page:before{display:none}
.panel-workspace{position:relative;--workspace-background-left:190px}
.panel-workspace-backdrop{position:fixed;top:0;bottom:0;left:var(--workspace-background-left);right:0;z-index:-1;overflow:hidden;background:#090612;pointer-events:none;user-select:none}
.panel-workspace-backdrop .panel-song-backdrop{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:35% center;pointer-events:none}
.panel-workspace-backdrop:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#09061238,#09061259);pointer-events:none}
.panel-player{background:transparent;border-color:transparent;box-shadow:none}
/* Cápsulas compactas con letra nativa, borde fino y un halo discreto. */
.panel-page .panel-song-video-frame .panel-save-moment,.panel-page .panel-song-video-frame .panel-share{min-height:34px;padding:6px 13px;gap:7px;border-radius:99px;font:400 14px/1.3 var(--vibra-font);letter-spacing:-.01em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .18s,border-color .18s,box-shadow .18s}
.panel-page .panel-song-video-frame .panel-save-moment{background:#160d279e;border:1px solid #bb87e8b0;color:#f2e5ff;box-shadow:0 0 9px #ba62ef20,inset 0 1px 0 #f0d6ff0a}
.panel-page .panel-song-video-frame .panel-share{background:#081f209e;border:1px solid #4de2c6b0;color:#aefff1;box-shadow:0 0 9px #28d6b720,inset 0 1px 0 #cafff50a}
.panel-song-video-frame .panel-save-moment span,.panel-song-video-frame .panel-share span{font:400 14px/1.3 var(--vibra-font);letter-spacing:-.01em}
.panel-song-video-frame .panel-save-moment svg,.panel-song-video-frame .panel-share svg{width:15px;height:15px}
.panel-page .panel-song-video-frame .panel-save-moment:hover:not(:disabled){background:#2a163bcc;border-color:#dfb2ff;box-shadow:0 0 12px #bd72e936}
.panel-page .panel-song-video-frame .panel-share:hover:not(:disabled){background:#0c3531cc;border-color:#8afbe2;box-shadow:0 0 12px #49dbbf36}
.panel-page .panel-slider-composition .panel-slider-option{min-height:48px;padding:8px 13px;gap:8px;border:1px solid #b788dab0;border-radius:99px;background:#1b102994;box-shadow:0 0 9px #ad64db1c,inset 0 1px 0 #edd5ff0a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:400 14px/1.3 var(--vibra-font);letter-spacing:-.01em;color:#f1e5ff}
.panel-page .panel-slider-composition .panel-slider-option[data-slider-mode=stronger]{border-color:#e381cbb0;background:#28102494;box-shadow:0 0 9px #e763bd1c,inset 0 1px 0 #ffd5ed0a}
.panel-slider-composition .panel-slider-option strong{font:400 14px/1.3 var(--vibra-font);letter-spacing:-.01em}
.panel-slider-composition .panel-slider-option small{font:400 11px/1.25 var(--vibra-font);letter-spacing:0}
.panel-slider-composition .panel-slider-option svg{width:19px;height:19px;stroke-width:1.3;filter:none}
.panel-slider-composition .panel-slider-option[data-slider-mode=stronger] svg{filter:none}
.panel-page .panel-slider-composition .panel-slider-option:hover:not(:disabled),.panel-page .panel-slider-composition .panel-slider-option.is-active{border-color:#edcaff;background:#301743c9;box-shadow:0 0 11px #cf80ef36}
.panel-page .panel-slider-composition .panel-slider-option[data-slider-mode=stronger]:hover:not(:disabled),.panel-page .panel-slider-composition .panel-slider-option[data-slider-mode=stronger].is-active{border-color:#ffb3e8;background:#421536c9;box-shadow:0 0 11px #ef82c436}
.panel-page .panel-navigation-controls button{border-radius:99px;border:1px solid #b58cd578;background:#1b112795;box-shadow:none;font:400 13px/1.3 var(--vibra-font);letter-spacing:-.01em}
.panel-page .panel-navigation-controls #panel-shuffle{border-radius:99px;border-color:#c9a0ea91;background:#2b173e9c;box-shadow:none}
.panel-page .panel-navigation-controls button:hover:not(:disabled){animation:none;background:#38204ebd;border-color:#dfb9fb;box-shadow:0 0 10px #a260c326}
@media(min-width:1800px){.panel-workspace{--workspace-background-left:210px}}
@media(max-width:1200px){.panel-workspace{--workspace-background-left:92px}}
@media(max-width:640px){.panel-workspace{--workspace-background-left:0px}.panel-workspace-backdrop .panel-song-backdrop{object-position:10% center}.panel-page .panel-song-video-frame .panel-save-moment,.panel-page .panel-song-video-frame .panel-share{min-height:44px;padding:8px 11px}.panel-page .panel-slider-composition .panel-slider-option{min-height:48px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.panel-song-video-frame .panel-save-moment,.panel-song-video-frame .panel-share{transition:none!important}}

@media(max-width:640px){.panel-page .panel-song-video-frame .panel-save-moment,.panel-page .panel-song-video-frame .panel-share{padding:8px 9px;gap:6px;font-size:13px}.panel-song-video-frame .panel-save-moment span,.panel-song-video-frame .panel-share span{font-size:13px}.panel-song-video-frame .panel-save-moment svg,.panel-song-video-frame .panel-share svg{width:14px;height:14px}.panel-featured-video .panel-song-video-frame .panel-save-moment-row{gap:7px}}

/* Referencias de octubre: superficies sólidas, menú separado y cápsulas de color. */
.panel-workspace-backdrop{left:0}
.panel-brand-tagline{display:none}
/* El color de base siempre es opaco, también en reposo, hover y deshabilitado. */
.panel-page button{background-color:var(--control-fill,#1b112b)!important}
.panel-page button:disabled{opacity:1!important;filter:none;color:#a895b9;cursor:default}
.panel-page .panel-moment-pick,.panel-page .panel-related-pick{--control-fill:#120c20}
.panel-page .panel-moment-menu-remove,.panel-page .panel-related-more{--control-fill:#1c112c}
.panel-page .panel-related-play{--control-fill:#211333}
.panel-page .panel-bell,.panel-page .panel-profile-toggle,.panel-page .panel-moment-close{--control-fill:#120c20;border-radius:99px}
.panel-page .panel-footer button{--control-fill:#20132e;padding:8px;border-radius:50%}
.panel-page .panel-sidebar-save-moment{--control-fill:#100a20;width:100%;color:#f2dfff}
.panel-page .panel-secrets-toggle{--control-fill:#170f29;border-radius:14px}
.panel-page .panel-map-period button{--control-fill:#241737}
.panel-page .panel-map-period button[aria-pressed=true]{--control-fill:#51306f}
.panel-page .panel-search-submit{--control-fill:#5724bd}
.panel-page .panel-moment-submit{--control-fill:#652696}
.panel-page .panel-moments-shelf .panel-moment-pick{--control-fill:#100a20}
.panel-page .panel-moment-pick:hover:not(:disabled),.panel-page .panel-related-pick:hover:not(:disabled){--control-fill:#28163b}
.panel-page .panel-moment-pick[aria-pressed=true]{--control-fill:#35204d;border-color:#dba6ff}
.panel-page .panel-related-more:hover,.panel-page .panel-related-play:hover{--control-fill:#3a2152}
.panel-share-dropdown,.panel-moments-dropdown,.panel-related-menu,.panel-profile-menu,.panel-notifications-box{background:#21132f;border-color:#a579c3;box-shadow:0 14px 38px #06020cb3}
.panel-page .panel-share-options :is(a,button),.panel-page .panel-share-continue,.panel-secret-contact,.panel-telegram-link{background-color:#301b43}
.panel-page .panel-related .panel-recent-grid{background:#120c20;border-color:#86669e}
.panel-related-row{background:#120c20}
.panel-page .panel-song-secrets,.panel-page .panel-personal-map{background:linear-gradient(145deg,#231535,#170f29 70%);border:1px solid #9473b5;box-shadow:inset 0 1px 0 #d8b9ee21,0 8px 24px #08031059}
.panel-page .panel-song-secrets{background:#170f29}
.panel-page .panel-secret-detail summary{background:#221532;padding-inline:10px;border-radius:8px}
.panel-page .panel-secret-body{color:#e8d7f2}
.panel-page .panel-map-intro,.panel-page .panel-map-note,.panel-page .panel-secrets-song,.panel-page .panel-secrets-invitation{color:#e3cdef}
.panel-page .panel-map-emotions li{background:#2b1d40;border-color:#9d72bd}
/* Se retira la tarjeta de texto bajo el deslizador; el estado accesible se conserva. */
.panel-page #panel-refinement-message{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;background:none!important;box-shadow:none!important}
/* Las cuatro cápsulas reproducen las proporciones, iconos y bordes del adjunto. */
.panel-featured-video .panel-song-video-frame .panel-save-moment-row{margin-top:18px;gap:22px;flex-wrap:wrap}
.panel-page .panel-song-video-frame .panel-save-moment,.panel-page .panel-song-video-frame .panel-share{--control-fill:#170c2b;min-width:178px;min-height:52px;padding:12px 24px;gap:13px;border:1px solid #b874ef;border-radius:999px;background-image:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#f6edff;font:400 clamp(16px,1.2vw,20px)/1.3 var(--vibra-font);letter-spacing:-.012em}
.panel-page .panel-song-video-frame .panel-share{--control-fill:#0d1728;border-color:#57bcc4;color:#effcff}
.panel-song-video-frame .panel-save-moment span,.panel-song-video-frame .panel-share span{font:inherit;letter-spacing:inherit}
.panel-song-video-frame .panel-save-moment svg,.panel-song-video-frame .panel-share svg{width:23px;height:23px;stroke-width:1.4;filter:none}
.panel-song-video-frame .panel-save-moment svg{stroke:#dba9ff}
.panel-song-video-frame .panel-share svg{stroke:#76e2dc}
.panel-page .panel-song-video-frame .panel-save-moment:hover:not(:disabled){--control-fill:#2b1243;border-color:#d9a5ff;box-shadow:0 0 13px #bb60ee30}
.panel-page .panel-song-video-frame .panel-share:hover:not(:disabled){--control-fill:#102a39;border-color:#8aedeb;box-shadow:0 0 13px #63ddd230}
.panel-featured-video .panel-vibe-slider{width:100%;max-width:1000px;padding-top:26px}
.panel-slider-composition{grid-template-columns:minmax(155px,22%) minmax(70px,1fr) minmax(155px,22%);gap:20px}
.panel-page .panel-slider-composition .panel-slider-option{--control-fill:#190b2e;min-height:70px;padding:12px 18px;gap:13px;border:1px solid #bb7cf0;border-radius:999px;background-image:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font:400 clamp(15px,1.05vw,20px)/1.3 var(--vibra-font);color:#f4eaff}
.panel-page .panel-slider-composition .panel-slider-option[data-slider-mode=stronger]{--control-fill:#220e30;border-color:#bd62d4;background-image:none;box-shadow:none}
.panel-slider-composition .panel-slider-option strong{font:inherit;letter-spacing:-.012em}
.panel-slider-composition .panel-slider-option small{font:400 clamp(11px,.85vw,15px)/1.3 var(--vibra-font);color:#c7a6dc;white-space:normal}
.panel-slider-composition .panel-slider-option svg{width:29px;height:29px;stroke:#bb7bea;stroke-width:1.35;filter:none}
.panel-slider-composition .panel-slider-option[data-slider-mode=stronger] svg{stroke:#d681e9;filter:none}
.panel-page .panel-slider-composition .panel-slider-option:hover:not(:disabled),.panel-page .panel-slider-composition .panel-slider-option.is-active{--control-fill:#301448;border-color:#ddb2ff;box-shadow:0 0 12px #b961df38}
.panel-page .panel-slider-composition .panel-slider-option[data-slider-mode=stronger]:hover:not(:disabled),.panel-page .panel-slider-composition .panel-slider-option[data-slider-mode=stronger].is-active{--control-fill:#391544;border-color:#e7a2f5;box-shadow:0 0 12px #d45adf38}
.panel-page .panel-navigation-controls button{--control-fill:#241435;border-color:#9d6fbc;background-image:none;color:#f1e5fc}
.panel-page .panel-navigation-controls #panel-shuffle{--control-fill:#3b1c57}
/* Escuchas recientes se abre desde el menú, inmediatamente debajo de Momentos. */
.panel-history-nav{min-width:0}
.panel-history-dropdown{position:fixed;z-index:91;inset:auto;margin:0;box-sizing:border-box;width:min(310px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:14px 10px;border:1px solid #a579c3;border-radius:14px;background:#21132f;color:#f4e6ff;box-shadow:0 14px 38px #06020cb3}
.panel-history-dropdown::backdrop{background:transparent;pointer-events:none}
.panel-page .panel-history-dropdown h2{font:500 15px/1.4 var(--vibra-font);letter-spacing:-.01em;margin:0 4px 5px;color:#f3deff}
.panel-history-dropdown .panel-history-intro,.panel-history-dropdown #panel-history-empty{margin:5px 4px 12px;font:400 13px/1.5 var(--vibra-font);white-space:normal;color:#d9c1e8}
.panel-page .panel-history-dropdown .panel-history-list{display:flex;flex-direction:column;gap:4px}
.panel-page .panel-history-dropdown .panel-history-card{--control-fill:#180e26;display:flex;align-items:center;gap:10px;width:100%;min-height:54px;margin:0;padding:9px 10px;border:1px solid #704c8b;border-radius:10px;text-align:left}
.panel-page .panel-history-dropdown .panel-history-card:hover{--control-fill:#301a44;border-color:#bd8adf}
.panel-page .panel-history-dropdown .panel-history-card[aria-pressed=true]{--control-fill:#3d2056;border-color:#d9a6f4}
.panel-history-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.panel-history-copy strong{font:400 14px/1.35 var(--vibra-font);overflow-wrap:anywhere;white-space:normal;color:#f8edff}
.panel-history-copy>span{font:400 11px/1.3 var(--vibra-font);color:#cfb7dc;white-space:normal}
#panel-history-message{margin:8px 4px 0;white-space:normal;font-size:12px;color:#ffadca}
#panel-history-message:empty{display:none}
/* Menú de escritorio: el PNG se ve alrededor del panel oscuro. */
@media(min-width:641px){
 .panel-frame{--panel-side-column:220px;--panel-workspace-gutter:20px;--panel-right-column:max(250px,calc(29vw - 75.4px));grid-template-columns:var(--panel-side-column) minmax(0,1fr)}
 .panel-sidebar{position:sticky;top:16px;align-self:start;height:calc(100svh - 32px);min-height:0;margin:16px 12px 16px 16px;padding:0 10px 20px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #7350b1;border-radius:14px;background:linear-gradient(175deg,#0c091d,#10091e);box-shadow:inset 1px 0 0 #b975ee29,0 0 14px #8b42cc33,0 16px 38px #06020c70;z-index:10;scrollbar-width:thin;scrollbar-color:#74429d #10091e}
 .panel-brand{height:139px;flex-direction:column;gap:5px}
 .panel-brand-tagline{display:block;color:#caa2ed;font:400 8px/1.45 var(--vibra-font);letter-spacing:2px;text-transform:uppercase;text-align:center}
 .panel-brand .logo-crop{filter:drop-shadow(0 0 11px #b662f070)}
 .panel-nav{gap:6px;padding-top:0}
 .panel-page .panel-nav>a,.panel-page .panel-nav>button,.panel-page .panel-moments-toggle{--control-fill:#100a20;min-height:47px;padding:10px 10px;gap:10px;border-radius:10px;border:1px solid #100a20;font:400 13px/1.35 var(--vibra-font);color:#f2e6ff;white-space:normal}
 .panel-nav svg,.panel-moments-toggle>svg:first-child{width:21px;height:21px;flex:none;color:#e2c4fb}
 .panel-page .panel-nav .active{--control-fill:#7024b3;border-color:#d7b1ff;background:linear-gradient(120deg,#ba33da,#7228bd 65%,#44228d);box-shadow:0 0 6px #c793ff,0 0 17px #aa5bea66,inset -2px 0 5px #9fecff96;color:#fff}
 .panel-page .panel-nav>a:not(.active):hover,.panel-page .panel-nav>button:hover,.panel-page .panel-moments-toggle:hover,.panel-page .panel-moments-toggle.is-open{--control-fill:#28133c;border-color:#9867c2;color:#fff}
 .panel-page .panel-moments-toggle{width:100%;flex-direction:row;text-align:left}
 .panel-moments-toggle .panel-moments-chevron{display:block;width:11px;height:11px}
 .panel-moments-shelf{margin-top:15px;padding-top:15px;border-color:#795197}
 .panel-page .panel-moments-shelf h2{font:500 10px/1.4 var(--vibra-font);letter-spacing:1.4px;color:#ceace9}
 .panel-page .panel-moments-shelf .panel-moment-pick,.panel-page .panel-sidebar-save-moment{font-size:13px;min-height:42px}
}
@media(min-width:641px) and (max-width:1200px){
 .panel-frame{--panel-side-column:112px;--panel-workspace-gutter:16px;--panel-right-column:250px}
 .panel-sidebar{margin-left:10px;margin-right:10px;padding-inline:5px}
 .panel-brand{height:110px;gap:4px}
 .panel-brand-tagline{font-size:6px;letter-spacing:1px}
 .panel-page .panel-nav>a,.panel-page .panel-nav>button,.panel-page .panel-moments-toggle{flex-direction:column;gap:5px;min-height:61px;padding:8px 3px;font-size:11px;text-align:center}
 .panel-moments-toggle .panel-moments-chevron{display:none}
}
@media(min-width:1800px){.panel-frame{--panel-side-column:230px;--panel-workspace-gutter:26px;--panel-right-column:350px}}
/* Columna y avisos fijos en escritorio; el contenido conserva su espacio en la rejilla. */
@media(min-width:901px){
 .panel-grid{grid-template-columns:minmax(0,1fr) var(--panel-right-column)}
 .panel-related{position:fixed;top:104px;right:var(--panel-workspace-gutter);width:var(--panel-right-column);max-height:calc(100svh - 124px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7d4a9f #140d21;box-sizing:border-box;padding:14px;border:1px solid #86639e;border-radius:17px;background:#140d21;box-shadow:0 10px 28px #05020b7a;z-index:5}
 .panel-promo{height:156px}
 .panel-topbar .panel-tools{position:fixed;top:18px;right:var(--panel-workspace-gutter);z-index:61;gap:12px;padding:6px 9px;border:1px solid #684786;border-radius:999px;background:#140d21;box-shadow:0 7px 20px #07020d66}
 .panel-topbar .panel-search-area{width:calc(100% - var(--panel-right-column) - 20px);max-width:none}
 .panel-notifications-box,.panel-profile-menu{position:fixed;top:82px;right:var(--panel-workspace-gutter);max-height:calc(100svh - 102px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:900px){.panel-related{padding:14px;border:1px solid #86639e;border-radius:17px;background:#140d21;box-shadow:0 10px 28px #05020b59}}
@media(max-width:760px){
 .panel-page .panel-song-video-frame .panel-save-moment,.panel-page .panel-song-video-frame .panel-share{min-width:130px;min-height:46px;padding:10px 16px;font-size:15px;gap:9px}
 .panel-song-video-frame .panel-save-moment svg,.panel-song-video-frame .panel-share svg{width:19px;height:19px}
 .panel-featured-video .panel-song-video-frame .panel-save-moment-row{gap:14px;margin-top:13px}
 .panel-slider-composition{grid-template-columns:minmax(140px,23%) minmax(60px,1fr) minmax(140px,23%);gap:12px}
 .panel-page .panel-slider-composition .panel-slider-option{min-height:62px;padding:10px 12px;gap:9px;font-size:15px}
 .panel-slider-composition .panel-slider-option svg{width:25px;height:25px}
}
@media(max-width:640px){
 .panel-page .panel-song-video-frame .panel-save-moment,.panel-page .panel-song-video-frame .panel-share{min-width:0;min-height:44px;padding:9px 8px;gap:6px;font-size:13px}
 .panel-song-video-frame .panel-save-moment svg,.panel-song-video-frame .panel-share svg{width:16px;height:16px}
 .panel-featured-video .panel-song-video-frame .panel-save-moment-row{gap:7px}
 .panel-page .panel-song-video-frame .panel-save-moment span,.panel-page .panel-song-video-frame .panel-share span{font:inherit}
 .panel-featured-video .panel-vibe-slider{padding-top:20px}
 .panel-page .panel-nav>a,.panel-page .panel-nav>button,.panel-page .panel-moments-toggle{--control-fill:#160e26;color:#f4e8ff}
 .panel-page .panel-nav .active{--control-fill:#7424ae;background-image:linear-gradient(110deg,#ae37cf,#6424a5)}
 .panel-history-copy strong{font-size:15px}
 .panel-history-dropdown{max-height:calc(100svh - 32px)}
}
@media(max-width:540px){
 .panel-slider-composition{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px}
 .panel-page .panel-slider-composition .panel-slider-option{min-height:62px;padding:9px 10px;gap:8px;font-size:14px}
 .panel-slider-composition .panel-slider-option small{font-size:11px}
 .panel-slider-composition .panel-slider-track{grid-column:1/-1;grid-row:2}
}
@media(max-width:340px){.panel-page .panel-song-video-frame .panel-save-moment,.panel-page .panel-song-video-frame .panel-share{font-size:12px;gap:5px}}
.panel-page .panel-nav>a{background-color:var(--control-fill,#100a20)}
.panel-slider-composition .panel-slider-marker.marker-start,.panel-slider-composition .panel-slider-marker.marker-end{display:block;top:50%;z-index:0;width:12px;height:12px;border:1px solid #f0d7ff;background:radial-gradient(circle at 35% 30%,#fff,#dbc1ff 65%,#b486eb);box-shadow:0 0 10px #bc6aff8c}
.panel-slider-composition .panel-slider-orb{width:35px;height:35px}

/* Sin selección ni coincidencias: únicamente buscador, ayuda y los dos menús. */
.panel-page [data-panel-state=search] .panel-player,.panel-page [data-panel-state=search] .panel-footer{display:none}
/* Una línea CSS con núcleo luminoso conecta los puntos incluso sin gradientes SVG. */
.panel-slider-composition .panel-slider-wave{display:none}
.panel-slider-composition .panel-slider-track:before{content:"";position:absolute;z-index:0;left:22px;right:22px;top:50%;height:4px;border-radius:99px;transform:translateY(-50%);background:linear-gradient(90deg,#b960ff,#df9cff 48%,#cf61ff);box-shadow:0 0 5px #efd0ff,0 0 13px #c25bff,0 0 26px #a527ed;pointer-events:none}
.panel-slider-composition .panel-slider-track:after{content:"";position:absolute;z-index:0;left:22px;right:22px;top:50%;height:1px;border-radius:99px;transform:translateY(-50%);background:#f6ddff;box-shadow:0 0 5px #fff0ff;pointer-events:none}
.panel-slider-composition .panel-slider-orb{box-shadow:0 0 6px #f8ddff,0 0 24px #d279ff,0 0 44px #a237ef,inset 0 0 10px #fff6}
.panel-slider-composition .panel-slider-marker.marker-start,.panel-slider-composition .panel-slider-marker.marker-end{box-shadow:0 0 7px #ecd0ff,0 0 18px #bc6aff}
/* Ocho píxeles más de imagen a la izquierda, conservando el ancho del menú. */
@media(min-width:641px){.panel-frame{--panel-side-column:228px;--panel-right-column:max(250px,calc(29vw - 77.72px))}.panel-sidebar{margin-left:24px}}
@media(min-width:641px) and (max-width:1200px){.panel-frame{--panel-side-column:120px;--panel-right-column:250px}.panel-sidebar{margin-left:18px}}
@media(min-width:1800px){.panel-frame{--panel-side-column:238px;--panel-right-column:350px}}

/* El vídeo aprovecha todo el ancho disponible en teléfonos. */
@media(max-width:760px){.panel-song-video-frame{width:100%;max-width:100%}}

/* Más aire entre el perfil fijo y la columna derecha. */
@media(min-width:901px){.panel-related{top:124px;max-height:calc(100svh - 144px)}}
/* Un punto y medio tipográfico más equivale a dos píxeles CSS. */
@media(min-width:641px){.panel-page .panel-nav>a,.panel-page .panel-nav>button,.panel-page .panel-moments-toggle{font-size:15px}.panel-page .panel-sidebar-save-moment{font-size:15px}}
@media(min-width:641px) and (max-width:1200px){.panel-page .panel-nav>a,.panel-page .panel-nav>button,.panel-page .panel-moments-toggle{font-size:13px}}
@media(max-width:640px){.panel-page .panel-nav>a,.panel-page .panel-nav>button,.panel-page .panel-moments-toggle{font-size:18px}}
/* Mis músicas y carpetas: controles sólidos, con el mismo tono de la web. */
.panel-library-toolbar{display:flex;align-items:flex-end;gap:10px;padding:4px 6px 12px;border-bottom:1px solid #765095;margin-bottom:8px}
.panel-library-toolbar label{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px;color:#e6cef5;font-size:13px;white-space:normal}
.panel-library-toolbar select,.panel-library-field select,.panel-library-field input,.panel-folder-dialog input{box-sizing:border-box;width:100%;min-height:46px;padding:10px 12px;border:1px solid #9470b3;border-radius:10px;background:#170d27;color:#fff0ff;font:400 15px/1.4 var(--vibra-font);color-scheme:dark}
.panel-page .panel-library-new-folder{--control-fill:#42205d;flex:none;min-height:46px;padding:10px 12px;border:1px solid #ac7bcc;border-radius:10px;color:#f8edff;font-size:13px}
.panel-library-field{margin-top:19px}
#panel-moment-form-message,#panel-folder-message{margin-top:16px}
.panel-library-field label,.panel-folder-dialog label{display:block;margin-bottom:9px;color:#ead4f7;font:500 15px/1.5 var(--vibra-font)}
.panel-library-field select:focus-visible,.panel-folder-dialog input:focus-visible{outline:2px solid #da9df5;outline-offset:3px}
.panel-library-field input[aria-invalid=true],.panel-folder-dialog input[aria-invalid=true]{border-color:#ff96ba}
.panel-folder-dialog>p{margin:0 0 21px;color:#ceb4df;line-height:1.65}
.panel-page .panel-folder-delete{--control-fill:#3c182d;width:100%;min-height:46px;margin-top:18px;padding:11px 12px;border:1px solid #c77da2;border-radius:12px;color:#ffd1e2;font-size:13px;white-space:normal}
.panel-library-folder-row{display:flex;align-items:center;gap:4px;min-width:0}
.panel-page .panel-library-folder-pick{--control-fill:#170d27;display:flex;align-items:center;gap:8px;flex:1;min-width:0;min-height:46px;padding:9px 5px;border:1px solid #170d27;border-radius:9px;color:#eddaf9;font-size:14px;text-align:left;white-space:normal}
.panel-library-folder-name{flex:1;min-width:0;overflow-wrap:anywhere}
.panel-library-folder-pick svg{flex:none;width:19px;height:19px;fill:none;stroke:#d9aff5;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.panel-page .panel-library-folder-edit,.panel-page .panel-moment-menu-move{--control-fill:#261237;display:grid;place-items:center;flex:none;width:32px;min-height:38px;padding:6px;border:1px solid #684181;border-radius:8px;color:#ddbbf2}
.panel-library-folder-edit svg,.panel-moment-menu-move svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.panel-page .panel-library-folder-pick:hover,.panel-page .panel-library-folder-edit:hover,.panel-page .panel-moment-menu-move:hover{--control-fill:#3a1e50;border-color:#b17dce}
.panel-page .panel-library-folder-pick[aria-pressed=true]{--control-fill:#3b1c54;border-color:#b17dce}
.panel-moment-menu-item{gap:5px}.panel-moment-menu-title{display:flex;flex-direction:column;gap:4px}
.panel-moment-menu-title strong{font-weight:500}.panel-moment-menu-title small{font-size:11px;line-height:1.4;color:#c8a6db}
.panel-page .panel-moment-menu-remove{--control-fill:#2c132e;opacity:1;pointer-events:auto;width:32px;min-height:38px;border:1px solid #754263;font-size:21px}
.panel-library-toolbar select{max-width:100%}
@media(hover:none),(pointer:coarse){.panel-page .panel-library-folder-edit,.panel-page .panel-moment-menu-move,.panel-page .panel-moment-menu-remove{width:44px;min-height:44px}}
@media(max-width:640px){.panel-library-toolbar{flex-wrap:wrap}.panel-library-toolbar label{flex-basis:170px}.panel-library-toolbar .panel-library-new-folder{flex:1}.panel-page .panel-library-folder-pick{font-size:16px}.panel-moment-dialog{padding:32px 22px 24px}}

/* La música lleva el protagonismo; el vídeo queda a la derecha en un formato compacto. */
.panel-player{container-type:inline-size;container-name:music-stage;min-width:0;padding:0}
.panel-media-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start;width:100%;margin:8px auto 0}
.panel-music-deck{box-sizing:border-box;width:100%;max-width:680px;margin:0 auto;padding:22px clamp(12px,2cqw,28px) 20px;border:1px solid #ecd4ff2b;border-radius:24px;background:#2612381c;box-shadow:inset 0 1px 0 #fff3ff0c;backdrop-filter:blur(3px);min-width:0}
/* El vinilo es una imagen PNG; CSS coloca la portada delante y mantiene su proporción. */
.panel-music-artwork,.panel-music-artwork.is-thumbnail{position:relative;display:block;width:min(88%,620px);aspect-ratio:5/4;margin:0 auto 22px;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate}
.panel-music-artwork>.panel-music-vinyl{position:absolute;right:0;top:6%;z-index:0;display:block;width:68%;height:auto;object-fit:contain;pointer-events:none;user-select:none}
.panel-music-sleeve{position:absolute;left:0;top:0;z-index:1;width:80%;height:100%;aspect-ratio:1;overflow:hidden;border:1px solid #f1c9ff;box-sizing:border-box;border-radius:12px;background:#100b19;box-shadow:0 0 5px #f6d5ff,0 0 18px #df9aff,0 0 42px #c165ffc9,0 0 76px #ad3ffb9c}
.panel-music-sleeve img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}
.panel-music-copy{text-align:center;min-width:0}.panel-music-eyebrow{margin:0 0 8px;color:#dfb4ff;font:500 11px/1.4 var(--vibra-font);letter-spacing:.16em;text-transform:uppercase}
.panel-page .panel-music-copy #panel-track-title{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip-path:none!important;white-space:normal!important;font:600 clamp(26px,2.4vw,40px)/1.1 var(--vibra-font);letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere;color:#fff4ff}
.panel-music-artist{margin:10px 0 0;color:#d4b9e7;font-size:16px}.panel-music-timeline{margin-top:25px}
.panel-music-timeline input,.panel-music-volume input{display:block;width:100%;height:6px;margin:10px 0;appearance:none;-webkit-appearance:none;border:0;border-radius:99px;background:linear-gradient(90deg,#e3b8ff var(--music-progress,0%),#584063 var(--music-progress,0%));cursor:pointer}
.panel-music-timeline input::-webkit-slider-thumb,.panel-music-volume input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:0;border-radius:50%;background:#fbebff;box-shadow:0 0 8px #df9dfb80}
.panel-music-timeline input::-moz-range-thumb,.panel-music-volume input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fbebff;box-shadow:0 0 8px #df9dfb80}
.panel-music-times{display:flex;justify-content:space-between;gap:12px;color:#d4b9e7;font:400 12px/1.5 var(--vibra-font);font-variant-numeric:tabular-nums}
.panel-music-transport{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.1cqw,14px);margin:15px 0 11px}
.panel-page .panel-music-transport button,.panel-page .panel-music-mute,.panel-page #panel-music-mute{--control-fill:#49137a;display:grid;place-items:center;flex:none;width:44px;min-width:44px;min-height:44px;padding:10px;border:2px solid #ecc0ff;border-radius:50%;background-image:radial-gradient(circle at 50% 45%,#661aab,#351050 80%);color:#fff4ff;box-shadow:0 0 3px #fff0ff,0 0 10px #d890ff,0 0 23px #a640f5b3,inset 0 0 6px #cc7ef775}
.panel-music-transport svg,.panel-music-volume svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.panel-page .panel-music-transport .panel-music-play{--control-fill:#591493;width:78px;min-width:78px;min-height:78px;padding:22px;border:2px solid #f5d6ff;background-image:radial-gradient(circle at 50% 45%,#7020bd,#421064 80%);box-shadow:0 0 4px #fff0ff,0 0 13px #de9cff,0 0 32px #ba50ffcc,inset 0 0 12px #ca71fa6b;color:#fff}
.panel-music-play svg{width:30px;height:30px;fill:currentColor;stroke:none}
.panel-page .panel-music-transport button:hover:not(:disabled),.panel-page #panel-music-mute:hover:not(:disabled){--control-fill:#69239b;border-color:#fff0ff;box-shadow:0 0 5px #fff0ff,0 0 17px #e3a4ff,0 0 32px #bc55ffcc,inset 0 0 9px #dc98ff99}
.panel-page .panel-music-transport button[aria-pressed=true],.panel-page .panel-music-volume-toggle[aria-expanded=true]{--control-fill:#7833af;border-color:#fff0ff;color:#fff;box-shadow:0 0 5px #fff0ff,0 0 16px #e2a1ff,0 0 30px #c16affcc}
.panel-page .panel-music-transport button:disabled,.panel-page #panel-music-mute:disabled,.panel-music-volume input:disabled,.panel-music-timeline input:disabled{opacity:.45;cursor:default}
.panel-music-volume{display:flex;align-items:center;justify-content:center;gap:13px;max-width:300px;margin:0 auto}.panel-music-volume input{flex:1;min-width:50px;background:linear-gradient(90deg,#e0b1ff var(--music-volume,80%),#584063 var(--music-volume,80%))}
.panel-volume-control{flex:none}.panel-music-volume-toggle.is-muted svg{opacity:.65}
.panel-music-volume-popover{position:fixed;z-index:145;inset:auto;margin:0;box-sizing:border-box;width:260px;max-width:calc(100vw - 24px);padding:17px;border:1px solid #d395f5;border-radius:17px;background:#241034;color:#fff0ff;box-shadow:0 0 22px #b451ed57,0 14px 34px #09021099}
.panel-music-volume-popover::backdrop{background:transparent;pointer-events:none}
.panel-music-volume-popover>p{display:flex;justify-content:space-between;gap:12px;margin:0 0 14px;font:500 14px/1.4 var(--vibra-font)}.panel-music-volume-popover output{color:#e5b4ff;font-variant-numeric:tabular-nums}
.panel-page .panel-music-volume-popover #panel-music-mute{width:40px;min-width:40px;min-height:40px;padding:8px}
.panel-music-status{min-height:21px;margin:13px 0 0;color:#d8bce9;text-align:center;font-size:12px;line-height:1.5}.panel-music-status.is-error{color:#ffadca}
.panel-media-stage .panel-featured-video{width:100%;max-width:356px;min-width:200px;margin:0 auto;align-self:start}
.panel-page .panel-media-stage .panel-featured-heading{margin:0 0 15px;padding:0;text-align:center}
.panel-page .panel-media-stage .panel-featured-heading h2{margin:0;font:600 20px/1.3 var(--vibra-font);letter-spacing:.075em;color:#edd6fa}
.panel-media-stage .panel-song-scene{display:block;min-height:0;margin:0;padding:0;background:none}
.panel-media-stage .panel-song-video-frame{width:100%;max-width:356px;margin:0;padding:0}
.panel-media-stage .panel-video-glow-wrap{width:100%;border-radius:14px}
.panel-media-stage .panel-video-glow-wrap:before{inset:-5px;border-radius:18px;filter:blur(9px);opacity:.6}
.panel-featured-video .panel-song-video-frame #panel-video{box-sizing:content-box;width:100%;height:auto;min-height:200px;aspect-ratio:16/9;margin:0;border-width:0;border-radius:14px}
.panel-media-stage #panel-video:before{display:none}
.panel-media-stage #panel-youtube-slot,.panel-media-stage #panel-youtube-slot iframe{width:100%;height:100%;min-height:200px;min-width:200px}
.panel-media-stage .panel-video-empty{min-height:200px;padding:18px;font-size:14px;box-sizing:border-box}
.panel-page .panel-media-stage .panel-save-moment-row{justify-content:center;gap:10px;margin-top:14px;flex-wrap:wrap}
.panel-page .panel-media-stage .panel-song-video-frame .panel-save-moment,.panel-page .panel-media-stage .panel-song-video-frame .panel-share{min-width:114px;min-height:42px;padding:10px 15px;gap:8px;font-size:13px}
.panel-media-stage .panel-save-moment svg,.panel-media-stage .panel-share svg{width:18px;height:18px}
.panel-media-stage .panel-save-moment span,.panel-media-stage .panel-share span{font-size:13px}
.panel-player>.panel-vibe-slider{width:100%;max-width:none;margin:28px auto 0;padding-top:0}
@media(max-width:640px){.panel-player{padding:0}.panel-music-deck{padding:20px 12px 17px;border-radius:20px}.panel-music-artwork,.panel-music-artwork.is-thumbnail{width:min(96%,460px);margin-bottom:18px;border-radius:0}.panel-music-copy #panel-track-title{font-size:28px}.panel-music-timeline{margin-top:19px}.panel-music-transport{gap:6px}.panel-page .panel-music-transport .panel-music-play{width:70px;min-width:70px;min-height:70px;padding:20px}.panel-media-stage{gap:22px}.panel-player>.panel-vibe-slider{margin-top:24px}}

@media(max-width:380px){.panel-music-deck{padding-left:8px;padding-right:8px}.panel-music-transport{gap:4px}.panel-page .panel-music-transport button{width:36px;min-width:36px;min-height:36px;padding:7px}.panel-page .panel-music-transport .panel-music-play{width:64px;min-width:64px;min-height:64px;padding:17px}}
.panel-music-tooltip{position:fixed;z-index:140;inset:auto;margin:0;box-sizing:border-box;width:max-content;max-width:min(260px,calc(100vw - 24px));padding:11px 14px;border:1px solid #ad84c6;border-radius:12px;background:#20112f;color:#fff0ff;font:400 13px/1.45 var(--vibra-font);text-align:center;box-shadow:0 8px 24px #08020f80}
.panel-music-tooltip::backdrop{background:transparent;pointer-events:none}

/* Portadas de carpetas y lista lateral, con el mismo comportamiento que las escuchas. */
.panel-folder-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));flex:none;width:46px;height:46px;gap:1px;border:1px solid #a876c9;border-radius:9px;overflow:hidden;background:#2c1640;box-shadow:0 0 9px #b76dfc33}
.panel-folder-mosaic img{display:block;width:100%;height:100%;object-fit:cover;min-width:0;min-height:0}
.panel-folder-mosaic[data-covers="0"],.panel-folder-mosaic[data-covers="1"]{grid-template-columns:1fr;grid-template-rows:1fr;place-items:center}
.panel-folder-mosaic[data-covers="2"]{grid-template-rows:1fr}.panel-folder-mosaic[data-covers="3"] img:last-child{grid-column:1 / -1}
.panel-folder-preview{position:fixed;z-index:130;inset:auto;margin:0;box-sizing:border-box;width:330px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:20px 16px;border:1px solid #b783d1;border-radius:18px;background:#20112f;color:#f5e5ff;box-shadow:0 0 22px #a94be12e,0 16px 40px #08020ca6}
.panel-folder-preview::backdrop{background:transparent;pointer-events:none}
.panel-page .panel-folder-preview h2{margin:0 0 15px;color:#f4dcff;font:600 18px/1.3 var(--vibra-font);text-transform:none;overflow-wrap:anywhere}
.panel-folder-preview>p{margin:0;color:#cdb2df;font-size:14px;line-height:1.5}.panel-folder-preview-list{display:grid;gap:7px}
.panel-page .panel-folder-song{--control-fill:#2c183c;display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:8px;border:1px solid #70478b;border-radius:12px;color:#f4e6ff;text-align:left;white-space:normal}
.panel-folder-song img{flex:none;width:46px;height:46px;object-fit:cover;border-radius:7px}.panel-folder-song>span{display:grid;gap:4px;min-width:0}.panel-folder-song strong{font:500 14px/1.35 var(--vibra-font);overflow-wrap:anywhere}.panel-folder-song small{color:#c9a9df;font:400 12px/1.35 var(--vibra-font);overflow-wrap:anywhere}
.panel-page .panel-folder-song:hover:not(:disabled){--control-fill:#442054;border-color:#d19af0}.panel-page .panel-folder-song:disabled{color:#b69bc7;cursor:default}
@media(min-width:641px) and (max-width:1200px){.panel-library-folder-row{flex-direction:column;gap:2px}.panel-page .panel-library-folder-pick{width:100%;flex-direction:column;padding:7px 2px;gap:6px;font-size:12px;text-align:center}.panel-page .panel-library-folder-edit{width:28px;min-height:28px;padding:4px}}

/* Un universo propio dentro de la puerta; los fondos de cada canción siguen intactos. */
.panel-page .panel-song-secrets{background:#170f29 url("archivo.php?f=secretos-cosmos.png") center / cover no-repeat;border-color:#c38bf5;box-shadow:0 0 18px #be66ff4d,inset 0 0 25px #d593ff21}
.panel-page .panel-secrets-toggle{--control-fill:#170f29;background-image:linear-gradient(#170f2921,#170f290d),url("archivo.php?f=secretos-cosmos.png");background-position:center;background-size:cover;background-repeat:no-repeat}
.panel-secrets-heading,.panel-secrets-invitation{text-shadow:0 2px 7px #10031d,0 0 16px #10031d}.panel-secrets-heading .panel-secrets-song{color:#ecd4fc}
.panel-page .panel-song-secrets.is-open{background-image:linear-gradient(#170f29c9,#170f29ed),url("archivo.php?f=secretos-cosmos.png")}
.panel-page .panel-song-secrets.is-open .panel-secrets-toggle{background-image:linear-gradient(#170f29b3,#170f29d9),url("archivo.php?f=secretos-cosmos.png")}
.panel-page .panel-media-stage .panel-song-video-frame .panel-save-moment,.panel-page .panel-media-stage .panel-song-video-frame .panel-share{--control-fill:#491573;background-image:linear-gradient(135deg,#6e279c,#3f155d);border:1px solid #e9b5ff;box-shadow:0 0 3px #f8d7ff,0 0 12px #c36fff9c,inset 0 0 6px #d996ff40;color:#fff1ff}

/* El reproductor ocupa el centro; el vídeo pasa a la columna derecha. */
.panel-player{scroll-margin-top:100px}.panel-media-stage{grid-template-columns:minmax(0,1fr);margin:8px auto 0}.panel-music-deck{max-width:840px;margin:0 auto;padding:28px clamp(12px,2cqw,28px) 22px}
.panel-music-artwork,.panel-music-artwork.is-thumbnail{width:min(94%,690px,calc(430px * var(--cover-ratio,1.777778) / .8));aspect-ratio:calc(var(--cover-ratio,1.777778) / .8);margin:0 auto 28px}
.panel-music-artwork>.panel-music-vinyl{top:6%;width:auto;height:88%;max-width:68%}.panel-music-sleeve{aspect-ratio:auto}.panel-music-sleeve img{object-fit:contain}
.panel-music-transport{gap:clamp(5px,.8cqw,12px)}
.panel-page .panel-music-transport .panel-music-mood{width:70px;min-width:70px;min-height:70px;padding:9px 7px;gap:3px;align-content:center}.panel-music-mood svg{width:22px;height:22px}.panel-music-mood span{font:500 10px/1.2 var(--vibra-font);white-space:normal;text-align:center}
.panel-refinement-state{display:none!important}.panel-page .panel-refinement-message{margin:10px 0 0;text-align:center;font:400 13px/1.5 var(--vibra-font);color:#f1d4ff}.panel-refinement-message:empty{display:none}
.panel-page .panel-moments-shelf #panel-moments-link{--control-fill:#170d27;width:100%;min-height:40px;padding:7px 3px;font:600 15px/1.35 var(--vibra-font);color:#f0d9ff;border:0;text-transform:none}
.panel-moments-shelf .panel-moments-nav{margin-bottom:8px}

/* Reproductor compacto y vídeo en el mismo menú fijo del escritorio. */
.panel-related{display:flex;flex-direction:column;gap:20px}
.panel-side-player{position:sticky;top:0;z-index:6;box-sizing:border-box;width:100%;padding:16px 12px;border:1px solid #a978cc;border-radius:16px;background:#211130;box-shadow:0 0 15px #ad56ef2e}
.panel-page .panel-side-player h2{margin:0 0 14px;font:600 14px/1.35 var(--vibra-font);letter-spacing:.08em;text-align:center;color:#f1dcff}
.panel-side-artwork{position:relative;isolation:isolate;width:min(95%,230px,calc(170px * var(--cover-ratio,1.777778) / .8));aspect-ratio:calc(var(--cover-ratio,1.777778) / .8);margin:0 auto 15px}
.panel-side-vinyl{position:absolute;right:0;top:6%;z-index:0;width:auto;height:88%;max-width:68%;pointer-events:none}
.panel-side-sleeve{position:absolute;left:0;top:0;width:80%;height:100%;z-index:1;overflow:hidden;border:1px solid #e2b5ff;border-radius:8px;background:#170e23;box-shadow:0 0 11px #c275ed77}
.panel-side-sleeve img{display:block;width:100%;height:100%;object-fit:contain}
.panel-side-player h3{margin:0;color:#fff0ff;font:600 16px/1.25 var(--vibra-font);text-align:center;overflow-wrap:anywhere}.panel-side-player>p{margin:5px 0 12px;color:#d3b8e4;font:400 12px/1.4 var(--vibra-font);text-align:center}
.panel-side-seek{display:block;width:100%;height:5px;margin:12px 0 7px;appearance:none;-webkit-appearance:none;border:0;border-radius:99px;background:linear-gradient(90deg,#e3b8ff var(--music-progress,0%),#584063 var(--music-progress,0%));cursor:pointer}
.panel-side-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:0;border-radius:50%;background:#f8e3ff;box-shadow:0 0 7px #d78aff}
.panel-side-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#f8e3ff;box-shadow:0 0 7px #d78aff}
.panel-side-times{display:flex;justify-content:space-between;gap:8px;color:#d6bde6;font:400 11px/1.4 var(--vibra-font);font-variant-numeric:tabular-nums}
.panel-side-transport{display:flex;align-items:center;justify-content:center;gap:9px;margin:13px 0 0}
.panel-page .panel-side-transport button{--control-fill:#49137a;display:grid;place-items:center;flex:none;width:36px;min-width:36px;min-height:36px;padding:7px;border:2px solid #e9bdff;border-radius:50%;background-image:radial-gradient(circle at 50% 45%,#661aab,#351050 80%);color:#fff4ff;box-shadow:0 0 3px #fff0ff,0 0 9px #d890ff,0 0 17px #a640f588}
.panel-side-transport svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.panel-page .panel-side-transport .panel-side-play{width:52px;min-width:52px;min-height:52px;padding:13px}.panel-side-play svg{width:23px;height:23px;fill:currentColor;stroke:none}
.panel-page .panel-side-transport button:hover:not(:disabled){border-color:#fff0ff;box-shadow:0 0 5px #fff0ff,0 0 17px #d793ff}.panel-page .panel-side-transport button:disabled{cursor:default;color:#ba91d1}
.panel-related #panel-featured-video{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0}
.panel-related .panel-featured-heading{margin:0 0 14px;padding:0;text-align:center}.panel-page .panel-related .panel-featured-heading h2{margin:0;font:600 17px/1.3 var(--vibra-font);letter-spacing:.08em;color:#f2dbff}
.panel-related .panel-song-scene{display:block;width:100%;min-height:0;padding:0;margin:0;background:none}.panel-related .panel-song-video-frame{width:100%;max-width:100%;margin:0;padding:0}
.panel-related .panel-video-glow-wrap{width:100%;border-radius:13px}.panel-related #panel-featured-video #panel-video{box-sizing:border-box;width:100%;max-width:100%;height:auto;min-height:200px;aspect-ratio:16/9;margin:0;border:0;border-radius:13px}
.panel-related #panel-video:before{display:none}.panel-related #panel-youtube-slot,.panel-related #panel-youtube-slot iframe{width:100%;height:100%;min-width:200px;min-height:200px}.panel-related .panel-video-empty{min-height:200px;padding:16px;box-sizing:border-box;font-size:13px}
.panel-page .panel-related .panel-save-moment-row{justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.panel-page .panel-related .panel-save-moment,.panel-page .panel-related .panel-share{--control-fill:#491573;display:inline-flex;align-items:center;justify-content:center;min-width:100px;min-height:42px;padding:10px 12px;gap:7px;border:1px solid #e9b5ff;background-image:linear-gradient(135deg,#6e279c,#3f155d);box-shadow:0 0 3px #f8d7ff,0 0 12px #c36fff9c;color:#fff1ff;font-size:12px}.panel-related .panel-save-moment svg,.panel-related .panel-share svg{width:17px;height:17px}.panel-related .panel-save-moment span,.panel-related .panel-share span{font:500 12px/1.3 var(--vibra-font);letter-spacing:0}

/* Un único fondo continuo, con la puerta PNG superpuesta. */
.panel-page .panel-secrets-toggle,.panel-page .panel-song-secrets.is-open .panel-secrets-toggle{--control-fill:transparent;background:transparent!important;box-shadow:none}
.panel-secrets-scene{display:flex;align-items:center;justify-content:center;height:325px;overflow:visible;margin:5px auto 0}
.panel-secret-door{display:block;width:auto;max-width:82%;height:100%;object-fit:contain;pointer-events:none;transition:opacity .35s,transform .35s}
.panel-song-secrets.is-open .panel-secret-door{opacity:.7;transform:scale(.9)}
.panel-page .panel-secrets-heading h3{font:600 clamp(23px,2vw,29px)/1.25 var(--vibra-font);text-transform:none;letter-spacing:-.02em}
.panel-page .panel-secrets-heading .panel-secrets-song{margin:10px 0 0;font:600 clamp(27px,2.4vw,36px)/1.15 var(--vibra-font);letter-spacing:-.025em;color:#fff0ff;text-wrap:balance;overflow-wrap:anywhere}
.panel-page .panel-secrets-invitation{max-width:100%;margin:9px auto 0;font:500 clamp(19px,1.6vw,23px)/1.4 var(--vibra-font);color:#fff0ff}.panel-page .panel-secrets-action{font:400 16px/1.4 var(--vibra-font);color:#e3b4ff}
.panel-page .panel-legal-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:30px 0 18px;border:0;color:#ddc6ed;font:400 13px/1.5 var(--vibra-font)}
.panel-page .panel-legal-footer>span{display:inline;width:auto;height:auto;flex:none;background:none;white-space:normal}
@media(max-width:640px){.panel-music-deck{padding:22px 10px 18px}.panel-music-artwork,.panel-music-artwork.is-thumbnail{width:96%;margin-bottom:23px}.panel-music-transport{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) 64px repeat(3,minmax(0,1fr));gap:12px 5px;justify-items:center}.panel-page .panel-music-transport button{width:36px;min-width:36px;min-height:36px;padding:7px}.panel-page .panel-music-transport .panel-music-play{width:64px;min-width:64px;min-height:64px;padding:17px}.panel-page .panel-music-transport .panel-music-mood{display:flex;width:100%;min-width:0;min-height:52px;padding:9px;gap:8px;border-radius:999px}.panel-music-mood span{font-size:13px;white-space:nowrap}.panel-mood-calma{grid-column:1 / 4;grid-row:1}.panel-mood-fuerza{grid-column:4 / 7;grid-row:1}.panel-related{display:flex;gap:24px}.panel-side-player{position:static;max-width:420px;margin:0 auto}.panel-related #panel-featured-video{max-width:420px;margin:0 auto}.panel-secrets-scene{height:290px}}
@media(min-width:641px) and (max-width:1000px){.panel-music-transport{flex-wrap:wrap}.panel-page .panel-music-transport .panel-music-mood{width:60px;min-width:60px;min-height:60px}.panel-page .panel-moments-shelf #panel-moments-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.panel-secret-door{transition:none}}

/* Aire entre el reproductor principal y las tarjetas de secretos y mapa. */
.panel-player>.panel-listening-space{margin-block-start:80px}
@media(max-width:640px){.panel-player>.panel-listening-space{margin-block-start:56px}}

/* Controles morados: acabado satinado y sombra discreta, sin halo de neón. */
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute,.panel-related .panel-save-moment,.panel-related .panel-share){
 --control-fill:#542978;
 background-image:linear-gradient(145deg,#7846a0,#4b256e);
 border:1px solid #c29bdd9c;
 color:#fcf5ff;
 box-shadow:inset 0 1px 0 #ffffff24,0 3px 8px #12071c45;
 text-shadow:none;
 filter:none;
 transition:border-color .16s ease,box-shadow .16s ease;
}
.panel-page :is(.panel-music-transport .panel-music-play,.panel-side-transport .panel-side-play){
 --control-fill:#6a3795;
 background-image:linear-gradient(145deg,#925fc0,#63378f);
 border-color:#e0c5f1b3;
 box-shadow:inset 0 1px 0 #ffffff30,0 4px 10px #14091f4d;
}
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute,.panel-related .panel-save-moment,.panel-related .panel-share):hover:not(:disabled){
 --control-fill:#65358b;
 background-image:linear-gradient(145deg,#8957ad,#5a307e);
 border-color:#e5caf4bd;
 box-shadow:inset 0 1px 0 #ffffff2b,0 4px 10px #12071c52;
}
.panel-page :is(.panel-music-transport .panel-music-play,.panel-side-transport .panel-side-play):hover:not(:disabled){
 --control-fill:#7945a5;
 background-image:linear-gradient(145deg,#a173ce,#7447a2);
}
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute,.panel-related .panel-save-moment,.panel-related .panel-share):is([aria-pressed=true],[aria-expanded=true]):not(:disabled){
 --control-fill:#76439d;
 background-image:linear-gradient(145deg,#a276ca,#704099);
 border-color:#ead6f7;
 box-shadow:inset 0 1px 0 #ffffff30,0 3px 8px #12071c45;
 color:#fff;
}
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute,.panel-related .panel-save-moment,.panel-related .panel-share):focus-visible{
 outline:2px solid #ecd9ff;
 outline-offset:4px;
}
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute,.panel-related .panel-save-moment,.panel-related .panel-share):disabled{
 --control-fill:#352043;
 background-image:linear-gradient(145deg,#493258,#30203e);
 border-color:#9875b26b;
 box-shadow:inset 0 1px 0 #ffffff14,0 2px 5px #12071c33;
 color:#cbb8da;
}
.panel-page :is(.panel-music-transport,.panel-side-transport,.panel-volume-control,.panel-related .panel-save-moment,.panel-related .panel-share) svg{
 filter:none;
 color:inherit;
}
.panel-page .panel-related .panel-save-moment svg{stroke:currentColor}
.panel-music-volume-popover{border-color:#af89c7;box-shadow:0 10px 25px #09021066,inset 0 1px 0 #ffffff12}
@media(max-width:640px){
 .panel-music-transport{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 8px}
 .panel-page .panel-music-transport .panel-music-mood{order:-1;width:calc((100% - 8px) / 2)}
}
@media(prefers-reduced-motion:reduce){
 .panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute,.panel-related .panel-save-moment,.panel-related .panel-share){transition:none}
}

/* Una sola barra de audio: controles, título y minutos, sin portada. */
.panel-page .panel-related .panel-side-player{
 position:relative;top:auto;z-index:auto;display:grid;grid-template-columns:113px minmax(0,1fr);align-items:center;gap:8px;
 min-height:60px;padding:10px 8px;border-radius:18px;border-color:#c19bdd8c;
 background:linear-gradient(115deg,#362047,#21152f);box-shadow:inset 0 1px 0 #efd8ff15,0 0 16px #ad73e51f;
}
.panel-side-player[hidden]{display:none!important}
.panel-page .panel-side-player .sr-only{margin:-1px;padding:0}
.panel-side-line-copy{min-width:0;display:grid;gap:3px}
.panel-page .panel-side-line-copy #panel-side-title{margin:0;text-align:left;font:600 12px/1.3 var(--vibra-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.panel-side-timeline{display:grid;grid-template-columns:auto minmax(14px,1fr) auto;grid-template-areas:"elapsed seek duration";align-items:center;gap:3px;min-width:0}
.panel-side-timeline .panel-side-times{display:contents}
#panel-side-elapsed{grid-area:elapsed}#panel-side-duration{grid-area:duration}
.panel-side-timeline .panel-side-times span{font:400 9px/1.2 var(--vibra-font);font-variant-numeric:tabular-nums;color:#e1cbea}
.panel-side-timeline .panel-side-seek{grid-area:seek;min-width:0;width:100%;height:18px;margin:0;border-radius:0;background-size:100% 3px;background-position:center;background-repeat:no-repeat}
.panel-side-timeline .panel-side-seek::-webkit-slider-thumb{width:7px;height:7px;box-shadow:0 0 6px #d69af580}
.panel-side-timeline .panel-side-seek::-moz-range-thumb{width:7px;height:7px;box-shadow:0 0 6px #d69af580}
.panel-side-player .panel-side-transport{gap:3px;margin:0;justify-content:start}
.panel-page .panel-side-player .panel-side-transport button{width:24px;min-width:24px;height:24px;min-height:24px;padding:5px}
.panel-side-player .panel-side-transport svg{width:13px;height:13px}
.panel-page .panel-side-player .panel-side-transport .panel-side-play{width:32px;min-width:32px;height:32px;min-height:32px;padding:8px}
.panel-side-player .panel-side-play svg{width:15px;height:15px}

/* La búsqueda de la home tiene su propio foco lila. */
#emotion-search #home-find-song{
 position:relative;isolation:isolate;min-height:60px;padding:15px 28px;gap:16px;
 color:#fff8ff;font:600 15px/1.3 var(--vibra-font);letter-spacing:.015em;
 border:1px solid #edcaff;background:linear-gradient(112deg,#c481f6,#a155e2 46%,#7630bc);
 box-shadow:inset 0 1px 0 #ffffff5c,0 0 9px #ddbaffad,0 0 27px #b35bf49c,0 0 58px #a241e954;
 text-shadow:0 1px 5px #54207380;filter:none;
}
#emotion-search #home-find-song::before{content:"";position:absolute;inset:-7px;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#eabaff,#b067f6,#9049ed);filter:blur(15px);opacity:.5}
#emotion-search #home-find-song:hover{background:linear-gradient(112deg,#d49cff,#b96bec 46%,#8a44cf);box-shadow:inset 0 1px 0 #ffffff66,0 0 13px #eacbffbf,0 0 36px #bc73f5ad,0 0 64px #a64bef66;filter:none}
#emotion-search #home-find-song:focus-visible{outline:3px solid #fff0ff;outline-offset:5px}
#emotion-search #home-find-song:disabled{opacity:.6;cursor:wait}
#emotion-search #home-find-song svg{filter:drop-shadow(0 0 4px #f3d6ff99)}
#emotion-search{border-color:#d9a2f6b8}

/* Solo el título en el centro; autor y marca siguen en los metadatos de audio. */
.panel-music-copy :is(.panel-music-eyebrow,.panel-music-artist){display:none}

/* Iconos finos, con su propia luz, sobre los controles lilas satinados. */
.panel-page .panel-music-transport svg{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65;filter:drop-shadow(0 0 2px #fff0ffb3) drop-shadow(0 0 6px #dcb0ff78)}
.panel-page .panel-side-transport svg{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;filter:drop-shadow(0 0 2px #f5dcffa6) drop-shadow(0 0 4px #d2a1f56b)}
.panel-page .panel-music-transport .panel-music-play svg{filter:drop-shadow(0 0 3px #fff3ffb3) drop-shadow(0 0 8px #e0baff85)}
.panel-page :is(.panel-music-transport,.panel-side-transport) button:disabled svg{filter:none}

/* Carpetas: mosaico, número encima y opciones discretas, sin lápiz. */
.panel-folder-visual{position:relative;display:block;flex:none;padding-top:5px}
.panel-folder-count{position:absolute;top:-2px;right:-5px;z-index:2;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border:1px solid #ead1ffc2;border-radius:99px;background:linear-gradient(145deg,#bb85df,#7650a1);box-shadow:0 2px 7px #11082085,0 0 8px #b481d34d;color:#fff7ff;font:600 11px/1 var(--vibra-font)}
.panel-page .panel-library-folder-row{display:flex;align-items:center;gap:5px;min-width:0;position:relative;padding:4px 0}
.panel-page .panel-library-folder-pick{display:flex;flex-direction:row;align-items:center;gap:11px;min-width:0;flex:1;width:auto;padding:7px 5px;text-align:left;white-space:normal;background:#170d27}
.panel-library-folder-name{display:block;min-width:0;font:500 13px/1.3 var(--vibra-font);overflow-wrap:anywhere}
.panel-page .panel-folder-options{display:grid;place-items:center;flex:none;width:27px;min-width:27px;min-height:32px;padding:5px;border:1px solid #9673ad70;border-radius:9px;background:#28153b;color:#dfc3ef}
.panel-folder-options svg{width:17px;height:17px;fill:currentColor}
.panel-page .panel-folder-options:hover,.panel-page .panel-folder-options[aria-expanded=true]{background:#4d2b69;border-color:#cc9ae9;color:#fff0ff}
.panel-page .panel-folder-options:focus-visible{outline:2px solid #e6c4ff;outline-offset:3px}
.panel-folders-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.panel-page .panel-folders-menu-heading h2{margin:0;font:600 18px/1.3 var(--vibra-font);color:#f2dcff;text-transform:none;letter-spacing:-.015em}
.panel-page .panel-folders-menu-heading .panel-library-new-folder{width:auto;min-height:36px;padding:8px 11px;border:1px solid #ad80ca;border-radius:11px;background:linear-gradient(135deg,#78469c,#482862);color:#f7eaff;font-size:12px;white-space:nowrap}
.panel-folders-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.panel-page .panel-folders-menu .panel-library-folder-row{display:block;padding:12px 7px 7px;border:1px solid #9066aa78;border-radius:14px;background:linear-gradient(150deg,#362047,#1b1028)}
.panel-page .panel-folders-menu .panel-library-folder-pick{flex-direction:column;justify-content:center;gap:11px;width:100%;padding:4px 3px 10px;background:#271638;text-align:center;border-radius:10px}
.panel-folders-menu .panel-folder-mosaic{width:76px;height:76px;border-radius:12px}
.panel-folders-menu .panel-folder-options{position:absolute;right:6px;top:6px;width:25px;min-width:25px;min-height:25px;background:#291739}
.panel-folders-menu .panel-library-folder-name{padding-inline:2px;font-size:13px}
#panel-folders-menu-empty{margin:0;padding:12px 3px;color:#d2b8e4;font:400 14px/1.5 var(--vibra-font)}
.panel-library-songs{margin-top:8px}
.panel-page .panel-library-back{padding:6px 0;background:#21132f;color:#dab6f2;font:500 13px/1.4 var(--vibra-font)}
.panel-page #panel-library-folder-title{margin:9px 0 15px;font:600 19px/1.25 var(--vibra-font);overflow-wrap:anywhere;color:#f5e7ff}
#panel-folders-overview[hidden],.panel-library-songs[hidden],.panel-library-filter-hidden[hidden]{display:none!important}
.panel-folder-actions{position:fixed;z-index:136;inset:auto;margin:0;box-sizing:border-box;max-width:calc(100vw - 32px);padding:6px;border:1px solid #bc8ed6;border-radius:13px;background:#251433;color:#f4e7ff;box-shadow:0 10px 28px #09021099}
.panel-folder-actions::backdrop{background:transparent;pointer-events:none}
.panel-page .panel-folder-actions button{display:block;width:100%;min-height:42px;padding:11px;border:0;border-radius:9px;background:#251433;color:#f4e7ff;text-align:left;font:500 13px/1.35 var(--vibra-font)}
.panel-page .panel-folder-actions button:hover,.panel-page .panel-folder-actions button:focus-visible{background:#4b285f;outline:0}
.panel-page .panel-folder-actions #panel-folder-delete-action{color:#f3abc5}
.panel-page .panel-library-folder-pick{--control-fill:#170d27}
.panel-page .panel-folders-menu .panel-library-folder-pick{--control-fill:#271638}
.panel-page .panel-folder-options{--control-fill:#28153b}
.panel-page .panel-folder-options:is(:hover,[aria-expanded=true]){--control-fill:#4d2b69}
.panel-page .panel-library-back{--control-fill:#21132f}
.panel-page .panel-folder-actions button{--control-fill:#251433}
.panel-page .panel-folder-actions button:is(:hover,:focus-visible){--control-fill:#4b285f}
@media(min-width:641px) and (max-width:1200px){
 .panel-page #panel-sidebar-moments .panel-library-folder-row{display:block}
 .panel-page #panel-sidebar-moments .panel-library-folder-pick{flex-direction:column;width:100%;padding:9px 2px;gap:7px;text-align:center}
 #panel-sidebar-moments .panel-library-folder-name{font-size:11px}
 #panel-sidebar-moments .panel-folder-options{width:25px;min-width:25px;min-height:25px;padding:4px;margin:2px auto 0}
}
@media(max-width:640px){
 #emotion-search #home-find-song{min-height:54px;padding:14px 20px;font-size:14px}
 .panel-page .panel-folder-options{width:38px;min-width:38px;min-height:40px}
 .panel-page .panel-folders-menu .panel-folder-options{width:30px;min-width:30px;min-height:30px}
}

/* El lateral entero permanece fijo; ningún hijo se pega encima del siguiente. */
@media(min-width:901px){
 .panel-related{position:fixed;top:94px;right:var(--panel-workspace-gutter);width:var(--panel-right-column);max-height:calc(100svh - 112px);overflow-y:auto;overscroll-behavior:contain;gap:18px;scroll-padding-block:14px}
 .panel-related>section,.panel-related>.panel-promo{flex-shrink:0}
}
@media(max-width:900px){
 .panel-related{position:static;top:auto;right:auto;width:auto;max-height:none;overflow:visible;gap:24px}
 .panel-page .panel-related .panel-side-player{position:relative;top:auto;max-width:420px;margin-inline:auto}
}

/* Tres zonas: calma, reproducción en el centro y fuerza. */
.panel-music-transport{display:grid;grid-template-columns:minmax(70px,1fr) auto minmax(70px,1fr);align-items:center;justify-items:center;justify-content:stretch;gap:clamp(18px,3cqw,36px);width:100%;flex-wrap:nowrap}
.panel-music-core{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:clamp(7px,1cqw,12px);min-width:0}
.panel-mood-calma{grid-column:1;grid-row:1;justify-self:start}
.panel-mood-fuerza{grid-column:3;grid-row:1;justify-self:end}
.panel-page .panel-music-transport .panel-music-mood{order:0;width:70px;min-width:70px;min-height:70px;border-radius:50%;display:grid;gap:3px;padding:9px 7px}

/* Lilas con luz suave alrededor, sin perder contraste sobre los fondos. */
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute,.panel-related .panel-save-moment,.panel-related .panel-share){
 --control-fill:#68448d;background-image:linear-gradient(145deg,#ac7bc9 0%,#8158ab 42%,#563579 100%);border-color:#dcc0f3b3;
 box-shadow:inset 0 1px 0 #ffffff38,0 0 9px #b17be34d,0 0 23px #a56edf30,0 4px 10px #1308204d;color:#fff7ff;
}
.panel-page :is(.panel-music-transport .panel-music-play,.panel-side-transport .panel-side-play){
 --control-fill:#8358ab;background-image:linear-gradient(145deg,#c39cde,#9568be 48%,#6d4598);border-color:#f0dcffcc;
 box-shadow:inset 0 1px 0 #ffffff45,0 0 13px #c293ef66,0 0 30px #b882e638,0 4px 12px #1308204d;
}
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute,.panel-related .panel-save-moment,.panel-related .panel-share):hover:not(:disabled){
 --control-fill:#8057a5;background-image:linear-gradient(145deg,#bc92dc,#946cc0 45%,#66428b);border-color:#efd7ff;
 box-shadow:inset 0 1px 0 #ffffff45,0 0 13px #c393ed66,0 0 28px #b981e33d,0 4px 10px #1308204d;
}
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute,.panel-related .panel-save-moment,.panel-related .panel-share):is([aria-pressed=true],[aria-expanded=true]):not(:disabled){
 --control-fill:#986bc0;background-image:linear-gradient(145deg,#d1afe9,#ac7fce 45%,#7953a0);border-color:#f6e6ff;
 box-shadow:inset 0 1px 0 #ffffff50,0 0 15px #d5aff16b,0 0 30px #ba86e442;
}
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute,.panel-related .panel-save-moment,.panel-related .panel-share):disabled{
 --control-fill:#493253;background-image:linear-gradient(145deg,#745582,#412b50);box-shadow:inset 0 1px 0 #ffffff14;opacity:.5;
}

/* Los estados rutinarios siguen accesibles, sin el texto blanco bajo los botones. */
.panel-page .panel-music-status:not(.is-error):not(.is-attention){position:absolute;width:1px;height:1px;min-height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.panel-page .panel-music-status:is(.is-error,.is-attention){color:#f0c4e3;font-size:13px}
.panel-page [data-lyrics-enabled="false"] #panel-lyrics{display:none!important}

@container music-stage (max-width:560px){
 .panel-music-transport{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}
 .panel-mood-calma{grid-column:1;grid-row:1}.panel-mood-fuerza{grid-column:2;grid-row:1}
 .panel-music-core{grid-column:1 / -1;grid-row:2;gap:8px}
 .panel-page .panel-music-transport .panel-music-mood{width:auto;min-width:112px;min-height:48px;padding:10px 13px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px}
 .panel-music-mood span{font-size:12px;white-space:nowrap}
}
@media(max-width:640px){
 .panel-music-transport{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
 .panel-mood-calma{grid-column:1;grid-row:1}.panel-mood-fuerza{grid-column:2;grid-row:1}
 .panel-music-core{grid-column:1 / -1;grid-row:2;gap:8px}
 .panel-page .panel-music-transport .panel-music-mood{width:auto;min-width:104px;min-height:48px;padding:10px 11px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:999px}
 .panel-page .panel-music-core button{width:36px;min-width:36px;min-height:36px;padding:7px}
 .panel-page .panel-music-core .panel-music-play{width:64px;min-width:64px;min-height:64px;padding:17px}
 .panel-page .panel-related .panel-side-player{grid-template-columns:157px minmax(0,1fr)}
 .panel-side-player .panel-side-transport{gap:3px}
 .panel-page .panel-side-player .panel-side-transport button{width:36px;min-width:36px;height:36px;min-height:36px;padding:8px}
 .panel-side-player .panel-side-transport svg{width:18px;height:18px}
 .panel-page .panel-side-player .panel-side-transport .panel-side-play{width:40px;min-width:40px;height:40px;min-height:40px;padding:10px}
}

/* Encuadres del fondo en móvil: conservar la cabeza del fénix y el centro del sol. */
@media(max-width:640px){
 .panel-workspace-backdrop .panel-song-backdrop[src*="fondo-04.webp"]{object-position:24% center}
 .panel-workspace-backdrop .panel-song-backdrop[src*="fondo-07.webp"]{object-position:25% center}
}

/* El mismo haz difuso de la portada, sin estrellas ni destellos puntuales. */
.panel-page{--panel-player-halo:0 0 5px #f6d5ff,0 0 18px #df9aff,0 0 42px #c165ffc9,0 0 76px #ad3ffb9c}
.panel-music-sleeve{box-shadow:var(--panel-player-halo)}
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute){
 position:relative;isolation:isolate;overflow:visible;--control-fill:#694288;
 background-image:linear-gradient(145deg,#ae80ce 0%,#8055a5 48%,#503167 100%);
 border:1px solid #ecc9ff;color:#fff5ff;
 box-shadow:inset 0 1px 0 #ffffff40,var(--panel-player-halo);
 transition:border-color .16s ease;
}
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute)::before,
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute)::after{content:none;display:none}
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute):hover:not(:disabled){
 border-color:#fff0ff;box-shadow:inset 0 1px 0 #ffffff55,var(--panel-player-halo);
}
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute) svg{
 fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
 filter:drop-shadow(0 0 2px #efcaff6b);
}
.panel-page :is(.panel-music-transport .panel-music-play,.panel-side-transport .panel-side-play){
 --control-fill:#8a5caf;background-image:linear-gradient(145deg,#d0afe5,#9e74bf 48%,#724896);border-color:#f5e2ffc4;
 box-shadow:inset 0 1px 0 #ffffff50,var(--panel-player-halo);
}
.panel-page :is(.panel-music-play,.panel-side-play) svg{fill:currentColor;stroke:none}
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute):disabled{
 --control-fill:#454149;background-image:linear-gradient(145deg,#645d6c,#39353f);border-color:#9d95a84d;color:#c4bdcc;
 box-shadow:inset 0 1px 0 #ffffff14;opacity:.7;cursor:not-allowed;
}
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute):disabled::before,
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute):disabled::after{display:none}
.panel-page .panel-music-mood.is-used{--control-fill:#454149;color:#c4bdcc}
.panel-music-core{display:grid;gap:15px;max-width:100%;width:max-content}
.panel-music-playback{display:flex;align-items:center;justify-content:center;gap:clamp(7px,1cqw,12px);min-width:0}
.panel-music-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;min-width:0}
.panel-page .panel-music-core .panel-music-actions button{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:112px;min-height:44px;
 padding:11px 16px;border-radius:999px;font:500 12px/1.25 var(--vibra-font);letter-spacing:.01em;
}
.panel-music-actions svg{width:18px;height:18px;flex:none}
.panel-music-actions .panel-share-controls{position:static;display:block}
.panel-music-actions .panel-save-moment svg{fill:none;stroke:currentColor}
.panel-page .panel-music-actions .panel-share span,.panel-page .panel-music-actions .panel-save-moment span{font:inherit;letter-spacing:inherit}
.panel-map-points circle{fill:var(--map-tone,#826296);opacity:.35}
.panel-map-points circle.is-recorded{opacity:1;filter:drop-shadow(0 0 4px var(--map-tone))}
.panel-map-ring-base{stroke-dasharray:78 22;stroke-opacity:.12}
.panel-map-ring-value{stroke-width:3.5;filter:drop-shadow(0 0 3px var(--map-tone,#ba82ef))}
.panel-library-folder-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.panel-page .panel-library-folder-actions button{--control-fill:#392347;min-height:40px;padding:9px 12px;border:1px solid #ac84c96b;border-radius:10px;color:#f1defc;background:#392347;font:500 12px/1.3 var(--vibra-font)}
.panel-page .panel-library-folder-actions button:hover{--control-fill:#583574;background:#583574;border-color:#d1a8ee}
.panel-page .panel-library-folder-actions button:focus-visible{outline:2px solid #ead1fb;outline-offset:3px}
.panel-library-folder-actions[hidden]{display:none}
/* El mosaico queda libre de botones superpuestos. */
.panel-page .panel-folders-menu .panel-library-folder-row{padding-top:10px}
.panel-page .panel-library-folder-name{padding-right:0}
/* Los avisos de rutina no ocupan espacio visual bajo el reproductor. */
.panel-page .panel-music-status:not(.is-error):not(.is-attention),
.panel-page #panel-moments-message:not(.is-error){position:absolute;width:1px;height:1px;min-height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:901px){
 .panel-related{top:var(--panel-rail-top,124px);max-height:calc(100svh - var(--panel-rail-top,124px) - 20px)}
}
@container music-stage (max-width:560px){
 .panel-music-core{grid-column:1 / -1;grid-row:2;gap:18px}
 .panel-music-playback{gap:8px}
}
@media(max-width:640px){
 .panel-music-core{width:100%;gap:17px}
 .panel-page .panel-music-core .panel-music-playback button{width:44px;min-width:44px;min-height:44px;padding:10px}
 .panel-page .panel-music-core .panel-music-playback .panel-music-play{width:60px;min-width:60px;min-height:60px;padding:16px}
 .panel-music-playback{gap:6px;flex-wrap:wrap}
 .panel-music-actions{gap:12px}
 .panel-page .panel-music-core .panel-music-actions button{min-width:114px;min-height:44px;font-size:12px}
 .panel-map-emotions{gap:7px}
}
@media(max-width:360px){
 .panel-page .panel-music-core .panel-music-playback .panel-music-play{width:56px;min-width:56px;min-height:56px;padding:14px}
 .panel-music-playback{gap:5px}
 .panel-page .panel-music-core .panel-music-actions button{min-width:104px;padding-inline:12px}
}
@media(prefers-reduced-motion:reduce){
 .panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute){transition:none}
}
.panel-page .panel-music-playback .panel-music-play svg,.panel-page .panel-side-transport .panel-side-play svg{fill:currentColor;stroke:none}
.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute):disabled svg{filter:none}
.panel-page #panel-player-message:not(.is-error){position:absolute;width:1px;height:1px;min-height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Ocho posiciones equilibradas: cuatro etiquetas en cada fila. */
.panel-map-emotions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px}
.panel-page .panel-map-emotions li{justify-content:center;min-width:0;min-height:36px;box-sizing:border-box;padding:7px 6px;text-align:center;font-size:clamp(11px,1.1vw,13px);overflow-wrap:anywhere}
.panel-page .panel-map-emotions li.is-empty{border-color:#82639545;background:#251b34;color:#b69fc9;font-size:11px;box-shadow:none}
.panel-page .panel-map-emotions li.is-empty::before{background:#826395;box-shadow:none}
.panel-map-emotions[hidden]{display:none}
.panel-page .panel-legal-footer>span{transform:none}
.panel-library-heading-actions{display:grid;justify-items:end;gap:7px;flex:none}
.panel-library-heading-actions button{margin:0}
.panel-page .panel-sidebar-rename-folder{margin-top:5px;min-height:38px;justify-content:center;font-size:13px}
#panel-folder-choose{width:100%}
.panel-mobile-shortcuts{display:none}

/* Un solo reproductor compartido, fijado bajo el logo en móvil. */
@media(max-width:640px){
 .panel-page{--panel-mobile-player-height:138px}
 .panel-sidebar-head .panel-brand .logo-crop img{top:calc(-125% + 3px)}
 .has-mobile-player .panel-workspace{padding-top:calc(74px + env(safe-area-inset-top,0px) + var(--panel-mobile-player-height) + 18px)}
 .has-mobile-player{scroll-padding-top:calc(var(--panel-mobile-bar-bottom) + var(--panel-mobile-player-height) + 14px)}
 .has-mobile-player :is(#panel-main,#panel-player,#panel-featured-video,#panel-videos,#panel-emotional-story){scroll-margin-top:calc(var(--panel-mobile-bar-bottom) + var(--panel-mobile-player-height) + 14px)}
 .panel-page .panel-related #panel-side-player:not([hidden]){
  position:fixed;top:var(--panel-mobile-bar-bottom);left:calc(10px + env(safe-area-inset-left,0px));right:calc(10px + env(safe-area-inset-right,0px));z-index:59;
  display:grid;grid-template-columns:minmax(0,1fr);gap:11px;width:auto;max-width:none;margin:0;padding:12px 14px 13px;
  border:1px solid #d6adf78c;border-radius:19px;background:linear-gradient(130deg,#342044,#261735 70%,#3e2352);box-shadow:0 0 18px #bc7ce94d,0 8px 20px #0d031b7a;
 }
 .panel-page #panel-side-player .panel-side-line-copy{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:12px;align-items:center}
 .panel-page #panel-side-player .panel-side-line-copy #panel-side-title{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 14px/1.35 var(--vibra-font);letter-spacing:-.01em}
 .panel-page #panel-side-player .panel-side-timeline{min-width:0}
 .panel-page #panel-side-seek{height:6px;margin:10px 0 5px;min-height:6px;touch-action:pan-y}
 .panel-page #panel-side-seek::-webkit-slider-thumb{width:16px;height:16px}
 .panel-page #panel-side-seek::-moz-range-thumb{width:16px;height:16px}
 .panel-page #panel-side-player .panel-side-times{font-size:10px}
 .panel-page #panel-side-player .panel-side-transport{grid-column:1;grid-row:2;display:flex;justify-content:space-evenly;align-items:center;gap:12px;flex-wrap:nowrap;margin:0}
 .panel-page #panel-side-player .panel-side-transport button{width:48px;min-width:48px;height:48px;min-height:48px;padding:12px;box-shadow:inset 0 1px 0 #ffffff40,0 0 4px #f6d5ff,0 0 14px #df9aff9c,0 0 30px #c165ff70}
 .panel-page #panel-side-player .panel-side-transport .panel-side-play{width:58px;min-width:58px;height:58px;min-height:58px;padding:16px}
 .panel-page #panel-side-player .panel-side-transport svg{width:24px;height:24px}
 .panel-page #panel-side-player .panel-side-transport button:disabled{box-shadow:inset 0 1px 0 #ffffff14}
 .panel-page .panel-mobile-shortcuts:not([hidden]){position:fixed;right:calc(12px + env(safe-area-inset-right,0px));top:max(52%,calc(var(--panel-mobile-bar-bottom) + var(--panel-mobile-player-height) + 25px));z-index:58;display:grid;gap:12px}
 .panel-page .panel-mobile-shortcut{display:grid;place-items:center;width:46px;min-width:46px;min-height:46px;padding:11px;border:1px solid #d6b2ef;border-radius:50%;background:linear-gradient(145deg,#9d6dc2,#563473);color:#fff2ff;box-shadow:0 0 13px #c486ef59,0 5px 15px #08030d80}
 .panel-mobile-shortcut svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
 .panel-mobile-shortcut[aria-expanded=true]{border-color:#fff0ff;background:linear-gradient(145deg,#bf90df,#70458d)}
 .panel-mobile-section-menu{position:absolute;right:58px;top:0;display:grid;gap:5px;box-sizing:border-box;width:min(228px,calc(100vw - 86px));padding:9px;border:1px solid #b689d9;border-radius:16px;background:#2b193c;box-shadow:0 10px 25px #09020fa6}
 .panel-page .panel-mobile-section-menu button{min-height:42px;padding:9px 7px;border:0;border-radius:10px;background:#4a2c60;color:#f7e9ff;font:500 11px/1.4 var(--vibra-font);text-align:left}
 .panel-page .panel-mobile-section-menu button:hover{background:#684082}
 .panel-mobile-section-menu[hidden]{display:none}
 .panel-mobile-shortcuts[hidden]{display:none}
 .panel-page .panel-map-emotions li{font-size:11px;gap:5px;padding-inline:4px;min-height:39px}
 .panel-map-emotions{gap:8px 5px}
 .panel-page .panel-map-emotions li.is-empty{font-size:10px}
}
@media(max-width:360px){
 .panel-page #panel-side-player .panel-side-line-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
 .panel-page #panel-side-player .panel-side-transport{gap:9px}
 .panel-page #panel-side-player .panel-side-transport button{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px}
 .panel-page #panel-side-player .panel-side-transport .panel-side-play{width:54px;min-width:54px;height:54px;min-height:54px;padding:14px}
}

.panel-page :is(.panel-music-transport button,.panel-side-transport button,#panel-music-mute):is([aria-pressed=true],[aria-expanded=true]):not(:disabled){box-shadow:inset 0 1px 0 #ffffff55,var(--panel-player-halo)}
@media(max-width:640px){.panel-page #panel-side-player .panel-side-timeline .panel-side-times span{font-size:10px}}

/* v38: vidrio un poco más presente, con el mismo fondo y halo. */
.panel-music-deck{background:linear-gradient(145deg,#a786cc24,#26123830 58%,#70519926);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.panel-music-actions{max-width:100%;gap:10px}
.panel-music-actions .panel-share-controls{min-width:0;flex:1 1 auto}
.panel-page .panel-music-core .panel-music-actions #panel-share{width:100%;min-width:0}
.panel-music-actions #panel-share span{white-space:normal;text-wrap:balance}
@container music-stage (max-width:380px){
 .panel-page .panel-music-core .panel-music-actions #panel-save-moment{min-width:90px;padding-inline:10px}
 .panel-page .panel-music-core .panel-music-actions #panel-share{padding-inline:10px;font-size:11px}
}

/* v39: misma anchura en los dos botones del desplegable; X visibles a la derecha. */
.panel-library-heading-actions{width:128px;max-width:48%;justify-items:stretch}
.panel-page .panel-folders-menu-heading .panel-library-heading-actions .panel-library-new-folder{box-sizing:border-box;width:100%;margin:0}
.panel-page #panel-rename-folder[hidden]{display:none!important}
.panel-library-folder-row{display:flex;align-items:center;gap:8px}
.panel-library-folder-row .panel-library-folder-pick{flex:1;min-width:0}
.panel-folder-preview-list{grid-template-columns:minmax(0,1fr) 32px;align-items:center}
.panel-page :is(.panel-folder-remove,.panel-folder-song-remove){display:grid;place-items:center;flex:none;box-sizing:border-box;width:32px;min-height:36px;padding:0;border:1px solid #9773b45c;border-radius:10px;background:#35203f;color:#edceff;font:400 24px/1 var(--vibra-font)}
.panel-page :is(.panel-folder-remove,.panel-folder-song-remove):hover:not(:disabled){background:#512b61;border-color:#c493de;color:#fff1ff}
.panel-page :is(.panel-folder-remove,.panel-folder-song-remove):focus-visible{outline:2px solid #efcaff;outline-offset:3px}
.panel-page :is(.panel-folder-remove,.panel-folder-song-remove):disabled{opacity:.45;cursor:not-allowed}
.panel-page .panel-folders-menu .panel-folder-remove{position:absolute;right:7px;bottom:9px}
.panel-page .panel-folders-menu .panel-library-folder-row.has-folder-remove .panel-library-folder-name{box-sizing:border-box;width:100%;min-height:36px;padding-right:38px;display:grid;align-content:center}
@media(min-width:641px) and (max-width:1200px){.panel-page #panel-sidebar-moments .panel-folder-remove{position:absolute;right:2px;bottom:3px}.panel-page #panel-sidebar-moments .panel-library-folder-row.has-folder-remove .panel-library-folder-name{box-sizing:border-box;width:100%;min-height:36px;padding-right:36px}}
@media(hover:none),(pointer:coarse){.panel-folder-preview-list{grid-template-columns:minmax(0,1fr) 44px}.panel-page :is(.panel-folder-remove,.panel-folder-song-remove){width:44px;min-height:44px}}
@media(hover:none),(pointer:coarse){.panel-page .panel-folders-menu .panel-library-folder-row.has-folder-remove .panel-library-folder-name{min-height:44px;padding-right:50px}}