/* GottZentrale · Musik-Player (08.10.2026) */
.gz-music{display:grid;gap:22px;color:var(--ink,#f3efe6);container-type:inline-size}
.gz-music-loading{color:var(--muted,#a9adb8);font:12px/1.6 var(--font-mono,monospace)}
.gz-music-deck{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:28px;align-items:center;padding:22px;border:1px solid var(--line,#ffffff21);border-radius:20px;background:radial-gradient(120% 90% at 0% 0%,rgba(242,196,109,.12),transparent 60%),var(--panel,#10131b)}
.gz-music-art{position:relative;aspect-ratio:1;display:grid;place-items:center}
.gz-music-viz{position:absolute;inset:-18%;width:136%;height:136%;pointer-events:none}
.gz-music-cover{position:relative;width:78%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.55);transition:transform .4s}
.gz-music-deck.is-playing .gz-music-cover{transform:scale(1.02)}
.gz-music-art.is-video .gz-music-cover,.gz-music-art.is-video .gz-music-viz{display:none}
.gz-music-video{width:100%;border-radius:14px;background:#000}
.gz-music-info{display:grid;gap:8px;min-width:0}
.gz-music-kicker{margin:0;font:10px/1.4 var(--font-mono,monospace);letter-spacing:.2em;color:var(--accent,#f2c46d)}
.gz-music-title{margin:0;font:700 clamp(28px,4vw,44px)/1.05 var(--font-display,Georgia,serif);letter-spacing:-.03em}
.gz-music-genre{margin:0;font:12px/1.4 var(--font-mono,monospace);color:var(--muted,#a9adb8)}
.gz-music-desc{margin:0 0 6px;color:var(--muted,#a9adb8);font-size:14px;line-height:1.6;max-width:52ch}
.gz-music-wave{width:100%;height:72px;cursor:pointer;border-radius:8px}
.gz-music-wave:focus-visible{outline:2px solid var(--accent,#f2c46d);outline-offset:3px}
.gz-music-clock{display:flex;justify-content:space-between;font:11px var(--font-mono,monospace);color:var(--muted,#a9adb8)}
.gz-music-controls{display:flex;align-items:center;gap:12px;margin-top:4px}
.gz-music-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line,#ffffff21);background:transparent;color:inherit;font-size:16px;cursor:pointer;transition:border-color .2s,background .2s}
.gz-music-btn:hover{border-color:var(--accent,#f2c46d)}
.gz-music-play{width:62px;height:62px;font-size:20px;background:var(--accent,#f2c46d);color:#15110a;border-color:transparent;box-shadow:0 10px 30px rgba(242,196,109,.35)}
.gz-music-play:hover{background:#ffd98a}
.gz-music-btn:focus-visible,.gz-music-link:focus-visible,.gz-music-row-btn:focus-visible{outline:2px solid var(--accent,#f2c46d);outline-offset:3px}
.gz-music-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:6px}
.gz-music-link{background:none;border:0;padding:0;color:var(--ink,#f3efe6);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.gz-music-link[hidden]{display:none}
.gz-music-live{font-size:12px;color:var(--muted,#a9adb8)}
.gz-music-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.gz-music-row-btn{width:100%;display:grid;grid-template-columns:28px 48px 1fr auto;align-items:center;gap:14px;padding:8px 14px 8px 10px;border-radius:14px;border:1px solid transparent;background:rgba(255,255,255,.03);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .2s,border-color .2s}
.gz-music-row-btn:hover{background:rgba(255,255,255,.06)}
.gz-music-row.is-active .gz-music-row-btn{border-color:rgba(242,196,109,.55);background:rgba(242,196,109,.08)}
.gz-music-row-btn img{width:48px;height:48px;border-radius:8px;object-fit:cover}
.gz-music-row-num{font:11px var(--font-mono,monospace);color:var(--muted,#a9adb8)}
.gz-music-row.is-active .gz-music-row-num{color:var(--accent,#f2c46d)}
.gz-music-row-meta{display:grid;min-width:0}
.gz-music-row-meta strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gz-music-row-meta small{font:11px var(--font-mono,monospace);color:var(--muted,#a9adb8)}
.gz-music-row-time{font:12px var(--font-mono,monospace);color:var(--muted,#a9adb8)}
@container (max-width:680px){.gz-music-deck{grid-template-columns:1fr;padding:18px;gap:18px}.gz-music-art{max-width:300px;margin:0 auto;width:100%}}
@supports not (container-type:inline-size){@media(max-width:720px){.gz-music-deck{grid-template-columns:1fr}.gz-music-art{max-width:300px;margin:0 auto;width:100%}}}
@media(prefers-reduced-motion:reduce){.gz-music-cover{transition:none}}

/* Eigene Musikseite /musik */
.page-musik main{padding-bottom:60px}
.musik-hero{padding:56px 0 28px;max-width:760px}
.musik-hero h1{font-size:clamp(40px,7vw,80px);margin-bottom:18px}
@media(max-width:760px){.page-musik header{min-height:76px;gap:12px;flex-wrap:nowrap}.page-musik header nav{gap:14px}.page-musik header,.page-musik main,.page-musik footer{padding-left:16px;padding-right:16px}.page-musik header nav a:not(.nav-play){display:none}.page-musik .brand small{display:none}}
.page-musik .log-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:28px;padding-bottom:40px;border-top:1px solid var(--line,#ffffff21)}
.page-musik .log-footer .brand span{display:block;font:10px/1.5 var(--font-mono,monospace);color:var(--muted,#a9adb8);font-weight:400}
.page-musik .footer-links{display:flex;gap:18px;font-size:13px}.page-musik .footer-links a{color:var(--muted,#a9adb8);text-decoration:none}