/* Nach bestehendem Player-CSS laden; nur lokale Gestaltung. */
:root{--green:#c4b4e8!important;--experience-accent:#c4b4e8}
header .brand,.experience-intro strong{color:#fff}header .brand>span,.experience-intro .experience-brand-accent{color:#b9ef68!important}
html body{background:radial-gradient(ellipse at 12% 4%,#3d285880,transparent 55%),radial-gradient(ellipse at 88% 35%,#233b5680,transparent 50%),linear-gradient(160deg,#171824,#231c2e)!important;background-attachment:fixed}
.player{background:linear-gradient(135deg,#151926f5,#1d1729f5);border-top:1px solid #b5a0db35;box-shadow:0 -12px 45px #0004;backdrop-filter:blur(20px)}
.player .controls #play{background:linear-gradient(145deg,#e4dcf5,#b3a0d3);color:#211c30;box-shadow:0 3px 20px #b3a0d323}
.player .seek input{accent-color:var(--experience-accent)}
.playlist .ratings button[aria-pressed=true]{color:#d6c5f3}.playlist .ratings button:hover{background:#bda4df13}
.experience-panel{margin:18px 0 22px;padding:18px;border:1px solid #b7a0dc26;border-radius:18px;background:linear-gradient(140deg,#1b2030,#171822);box-sizing:border-box}
.experience-panel>label:first-child{display:block;font-weight:600;margin-bottom:10px}
.experience-panel input[type=search]{width:100%;box-sizing:border-box;border:1px solid #a796bd55;border-radius:12px;padding:12px 14px;background:#101420;color:#f1eafa;font:inherit}
.experience-panel input:focus-visible,.experience-result:focus-visible{outline:2px solid #c4b4e8;outline-offset:3px}
.experience-hint{font-size:12px;color:#b3acbf;line-height:1.6}.experience-sound{display:flex;align-items:center;gap:9px;font-size:13px;margin-top:14px;min-height:30px}.experience-sound input{accent-color:#c4b4e8}
.experience-results{display:grid;gap:8px}.experience-result{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;border-radius:12px;color:#ede7f6;text-decoration:none;background:#ffffff05}.experience-result:hover{background:#c4b4e810}.experience-result span{overflow-wrap:anywhere}.experience-result small{color:#bcb0ce;max-width:130px;text-align:right}
.experience-cover{width:42px;height:42px;display:block;flex:none}.experience-current-art{float:left;margin-right:12px}.experience-current-art .experience-cover{width:48px;height:48px}
.experience-lyrics{margin-top:14px;border-top:1px solid #b7a0dc26;padding-top:14px}.experience-lyrics summary{cursor:pointer;color:#dbd0ed}.experience-lyrics pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;line-height:1.7;color:#bfb5ce;max-height:300px;overflow:auto}
.experience-intro{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#11131ded;pointer-events:none}.experience-intro strong{font-size:36px;letter-spacing:-1px;color:#ede5fc}.experience-wave{display:flex;align-items:center;gap:5px;height:44px}.experience-wave i{width:4px;height:22px;border-radius:5px;background:#c4b4e8;animation:experience-wave .6s ease-in-out infinite alternate}.experience-wave i:nth-child(3n){animation-delay:-.3s;height:38px}.experience-wave i:nth-child(3n+1){animation-delay:-.15s;height:12px}
.experience-rated{animation:experience-rate .28s ease-out}
.playlist .track-play{grid-template-columns:40px 24px minmax(0,1fr) 42px}.experience-row-cover{width:38px;height:38px}
.current{position:relative}.experience-notes{position:absolute;inset:0 0 auto auto;width:90px;height:48px;overflow:hidden;pointer-events:none}.experience-notes[hidden]{display:none}.experience-notes i{position:absolute;bottom:0;font-style:normal;color:#c4b4e880;animation:experience-note 3s linear infinite}.experience-notes i:nth-child(2){left:22px;animation-delay:-.75s}.experience-notes i:nth-child(3){left:44px;animation-delay:-1.5s}.experience-notes i:nth-child(4){left:66px;animation-delay:-2.25s}.experience-paused i{animation-play-state:paused}
.experience-current-ratings{display:flex;gap:10px;align-items:center;margin-top:8px}.experience-current-ratings button{border:0;background:transparent;color:#b5adbf;border-radius:50%;width:32px;height:30px;font-size:18px;cursor:pointer}.experience-current-ratings button[aria-pressed=true]{color:#d6c5f3}.playlist .fire-rating[aria-pressed=true],#current-fire[aria-pressed=true],.experience-fire-active{filter:drop-shadow(0 0 6px #ffad6680);background:#f5912915!important}
.seek input{background:linear-gradient(to right,#c4b4e8 var(--progress,0%),#ffffff18 var(--progress,0%));border-radius:12px}
.experience-disclosure{margin:8px 0;color:#bbb1ca;font-size:12px;line-height:1.6}.experience-disclosure summary{cursor:pointer}.experience-disclosure>.feedback-note{margin:8px 0}.experience-disclosure .below{margin:8px 0}
@keyframes experience-note{from{transform:translateY(10px);opacity:0}25%{opacity:.6}to{transform:translateY(-48px);opacity:0}}
@keyframes experience-wave{to{transform:scaleY(.35);opacity:.45}}@keyframes experience-rate{50%{transform:scale(1.2)}100%{transform:scale(1)}}
@media(max-width:600px){.experience-panel{padding:14px}.experience-result{grid-template-columns:34px minmax(0,1fr)}.experience-result .experience-cover{width:34px;height:34px}.experience-result small{grid-column:2;text-align:left;max-width:none}.experience-current-art .experience-cover{width:38px;height:38px}.playlist .track-play{grid-template-columns:30px minmax(0,1fr) 36px;gap:8px}.playlist .track-play .number{display:none}.experience-row-cover{width:28px;height:28px}.experience-current-ratings{gap:5px}.experience-notes{width:72px}}
@media(prefers-reduced-motion:reduce){.experience-intro,.experience-notes{display:none}.experience-rated,.experience-wave i,.experience-notes i{animation:none}}

:root{--green:#b9ef68!important;--experience-accent:#b9ef68}html body{background:radial-gradient(ellipse at 15% 0%,#17402b70,transparent 55%),linear-gradient(160deg,#101512,#142018)!important}.player{background:linear-gradient(135deg,#111a15f5,#14231af5)}.player .controls #play{background:linear-gradient(145deg,#d9ffa1,#b9ef68);color:#172110}.experience-panel{background:linear-gradient(140deg,#15241b,#101b14)}.experience-lyrics pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:48vh;overflow:auto;line-height:1.75;animation:lyricsAppear .35s ease-out}@keyframes lyricsAppear{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.experience-lyrics pre{animation:none}}

/* Lyrics liegen unmittelbar über dem gemessenen Player. */
footer.player{z-index:40}
.experience-lyrics{position:fixed;z-index:41;bottom:var(--experience-player-height,160px);left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 24px));box-sizing:border-box;margin:0;padding:10px 16px;border:1px solid #97df7138;border-radius:18px 18px 0 0;background:#10191bf5;box-shadow:0 -8px 28px #0004;backdrop-filter:blur(16px)}
.experience-lyrics summary{min-height:30px;display:list-item;color:#b9ef68;font-weight:650;cursor:pointer;list-style-position:inside}
.experience-lyrics summary:focus-visible{outline:2px solid #b9ef68;outline-offset:3px}
.experience-lyrics pre{max-height:min(35vh,300px);margin:10px 0 0;color:#d2f1c7;line-height:1.8;overscroll-behavior:contain;white-space:pre-wrap;overflow-wrap:anywhere}
.experience-lyrics-note{display:block;color:#91a395;font-size:11px;margin-top:4px}
.experience-disco{position:fixed;top:0;left:50%;z-index:30;pointer-events:none;transform:translate(-50%,-150px);transition:transform .6s cubic-bezier(.2,.7,.3,1);width:76px;height:132px;display:flex;justify-content:center;align-items:flex-end}
.experience-disco:before{content:'';position:absolute;top:0;height:65px;width:1px;background:#c4ccd980}
.experience-disco-open{transform:translate(-50%,0)}
.experience-disco-ball{display:block;width:64px;height:64px;border-radius:50%;background:repeating-conic-gradient(from 12deg,#ffffffbd 0deg 9deg,#788996 10deg 19deg,#dce6ed 20deg 29deg);box-shadow:inset -14px -8px 18px #101a348a,0 0 25px #c1d1e733;animation:experience-disco-spin 20s linear infinite;animation-play-state:paused}
.experience-disco-playing .experience-disco-ball{animation-play-state:running}
.experience-rgb{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 22% 20%,#ee527015,transparent 45%),radial-gradient(ellipse at 75% 32%,#45e69918,transparent 48%),radial-gradient(ellipse at 45% 65%,#4a8ee815,transparent 48%);transition:opacity .6s;animation:experience-rgb-drift 15s ease-in-out infinite alternate;animation-play-state:paused}
.experience-rgb-playing{opacity:1;animation-play-state:running}
@keyframes experience-disco-spin{to{transform:rotate(360deg)}}
@keyframes experience-rgb-drift{to{transform:scale(1.06);filter:hue-rotate(35deg)}}
@media(max-width:600px){.experience-lyrics{width:calc(100% - 12px);padding:8px 12px}.experience-lyrics pre{max-height:28vh}.experience-disco{width:52px;height:98px}.experience-disco:before{height:45px}.experience-disco-ball{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.experience-disco,.experience-rgb{transition:none}.experience-disco-ball,.experience-rgb{animation:none}}

/* Kompakter gemeinsamer Transport: fünf symmetrische Slots, Teilen separat. */
footer.player{background:#111a15!important;backdrop-filter:none!important;opacity:1}
footer.player .player-inner{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:24px}
footer.player .current{min-width:0}
footer.player .current strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
footer.player .controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,280px);gap:8px;align-items:center;justify-items:center;margin:0 auto 8px}
footer.player .controls>button{grid-row:1;min-width:0;width:36px;height:36px;padding:0;white-space:nowrap;display:inline-grid;place-items:center;border:0;line-height:1}
footer.player .controls #shuffle{grid-column:1;font-size:0}
footer.player .controls #previous{grid-column:2}
footer.player .controls #play{grid-column:3;width:48px;height:48px;border-radius:50%}
footer.player .controls #next{grid-column:4}
footer.player .controls #repeat{grid-column:5;font-size:0}
footer.player .controls svg{width:22px;height:22px}
.share-button{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;padding:0;line-height:1;color:#b9ef68;white-space:nowrap;-webkit-appearance:none;appearance:none}
.share-button svg{width:24px;height:24px;display:block}
.release-updates>.share-button{color:#b9ef68;background:transparent;border:1px solid #394238;border-radius:10px;justify-self:end}
.release-updates{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.release-updates>#recent-uploads{min-width:0;flex:1;margin-top:0}
.release-updates>.hint{flex:none}
footer.player .current-ratings{justify-self:end;display:flex;align-items:center;gap:2px}
footer.player .current-ratings>.share-button{color:#b9ef68;border:0;background:transparent;font-size:0;width:36px;height:36px;padding:0}
#current-dislike,.ratings button[aria-label^="Dislike"]{display:none!important}
@media(max-width:800px){footer.player .player-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px}footer.player .current{display:block}footer.player .current small{display:block;margin-top:2px}footer.player .current-ratings>button{width:34px;min-width:34px;padding:4px}footer.player .current-ratings>.share-button{width:34px;min-width:34px;padding:0}footer.player .controls{margin-bottom:7px}}


/* Facettierte Kugel: Reaktionsstil darf die Wiedergabeanimation nicht löschen. */
.experience-disco .experience-disco-ball.reaction-mirror-ball{animation:experience-disco-spin 20s linear infinite!important;animation-play-state:paused!important}
.experience-disco-playing .experience-disco-ball.reaction-mirror-ball{animation-play-state:running!important}
.experience-rgb{background:radial-gradient(ellipse at 22% 20%,#ee527038,transparent 45%),radial-gradient(ellipse at 75% 32%,#45e69940,transparent 48%),radial-gradient(ellipse at 45% 65%,#4a8ee838,transparent 48%)}
@media(prefers-reduced-motion:reduce){.experience-disco .experience-disco-ball.reaction-mirror-ball,.experience-disco-playing .experience-disco-ball.reaction-mirror-ball,.experience-rgb{animation:none!important}}