:root{--dj-brand:#075db2;--dj-brand-dark:#004a99;--dj-brand-faint:#eef6ff;--dj-ink:#101b2c;--dj-border:#e2e8f0;--dj-radius:14px;--dj-shadow:0 7px 26px #0f23410e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body.dj-blue-2026{background:#f5f7fa}.dj-blue-2026{color:var(--dj-ink);font-size:14px}.dj-blue-2026 header,.dj-blue-2026 nav{font-family:var(--font-sans)}.dj-blue-2026>header{background:#fffffff7;box-shadow:0 1px 10px #0b24480a}.dj-blue-2026>header>div,.dj-blue-2026>nav[aria-label=Benutzermenü]>div,.dj-blue-2026>main>div[class*=max-w-]{max-width:1360px}.dj-blue-2026>main{min-height:calc(100vh - 220px)}.dj-blue-2026 :focus-visible{outline-offset:3px;outline:2px solid #1475c8}.dj-blue-2026 .text-blue-600,.dj-blue-2026 .text-blue-700{transition:color .2s}.dj-blue-2026 .bg-gradient-to-br.from-blue-500.to-blue-700{background:#075db2;box-shadow:0 6px 16px #075db226}.dj-blue-2026 .bg-gradient-to-br.from-blue-400.to-blue-700{background:linear-gradient(135deg,#1586d4,#0750a0)}.dj-blue-2026 button,.dj-blue-2026 a{transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.16s}.dj-blue-2026>header nav a{font-size:13px;font-weight:650}.dj-blue-2026>header nav a:hover{color:var(--dj-brand)}.dj-blue-2026>header nav a[class*=bg-blue-50]{color:#075db2;background:#eef6ff;border-radius:9px}.dj-blue-2026>header .ml-auto>a[class*=bg-gradient]{border-radius:9px;height:38px;padding:0 15px;font-size:12px}.dj-blue-2026>header form[method=get]{background:#f5f7fa;border:1px solid #e9edf4;border-radius:10px;height:38px}.dj-blue-more{z-index:36;position:relative}.dj-blue-more>summary{cursor:pointer;color:#586579;border-radius:8px;align-items:center;gap:5px;padding:8px 10px;font-size:13px;font-weight:650;list-style:none;display:flex}.dj-blue-more>summary::-webkit-details-marker{display:none}.dj-blue-more[open]>summary,.dj-blue-more>summary:hover{color:#075db2;background:#eef6ff}.dj-blue-more__menu{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:3px;min-width:160px;padding:7px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 36px #0a1c3421}.dj-blue-more__menu a{white-space:nowrap;color:#334155;border-radius:8px;padding:9px 11px;text-decoration:none;display:block;font-size:13px!important}.dj-blue-more__menu a:hover{background:#eef6ff}.dj-blue-2026 input:focus,.dj-blue-2026 select:focus,.dj-blue-2026 textarea:focus{border-color:#b6d8fb;outline-color:#1475c8}.dj-blue-2026 .rounded-full.bg-blue-600,.dj-blue-2026 .rounded-full.bg-blue-700{background:#075db2}.dj-blue-2026 .account-modal{border-radius:16px}.dj-blue-2026 .djplay-footer-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -6px 28px #08183124;color:#f8fbff!important;background:#121f32!important;border-color:#29405f!important}.dj-blue-2026 .djplay-footer-player__inner{max-width:1360px;height:74px;min-height:74px}.dj-blue-2026 .djplay-footer-player__meta,.dj-blue-2026 .djplay-footer-player__meta .text-slate-900{color:#fff}.dj-blue-2026 .djplay-footer-player__meta .text-slate-500{color:#aebdd0}.dj-blue-2026 .djplay-footer-player__play{background:#075db2}.dj-blue-2026 .djplay-footer-player__icon-button{color:#a6bad0}.dj-blue-2026 .djplay-footer-player__icon-button:hover{color:#fff;background:#223b59}.dj-blue-2026 .djplay-footer-player input[type=range]{accent-color:#2787de}.dj-blue-2026 .djplay-footer-player__queue-count{background:#075db2}.dj-blue-2026 .auth-art{background:radial-gradient(circle at 60% 30%,#1073dc5c,#0000 30%),linear-gradient(135deg,#101b2c,#0a2748)}.dj-blue-2026 .auth-art:before{background:linear-gradient(90deg,#0000,#075db2,#4da4ed,#0000)}@media (width<=960px){.dj-blue-2026>header>div{gap:12px}.dj-blue-2026 .djplay-footer-player__inner{padding-inline:14px}}@media (width<=640px){.dj-blue-2026>main{min-height:65vh}.dj-blue-2026 .djplay-footer-player__inner{grid-template-columns:minmax(120px,1fr) auto auto;gap:9px;height:66px;min-height:66px}.dj-blue-2026 .djplay-footer-player__transport{gap:0;display:flex}.dj-blue-2026 .djplay-footer-player__transport input,.dj-blue-2026 .djplay-footer-player__transport .djplay-footer-player__time{display:none}.dj-blue-2026 .djplay-footer-player__controls{gap:5px}.dj-blue-2026 .djplay-footer-player__controls>div:not([data-djplay-react]){display:none}.dj-blue-2026 .djplay-footer-player__cover{width:40px;height:40px}}
