.music-hero{min-height:100vh;padding:150px max(24px,calc((100% - var(--max))/2)) 80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.9fr);gap:72px;align-items:center;position:relative;overflow:hidden}
.music-hero:before{content:'';position:absolute;width:720px;height:720px;right:-180px;top:80px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%);filter:blur(10px);pointer-events:none}.music-hero-copy,.hero-studio,.music-proof{position:relative;z-index:1}.music-hero h1{font-size:clamp(54px,6.2vw,96px);line-height:.93;letter-spacing:-.055em;margin:28px 0}.music-hero h1 em{display:block;color:var(--accent);font-family:Georgia,serif;font-weight:400}.music-hero-copy>p{max-width:690px;color:var(--muted);font-size:19px;line-height:1.7}.music-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.music-trust span,.track-tags b{padding:9px 12px;border:1px solid var(--line);border-radius:999px;font-size:16px;color:var(--muted)}
.hero-studio{min-height:570px;border:1px solid var(--line);border-radius:28px;background:#080a0b;overflow:hidden;box-shadow:0 35px 90px #0007}.studio-picture{position:absolute;inset:0}.studio-picture img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.64);transform:scale(1.03);animation:studioDrift 12s ease-in-out infinite alternate}.studio-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 12%,#090b0ce8 84%),linear-gradient(90deg,#090b0c72,transparent)}.now-playing{position:absolute;left:34px;right:34px;bottom:145px}.now-playing span{display:block;color:var(--accent);font-size:16px;font-weight:900;letter-spacing:.12em}.now-playing strong{display:block;max-width:460px;margin-top:12px;color:#fff;font-size:31px;line-height:1.13}.now-playing small{display:block;margin-top:10px;color:#d2d5d5;font-size:16px}.hero-equalizer{position:absolute;left:34px;right:34px;bottom:40px;height:65px;display:flex;align-items:end;gap:7px}.hero-equalizer i,.track-wave i{flex:1;min-width:3px;height:var(--level,40%);border-radius:5px;background:linear-gradient(180deg,#ff9a72,var(--accent));transform-origin:bottom;animation:musicBars 1.1s ease-in-out infinite alternate}.hero-equalizer i:nth-child(3n+1),.track-wave i:nth-child(4n+1){--level:88%;animation-delay:-.8s}.hero-equalizer i:nth-child(3n+2),.track-wave i:nth-child(4n+2){--level:43%;animation-delay:-.35s}.hero-equalizer i:nth-child(4n),.track-wave i:nth-child(3n){--level:68%;animation-delay:-.6s}.play-orbit{position:absolute;right:35px;top:35px;width:108px;height:108px;display:grid;place-items:center}.play-orbit b{width:58px;height:58px;display:grid;place-items:center;padding-left:3px;border-radius:50%;background:var(--accent);color:#fff;font-size:20px;box-shadow:0 0 35px #ff6a2e80}.play-orbit i{position:absolute;inset:0;border:1px solid #ffffff4a;border-radius:50%;animation:orbitPulse 2.5s ease-out infinite}.play-orbit i:last-child{animation-delay:1.25s}
.music-proof{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(15px)}.music-proof div{min-height:96px;padding:20px;display:flex;align-items:center;gap:15px;border-right:1px solid var(--line)}.music-proof div:last-child{border:0}.music-proof b{color:var(--accent);font-size:21px}.music-proof span{font-size:16px;font-weight:800;line-height:1.4}
.music-examples,.music-process{padding:130px max(24px,calc((100% - var(--max))/2))}.music-stage{display:grid;gap:24px;margin-top:60px}.track-card{position:relative;display:grid;gap:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 25px 80px #0003}.track-vertical{grid-template-columns:minmax(300px,.7fr) 1.3fr}.track-wide{grid-template-columns:1fr 1.2fr}.track-media{position:relative;min-height:530px;background:#080a0b}.track-media video{display:block;width:100%;height:100%;min-height:530px;object-fit:contain;background:#080a0b}.track-media>span{position:absolute;left:18px;top:18px;padding:8px 11px;border-radius:7px;background:var(--accent);color:#fff;font-size:16px;font-weight:900}.track-copy{padding:55px;align-self:center}.track-copy>span{color:var(--accent);font-size:16px;font-weight:900;letter-spacing:.1em}.track-copy h3{margin:14px 0 18px;font-size:clamp(38px,5vw,70px);line-height:1}.track-copy p{max-width:620px;color:var(--muted);font-size:18px;line-height:1.7}.track-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.track-wave{position:absolute;right:36px;bottom:28px;width:190px;height:35px;display:flex;align-items:end;gap:4px;opacity:.45}.track-card.is-playing{border-color:color-mix(in srgb,var(--accent) 70%,var(--line));box-shadow:0 25px 90px color-mix(in srgb,var(--accent) 12%,transparent)}.track-card:not(.is-playing) .track-wave i{animation-play-state:paused;transform:scaleY(.35)}
.music-uses{padding:130px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:.68fr 1.32fr;gap:80px;align-items:start}.use-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.use-card{min-height:330px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.use-card:hover{transform:translateY(-7px);border-color:var(--accent);box-shadow:0 20px 55px #0004}.use-card>span{color:var(--accent);font-size:16px;font-weight:900}.use-card h3{margin:24px 0 10px;font-size:28px}.use-card p{color:var(--muted);font-size:16px;line-height:1.65}.use-icon{width:100%;height:92px;margin-top:24px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#090b0c}.use-icon i{position:absolute;left:16px;right:16px;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 14px);animation:waveSlide 2s linear infinite}.use-icon b{position:relative;padding:8px 11px;border-radius:7px;background:var(--surface2);color:var(--text);font-size:18px}.video-icon i{height:50px;background:conic-gradient(from 90deg,var(--accent),transparent,var(--accent));filter:blur(9px)}.word-icon i{inset:17px;background:radial-gradient(circle,var(--accent) 1px,transparent 2px);background-size:12px 12px;opacity:.45}.gift-icon i{width:50px;height:50px;left:50%;right:auto;border:1px solid var(--accent);border-radius:50%;background:none;transform:translateX(-50%);animation:giftPulse 2s ease-in-out infinite}
.process-console{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:65px;border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden}.process-console article{min-height:360px;padding:38px 28px;border-right:1px solid var(--line);position:relative;z-index:1}.process-console article:last-of-type{border:0}.process-console article>b{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;background:var(--bg);color:var(--accent);font-size:21px}.process-console article>span{display:block;margin-top:45px;color:var(--accent);font-size:16px;font-weight:900;letter-spacing:.1em}.process-console h3{font-size:25px;margin:11px 0}.process-console p{color:var(--muted);font-size:16px;line-height:1.6}.console-line{position:absolute;left:54px;right:54px;top:65px;height:2px;background:var(--line)}.console-line i{display:block;width:25%;height:100%;background:var(--accent);box-shadow:0 0 18px var(--accent);animation:consoleTravel 5s ease-in-out infinite}
.music-boundaries{padding:120px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:90px}.boundary-head h2{font-size:clamp(42px,5.5vw,72px);line-height:1}.boundary-head h2 em{display:block;color:var(--accent);font-family:Georgia,serif;font-weight:400}.boundary-copy{padding:38px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.boundary-copy>p{margin-top:0;color:var(--muted);font-size:18px;line-height:1.7}.boundary-copy ul{margin:30px 0 0;padding:0;list-style:none}.boundary-copy li{padding:15px 0;border-top:1px solid var(--line);font-size:16px;font-weight:800}.boundary-copy li:before{content:'✓';margin-right:12px;color:var(--accent)}
.music-contact h2 em{color:var(--accent);font-family:Georgia,serif;font-weight:400}.music-contact:before{content:'♫';position:absolute;left:50%;top:10px;transform:translateX(-50%);color:color-mix(in srgb,var(--accent) 8%,transparent);font-size:230px;font-weight:900}
@keyframes studioDrift{to{transform:scale(1.09) translate3d(-1.2%,.8%,0)}}@keyframes musicBars{to{transform:scaleY(.28);opacity:.55}}@keyframes orbitPulse{to{transform:scale(1.35);opacity:0}}@keyframes waveSlide{to{background-position:44px 0}}@keyframes giftPulse{50%{transform:translateX(-50%) scale(1.16);box-shadow:0 0 25px color-mix(in srgb,var(--accent) 45%,transparent)}}@keyframes consoleTravel{50%{transform:translateX(300%)}}
@media(max-width:1050px){.music-hero{grid-template-columns:1fr;padding-top:125px}.hero-studio{min-height:540px}.music-proof{grid-template-columns:repeat(2,1fr)}.music-proof div:nth-child(2){border-right:0}.music-proof div:nth-child(-n+2){border-bottom:1px solid var(--line)}.music-uses,.music-boundaries{grid-template-columns:1fr}.track-vertical,.track-wide{grid-template-columns:1fr 1fr}.process-console{grid-template-columns:repeat(2,1fr)}.process-console article:nth-of-type(2){border-right:0}.process-console article:nth-of-type(-n+2){border-bottom:1px solid var(--line)}.console-line{display:none}}
@media(max-width:680px){.music-hero{padding:105px 17px 70px;gap:40px}.music-hero h1{font-size:51px}.music-hero-copy>p{font-size:16px}.music-trust{display:grid}.hero-studio{min-height:470px;border-radius:18px}.now-playing{left:22px;right:22px;bottom:125px}.now-playing strong{font-size:25px}.hero-equalizer{left:22px;right:22px;bottom:32px}.play-orbit{right:20px;top:20px}.music-proof{grid-template-columns:1fr}.music-proof div{border-right:0;border-bottom:1px solid var(--line)!important}.music-examples,.music-process,.music-uses,.music-boundaries{padding:85px 17px}.track-vertical,.track-wide{grid-template-columns:1fr}.track-wide .track-copy{order:2}.track-wide .track-media{order:1}.track-media,.track-media video{min-height:420px}.track-copy{padding:28px 24px 74px}.track-copy h3{font-size:42px}.track-wave{right:24px;bottom:22px}.use-grid,.process-console{grid-template-columns:1fr}.process-console article{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.process-console article:last-of-type{border:0}.use-card{min-height:300px}.music-boundaries{gap:40px}.boundary-copy{padding:27px 23px}}
@media(prefers-reduced-motion:reduce){.studio-picture img,.hero-equalizer i,.track-wave i,.play-orbit i,.use-icon i,.console-line i{animation:none}.use-card{transition:none}.use-card:hover{transform:none}}

/* 30-Sekunden-Hörproben aus der bisherigen KI-Musik-Seite */
.sample-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:60px}.sample-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--surface);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.sample-card:hover,.sample-card.is-playing{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 24px 65px #0004}.sample-cover{height:210px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1b2022,#080a0b)}.sample-cover:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 24% 25%,var(--cover,#ff6a2e) 0,transparent 34%),linear-gradient(135deg,transparent,var(--cover,#ff6a2e) 180%);opacity:.82}.cover-indie{--cover:#8f4667}.cover-cinematic{--cover:#345b78}.cover-funk{--cover:#b06325}.cover-brand{--cover:#875b33}.cover-hold{--cover:#287073}.cover-western{--cover:#8f542c}.cover-personal{--cover:#7c485d}.sample-cover>span{position:absolute;z-index:2;left:16px;top:14px;color:#fff;font-size:17px;font-weight:900}.vinyl{position:absolute;width:158px;height:158px;right:-28px;top:26px;border-radius:50%;background:repeating-radial-gradient(circle,#090a0b 0 3px,#202425 4px 6px);box-shadow:0 13px 35px #0009}.vinyl i{position:absolute;inset:58px;border:12px solid var(--cover,var(--accent));border-radius:50%;background:#070809}.sample-card.is-playing .vinyl{animation:vinylSpin 2.5s linear infinite}.sample-play{position:absolute;z-index:3;left:22px;bottom:20px;width:58px;height:58px;padding-left:5px;border:1px solid #ffffff50;border-radius:50%;background:var(--accent);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 0 0 8px #ff6a2e25;transition:transform .25s ease}.sample-play:hover{transform:scale(1.08)}.sample-copy{padding:24px}.sample-copy>span{color:var(--accent);font-size:16px;font-weight:900;letter-spacing:.08em}.sample-copy h3{min-height:58px;margin:12px 0 9px;font-size:25px;line-height:1.08}.sample-copy p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}.show-samples{min-width:330px;margin:32px auto 0;padding:15px 20px;display:flex;justify-content:center;gap:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:16px;font-weight:800;cursor:pointer}.show-samples:hover{border-color:var(--accent);color:var(--accent)}
.music-videos{padding:130px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.channel-link{display:inline-flex;margin-top:20px;color:var(--accent);font-size:16px;font-weight:900;text-decoration:none}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.youtube-card{min-width:0;padding:14px 14px 22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.youtube-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:11px;background:#070809}.youtube-frame img,.youtube-frame iframe{display:block;width:100%;height:100%;border:0;object-fit:cover}.youtube-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,#05060766);pointer-events:none}.youtube-frame button{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:10px;border:0;background:transparent;color:#fff;cursor:pointer}.youtube-frame button b{width:58px;height:58px;padding-left:4px;display:grid;place-items:center;border-radius:50%;background:var(--accent);font-size:21px;box-shadow:0 0 0 9px #ff6a2e2b}.youtube-frame button span{padding:6px 9px;border-radius:6px;background:#080a0bdb;font-size:16px;font-weight:900}.youtube-card>span{display:block;margin:18px 6px 0;color:var(--accent);font-size:16px;font-weight:900;letter-spacing:.07em}.youtube-card h3{margin:8px 6px 0;font-size:25px}.youtube-privacy{position:absolute;z-index:3;inset:0;padding:24px;display:grid;place-items:center;text-align:center;background:#090b0cf2;color:#fff}.youtube-privacy p{max-width:360px;font-size:16px}.youtube-privacy a{color:var(--accent)}
.sticky-player{position:fixed;z-index:260;left:50%;bottom:18px;width:min(900px,calc(100% - 40px));min-height:92px;padding:12px 58px 12px 14px;display:grid;grid-template-columns:68px 52px minmax(180px,1fr) minmax(260px,1.35fr);gap:14px;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 24px 80px #0009;backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translate(-50%,25px);transition:.32s cubic-bezier(.22,1,.36,1)}.sticky-player.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.player-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--surface2);color:var(--text);font-size:22px;cursor:pointer}.player-cover{width:68px;height:68px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:9px;background:linear-gradient(135deg,var(--accent),#151819);color:#fff;font-size:18px;font-weight:900}.player-cover i{position:absolute;width:52px;height:52px;right:-20px;border:10px solid #111;border-radius:50%;background:#333}.sticky-player.is-playing .player-cover i{animation:vinylSpin 2.5s linear infinite}.player-cover span{position:relative;z-index:1}.player-toggle{width:50px;height:50px;padding-left:4px;border:0;border-radius:50%;background:var(--accent);color:#fff;font-size:18px;cursor:pointer}.player-info{min-width:0}.player-info strong,.player-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info strong{font-size:18px}.player-info small{margin-top:4px;color:var(--muted);font-size:16px}.player-time{display:grid;grid-template-columns:42px 1fr 42px;gap:9px;align-items:center;color:var(--muted);font-size:16px}.player-progress{height:24px;padding:10px 0;border:0;background:transparent;cursor:pointer}.player-progress:before{content:'';display:block;width:100%;height:4px;border-radius:4px;background:var(--line)}.player-progress i{display:block;width:0;height:4px;margin-top:-4px;border-radius:4px;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent)}
@keyframes vinylSpin{to{transform:rotate(360deg)}}
@media(min-width:681px){.sample-card.extra-sample:not(.is-revealed){display:none}.show-samples.is-complete{display:none}}
@media(max-width:1050px){.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.music-videos{grid-template-columns:1fr}.sticky-player{grid-template-columns:68px 52px 1fr}.player-time{grid-column:1/-1}}
@media(max-width:680px){.sample-grid{grid-template-columns:1fr;gap:14px}.sample-card{display:grid;grid-template-columns:142px 1fr}.sample-cover{height:100%;min-height:190px}.vinyl{width:120px;height:120px;right:-36px}.vinyl i{inset:42px}.sample-copy{padding:20px}.sample-copy h3{min-height:0;font-size:22px}.show-samples{display:none}.music-videos{padding:85px 17px}.video-grid{grid-template-columns:1fr}.sticky-player{bottom:70px;width:calc(100% - 18px);min-height:88px;padding:9px 45px 9px 9px;grid-template-columns:58px 44px minmax(0,1fr);gap:8px}.player-cover{width:58px;height:58px}.player-toggle{width:44px;height:44px}.player-info strong{font-size:16px}.player-info small{display:none}.player-time{grid-column:1/-1}.player-close{right:7px;top:7px}.youtube-card h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.sample-card,.sample-play,.sticky-player{transition:none}.vinyl,.player-cover i{animation:none!important}}

/* Zufällige Playlist und ein klar erkennbarer Musikplayer */
.cover-hammond{--cover:#9b552b}.cover-motown{--cover:#a83d3d}.cover-agent{--cover:#385f68}.cover-surf{--cover:#1d7180}.cover-pulse{--cover:#216c92}.cover-requiem{--cover:#6a354e}.cover-heat{--cover:#9a392f}.cover-lilly{--cover:#6950a1}
.sample-cover{height:230px;isolation:isolate;background:linear-gradient(145deg,color-mix(in srgb,var(--cover,var(--accent)) 48%,#111516),#080a0b 72%)}
.sample-cover:before{z-index:-1;background:radial-gradient(circle at 22% 20%,color-mix(in srgb,var(--cover,var(--accent)) 82%,#fff) 0,transparent 37%),linear-gradient(135deg,transparent,var(--cover,var(--accent)) 170%);opacity:.58}
.sample-cover:after{content:'';position:absolute;z-index:2;right:13px;top:42px;width:8px;height:80px;border:1px solid #f5f6f680;border-radius:8px;background:linear-gradient(90deg,#70787a,#f0f2f2 48%,#5b6264);box-shadow:0 0 0 2px #080a0b99,0 -9px 0 6px #555d60,0 -9px 0 9px #090b0ccc;transform:rotate(23deg);transform-origin:top center;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.vinyl{width:170px;height:170px;right:18px;top:32px;border:5px solid #050606;background:repeating-radial-gradient(circle,#111415 0 2px,#292e30 3px 4px,#0a0c0d 5px 7px);box-shadow:0 18px 38px #000b,inset 0 0 0 1px #ffffff1c}
.vinyl:before{content:'';position:absolute;inset:4px;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 14%,#ffffff20 17%,transparent 23% 61%,#ffffff12 66%,transparent 72%);pointer-events:none}
.vinyl:after{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;border:2px solid #e5e7e7;border-radius:50%;background:#090a0a;transform:translate(-50%,-50%);box-shadow:0 1px 5px #000}
.vinyl i{position:absolute;inset:57px;border:0;border-radius:50%;background:radial-gradient(circle,#101213 0 16%,var(--cover,var(--accent)) 18% 63%,#f3f4f455 65% 69%,var(--cover,var(--accent)) 71%)}
.sample-card.is-playing .vinyl{animation-duration:1.35s;box-shadow:0 18px 45px #000d,0 0 34px color-mix(in srgb,var(--cover,var(--accent)) 45%,transparent)}
.sample-card.is-playing .sample-cover:after{transform:rotate(32deg)}
.sample-card.is-playing .sample-play{background:#fff;color:#101313;box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 28%,transparent),0 0 35px color-mix(in srgb,var(--accent) 65%,transparent)}
.sample-actions{margin-top:30px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}
.sample-card.extra-sample:not(.is-revealed){display:none}
.shuffle-status{padding:12px 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--muted);font-size:16px;line-height:1.35}
.shuffle-samples,.show-samples{min-height:50px;margin:0;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-size:16px;font-weight:900;cursor:pointer;transition:transform .25s ease,border-color .25s ease,color .25s ease,background .25s ease}
.shuffle-samples{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.shuffle-samples span{color:var(--accent);font-size:24px;line-height:1;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.shuffle-samples:hover,.show-samples:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--text)}
.shuffle-samples:hover span{transform:rotate(180deg)}
.sample-grid.is-shuffling .sample-card{animation:sampleShuffleIn .5s cubic-bezier(.22,1,.36,1) both}
.sample-grid.is-shuffling .sample-card:nth-child(2n){animation-delay:.035s}.sample-grid.is-shuffling .sample-card:nth-child(3n){animation-delay:.07s}
@keyframes sampleShuffleIn{0%{opacity:.15;transform:translateY(18px) scale(.97)}100%{opacity:1;transform:none}}

.sticky-player{width:min(1080px,calc(100% - 40px));min-height:112px;padding:14px 58px 14px 14px;grid-template-columns:84px 164px minmax(210px,1fr) minmax(270px,1.25fr);gap:18px;border-radius:22px;background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:0 28px 90px #000c,0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent)}
.player-cover{width:84px;height:84px;overflow:hidden;border:1px solid #ffffff20;border-radius:14px;background:linear-gradient(145deg,#252a2b,#090b0c);box-shadow:inset 0 0 22px #0008}
.player-cover i{position:absolute;left:11px;top:11px;width:62px;height:62px;border:3px solid #070808;border-radius:50%;background:repeating-radial-gradient(circle,#101213 0 2px,#303638 3px 4px,#0a0b0c 5px 7px);box-shadow:0 8px 17px #000b}
.player-cover i:before{content:'';position:absolute;inset:21px;border-radius:50%;background:radial-gradient(circle,#111 0 18%,var(--accent) 22% 68%,#fff6 71% 76%,var(--accent) 78%)}
.player-cover i:after{content:'';position:absolute;inset:2px;border-radius:50%;background:conic-gradient(transparent 0 20%,#ffffff22 25%,transparent 31% 69%,#ffffff15 73%,transparent 80%)}
.sticky-player.is-playing .player-cover i{animation-duration:1.35s}
.player-cover span{position:absolute;z-index:3;left:6px;bottom:6px;min-width:31px;padding:3px 6px;border-radius:7px;background:#090b0ce8;color:#fff;font-size:16px;text-align:center;box-shadow:0 3px 10px #0008}
.player-controls{display:flex;align-items:center;justify-content:center;gap:8px}
.player-toggle{width:54px;height:54px;flex:0 0 54px;box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 14%,transparent),0 8px 26px color-mix(in srgb,var(--accent) 35%,transparent);transition:transform .25s ease,box-shadow .25s ease}
.player-toggle:hover{transform:scale(1.06);box-shadow:0 0 0 9px color-mix(in srgb,var(--accent) 18%,transparent),0 9px 32px color-mix(in srgb,var(--accent) 48%,transparent)}
.player-skip{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface2);color:var(--text);font-size:28px;line-height:1;cursor:pointer;transition:transform .2s ease,border-color .2s ease}
.player-skip:hover{transform:scale(1.08);border-color:var(--accent)}
.player-kicker{display:flex!important;align-items:center;gap:4px;margin-bottom:5px;color:var(--accent);font-size:16px;font-weight:900;letter-spacing:.08em}
.player-kicker i{width:3px;height:13px;border-radius:3px;background:var(--accent);transform:scaleY(.35);transform-origin:bottom}
.sticky-player.is-playing .player-kicker i{animation:playerBar .65s ease-in-out infinite alternate}.sticky-player.is-playing .player-kicker i:nth-child(2){animation-delay:-.25s}.sticky-player.is-playing .player-kicker i:nth-child(3){animation-delay:-.45s}
@keyframes playerBar{to{transform:scaleY(1)}}
.player-info strong{font-size:20px}.player-info small{font-size:16px}
.player-progress{position:relative}.player-progress:before{height:6px}.player-progress i{position:relative;height:6px;margin-top:-6px}.player-progress i:after{content:'';position:absolute;right:-6px;top:-4px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0008}

@media(max-width:1050px){.sticky-player{grid-template-columns:84px 164px minmax(0,1fr)}.player-time{grid-column:1/-1}}
@media(max-width:680px){.sample-cover{min-height:210px}.vinyl{width:132px;height:132px;right:7px;top:38px}.vinyl i{inset:43px}.sample-cover:after{right:3px;top:43px;width:7px;height:65px}.sample-actions{align-items:stretch}.shuffle-status,.shuffle-samples,.show-samples{width:100%;border-radius:12px;text-align:center}.show-samples{display:inline-flex}.sticky-player{min-height:126px;padding:9px 42px 9px 9px;grid-template-columns:60px 116px minmax(0,1fr);gap:8px;border-radius:16px}.player-cover{width:60px;height:60px}.player-cover i{left:7px;top:7px;width:46px;height:46px}.player-cover i:before{inset:15px}.player-controls{gap:4px}.player-skip{width:32px;height:32px;font-size:23px}.player-toggle{width:44px;height:44px;flex-basis:44px}.player-kicker{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-info strong{font-size:16px}.player-time{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.sample-grid.is-shuffling .sample-card,.sticky-player.is-playing .player-kicker i{animation:none}.shuffle-samples span,.sample-cover:after,.player-toggle,.player-skip{transition:none}}
.cover-hammond{--cover:#75662b}.cover-motown{--cover:#8b354b}.cover-agent{--cover:#31566b}.cover-surf{--cover:#267879}.cover-pulse{--cover:#276d91}.cover-requiem{--cover:#57305f}.cover-heat{--cover:#973f25}.cover-lilly{--cover:#8b4d70}
.youtube-fallback{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;background:linear-gradient(145deg,#15191b,#090b0c);color:#fff;text-decoration:none}.youtube-fallback b{font-size:19px}.youtube-fallback span{max-width:360px;color:#aeb4b7;font-size:16px}.youtube-fallback i{margin-top:7px;color:var(--accent);font-size:16px;font-style:normal;font-weight:900;transition:transform .2s ease}.youtube-fallback:hover i{transform:translateX(4px)}
.youtube-external{position:absolute;z-index:4;right:8px;bottom:8px;padding:7px 10px;border:1px solid #ffffff3d;border-radius:7px;background:#080a0de8;color:#fff;font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 5px 18px #0008;transition:background .2s ease,border-color .2s ease,transform .2s ease}.youtube-external:hover{transform:translateY(-2px);border-color:var(--accent);background:#080a0d}