/* Custom colour (colour picker, 2026-10-02): generated from the Red block by /workspace/colormode/gen_custom.py. Tinted colours follow --cm-h (hue, deg) and --cm-sf (saturation factor), both set inline on by the head script; lightness stays per role so text stays readable. */ html[data-theme="custom"]{--cm-h:265deg;--cm-sf:1} html[data-theme="custom"] { --accent-base: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 32%); --accent-strong: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 38%); --accent-soft: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 32% / 0.35); --accent-fg: #ffffff; --accent-icon: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 55%); --accent-text: hsl(var(--cm-h) min(100%, calc(62% * var(--cm-sf))) 79%); } /* ===== teal ===== */ html[data-theme="custom"][data-tpl] { --accent: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 71%); } html[data-theme="custom"][data-tpl] header:not(.hub-top) { border-bottom: 1px solid var(--border); background: var(--panel); } html[data-theme="custom"][data-tpl] header:not(.hub-top) p { color: var(--muted); } html[data-theme="custom"][data-tpl] header:not(.hub-top) nav a, html[data-theme="custom"][data-tpl] .bar nav a { color: var(--accent); text-decoration: none; } html[data-theme="custom"][data-tpl] header:not(.hub-top) nav a:hover, html[data-theme="custom"][data-tpl] .bar nav a:hover { text-decoration: underline; } html[data-theme="custom"][data-tpl] header:not(.hub-top) nav a.active, html[data-theme="custom"][data-tpl] .bar nav a.active { color: var(--text); } html[data-theme="custom"][data-tpl] .title-item, html[data-theme="custom"][data-tpl] .list-item { border: 1px solid transparent; background: hsl(calc(var(--cm-h) + 32deg) min(100%, calc(20% * var(--cm-sf))) 9%); color: inherit; text-decoration: none; } html[data-theme="custom"][data-tpl] .title-item:hover, html[data-theme="custom"][data-tpl] .title-item.active, html[data-theme="custom"][data-tpl] .list-item:hover { border-color: var(--accent); } html[data-theme="custom"][data-tpl] .title-item .meta, html[data-theme="custom"][data-tpl] .list-item .meta { color: var(--muted); } @media (max-width: 800px) { html[data-theme="custom"][data-tpl] .cue-table tr.cue-row { border: 1px solid var(--border); background: hsl(calc(var(--cm-h) + 32deg) min(100%, calc(20% * var(--cm-sf))) 9%); } } @media (max-width: 800px) { html[data-theme="custom"][data-tpl] .cue-table tr.cue-row td { border-bottom: none; } } html[data-theme="custom"][data-tpl] tr.cue-row.selected, html[data-theme="custom"][data-tpl] tr.cue-row.selected td { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 57% / 0.12); } html[data-theme="custom"][data-tpl] tr.cue-row.selected { outline: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 57% / 0.35); } html[data-theme="custom"][data-tpl] .cmd-builder-modes button.mode.active { background: var(--accent); color: #0b1020; border-color: transparent; } html[data-theme="custom"][data-tpl] { --rating-purple: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 58%); --rating-purple-glow: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 58% / 0.55); } html[data-theme="custom"][data-tpl] .stars { color: var(--rating-purple); text-shadow: 0 0 10px var(--rating-purple-glow); } html[data-theme="custom"][data-tpl] .stars .star.half { background: linear-gradient(90deg, var(--rating-purple) 50%, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.25) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } html[data-theme="custom"][data-tpl] .stars .avg-num { color: hsl(calc(var(--cm-h) + -1deg) min(100%, calc(54% * var(--cm-sf))) 93%); } html[data-theme="custom"][data-tpl] .rating-users .ru { color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); } html[data-theme="custom"][data-tpl] .detail-veil { background: linear-gradient(90deg, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(56% * var(--cm-sf))) 4% / 0.92) 0%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(56% * var(--cm-sf))) 4% / 0.72) 42%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(56% * var(--cm-sf))) 4% / 0.55) 100%), radial-gradient(ellipse at 70% 40%, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.22), transparent 55%); } html[data-theme="custom"][data-tpl] .detail-panel { border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.55); background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(41% * var(--cm-sf))) 7% / 0.72); backdrop-filter: blur(10px); box-shadow: 0 18px 50px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.04) inset; color: hsl(calc(var(--cm-h) + 29deg) min(100%, calc(12% * var(--cm-sf))) 92%); } html[data-theme="custom"][data-tpl] .detail-meta { color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%); } html[data-theme="custom"][data-tpl] .hub-user-chip-btn { border: 1px solid rgba(255,255,255,0.22); background: rgba(255,255,255,0.08); box-shadow: 0 6px 22px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.14); backdrop-filter: blur(12px) saturate(1.25); } html[data-theme="custom"][data-tpl] .hub-user-chip-btn:hover, html[data-theme="custom"][data-tpl] .hub-user-chip-btn:focus-visible, html[data-theme="custom"][data-tpl] .hub-user-chip.is-open .hub-user-chip-btn { border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 68% / 0.65); background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 48% / 0.28); outline: none; } html[data-theme="custom"][data-tpl] .hub-user-logout { text-decoration: none; color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); background: hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27% / 0.7); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.35); } html[data-theme="custom"][data-tpl] .hub-user-logout:hover, html[data-theme="custom"][data-tpl] .hub-user-logout:focus-visible { color: #fff; background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 48% / 0.5); border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 68% / 0.55); outline: none; } @media (max-width: 768px) { html[data-theme="custom"][data-tpl] header.hub-top nav a, html[data-theme="custom"][data-tpl] header.hub-top .hub-nav a { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.12) !important; } } html[data-theme="custom"][data-tpl] .hub-top { background: linear-gradient(180deg, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0.94) 0%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0.78) 72%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0.55) 100%); backdrop-filter: blur(10px) saturate(1.15); border-bottom: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.12); } html[data-theme="custom"][data-tpl] body.hub .hub-top { background: linear-gradient(180deg, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0.94) 0%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0.78) 72%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0) 100%); border-bottom: 0; } html[data-theme="custom"][data-tpl] .hub-server-link { border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.45); box-shadow: 0 6px 22px rgba(0,0,0,0.35), 0 0 0 2px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.25); text-decoration: none; } html[data-theme="custom"][data-tpl] .hub-server-icon { background: hsl(var(--cm-h) min(100%, calc(39% * var(--cm-sf))) 12%); } html[data-theme="custom"][data-tpl] .hub-top h1 { color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 96%); text-shadow: 0 1px 10px rgba(0,0,0,0.55); } html[data-theme="custom"][data-tpl] .hub-top h1 .hub-title-accent { color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%); background: linear-gradient(120deg, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60%) 0%, hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 72%) 45%, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 83%) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; filter: drop-shadow(0 1px 8px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.45)); } html[data-theme="custom"][data-tpl] .hub-top h1 .hub-title-sep { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 86%); background: none; -webkit-text-fill-color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 86%); filter: none; } html[data-theme="custom"][data-tpl] .hub-quote, html[data-theme="custom"][data-tpl] .hub-top .hub-sub { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 86%); text-shadow: 0 1px 6px rgba(0,0,0,0.45); } html[data-theme="custom"][data-tpl] .hub-top .hub-sub { color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%); } html[data-theme="custom"][data-tpl] .hub-top nav a, html[data-theme="custom"][data-tpl] .hub-top .hub-nav a { color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%) !important; text-decoration: none !important; } html[data-theme="custom"][data-tpl] .hub-top nav a:hover, html[data-theme="custom"][data-tpl] .hub-top .hub-nav a:hover, html[data-theme="custom"][data-tpl] .hub-top nav a.active, html[data-theme="custom"][data-tpl] .hub-top .hub-nav a.active { color: #fff !important; text-decoration: none !important; } html[data-theme="custom"][data-tpl] .hub-top nav a.hub-nav-slsk, html[data-theme="custom"][data-tpl] .hub-top .hub-nav a.hub-nav-slsk { color: #fcd34d !important; } html[data-theme="custom"][data-tpl] .hub-top nav a.hub-nav-slsk:hover, html[data-theme="custom"][data-tpl] .hub-top .hub-nav a.hub-nav-slsk:hover { color: #fde68a !important; } @media (max-width: 768px) { html[data-theme="custom"][data-tpl] .hub-top nav a, html[data-theme="custom"][data-tpl] .hub-top .hub-nav a { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); } } @media (max-width: 768px) { html[data-theme="custom"][data-tpl] .hub-top nav a:hover, html[data-theme="custom"][data-tpl] .hub-top .hub-nav a:hover, html[data-theme="custom"][data-tpl] .hub-top nav a.active, html[data-theme="custom"][data-tpl] .hub-top .hub-nav a.active { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.18); border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.35); } } html[data-theme="custom"][data-tpl] a.hub-music-sso, html[data-theme="custom"][data-tpl] button.hub-music-sso { border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.55); color: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 96%); text-decoration: none; background: linear-gradient(135deg, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.72), hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.55) 55%, hsl(calc(var(--cm-h) + 1deg) min(100%, calc(43% * var(--cm-sf))) 14% / 0.45)); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35), 0 0 22px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.18); backdrop-filter: blur(12px) saturate(1.25); } html[data-theme="custom"][data-tpl] a.hub-music-sso:hover, html[data-theme="custom"][data-tpl] button.hub-music-sso:hover { border-color: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 72% / 0.85); background: linear-gradient(135deg, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 28% / 0.85), hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 30% / 0.65) 55%, hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 16% / 0.55)); box-shadow: 0 12px 36px rgba(0, 0, 0, 0.42), 0 0 30px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.24); filter: brightness(1.05); } html[data-theme="custom"][data-tpl] a.hub-music-sso:focus-visible, html[data-theme="custom"][data-tpl] button.hub-music-sso:focus-visible { outline: 2px solid hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 72%); } html[data-theme="custom"][data-tpl] .hub-music-sso .hub-music-sso-ico { filter: drop-shadow(0 1px 4px rgba(0,0,0,.45)); } html[data-theme="custom"][data-tpl] .hub-music-sso .hub-music-sso-sub { color: hsl(calc(var(--cm-h) + -1deg) min(100%, calc(54% * var(--cm-sf))) 93%); } html[data-theme="custom"][data-tpl] a.hub-music-sso.hub-music-sso-out { border-color: rgba(248, 113, 113, 0.45); background: linear-gradient(135deg, rgba(127, 29, 29, 0.55), rgba(69, 10, 10, 0.40) 55%, rgba(30, 12, 20, 0.45)); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35), 0 0 18px rgba(248, 113, 113, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.12); } html[data-theme="custom"][data-tpl] a.hub-music-sso.hub-music-sso-out:hover { border-color: rgba(252, 165, 165, 0.75); background: linear-gradient(135deg, rgba(153, 27, 27, 0.72), rgba(127, 29, 29, 0.55) 55%, rgba(40, 15, 25, 0.55)); box-shadow: 0 12px 36px rgba(0, 0, 0, 0.42), 0 0 26px rgba(248, 113, 113, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18); } html[data-theme="custom"][data-tpl] .hub-music-player { border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.45); background: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 8% / 0.92); box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55), 0 0 28px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.12); backdrop-filter: blur(16px) saturate(1.3); color: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 96%); } html[data-theme="custom"][data-tpl] .hub-music-player-bar .title span { color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%); } html[data-theme="custom"][data-tpl] .hub-music-player-bar a, html[data-theme="custom"][data-tpl] .hub-music-player-bar button { border: 1px solid rgba(255,255,255,0.16); background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.45); color: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 96%); text-decoration: none; } html[data-theme="custom"][data-tpl] .hub-music-player-bar a:hover, html[data-theme="custom"][data-tpl] .hub-music-player-bar button:hover { border-color: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 72% / 0.7); background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 28% / 0.65); } html[data-theme="custom"][data-tpl] .hub-music-player-frame-wrap { border-top: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.28); background: hsl(var(--cm-h) min(100%, calc(44% * var(--cm-sf))) 5%); } html[data-theme="custom"][data-tpl] .hub-music-player-frame-wrap iframe { border: 0; background: hsl(var(--cm-h) min(100%, calc(44% * var(--cm-sf))) 5%); } html[data-theme="custom"][data-tpl] body.hub-detail { --hub-accent: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 75%); --hub-glow: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 58% / 0.35); background: var(--hub-bg); color: var(--hub-text); } html[data-theme="custom"][data-tpl] body.hub-detail .md-backdrop { background-position: center top; background-size: cover; background-repeat: no-repeat; filter: saturate(1.1) brightness(0.92); } html[data-theme="custom"][data-tpl] body.hub-detail .md-backdrop::after { background: radial-gradient(ellipse at 50% 28%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0.28) 0%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0.52) 55%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(56% * var(--cm-sf))) 4% / 0.72) 100%); } html[data-theme="custom"][data-tpl] body.hub-detail.has-backdrop { background: var(--hub-bg); } html[data-theme="custom"][data-tpl] body.hub-detail.has-backdrop .md-top { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(47% * var(--cm-sf))) 6% / 0.42); border-bottom-color: rgba(255, 255, 255, 0.12); } html[data-theme="custom"][data-tpl] body.hub-detail header.md-top { border-bottom: 1px solid rgba(255, 255, 255, 0.14); background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(47% * var(--cm-sf))) 6% / 0.55); backdrop-filter: blur(14px) saturate(1.25); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28); } html[data-theme="custom"][data-tpl] body.hub-detail .md-back { border: 1px solid rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.08); color: var(--hub-text); text-decoration: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12); } html[data-theme="custom"][data-tpl] body.hub-detail .md-back:hover { background: rgba(255, 255, 255, 0.14); text-decoration: none; color: #fff; } html[data-theme="custom"][data-tpl] body.hub-detail .md-titles h1 { color: var(--hub-text); text-shadow: 0 1px 8px rgba(0, 0, 0, 0.55); } html[data-theme="custom"][data-tpl] body.hub-detail .md-titles p { color: var(--hub-muted); text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); } html[data-theme="custom"][data-tpl] body.hub-detail .md-nav a { color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); text-decoration: none; } html[data-theme="custom"][data-tpl] body.hub-detail .md-nav a:hover, html[data-theme="custom"][data-tpl] body.hub-detail .md-nav a.active { color: #fff; text-decoration: none; } html[data-theme="custom"][data-tpl] body.hub-detail .md-poster { border: 1px solid var(--hub-border); background: hsl(calc(var(--cm-h) + 31deg) min(100%, calc(49% * var(--cm-sf))) 8%); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.04) inset; } html[data-theme="custom"][data-tpl] body.hub-detail .md-hero-meta .md-kind { color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%); text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55); } html[data-theme="custom"][data-tpl] body.hub-detail .md-hero-meta h2 { color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 98%); text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65); } html[data-theme="custom"][data-tpl] body.hub-detail .md-hero-meta .md-sub { color: var(--hub-muted); text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); } html[data-theme="custom"][data-tpl] body.hub-detail .panel, html[data-theme="custom"][data-tpl] body.hub-detail .md-panel { background: var(--hub-panel); border: 1px solid rgba(255, 255, 255, 0.14); backdrop-filter: blur(14px) saturate(1.25); box-shadow: 0 10px 36px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.12); } html[data-theme="custom"][data-tpl] body.hub-detail.has-backdrop .panel, html[data-theme="custom"][data-tpl] body.hub-detail.has-backdrop .md-panel { background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.42); } html[data-theme="custom"][data-tpl] body.hub-detail .list-item, html[data-theme="custom"][data-tpl] body.hub-detail .title-item { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(47% * var(--cm-sf))) 6% / 0.38); border: 1px solid transparent; } html[data-theme="custom"][data-tpl] body.hub-detail .list-item:hover, html[data-theme="custom"][data-tpl] body.hub-detail .title-item:hover, html[data-theme="custom"][data-tpl] body.hub-detail .title-item.active { border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 63% / 0.45); background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.55); } html[data-theme="custom"][data-tpl] body.hub-detail .season-h, html[data-theme="custom"][data-tpl] body.hub-detail .crumb { color: var(--hub-muted); text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); } html[data-theme="custom"][data-tpl] body.hub-detail .crumb a { color: var(--hub-accent); } html[data-theme="custom"][data-tpl] body.hub-detail input[type="search"], html[data-theme="custom"][data-tpl] body.hub-detail input[type="text"], html[data-theme="custom"][data-tpl] body.hub-detail .file-toolbar input { background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.5) !important; border-color: rgba(255, 255, 255, 0.18) !important; backdrop-filter: blur(10px) saturate(1.15); } html[data-theme="custom"][data-tpl] body.hub-detail button:not(.primary):not(.mode) { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); color: var(--hub-text); } html[data-theme="custom"][data-tpl] body.hub-detail button:not(.primary):not(.mode):hover { background: rgba(255, 255, 255, 0.14); } html[data-theme="custom"][data-tpl] body.hub-detail .cue-table th, html[data-theme="custom"][data-tpl] body.hub-detail .music-table th { color: var(--hub-muted); border-bottom-color: rgba(255, 255, 255, 0.12); background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(47% * var(--cm-sf))) 6% / 0.35); } html[data-theme="custom"][data-tpl] body.hub-detail tr.cue-row td, html[data-theme="custom"][data-tpl] body.hub-detail tr.selectable td { background: transparent; } html[data-theme="custom"][data-tpl] body.hub-detail tr.cue-row:hover td, html[data-theme="custom"][data-tpl] body.hub-detail tr.selectable:hover td { background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17% / 0.42); } html[data-theme="custom"][data-tpl] body.hub-detail tr.cue-row.selected td, html[data-theme="custom"][data-tpl] body.hub-detail tr.selected td { background: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 20% / 0.48); } html[data-theme="custom"][data-tpl] body.hub-detail .sticky-stack { background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.55) !important; border-top-color: rgba(255, 255, 255, 0.12) !important; backdrop-filter: blur(14px) saturate(1.2) !important; } html[data-theme="custom"][data-tpl] body.hub-detail .sticky-actions { background: transparent !important; } html[data-theme="custom"][data-tpl] body.hub-detail .cmd-builder { background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.35) !important; border-bottom-color: rgba(255, 255, 255, 0.1) !important; } html[data-theme="custom"][data-tpl] body.hub-detail.has-backdrop .sticky-stack { background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.42) !important; } html[data-theme="custom"][data-tpl] body.hub-detail .album-hero img { background: hsl(calc(var(--cm-h) + 31deg) min(100%, calc(49% * var(--cm-sf))) 8%); border: 1px solid var(--hub-border); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45); } html[data-theme="custom"][data-tpl] body.hub-detail .album-hero h2 { color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 98%); text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65); } html[data-theme="custom"][data-tpl] body.hub-detail .album-detail .back a, html[data-theme="custom"][data-tpl] body.hub-detail .lyrics-block .back a { color: var(--hub-accent); text-decoration: none; } html[data-theme="custom"][data-tpl] body.hub-detail .poster-card { background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17% / 0.55); border: 1px solid rgba(255, 255, 255, 0.12); backdrop-filter: blur(8px); } html[data-theme="custom"][data-tpl] body.hub-detail.browse-mosaic:not(.has-backdrop) .panel { background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.55); border: 1px solid rgba(255, 255, 255, 0.14); backdrop-filter: blur(14px) saturate(1.2); } html[data-theme="custom"][data-tpl] body.hub-detail.browse-mosaic .mosaic .tile { filter: brightness(0.78) saturate(1.05); } html[data-theme="custom"][data-tpl] body.hub-detail.browse-mosaic .mosaic-veil { background: radial-gradient(ellipse at 50% 28%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0.32) 0%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0.58) 58%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(56% * var(--cm-sf))) 4% / 0.78) 100%) !important; } html[data-theme="custom"][data-tpl] body.hub-detail.reader { background: #050508; } html[data-theme="custom"][data-tpl] body.hub-detail.reader .md-top { background: linear-gradient(180deg, rgba(8, 10, 18, 0.94), rgba(8, 10, 18, 0.55), transparent); border-bottom: 0; box-shadow: none; backdrop-filter: none; } html[data-theme="custom"][data-tpl] body.hub-detail.reader .md-reader-actions button { color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.18); } html[data-theme="custom"][data-tpl] body.hub-detail.reader .md-reader-actions button:hover { background: rgba(255, 255, 255, 0.14); } html[data-theme="custom"][data-tpl] body.hub-detail.reader .md-titles h1 { text-shadow: 0 1px 6px #000; } html[data-theme="custom"][data-tpl] body.hub-detail.reader .md-page-num { color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); } @media (max-width: 720px) { html[data-theme="custom"][data-tpl] body.hub-detail .md-nav { border-top: 1px solid rgba(255, 255, 255, 0.1); } } @media (max-width: 720px) { html[data-theme="custom"][data-tpl] body.hub-detail .cue-table tr.cue-row { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(47% * var(--cm-sf))) 6% / 0.45) !important; border-color: rgba(255, 255, 255, 0.12) !important; backdrop-filter: blur(10px); } } html[data-theme="custom"][data-tpl] body.hub-detail.file-page .md-backdrop { filter: saturate(1.12) brightness(0.9); } html[data-theme="custom"][data-tpl] body.hub-detail.file-page.has-backdrop main .panel.file-panel { background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.38); border-color: rgba(255, 255, 255, 0.14); } html[data-theme="custom"][data-tpl] body.hub-detail .md-meta-bits { color: var(--hub-muted); text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); } html[data-theme="custom"][data-tpl] body.hub-detail .md-meta-overview { color: hsl(calc(var(--cm-h) + 28deg) min(100%, calc(41% * var(--cm-sf))) 90%); background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.4); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); } html[data-theme="custom"][data-tpl] body.hub-detail .md-meta-links a { border: 1px solid rgba(255, 255, 255, 0.16); color: var(--hub-accent); text-decoration: none; background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(47% * var(--cm-sf))) 6% / 0.42); backdrop-filter: blur(8px); } html[data-theme="custom"][data-tpl] body.hub-detail .md-meta-links a:hover { border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 63% / 0.55); background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.62); } html[data-theme="custom"][data-tpl] body.hub-detail .md-meta-rating .official { color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%); text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); } html[data-theme="custom"][data-tpl] body.hub-detail .md-meta-users { background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.36); border: 1px solid rgba(255, 255, 255, 0.08); } html[data-theme="custom"][data-tpl] body.hub-detail .md-meta-rating .score-chip { border: 1px solid rgba(255, 255, 255, 0.14); background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(47% * var(--cm-sf))) 6% / 0.42); color: hsl(calc(var(--cm-h) + 1deg) min(100%, calc(53% * var(--cm-sf))) 94%); text-decoration: none; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); backdrop-filter: blur(8px); } html[data-theme="custom"][data-tpl] body.hub-detail .md-meta-rating .score-chip:hover { border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 63% / 0.55); background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.62); } html[data-theme="custom"][data-tpl] body.hub-detail .md-meta-rating .score-chip .score-label { color: var(--hub-muted); } html[data-theme="custom"][data-tpl] body.hub-detail .md-meta-rating .score-chip.imdb .score-value { color: #f5c518; } html[data-theme="custom"][data-tpl] body.hub-detail .md-meta-rating .score-chip.letterboxd .score-value { color: #9ae6b4; } html[data-theme="custom"][data-tpl] body.hub-detail .md-meta-rating .score-chip.discord { border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.55); color: hsl(calc(var(--cm-h) + -1deg) min(100%, calc(54% * var(--cm-sf))) 93%); } html[data-theme="custom"][data-tpl] body.hub-detail .md-meta-rating .score-chip.discord .score-label { color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%); } html[data-theme="custom"][data-tpl] body.hub-detail .md-meta-rating .no-reviews { color: var(--hub-muted); } html[data-theme="custom"][data-tpl] body.hub-detail .md-reviews details { background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.36); border: 1px solid rgba(255, 255, 255, 0.08); } html[data-theme="custom"][data-tpl] body.hub-detail .md-reviews summary { color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%); } html[data-theme="custom"][data-tpl] body.hub-detail .md-reviews summary::before { color: var(--hub-muted); } html[data-theme="custom"][data-tpl] body.hub-detail .md-reviews .ru { color: hsl(calc(var(--cm-h) + 1deg) min(100%, calc(53% * var(--cm-sf))) 94%); border-top: 1px solid rgba(255, 255, 255, 0.06); } html[data-theme="custom"][data-tpl] body.hub-detail .md-reviews .ru:first-child { border-top: none; } html[data-theme="custom"][data-tpl] body.hub-detail .md-reviews .ru-text { color: var(--hub-muted); } html[data-theme="custom"][data-tpl] body.hub-detail.browse-mosaic > .hub-top { background: linear-gradient(180deg, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0.94) 0%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0.78) 72%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0.55) 100%); } @media (max-width: 768px) { html[data-theme="custom"][data-tpl] body.hub-detail > header.hub-top nav a, html[data-theme="custom"][data-tpl] body.hub-detail > header.hub-top .hub-nav a { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.12) !important; } } html[data-theme="custom"][data-tpl] .rel-cal { border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.28); background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.52); color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); } html[data-theme="custom"][data-tpl] .rel-cal-head h2 { color: hsl(calc(var(--cm-h) + 1deg) min(100%, calc(53% * var(--cm-sf))) 94%); } html[data-theme="custom"][data-tpl] .rel-cal-nav button { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.75); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.35); color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); } html[data-theme="custom"][data-tpl] .rel-cal-nav button:hover { border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.55); color: #fff; } html[data-theme="custom"][data-tpl] .rel-cal-nav .rel-cal-label { color: hsl(calc(var(--cm-h) + 1deg) min(100%, calc(53% * var(--cm-sf))) 94%); } html[data-theme="custom"][data-tpl] .rel-cal-cell { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.45); border: 1px solid rgba(255, 255, 255, 0.06); } html[data-theme="custom"][data-tpl] .rel-cal-cell.out { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.2); } html[data-theme="custom"][data-tpl] .rel-cal-cell.today { border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.55); box-shadow: inset 0 0 0 1px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.2); } html[data-theme="custom"][data-tpl] .rel-cal-tile { background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17%) center / cover no-repeat; border: 1px solid rgba(255,255,255,0.12); } html[data-theme="custom"][data-tpl] .rel-cal-tile.tv::after { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 35% / 0.85); color: #fff; } html[data-theme="custom"][data-tpl] .rel-cal-tile.dig::after, html[data-theme="custom"][data-tpl] .rel-cal-tile.thr::after, html[data-theme="custom"][data-tpl] .rel-cal-tile.phy::after { color: #fff; } html[data-theme="custom"][data-tpl] .rel-cal-tile.dig::after { background: rgba(22, 163, 74, 0.88); } html[data-theme="custom"][data-tpl] .rel-cal-tile.thr::after { background: rgba(217, 119, 6, 0.88); } html[data-theme="custom"][data-tpl] .rel-cal-tile.phy::after { background: hsl(calc(var(--cm-h) + 28deg) min(100%, calc(19% * var(--cm-sf))) 35% / 0.9); } html[data-theme="custom"][data-tpl] .rel-cal-more { background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17% / 0.95); border: 1px dashed hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.45); color: hsl(calc(var(--cm-h) + 1deg) min(100%, calc(53% * var(--cm-sf))) 94%); } html[data-theme="custom"][data-tpl] .rel-cal-more:hover, html[data-theme="custom"][data-tpl] .rel-cal-tile:hover { border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.7); outline: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.35); } html[data-theme="custom"][data-tpl] .rel-cal-panel { background: hsl(calc(var(--cm-h) + 32deg) min(100%, calc(47% * var(--cm-sf))) 7% / 0.97); border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.28); color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); box-shadow: 0 18px 50px rgba(0,0,0,0.55); } html[data-theme="custom"][data-tpl] .rel-cal-panel h3 { color: hsl(calc(var(--cm-h) + 1deg) min(100%, calc(53% * var(--cm-sf))) 94%); } html[data-theme="custom"][data-tpl] .rel-cal-item { border-top: 1px solid rgba(255,255,255,0.07); } html[data-theme="custom"][data-tpl] .rel-cal-item:first-of-type { border-top: none; } html[data-theme="custom"][data-tpl] .rel-cal-item img { background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17%); } html[data-theme="custom"][data-tpl] .rel-cal-item .meta strong { color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 96%); } html[data-theme="custom"][data-tpl] .rel-cal-item .meta .sub { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl] .rel-cal-item .meta .tag { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.15); color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 85%); } html[data-theme="custom"][data-tpl] .rel-cal-item .meta .tag.tv { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 48% / 0.18); color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%); } html[data-theme="custom"][data-tpl] .rel-cal-item .meta .tag.date.dig { background: rgba(34, 197, 94, 0.16); color: #86efac; } html[data-theme="custom"][data-tpl] .rel-cal-item .meta .tag.date.thr { background: rgba(245, 158, 11, 0.16); color: #fcd34d; } html[data-theme="custom"][data-tpl] .rel-cal-item .meta .tag.date.phy { background: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.18); color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); } html[data-theme="custom"][data-tpl] .rel-cal-item .meta .tag.date.ovr { background: rgba(244, 114, 182, 0.16); color: #f9a8d4; } html[data-theme="custom"][data-tpl] .rel-cal-admin select, html[data-theme="custom"][data-tpl] .rel-cal-admin input { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.9); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.35); color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); } html[data-theme="custom"][data-tpl] .rel-cal-admin button { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.75); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.35); color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); } html[data-theme="custom"][data-tpl] .rel-cal-admin button.danger { border-color: rgba(248, 113, 113, 0.45); color: #fecaca; } html[data-theme="custom"][data-tpl] .rel-cal-admin button:hover { border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.55); } html[data-theme="custom"][data-tpl] .rel-cal-kinds button { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.75); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.35); color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); } html[data-theme="custom"][data-tpl] .rel-cal-kinds button:hover { border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.55); color: #fff; } html[data-theme="custom"][data-tpl] .rel-cal-kinds button.is-active { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 35% / 0.28); border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.65); color: hsl(calc(var(--cm-h) + 1deg) min(100%, calc(53% * var(--cm-sf))) 94%); } html[data-theme="custom"][data-tpl] .rel-cal-page-intro { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl] .rel-cal-page-intro a { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 87%); } html[data-theme="custom"][data-tpl] { --hma-bg: hsl(var(--cm-h) min(100%, calc(48% * var(--cm-sf))) 5%); --hma-bg2: hsl(var(--cm-h) min(100%, calc(50% * var(--cm-sf))) 9%); --hma-fg: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 91%); --hma-acc: hsl(var(--cm-h) min(100%, calc(51% * var(--cm-sf))) 73%); --hma-acc2: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 81%); --hma-green: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 60%); --hma-line: hsl(var(--cm-h) min(100%, calc(51% * var(--cm-sf))) 73% / 0.18); } html[data-theme="custom"][data-tpl] body.hm-app { background: radial-gradient(1200px 600px at 20% -10%, hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 16%) 0%, transparent 60%), var(--hma-bg); color: var(--hma-fg); } html[data-theme="custom"][data-tpl] body.hm-app a { color: inherit; text-decoration: none; } html[data-theme="custom"][data-tpl] body.hm-app button { color: inherit; } html[data-theme="custom"][data-tpl] body.hm-app svg { fill: currentColor; } html[data-theme="custom"][data-tpl] .hma-top { background: hsl(var(--cm-h) min(100%, calc(48% * var(--cm-sf))) 5% / 0); } html[data-theme="custom"][data-tpl] body.hma-scrolled .hma-top { background: hsl(calc(var(--cm-h) + -2deg) min(100%, calc(49% * var(--cm-sf))) 7% / 0.92); box-shadow: 0 1px 0 var(--hma-line); backdrop-filter: blur(14px); } html[data-theme="custom"][data-tpl] .hma-avatar { border: 2px solid rgba(255,255,255,0.12); background: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 16%); } html[data-theme="custom"][data-tpl] .hma-avatar[aria-expanded="true"] { border-color: var(--hma-acc); } html[data-theme="custom"][data-tpl] .hma-umenu { background: hsl(calc(var(--cm-h) + 1deg) min(100%, calc(45% * var(--cm-sf))) 13%); border: 1px solid var(--hma-line); box-shadow: 0 16px 40px rgba(0,0,0,0.6); } html[data-theme="custom"][data-tpl] .hma-umenu button, html[data-theme="custom"][data-tpl] .hma-umenu a { border: 0; background: none; } html[data-theme="custom"][data-tpl] .hma-umenu button:hover, html[data-theme="custom"][data-tpl] .hma-umenu a:hover { background: rgba(255,255,255,0.07); } html[data-theme="custom"][data-tpl] .hma-umenu svg { color: var(--hma-dim); } html[data-theme="custom"][data-tpl] .hma-liked-art { background: linear-gradient(135deg, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 37%), hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60%) 60%, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 84%)); color: #fff; } html[data-theme="custom"][data-tpl] .hma-card-art { background: linear-gradient(135deg, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 17%), hsl(calc(var(--cm-h) + -2deg) min(100%, calc(50% * var(--cm-sf))) 10%)); box-shadow: 0 8px 20px rgba(0,0,0,0.45); } html[data-theme="custom"][data-tpl] .hma-card-art.is-mix::after { background: linear-gradient(180deg, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.15), hsl(calc(var(--cm-h) + -4deg) min(100%, calc(52% * var(--cm-sf))) 5% / 0.75)); } html[data-theme="custom"][data-tpl] .hma-card-play { border: 0; background: var(--hma-green); color: #ffffff !important; box-shadow: 0 8px 18px rgba(0,0,0,0.5); } html[data-theme="custom"][data-tpl] .hma-card-play svg { fill: #ffffff; } html[data-theme="custom"][data-tpl] .hma-pill-acc { background: var(--hma-fg); color: hsl(calc(var(--cm-h) + -2deg) min(100%, calc(54% * var(--cm-sf))) 9%) !important; border-color: transparent; } html[data-theme="custom"][data-tpl] .hma-pill-acc:hover { background: #fff; } html[data-theme="custom"][data-tpl] .hma-chip { background: rgba(255,255,255,0.08); border: 0; } html[data-theme="custom"][data-tpl] .hma-chip:hover { background: rgba(255,255,255,0.15); } html[data-theme="custom"][data-tpl] .hma-chip.on { background: var(--hma-acc); color: hsl(calc(var(--cm-h) + -2deg) min(100%, calc(54% * var(--cm-sf))) 9%); } html[data-theme="custom"][data-tpl] .hma-li-art { background: hsl(var(--cm-h) min(100%, calc(47% * var(--cm-sf))) 15%); } html[data-theme="custom"][data-tpl] .hma-li-s { color: var(--hma-dim); } html[data-theme="custom"][data-tpl] .hma-song-art { background: hsl(var(--cm-h) min(100%, calc(47% * var(--cm-sf))) 15%); } html[data-theme="custom"][data-tpl] .hma-song.is-cur .hma-song-t, html[data-theme="custom"][data-tpl] .hma-song.is-cur .hma-song-n { color: var(--hma-green); } html[data-theme="custom"][data-tpl] .hma-hero-bg-plain { background: linear-gradient(180deg, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 22%), var(--hma-bg)); filter: none; } html[data-theme="custom"][data-tpl] .hma-hero-art { box-shadow: 0 18px 50px rgba(0,0,0,0.6); background: hsl(var(--cm-h) min(100%, calc(47% * var(--cm-sf))) 15%); } html[data-theme="custom"][data-tpl] .hma-hero-art .hma-ph svg { color: #fff; } html[data-theme="custom"][data-tpl] .hma-hero-kind { color: var(--hma-dim); } html[data-theme="custom"][data-tpl] .hma-bigplay { border: 0; background: var(--hma-green); color: #ffffff; box-shadow: 0 8px 22px rgba(0,0,0,0.45); } html[data-theme="custom"][data-tpl] .hma-bigplay svg { fill: #ffffff; } html[data-theme="custom"][data-tpl] .hma-abtn.on { color: var(--hma-green); } html[data-theme="custom"][data-tpl] .hma-search { background: #fff; color: hsl(calc(var(--cm-h) + -2deg) min(100%, calc(54% * var(--cm-sf))) 9%); } html[data-theme="custom"][data-tpl] .hma-search svg { fill: hsl(calc(var(--cm-h) + -2deg) min(100%, calc(54% * var(--cm-sf))) 9%); } html[data-theme="custom"][data-tpl] .hma-search-in { border: 0; outline: none; background: transparent; color: hsl(calc(var(--cm-h) + -2deg) min(100%, calc(54% * var(--cm-sf))) 9%); } html[data-theme="custom"][data-tpl] .hma-search-in::placeholder { color: #6b6280; } html[data-theme="custom"][data-tpl] .hma-search-in::-webkit-search-cancel-button { filter: grayscale(1); } html[data-theme="custom"][data-tpl] .hma-gicon { background: linear-gradient(135deg, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 37%), hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 30%)); } html[data-theme="custom"][data-tpl] .hma-gicon svg { color: #fff; } html[data-theme="custom"][data-tpl] .hma-gcard { background: linear-gradient(135deg, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 37% / 0.45), hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 30% / 0.22)); border: 1px solid var(--hma-line); } html[data-theme="custom"][data-tpl] .hma-member.is-live .hma-li-art { box-shadow: 0 0 0 2px var(--hma-green), 0 0 14px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 30% / 0.5); } html[data-theme="custom"][data-tpl] .hma-member.is-away .hma-li-art { filter: grayscale(1); } html[data-theme="custom"][data-tpl] .hma-member:hover { background: none; } html[data-theme="custom"][data-tpl] .hma-member.is-live .hma-li-s { color: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 85%); } html[data-theme="custom"][data-tpl] .hma-pop { background: hsl(var(--cm-h) min(100%, calc(38% * var(--cm-sf))) 16%); border: 1px solid var(--hma-line); box-shadow: 0 16px 40px rgba(0,0,0,0.6); } html[data-theme="custom"][data-tpl] .hma-pop button { border: 0; background: none; } html[data-theme="custom"][data-tpl] .hma-pop button:hover { background: rgba(255,255,255,0.08); } html[data-theme="custom"][data-tpl] .hma-pop .hma-danger { border: 0 !important; } html[data-theme="custom"][data-tpl] .hma-tabs { background: linear-gradient(180deg, hsl(var(--cm-h) min(100%, calc(48% * var(--cm-sf))) 5% / 0.86), hsl(var(--cm-h) min(100%, calc(48% * var(--cm-sf))) 5% / 0.99) 40%); backdrop-filter: blur(12px); } html[data-theme="custom"][data-tpl] .hma-tabs a { color: var(--hma-dim); } html[data-theme="custom"][data-tpl] .hma-tabs a.on { color: var(--hma-fg); } html[data-theme="custom"][data-tpl] body.hm-app .hmd-bar { border: 0; background: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 17% / 0.97); box-shadow: 0 8px 26px rgba(0,0,0,0.55); } html[data-theme="custom"][data-tpl] body.hm-app .hmd .hmd-play { background: transparent; color: var(--hma-fg); box-shadow: none; } html[data-theme="custom"][data-tpl] body.hm-app .hmd .hmd-play svg, html[data-theme="custom"][data-tpl] body.hm-app .hmd .hmd-play svg path { fill: var(--hma-fg); color: var(--hma-fg); } html[data-theme="custom"][data-tpl] body.hm-app .hmd-seek .hmd-range::-webkit-slider-thumb { box-shadow: none; border: 0; } html[data-theme="custom"][data-tpl] body.hm-app .hmd-seek .hmd-range::-moz-range-thumb { border: 0; } @media (min-width: 900px) { html[data-theme="custom"][data-tpl] .hma-side { background: hsl(calc(var(--cm-h) + -2deg) min(100%, calc(53% * var(--cm-sf))) 3%); border-right: 1px solid rgba(255,255,255,0.05); } } @media (min-width: 900px) { html[data-theme="custom"][data-tpl] .hma-side-nav a.on { color: var(--hma-fg); background: rgba(255,255,255,0.07); } } @media (min-width: 900px) { html[data-theme="custom"][data-tpl] body.hm-app .hmd-bar { background: hsl(var(--cm-h) min(100%, calc(50% * var(--cm-sf))) 5%); border-top: 1px solid rgba(255,255,255,0.06); box-shadow: none; } } @media (min-width: 900px) { html[data-theme="custom"][data-tpl] body.hm-app .hmd .hmd-play { background: var(--hma-fg); } } @media (min-width: 900px) { html[data-theme="custom"][data-tpl] body.hm-app .hmd .hmd-play svg, html[data-theme="custom"][data-tpl] body.hm-app .hmd .hmd-play svg path { fill: hsl(calc(var(--cm-h) + -2deg) min(100%, calc(54% * var(--cm-sf))) 9%); color: hsl(calc(var(--cm-h) + -2deg) min(100%, calc(54% * var(--cm-sf))) 9%); } } html[data-theme="custom"][data-tpl="add_movies"] .mosaic { filter: saturate(1.08); } html[data-theme="custom"][data-tpl="add_movies"] .mosaic .tile { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(36% * var(--cm-sf))) 11%) center / cover no-repeat; filter: brightness(0.78) saturate(1.05); } html[data-theme="custom"][data-tpl="add_movies"] .poster-card { text-decoration: none; color: inherit; background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17%); border: 1px solid hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); } html[data-theme="custom"][data-tpl="add_movies"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); } html[data-theme="custom"][data-tpl="add_movies"] .poster-card img { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11%); } html[data-theme="custom"][data-tpl="add_movies"] .poster-card.in-library { filter: grayscale(0.25); } html[data-theme="custom"][data-tpl="add_movies"] .poster-card.golden { border: 2px solid #fbbf24; box-shadow: 0 0 0 1px rgba(251,191,36,.35); } html[data-theme="custom"][data-tpl="add_movies"] .poster-card .badge { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / .88); color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); border: 1px solid hsl(calc(var(--cm-h) + 28deg) min(100%, calc(19% * var(--cm-sf))) 35%); } html[data-theme="custom"][data-tpl="add_movies"] .poster-card .badge.pending { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.9); border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60%); } html[data-theme="custom"][data-tpl="add_movies"] .poster-card .qbadge { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 24% / 0.92); color: hsl(calc(var(--cm-h) + -4deg) min(100%, calc(100% * var(--cm-sf))) 96%); } html[data-theme="custom"][data-tpl="add_movies"] .poster-card .plus { border: none; background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 32%); color: #ffffff; } html[data-theme="custom"][data-tpl="add_movies"] .releases li { border-bottom: 1px solid hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17%); } html[data-theme="custom"][data-tpl="add_movies"] .proto-filters { color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); } html[data-theme="custom"][data-tpl="add_movies"] .proto-filters label { border: 1px solid hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.65); } html[data-theme="custom"][data-tpl="add_movies"] .proto-filters input[type=checkbox] { accent-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44%); } html[data-theme="custom"][data-tpl="add_movies"] .proto-filters .proto-hint { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="add_movies"] .proto-filters .fx-sep { background: hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); } html[data-theme="custom"][data-tpl="add_movies"] .proto-filters label.fx-sort input[type=checkbox] { accent-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 59%); } html[data-theme="custom"][data-tpl="add_movies"] .fx-badge { border: 1px solid transparent; } html[data-theme="custom"][data-tpl="add_movies"] .fx-badge.dv { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 48% / 0.18); color: hsl(calc(var(--cm-h) + -1deg) min(100%, calc(54% * var(--cm-sf))) 93%); border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 48%); } html[data-theme="custom"][data-tpl="add_movies"] .fx-badge.hdr { background: rgba(245, 158, 11, 0.16); color: #fde68a; border-color: #f59e0b; } html[data-theme="custom"][data-tpl="add_movies"] .msg { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 87%); } html[data-theme="custom"][data-tpl="add_movies"] .msg.err { color: #fca5a5; } html[data-theme="custom"][data-tpl="add_movies"] .gb-pool-chip { border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.45); background: hsl(calc(var(--cm-h) + 16deg) min(100%, calc(80% * var(--cm-sf))) 16% / 0.72); color: hsl(calc(var(--cm-h) + 1deg) min(100%, calc(53% * var(--cm-sf))) 94%); } html[data-theme="custom"][data-tpl="add_movies"] .gb-pool-chip.low { border-color: rgba(251, 191, 36, 0.55); background: rgba(69, 26, 3, 0.75); color: #fef3c7; } html[data-theme="custom"][data-tpl="add_movies"] .gb-pool-chip.empty { border-color: rgba(248, 113, 113, 0.55); background: rgba(69, 10, 10, 0.8); color: #fecaca; } html[data-theme="custom"][data-tpl="add_movies"] .gb-pool-chip.exempt { border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.5); background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 19% / 0.7); color: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 95%); } html[data-theme="custom"][data-tpl="add_movies"] .releases .gb-size { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 85%); } html[data-theme="custom"][data-tpl="add_movies"] .rel-confirm { border: 1px solid hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11%); color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); } html[data-theme="custom"][data-tpl="add_movies"] .rel-confirm .muted { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="add_movies"] .queue-blurb { border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.28); background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.52); color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); } html[data-theme="custom"][data-tpl="add_movies"] .queue-blurb h2 { color: hsl(calc(var(--cm-h) + 1deg) min(100%, calc(53% * var(--cm-sf))) 94%); } html[data-theme="custom"][data-tpl="add_movies"] .queue-blurb summary { color: hsl(calc(var(--cm-h) + 1deg) min(100%, calc(53% * var(--cm-sf))) 94%); } html[data-theme="custom"][data-tpl="add_movies"] .queue-blurb summary::marker { color: hsl(calc(var(--cm-h) + 28deg) min(100%, calc(16% * var(--cm-sf))) 47%); } html[data-theme="custom"][data-tpl="add_tv"] .mosaic { filter: saturate(1.08); } html[data-theme="custom"][data-tpl="add_tv"] .mosaic .tile { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(36% * var(--cm-sf))) 11%) center / cover no-repeat; filter: brightness(0.78) saturate(1.05); } html[data-theme="custom"][data-tpl="add_tv"] .poster-card { text-decoration: none; color: inherit; background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17%); border: 1px solid hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); } html[data-theme="custom"][data-tpl="add_tv"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); } html[data-theme="custom"][data-tpl="add_tv"] .poster-card img { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11%); } html[data-theme="custom"][data-tpl="add_tv"] .poster-card.in-library { filter: grayscale(0.25); } html[data-theme="custom"][data-tpl="add_tv"] .poster-card.golden { border: 2px solid #fbbf24; box-shadow: 0 0 0 1px rgba(251,191,36,.35); } html[data-theme="custom"][data-tpl="add_tv"] .poster-card .badge { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / .88); color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); border: 1px solid hsl(calc(var(--cm-h) + 28deg) min(100%, calc(19% * var(--cm-sf))) 35%); } html[data-theme="custom"][data-tpl="add_tv"] .poster-card .badge.pending { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.9); border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60%); } html[data-theme="custom"][data-tpl="add_tv"] .poster-card .qbadge { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 24% / 0.92); color: hsl(calc(var(--cm-h) + -4deg) min(100%, calc(100% * var(--cm-sf))) 96%); } html[data-theme="custom"][data-tpl="add_tv"] .poster-card .plus { border: none; background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 32%); color: #ffffff; } html[data-theme="custom"][data-tpl="add_tv"] .releases li { border-bottom: 1px solid hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17%); } html[data-theme="custom"][data-tpl="add_tv"] .proto-filters { color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); } html[data-theme="custom"][data-tpl="add_tv"] .proto-filters label { border: 1px solid hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.65); } html[data-theme="custom"][data-tpl="add_tv"] .proto-filters input[type=checkbox] { accent-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44%); } html[data-theme="custom"][data-tpl="add_tv"] .proto-filters .proto-hint { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="add_tv"] .proto-filters .fx-sep { background: hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); } html[data-theme="custom"][data-tpl="add_tv"] .proto-filters label.fx-sort input[type=checkbox] { accent-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 59%); } html[data-theme="custom"][data-tpl="add_tv"] .fx-badge { border: 1px solid transparent; } html[data-theme="custom"][data-tpl="add_tv"] .fx-badge.dv { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 48% / 0.18); color: hsl(calc(var(--cm-h) + -1deg) min(100%, calc(54% * var(--cm-sf))) 93%); border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 48%); } html[data-theme="custom"][data-tpl="add_tv"] .fx-badge.hdr { background: rgba(245, 158, 11, 0.16); color: #fde68a; border-color: #f59e0b; } html[data-theme="custom"][data-tpl="add_tv"] .msg { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 87%); } html[data-theme="custom"][data-tpl="add_tv"] .msg.err { color: #fca5a5; } html[data-theme="custom"][data-tpl="add_tv"] .gb-pool-chip { border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.45); background: hsl(calc(var(--cm-h) + 16deg) min(100%, calc(80% * var(--cm-sf))) 16% / 0.72); color: hsl(calc(var(--cm-h) + 1deg) min(100%, calc(53% * var(--cm-sf))) 94%); } html[data-theme="custom"][data-tpl="add_tv"] .gb-pool-chip.low { border-color: rgba(251, 191, 36, 0.55); background: rgba(69, 26, 3, 0.75); color: #fef3c7; } html[data-theme="custom"][data-tpl="add_tv"] .gb-pool-chip.empty { border-color: rgba(248, 113, 113, 0.55); background: rgba(69, 10, 10, 0.8); color: #fecaca; } html[data-theme="custom"][data-tpl="add_tv"] .gb-pool-chip.exempt { border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.5); background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 19% / 0.7); color: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 95%); } html[data-theme="custom"][data-tpl="add_tv"] .releases .gb-size { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 85%); } html[data-theme="custom"][data-tpl="add_tv"] .rel-confirm { border: 1px solid hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11%); color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); } html[data-theme="custom"][data-tpl="add_tv"] .rel-confirm .muted { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="add_tv"] .rel-confirm.sticky-sum { border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44%); background: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(55% * var(--cm-sf))) 10%); } html[data-theme="custom"][data-tpl="add_tv"] .releases li .rel-check { accent-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44%); } html[data-theme="custom"][data-tpl="add_tv"] .releases li.selected-row { outline: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.45); background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 24% / 0.18); } html[data-theme="custom"][data-tpl="add_tv"] .ep-badge { border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.55); background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 24% / 0.35); color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 85%); } html[data-theme="custom"][data-tpl="add_tv"] .ep-badge.pack { border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.55); background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.35); color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%); } html[data-theme="custom"][data-tpl="add_tv"] .rel-confirm .ep-chip { border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.4); background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 24% / 0.25); color: hsl(calc(var(--cm-h) + -2deg) min(100%, calc(54% * var(--cm-sf))) 91%); } html[data-theme="custom"][data-tpl="add_tv"] .queue-blurb { border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.28); background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.52); color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); } html[data-theme="custom"][data-tpl="add_tv"] .queue-blurb h2 { color: hsl(calc(var(--cm-h) + 1deg) min(100%, calc(53% * var(--cm-sf))) 94%); } html[data-theme="custom"][data-tpl="add_tv"] .queue-blurb summary { color: hsl(calc(var(--cm-h) + 1deg) min(100%, calc(53% * var(--cm-sf))) 94%); } html[data-theme="custom"][data-tpl="add_tv"] .queue-blurb summary::marker { color: hsl(calc(var(--cm-h) + 28deg) min(100%, calc(16% * var(--cm-sf))) 47%); } html[data-theme="custom"][data-tpl="admin"] .st-wrap .muted { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="admin"] .st-wrap nav a { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 87%); text-decoration: none; } html[data-theme="custom"][data-tpl="admin"] .st-wrap nav a:hover, html[data-theme="custom"][data-tpl="admin"] .st-wrap nav a.active { color: #fff; } html[data-theme="custom"][data-tpl="admin"] .st-bw { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.72); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.18); } html[data-theme="custom"][data-tpl="admin"] .st-bw h2 { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 89%); } html[data-theme="custom"][data-tpl="admin"] .st-bw-period { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="admin"] .st-bw-period select { color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 98%); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.28); } html[data-theme="custom"][data-tpl="admin"] .st-bw-period select:focus { outline: none; border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 68% / 0.7); box-shadow: 0 0 0 3px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 49% / 0.2); } html[data-theme="custom"][data-tpl="admin"] .st-bw-primary { background: linear-gradient(145deg, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.35), rgba(2,6,23,0.55)); border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 68% / 0.22); } html[data-theme="custom"][data-tpl="admin"] .st-bw-primary .eyebrow { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 89%); } html[data-theme="custom"][data-tpl="admin"] .st-bw-primary .big { color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 98%); } html[data-theme="custom"][data-tpl="admin"] .st-bw-primary .up { color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); } html[data-theme="custom"][data-tpl="admin"] .st-bw-primary .up span { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="admin"] .st-bw-primary .foot { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="admin"] .st-bw details summary { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 87%); } html[data-theme="custom"][data-tpl="admin"] .st-bw details summary::before { color: hsl(calc(var(--cm-h) + 28deg) min(100%, calc(16% * var(--cm-sf))) 47%); } html[data-theme="custom"][data-tpl="admin"] .st-bw pre { background: rgba(2,6,23,0.55); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.12); color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); } html[data-theme="custom"][data-tpl="admin"] .st-emby, html[data-theme="custom"][data-tpl="admin"] .st-extras { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.72); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.18); } html[data-theme="custom"][data-tpl="admin"] .st-emby h2, html[data-theme="custom"][data-tpl="admin"] .st-extras h2 { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 89%); } html[data-theme="custom"][data-tpl="admin"] .st-np-bar { background: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.2); } html[data-theme="custom"][data-tpl="admin"] .st-np-bar > span { background: linear-gradient(90deg, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 49%), hsl(calc(var(--cm-h) + -30deg) min(100%, calc(64% * var(--cm-sf))) 52%)); } html[data-theme="custom"][data-tpl="admin"] .st-dl { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.72); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.18); } html[data-theme="custom"][data-tpl="admin"] .st-dl h2 { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 89%); } html[data-theme="custom"][data-tpl="admin"] .st-dl-badge { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 49% / 0.2); color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 92%); } html[data-theme="custom"][data-tpl="admin"] .st-dl-badge.sab { background: hsl(calc(var(--cm-h) + -28deg) min(100%, calc(84% * var(--cm-sf))) 39% / 0.18); color: hsl(calc(var(--cm-h) + -32deg) min(100%, calc(72% * var(--cm-sf))) 67%); } html[data-theme="custom"][data-tpl="admin"] .st-dl-badge.qbit { background: hsl(calc(var(--cm-h) + 10deg) min(100%, calc(93% * var(--cm-sf))) 60% / 0.18); color: hsl(calc(var(--cm-h) + 11deg) min(100%, calc(95% * var(--cm-sf))) 74%); } html[data-theme="custom"][data-tpl="admin"] .st-dl-badge.slsk, html[data-theme="custom"][data-tpl="admin"] .st-dl-badge.soulseek { background: rgba(251,191,36,0.18); color: #fcd34d; } html[data-theme="custom"][data-tpl="admin"] .st-dl-badge.radarr, html[data-theme="custom"][data-tpl="admin"] .st-dl-badge.sonarr { background: rgba(244,114,182,0.15); color: #f9a8d4; } html[data-theme="custom"][data-tpl="admin"] .st-dl-bar { background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17% / 0.9); } html[data-theme="custom"][data-tpl="admin"] .st-dl-bar > span { background: linear-gradient(90deg,hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 49%),hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 39%)); } html[data-theme="custom"][data-tpl="admin"] .st-dl-more a { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 87%); text-decoration: none; } html[data-theme="custom"][data-tpl="admin"] .st-dl-more a:hover { color: #fff; } html[data-theme="custom"][data-tpl="admin"] .mosaic { filter: saturate(1.08); } html[data-theme="custom"][data-tpl="admin"] .mosaic .tile { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(36% * var(--cm-sf))) 11%) center / cover no-repeat; filter: brightness(0.78) saturate(1.05); } html[data-theme="custom"][data-tpl="admin"] .st-card, html[data-theme="custom"][data-tpl="admin"] .st-bw { background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.55) !important; backdrop-filter: blur(14px) saturate(1.25); } html[data-theme="custom"][data-tpl="calendar"] .mosaic { filter: saturate(1.08); } html[data-theme="custom"][data-tpl="calendar"] .mosaic .tile { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(36% * var(--cm-sf))) 11%) center / cover no-repeat; filter: brightness(0.78) saturate(1.05); } html[data-theme="custom"][data-tpl="comics"] .poster-card { text-decoration: none; color: inherit; background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17%); border: 1px solid hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); } html[data-theme="custom"][data-tpl="comics"] .poster-card:hover { border-color: #fb7185; box-shadow: 0 10px 28px rgba(0,0,0,0.35); } html[data-theme="custom"][data-tpl="comics"] .poster-card img { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11%); } html[data-theme="custom"][data-tpl="comics"] .mosaic { filter: saturate(1.08); } html[data-theme="custom"][data-tpl="comics"] .mosaic .tile { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(36% * var(--cm-sf))) 11%) center / cover no-repeat; filter: brightness(0.78) saturate(1.05); } html[data-theme="custom"][data-tpl="commands"] .mosaic { filter: saturate(1.08); } html[data-theme="custom"][data-tpl="commands"] .mosaic .tile { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(36% * var(--cm-sf))) 11%) center / cover no-repeat; filter: brightness(0.78) saturate(1.05); } html[data-theme="custom"][data-tpl="ddl"] .dl-wrap .muted { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="ddl"] .dl-wrap nav a { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 87%); text-decoration: none; } html[data-theme="custom"][data-tpl="ddl"] .dl-wrap nav a:hover, html[data-theme="custom"][data-tpl="ddl"] .dl-wrap nav a.active { color: #fff; } html[data-theme="custom"][data-tpl="ddl"] .dl-panel { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.72); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.18); backdrop-filter: blur(8px); } html[data-theme="custom"][data-tpl="ddl"] .dl-panel h2 { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 89%); } html[data-theme="custom"][data-tpl="ddl"] .dl-bar { background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17% / 0.9); } html[data-theme="custom"][data-tpl="ddl"] .dl-bar > span { background: linear-gradient(90deg,hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 49%),hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 39%)); } html[data-theme="custom"][data-tpl="ddl"] .cmd-box textarea, html[data-theme="custom"][data-tpl="ddl"] .cmd-box input[type=text] { border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.28); background: rgba(2,6,23,0.65); color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 96%); } html[data-theme="custom"][data-tpl="ddl"] .cmd-box button { border: 0; background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 43%); color: #fff; } html[data-theme="custom"][data-tpl="ddl"] .cmd-box button.secondary { background: hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); } html[data-theme="custom"][data-tpl="ddl"] .mosaic { filter: saturate(1.08); } html[data-theme="custom"][data-tpl="ddl"] .mosaic .tile { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(36% * var(--cm-sf))) 11%) center / cover no-repeat; filter: brightness(0.78) saturate(1.05); } html[data-theme="custom"][data-tpl="ddl"] .dl-panel { background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.55) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; backdrop-filter: blur(14px) saturate(1.25); } html[data-theme="custom"][data-tpl="downloads"] .dl-wrap .muted { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="downloads"] .dl-wrap nav a { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 87%); text-decoration: none; } html[data-theme="custom"][data-tpl="downloads"] .dl-wrap nav a:hover, html[data-theme="custom"][data-tpl="downloads"] .dl-wrap nav a.active { color: #fff; } html[data-theme="custom"][data-tpl="downloads"] .dl-panel { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.72); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.18); backdrop-filter: blur(8px); } html[data-theme="custom"][data-tpl="downloads"] .dl-panel h2 { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 89%); } html[data-theme="custom"][data-tpl="downloads"] .dl-bar { background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17% / 0.9); } html[data-theme="custom"][data-tpl="downloads"] .dl-bar > span { background: linear-gradient(90deg,hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 49%),hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 39%)); } html[data-theme="custom"][data-tpl="downloads"] .cmd-box textarea, html[data-theme="custom"][data-tpl="downloads"] .cmd-box input[type=text] { border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.28); background: rgba(2,6,23,0.65); color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 96%); } html[data-theme="custom"][data-tpl="downloads"] .cmd-box button { border: 0; background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 43%); color: #fff; } html[data-theme="custom"][data-tpl="downloads"] .cmd-box button.secondary { background: hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); } html[data-theme="custom"][data-tpl="downloads"] .mosaic { filter: saturate(1.08); } html[data-theme="custom"][data-tpl="downloads"] .mosaic .tile { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(36% * var(--cm-sf))) 11%) center / cover no-repeat; filter: brightness(0.78) saturate(1.05); } html[data-theme="custom"][data-tpl="downloads"] .dl-panel { background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.55) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; backdrop-filter: blur(14px) saturate(1.25); } html[data-theme="custom"][data-tpl="home"] .mosaic { filter: saturate(1.08); } html[data-theme="custom"][data-tpl="home"] .mosaic .tile { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(36% * var(--cm-sf))) 11%) center / cover no-repeat; filter: brightness(0.72) saturate(0.9); } html[data-theme="custom"][data-tpl="home"] .mosaic .tile.is-match { filter: brightness(1.05) saturate(1.15); box-shadow: inset 0 0 0 2px rgba(255,255,255,0.35); } html[data-theme="custom"][data-tpl="home"] .mosaic .tile.is-dim { filter: brightness(0.35) saturate(0.4) blur(1px); } html[data-theme="custom"][data-tpl="home"] .mosaic .tile.is-hit { filter: brightness(1.12) saturate(1.2); box-shadow: inset 0 0 0 3px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 50% / 0.85); } html[data-theme="custom"][data-tpl="home"] .mosaic .tile.is-miss { filter: brightness(0.3) saturate(0.35) blur(1.5px); } html[data-theme="custom"][data-tpl="home"] body.hub[data-hover] .mosaic .tile { filter: brightness(0.4) saturate(0.45) blur(1px); } html[data-theme="custom"][data-tpl="home"] body.hub[data-hover="movie"] .mosaic .tile[data-kind="movie"], html[data-theme="custom"][data-tpl="home"] body.hub[data-hover="show"] .mosaic .tile[data-kind="show"], html[data-theme="custom"][data-tpl="home"] body.hub[data-hover="music"] .mosaic .tile[data-kind="music"], html[data-theme="custom"][data-tpl="home"] body.hub[data-hover="comic"] .mosaic .tile[data-kind="comic"] { filter: brightness(1.08) saturate(1.18); } html[data-theme="custom"][data-tpl="home"] .hub-top { background: linear-gradient(180deg, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0.94) 0%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0.78) 72%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0) 100%); backdrop-filter: blur(10px) saturate(1.15); } html[data-theme="custom"][data-tpl="home"] .hub-server-link { border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.45); box-shadow: 0 6px 22px rgba(0,0,0,0.35), 0 0 0 2px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.25); text-decoration: none; } html[data-theme="custom"][data-tpl="home"] .hub-server-icon { background: hsl(var(--cm-h) min(100%, calc(39% * var(--cm-sf))) 12%); } html[data-theme="custom"][data-tpl="home"] .hub-top h1 { color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 96%); text-shadow: 0 1px 10px rgba(0,0,0,0.55); } html[data-theme="custom"][data-tpl="home"] .hub-top h1 .hub-title-accent { color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%); background: linear-gradient(120deg, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60%) 0%, hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 72%) 45%, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 83%) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; filter: drop-shadow(0 1px 8px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.45)); } html[data-theme="custom"][data-tpl="home"] .hub-quote { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 86%); text-shadow: 0 1px 6px rgba(0,0,0,0.45); } html[data-theme="custom"][data-tpl="home"] .hub-top nav a, html[data-theme="custom"][data-tpl="home"] .hub-top .hub-nav a { color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%) !important; text-decoration: none !important; } html[data-theme="custom"][data-tpl="home"] .hub-top nav a:hover, html[data-theme="custom"][data-tpl="home"] .hub-top .hub-nav a:hover, html[data-theme="custom"][data-tpl="home"] .hub-top nav a.active, html[data-theme="custom"][data-tpl="home"] .hub-top .hub-nav a.active { color: #fff !important; } html[data-theme="custom"][data-tpl="home"] .hub-top nav a.hub-nav-slsk, html[data-theme="custom"][data-tpl="home"] .hub-top .hub-nav a.hub-nav-slsk { color: #fcd34d !important; } @media (hover: hover) and (pointer: fine) { html[data-theme="custom"][data-tpl="home"] .hub-btn:hover:not(.is-active) { border-color: color-mix(in srgb, var(--glow) 65%, white); background: rgba(255,255,255,0.14); box-shadow: 0 18px 50px rgba(0,0,0,0.45), 0 0 28px color-mix(in srgb, var(--glow) 45%, transparent), inset 0 1px 0 rgba(255,255,255,0.28); } } html[data-theme="custom"][data-tpl="home"] .hub-btn.is-active { border-color: color-mix(in srgb, var(--glow) 70%, white); background: rgba(255,255,255,0.16); box-shadow: 0 22px 60px rgba(0,0,0,0.5), 0 0 40px color-mix(in srgb, var(--glow) 40%, transparent), inset 0 1px 0 rgba(255,255,255,0.3); } html[data-theme="custom"][data-tpl="home"] .hub-dl-live { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.72); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.18); backdrop-filter: blur(8px); } html[data-theme="custom"][data-tpl="home"] .hub-dl-live h2 { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 89%); } html[data-theme="custom"][data-tpl="home"] .hub-dl-live h2 a { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 87%); text-decoration: none; } html[data-theme="custom"][data-tpl="home"] .hub-dl-live h2 a:hover { color: #fff; } html[data-theme="custom"][data-tpl="home"] .hub-dl-rows li { color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); } html[data-theme="custom"][data-tpl="home"] .hub-dl-rows .src { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 49% / 0.22); color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 92%); } html[data-theme="custom"][data-tpl="home"] .hub-dl-rows .src.sab { background: hsl(calc(var(--cm-h) + -28deg) min(100%, calc(84% * var(--cm-sf))) 39% / 0.2); color: hsl(calc(var(--cm-h) + -32deg) min(100%, calc(72% * var(--cm-sf))) 67%); } html[data-theme="custom"][data-tpl="home"] .hub-dl-live .src.slsk, html[data-theme="custom"][data-tpl="home"] .hub-dl-live .src.soulseek { color: #fcd34d; } html[data-theme="custom"][data-tpl="home"] .hub-dl-by { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 89%); } html[data-theme="custom"][data-tpl="home"] .hub-dl-rows .meta { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="home"] .hub-dl-bar { background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17% / 0.95); } html[data-theme="custom"][data-tpl="home"] .hub-dl-bar > span { background: linear-gradient(90deg,hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 49%),hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 39%)); } html[data-theme="custom"][data-tpl="home"] .hub-stats-card { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18); backdrop-filter: blur(14px) saturate(1.25); box-shadow: 0 10px 36px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.16); color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); } html[data-theme="custom"][data-tpl="home"] .hub-stats-card h2 { color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%); } html[data-theme="custom"][data-tpl="home"] .hub-lb-period { border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.35); background: hsl(var(--cm-h) min(100%, calc(41% * var(--cm-sf))) 13% / 0.55); color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%); } html[data-theme="custom"][data-tpl="home"] .hub-lb-period:hover, html[data-theme="custom"][data-tpl="home"] .hub-lb-period:focus-visible { border-color: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 72% / 0.7); color: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 96%); outline: none; } html[data-theme="custom"][data-tpl="home"] .hub-lb-period.is-active { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.55); border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.85); color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 98%); box-shadow: 0 0 0 1px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.25); } html[data-theme="custom"][data-tpl="home"] .hub-stats-card ol li { border-bottom: 1px solid rgba(255,255,255,0.06); } html[data-theme="custom"][data-tpl="home"] .hub-stats-card ol li:last-child { border-bottom: 0; } html[data-theme="custom"][data-tpl="home"] .hub-stats-card .rank { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 86%); } html[data-theme="custom"][data-tpl="home"] .hub-stats-card .gb { color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 98%); } html[data-theme="custom"][data-tpl="home"] .hub-stats-pill { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.35); border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.55); color: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 95%); } html[data-theme="custom"][data-tpl="home"] .hub-stats-pill span { color: hsl(calc(var(--cm-h) + -1deg) min(100%, calc(54% * var(--cm-sf))) 93%); } html[data-theme="custom"][data-tpl="home"] .hub-stats-pill--lib .hub-stats-pill-detail { color: hsl(calc(var(--cm-h) + -1deg) min(100%, calc(54% * var(--cm-sf))) 93%); } html[data-theme="custom"][data-tpl="home"] .hub-stats-pill-expand { border: 0; background: transparent; color: hsl(calc(var(--cm-h) + -1deg) min(100%, calc(54% * var(--cm-sf))) 93%); } html[data-theme="custom"][data-tpl="home"] .hub-stats-pill-expand:hover, html[data-theme="custom"][data-tpl="home"] .hub-stats-pill-expand:focus-visible { background: rgba(255,255,255,0.12); outline: none; } html[data-theme="custom"][data-tpl="home"] .hub-search-results { border: 1px solid rgba(255,255,255,0.16); background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.88); backdrop-filter: blur(14px) saturate(1.15); box-shadow: 0 12px 36px rgba(0,0,0,0.5); } html[data-theme="custom"][data-tpl="home"] .hub-search-results .hsr-item { border: 0; background: transparent; color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); text-decoration: none; } html[data-theme="custom"][data-tpl="home"] .hub-search-results .hsr-item:hover, html[data-theme="custom"][data-tpl="home"] .hub-search-results .hsr-item:focus-visible { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 50% / 0.18); outline: none; } html[data-theme="custom"][data-tpl="home"] .hub-search-results .hsr-item:active { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 50% / 0.28); } html[data-theme="custom"][data-tpl="home"] .hub-search-results .hsr-thumb { background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17%) center / cover no-repeat; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12); } html[data-theme="custom"][data-tpl="home"] .hub-search-results .hsr-title { color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 98%); } html[data-theme="custom"][data-tpl="home"] .hub-search-results .hsr-sub { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="home"] .hub-search-results .hsr-kind { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 87%); background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.18); } html[data-theme="custom"][data-tpl="home"] .hub-search-results .hsr-empty, html[data-theme="custom"][data-tpl="home"] .hub-search-results .hsr-status { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="home"] .hub-search-popup-form { border: 0; } html[data-theme="custom"][data-tpl="home"] .hub-search-popup-form input { border: 1px solid rgba(255,255,255,0.28); background: hsl(calc(var(--cm-h) + 39deg) min(100%, calc(50% * var(--cm-sf))) 6% / 0.88); color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 98%); outline: none; box-shadow: 0 8px 28px rgba(0,0,0,0.35); } html[data-theme="custom"][data-tpl="home"] .hub-search-popup-form input::placeholder { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="home"] .hub-search-popup-form input:focus { border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.55); box-shadow: 0 8px 28px rgba(0,0,0,0.45), 0 0 0 2px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.25); } html[data-theme="custom"][data-tpl="home"] .hub-search-popup-browse, html[data-theme="custom"][data-tpl="home"] .hub-search-popup-go { border: 1px solid rgba(255,255,255,0.16); background: rgba(255,255,255,0.08); color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); } html[data-theme="custom"][data-tpl="home"] .hub-search-popup-go { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.28); border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.5); color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 98%); } html[data-theme="custom"][data-tpl="home"] .hub-search-popup-browse:hover, html[data-theme="custom"][data-tpl="home"] .hub-search-popup-browse:focus-visible, html[data-theme="custom"][data-tpl="home"] .hub-search-popup-go:hover, html[data-theme="custom"][data-tpl="home"] .hub-search-popup-go:focus-visible { outline: none; filter: brightness(1.12); } html[data-theme="custom"][data-tpl="home"] .hub-search-popup-results { border: 1px solid rgba(255,255,255,0.12); background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(64% * var(--cm-sf))) 4% / 0.72); } html[data-theme="custom"][data-tpl="home"] .hub-search-popup-results .hsr-item { text-decoration: none; color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 96%); } html[data-theme="custom"][data-tpl="home"] .hub-search-popup-results .hsr-item:hover, html[data-theme="custom"][data-tpl="home"] .hub-search-popup-results .hsr-item:focus-visible { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.16); outline: none; } html[data-theme="custom"][data-tpl="home"] .hub-search-popup-results .hsr-item:active { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.28); } html[data-theme="custom"][data-tpl="home"] .hub-search-popup-results .hsr-thumb { background: rgba(255,255,255,0.08) center/cover no-repeat; } html[data-theme="custom"][data-tpl="home"] .hub-search-popup-results .hsr-sub { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="home"] .hub-search-popup-results .hsr-kind { color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%); border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.35); } html[data-theme="custom"][data-tpl="home"] .hub-search-popup-results .hsr-empty, html[data-theme="custom"][data-tpl="home"] .hub-search-popup-results .hsr-status { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } @media (max-width: 768px) { html[data-theme="custom"][data-tpl="home"] .hub-top nav a { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); } } @media (max-width: 768px) { html[data-theme="custom"][data-tpl="home"] .hub-top nav a:hover, html[data-theme="custom"][data-tpl="home"] .hub-top nav a.active { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.18); border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.35); } } @media (max-width: 800px), (pointer: coarse) { html[data-theme="custom"][data-tpl="home"].hpv-on body.hub .mosaic .tile { filter: brightness(calc(0.72 + 0.28 * var(--hpv, 0))) saturate(calc(0.9 + 0.1 * var(--hpv, 0))); } } html[data-theme="custom"][data-tpl="login"] body.login { background: hsl(calc(var(--cm-h) + 33deg) min(100%, calc(48% * var(--cm-sf))) 5%); color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); } html[data-theme="custom"][data-tpl="login"] body.login::before { background: radial-gradient(ellipse at 30% 20%, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 48% / 0.22) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 50% / 0.12) 0%, transparent 45%), radial-gradient(ellipse at 50% 50%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(54% * var(--cm-sf))) 5% / 0.4) 0%, hsl(calc(var(--cm-h) + 35deg) min(100%, calc(56% * var(--cm-sf))) 4% / 0.85) 100%); } html[data-theme="custom"][data-tpl="login"] .discord-btn { text-decoration: none; color: #fff; background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 48% / 0.55); border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 68% / 0.45); box-shadow: 0 8px 28px rgba(0,0,0,0.28); } html[data-theme="custom"][data-tpl="login"] .discord-btn:hover, html[data-theme="custom"][data-tpl="login"] .discord-btn:focus-visible { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 48% / 0.78); border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 78% / 0.75); outline: none; } html[data-theme="custom"][data-tpl="lyrics"] .id-chip, html[data-theme="custom"][data-tpl="lyrics"] .id-btn { background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17%); color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 87%); border: 1px solid hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); } html[data-theme="custom"][data-tpl="lyrics"] .id-chip:hover, html[data-theme="custom"][data-tpl="lyrics"] .id-btn:hover { background: hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 91%); } html[data-theme="custom"][data-tpl="lyrics"] tr.selected td { background: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 20%); } html[data-theme="custom"][data-tpl="movies"] .poster-card { text-decoration: none; color: inherit; background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17%); border: 1px solid hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); } html[data-theme="custom"][data-tpl="movies"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); } html[data-theme="custom"][data-tpl="movies"] .poster-card img { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11%); } html[data-theme="custom"][data-tpl="movies"] .mosaic { filter: saturate(1.08); } html[data-theme="custom"][data-tpl="movies"] .mosaic .tile { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(36% * var(--cm-sf))) 11%) center / cover no-repeat; filter: brightness(0.78) saturate(1.05); } html[data-theme="custom"][data-tpl="music"] .id-chip, html[data-theme="custom"][data-tpl="music"] .id-btn { background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17%); color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 87%); border: 1px solid hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); } html[data-theme="custom"][data-tpl="music"] .id-chip:hover, html[data-theme="custom"][data-tpl="music"] .id-btn:hover { background: hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); color: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 91%); } html[data-theme="custom"][data-tpl="music"] .poster-card { text-decoration: none; color: inherit; background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17%); border: 1px solid hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); } html[data-theme="custom"][data-tpl="music"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); } html[data-theme="custom"][data-tpl="music"] .poster-card img { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11%); } html[data-theme="custom"][data-tpl="music"] .lrclib-fill { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.72); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.18); border-left: 4px solid #ec4899; } html[data-theme="custom"][data-tpl="music"] .lrclib-fill h2 { color: #f9a8d4; } html[data-theme="custom"][data-tpl="music"] .lrclib-fill .lf-sub { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="music"] .lrclib-fill .lf-actions button { background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17%); color: hsl(calc(var(--cm-h) + 26deg) min(100%, calc(32% * var(--cm-sf))) 91%); border: 1px solid hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); } html[data-theme="custom"][data-tpl="music"] .lrclib-fill .lf-actions button.primary { background: linear-gradient(135deg, #9d174d, #be185d); border-color: rgba(244, 114, 182, 0.45); color: #fff; } html[data-theme="custom"][data-tpl="music"] .lrclib-fill .lf-actions button:hover:not(:disabled) { filter: brightness(1.08); } html[data-theme="custom"][data-tpl="music"] .lrclib-fill .lf-status { color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); } html[data-theme="custom"][data-tpl="music"] .lrclib-fill .lf-status.running { color: #f9a8d4; } html[data-theme="custom"][data-tpl="music"] .lrclib-fill .lf-bar { background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17% / 0.9); } html[data-theme="custom"][data-tpl="music"] .lrclib-fill .lf-bar > span { background: linear-gradient(90deg, #ec4899, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 39%)); } html[data-theme="custom"][data-tpl="music"] .lrclib-fill .lf-pill { background: rgba(2, 6, 23, 0.55); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.22); color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); } html[data-theme="custom"][data-tpl="music"] .lrclib-fill .lf-pill strong { color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 98%); } html[data-theme="custom"][data-tpl="music"] .mosaic { filter: saturate(1.08); } html[data-theme="custom"][data-tpl="music"] .mosaic .tile { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(36% * var(--cm-sf))) 11%) center / cover no-repeat; filter: brightness(0.78) saturate(1.05); } html[data-theme="custom"][data-tpl="shows"] .poster-card { text-decoration: none; color: inherit; background: hsl(calc(var(--cm-h) + 30deg) min(100%, calc(33% * var(--cm-sf))) 17%); border: 1px solid hsl(calc(var(--cm-h) + 28deg) min(100%, calc(25% * var(--cm-sf))) 27%); } html[data-theme="custom"][data-tpl="shows"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); } html[data-theme="custom"][data-tpl="shows"] .poster-card img { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11%); } html[data-theme="custom"][data-tpl="shows"] .mosaic { filter: saturate(1.08); } html[data-theme="custom"][data-tpl="shows"] .mosaic .tile { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(36% * var(--cm-sf))) 11%) center / cover no-repeat; filter: brightness(0.78) saturate(1.05); } html[data-theme="custom"][data-tpl="status"] .st-wrap .muted { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="status"] .st-wrap nav a { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 87%); text-decoration: none; } html[data-theme="custom"][data-tpl="status"] .st-wrap nav a:hover, html[data-theme="custom"][data-tpl="status"] .st-wrap nav a.active { color: #fff; } html[data-theme="custom"][data-tpl="status"] .st-bw { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.72); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.18); } html[data-theme="custom"][data-tpl="status"] .st-bw h2 { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 89%); } html[data-theme="custom"][data-tpl="status"] .st-bw-period { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="status"] .st-bw-period select { color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 98%); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.28); } html[data-theme="custom"][data-tpl="status"] .st-bw-period select:focus { outline: none; border-color: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 68% / 0.7); box-shadow: 0 0 0 3px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 49% / 0.2); } html[data-theme="custom"][data-tpl="status"] .st-bw-primary { background: linear-gradient(145deg, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.35), rgba(2,6,23,0.55)); border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 68% / 0.22); } html[data-theme="custom"][data-tpl="status"] .st-bw-primary .eyebrow { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 89%); } html[data-theme="custom"][data-tpl="status"] .st-bw-primary .big { color: hsl(calc(var(--cm-h) + 20deg) min(100%, calc(40% * var(--cm-sf))) 98%); } html[data-theme="custom"][data-tpl="status"] .st-bw-primary .up { color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); } html[data-theme="custom"][data-tpl="status"] .st-bw-primary .up span { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="status"] .st-bw-primary .foot { color: hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65%); } html[data-theme="custom"][data-tpl="status"] .st-bw details summary { color: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 87%); } html[data-theme="custom"][data-tpl="status"] .st-bw details summary::before { color: hsl(calc(var(--cm-h) + 28deg) min(100%, calc(16% * var(--cm-sf))) 47%); } html[data-theme="custom"][data-tpl="status"] .st-bw pre { background: rgba(2,6,23,0.55); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.12); color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%); } html[data-theme="custom"][data-tpl="status"] .mosaic { filter: saturate(1.08); } html[data-theme="custom"][data-tpl="status"] .mosaic .tile { background: hsl(calc(var(--cm-h) + 35deg) min(100%, calc(36% * var(--cm-sf))) 11%) center / cover no-repeat; filter: brightness(0.78) saturate(1.05); } @media (hover: hover) and (pointer: fine) { html[data-theme="custom"][data-tpl] .mosaic .tile.is-mhover { filter: brightness(1.18) saturate(1.25) !important; box-shadow: inset 0 0 0 3px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 50% / 0.85), 0 0 18px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 50% / 0.45); } } html[data-theme="custom"][data-tpl] .hub-nav-dd-menu { background: hsl(calc(var(--cm-h) + 34deg) min(100%, calc(47% * var(--cm-sf))) 11% / 0.97); border: 1px solid hsl(calc(var(--cm-h) + 27deg) min(100%, calc(20% * var(--cm-sf))) 65% / 0.28); box-shadow: 0 12px 30px rgba(0,0,0,0.5); } html[data-theme="custom"][data-tpl] .hub-nav-dd-menu a { color: hsl(calc(var(--cm-h) + 24deg) min(100%, calc(27% * var(--cm-sf))) 84%) !important; text-decoration: none !important; } html[data-theme="custom"][data-tpl] .hub-nav-dd-menu a:hover { background: rgba(255,255,255,0.08); color: #fff !important; } html[data-theme="custom"][data-tpl] .hub-nav-dd-menu a.cur { color: #fff !important; background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 44% / 0.16); } html[data-theme="custom"][data-tpl] .hmd { --hmd-bg: hsl(calc(var(--cm-h) + 2deg) min(100%, calc(51% * var(--cm-sf))) 7% / 0.94); --hmd-line: hsl(var(--cm-h) min(100%, calc(51% * var(--cm-sf))) 73% / 0.32); --hmd-acc: hsl(var(--cm-h) min(100%, calc(51% * var(--cm-sf))) 73%); --hmd-acc2: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 81%); --hmd-fg: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 91%); color: var(--hmd-fg); } html[data-theme="custom"][data-tpl] .hmd svg { fill: currentColor; } html[data-theme="custom"][data-tpl] .hmd svg path { fill: currentColor; } html[data-theme="custom"][data-tpl] .hmd-bar { background: var(--hmd-bg); border-top: 1px solid var(--hmd-line); box-shadow: 0 -10px 36px rgba(0, 0, 0, 0.5), 0 -1px 22px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.28); backdrop-filter: blur(18px) saturate(1.35); } html[data-theme="custom"][data-tpl] .hmd button { color: inherit; } html[data-theme="custom"][data-tpl] .hmd-cover { background: linear-gradient(135deg, hsl(calc(var(--cm-h) + 2deg) min(100%, calc(52% * var(--cm-sf))) 20%), hsl(var(--cm-h) min(100%, calc(48% * var(--cm-sf))) 11%)); border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 4px 14px rgba(0,0,0,0.4); } html[data-theme="custom"][data-tpl] .hmd-icon { border: 0; background: transparent; color: var(--hmd-fg); } html[data-theme="custom"][data-tpl] .hmd-icon:hover { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.16); } html[data-theme="custom"][data-tpl] .hmd-icon:focus-visible { outline: 2px solid var(--hmd-acc); } html[data-theme="custom"][data-tpl] .hmd .hmd-play { background: var(--hmd-fg); color: hsl(var(--cm-h) min(100%, calc(48% * var(--cm-sf))) 11%); box-shadow: 0 0 18px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.45); } html[data-theme="custom"][data-tpl] .hmd .hmd-play:hover { background: #fff; color: hsl(var(--cm-h) min(100%, calc(48% * var(--cm-sf))) 11%); } html[data-theme="custom"][data-tpl] .hmd .hmd-play svg { fill: hsl(var(--cm-h) min(100%, calc(48% * var(--cm-sf))) 11%); color: hsl(var(--cm-h) min(100%, calc(48% * var(--cm-sf))) 11%); } html[data-theme="custom"][data-tpl] .hmd .hmd-play svg path { fill: hsl(var(--cm-h) min(100%, calc(48% * var(--cm-sf))) 11%); } html[data-theme="custom"][data-tpl] .hmd .hmd-prev, html[data-theme="custom"][data-tpl] .hmd .hmd-next { color: var(--hmd-fg); } html[data-theme="custom"][data-tpl] .hmd-repeat.on { color: var(--hmd-acc); } html[data-theme="custom"][data-tpl] .hmd-range { background: transparent; } html[data-theme="custom"][data-tpl] .hmd-range::-webkit-slider-runnable-track { background: linear-gradient(to right, var(--hmd-acc) 0, var(--hmd-acc2) var(--p), rgba(255,255,255,0.18) var(--p)); } html[data-theme="custom"][data-tpl] .hmd-range::-moz-range-track { background: rgba(255,255,255,0.18); } html[data-theme="custom"][data-tpl] .hmd-range::-moz-range-progress { background: var(--hmd-acc); } html[data-theme="custom"][data-tpl] .hmd-range::-webkit-slider-thumb { background: #fff; border: 0; box-shadow: 0 0 0 3px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.35); } html[data-theme="custom"][data-tpl] .hmd-range::-moz-range-thumb { background: #fff; border: 0; } html[data-theme="custom"][data-tpl] .hmd-toast { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 17% / 0.97); border: 1px solid var(--hmd-line); box-shadow: 0 8px 24px rgba(0,0,0,0.5); } html[data-theme="custom"][data-tpl] .hmd-sheet { background: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 8% / 0.97); border: 1px solid var(--hmd-line); box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 30px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.3); backdrop-filter: blur(18px); } html[data-theme="custom"][data-tpl] .hmd-tabs button { border: 1px solid transparent; background: transparent; color: var(--hmd-dim); } html[data-theme="custom"][data-tpl] .hmd-tabs button.on { color: var(--hmd-fg); background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.6); border-color: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 72% / 0.45); } html[data-theme="custom"][data-tpl] .hmd-pill { border: 1px solid rgba(255,255,255,0.16); background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.42); color: var(--hmd-fg); } html[data-theme="custom"][data-tpl] .hmd-pill:hover, html[data-theme="custom"][data-tpl] .hmd-pill.on { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.7); border-color: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 72% / 0.7); } html[data-theme="custom"][data-tpl] .hmd-input { background: rgba(255,255,255,0.06); border: 1px solid hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 72% / 0.35); color: var(--hmd-fg); outline: none; } html[data-theme="custom"][data-tpl] .hmd-input:focus { border-color: var(--hmd-acc); box-shadow: 0 0 0 3px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.2); } html[data-theme="custom"][data-tpl] .hmd-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); } html[data-theme="custom"][data-tpl] .hmd-card:hover { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.18); border-color: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 72% / 0.35); } html[data-theme="custom"][data-tpl] .hmd-card-art { background: hsl(calc(var(--cm-h) + -1deg) min(100%, calc(53% * var(--cm-sf))) 15%); color: var(--hmd-acc2); } html[data-theme="custom"][data-tpl] .hmd-row:hover { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.14); } html[data-theme="custom"][data-tpl] .hmd-row.is-cur { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.26); } html[data-theme="custom"][data-tpl] .hmd-row.is-cur .hmd-row-t { color: var(--hmd-acc2); } html[data-theme="custom"][data-tpl] .hmd-row-art { background: hsl(calc(var(--cm-h) + -1deg) min(100%, calc(53% * var(--cm-sf))) 15%); } html[data-theme="custom"][data-tpl] .hmd-row-s { color: var(--hmd-dim); } html[data-theme="custom"][data-tpl] .hmd-mini { border: 0; background: transparent; color: var(--hmd-dim); box-shadow: none; } html[data-theme="custom"][data-tpl] .hmd-mini:hover { color: var(--hmd-fg); background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.2); } @media (max-width: 640px) { html[data-theme="custom"][data-tpl] .hmd-sheet { border-bottom: 0; } } html[data-theme="custom"][data-tpl] .hmd-acct-err a.hmd-pill { text-decoration: none; } html[data-theme="custom"][data-tpl] .hmd .hmd-dl-btn.is-dl { color: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 85%); } html[data-theme="custom"][data-tpl] .hmd-set { border-bottom: 1px solid rgba(255,255,255,0.06); } html[data-theme="custom"][data-tpl] .hmd-set small { color: var(--hmd-dim); } html[data-theme="custom"][data-tpl] .hmd-set select { background: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 13%); color: var(--hmd-fg); border: 1px solid hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 72% / 0.4); } html[data-theme="custom"][data-tpl] .hmd-set input[type="checkbox"] { accent-color: var(--hmd-acc); } html[data-theme="custom"][data-tpl] .hmv { background: hsl(calc(var(--cm-h) + -2deg) min(100%, calc(50% * var(--cm-sf))) 3%); color: var(--hmd-fg); } html[data-theme="custom"][data-tpl] .hmv-art img { box-shadow: 0 20px 80px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.45); } html[data-theme="custom"][data-tpl] .hmv-modes { background: hsl(var(--cm-h) min(100%, calc(57% * var(--cm-sf))) 9% / 0.7); border: 1px solid var(--hmd-line); } html[data-theme="custom"][data-tpl] .hmv-modes button { border: 0; background: transparent; color: var(--hmd-dim); } html[data-theme="custom"][data-tpl] .hmv-modes button.on { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.75); color: #fff; } html[data-theme="custom"][data-tpl] .hmd-badges > span { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.45); color: var(--hmd-fg); } html[data-theme="custom"][data-tpl] .hmd-shuffle.on, html[data-theme="custom"][data-tpl] .hmd .hmd-icon.on { color: var(--hmd-acc); } html[data-theme="custom"][data-tpl] .hmd-star-btn.on, html[data-theme="custom"][data-tpl] .hmd-star-mini { color: #fbbf24; } html[data-theme="custom"][data-tpl] .hmd-row.is-drag { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.35); box-shadow: 0 6px 24px rgba(0,0,0,0.45); } html[data-theme="custom"][data-tpl] .hmd-row.is-drag .hmd-drag { color: var(--hmd-fg); } html[data-theme="custom"][data-tpl] .hmd-card-more { border: 0; background: hsl(calc(var(--cm-h) + 2deg) min(100%, calc(51% * var(--cm-sf))) 7% / 0.72); color: var(--hmd-fg); } html[data-theme="custom"][data-tpl] .hmd-card-more:hover, html[data-theme="custom"][data-tpl] .hmd-card-more:focus-visible { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.85); } html[data-theme="custom"][data-tpl] .hmd-star-pill.on { color: #fde68a; } html[data-theme="custom"][data-tpl] .hmd-rate button.on, html[data-theme="custom"][data-tpl] .hmd-menu-rate button.on { color: #fbbf24; } html[data-theme="custom"][data-tpl] .hmd-menu { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 11% / 0.98); border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.4); box-shadow: 0 16px 48px rgba(0,0,0,0.55); color: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 96%); } html[data-theme="custom"][data-tpl] .hmd-menu-t { color: #b8acd6; border-bottom: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.25); } html[data-theme="custom"][data-tpl] .hmd-menu > button { border: 0; background: transparent; color: inherit; } html[data-theme="custom"][data-tpl] .hmd-menu > button:hover, html[data-theme="custom"][data-tpl] .hmd-menu > button:focus-visible { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.45); outline: none; } html[data-theme="custom"][data-tpl] .hmd-modal { background: hsl(calc(var(--cm-h) + 5deg) min(100%, calc(50% * var(--cm-sf))) 2% / 0.6); } html[data-theme="custom"][data-tpl] .hmd-modal-box { background: hsl(var(--cm-h) min(100%, calc(48% * var(--cm-sf))) 11%); color: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 96%); border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.45); box-shadow: 0 20px 60px rgba(0,0,0,0.6); } html[data-theme="custom"][data-tpl] .hmd-modal-box .hmd-input { background: rgba(255,255,255,0.06); border: 1px solid hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 72% / 0.35); color: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 96%); } html[data-theme="custom"][data-tpl] .hmd-modal-box .hmd-pill { border: 1px solid rgba(255,255,255,0.16); background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 26% / 0.42); color: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 96%); } html[data-theme="custom"][data-tpl] .hmd-modal-box .hmd-pill.on { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.85); } html[data-theme="custom"][data-tpl] .hmd-set input[type="range"] { accent-color: var(--hmd-acc); } html[data-theme="custom"][data-tpl] .hmd-tag { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.6); color: #fff; } html[data-theme="custom"][data-tpl] .hmd-tag-you { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 29% / 0.55); } html[data-theme="custom"][data-tpl] .hmv-tools { background: hsl(var(--cm-h) min(100%, calc(57% * var(--cm-sf))) 9% / 0.6); border: 1px solid var(--hmd-line); } html[data-theme="custom"][data-tpl] .hmv-tools .hmd-icon.on { color: var(--hmd-acc); } html[data-theme="custom"][data-tpl] .hmv-star.on { color: #fbbf24 !important; } html[data-theme="custom"][data-tpl] .hmv-shuffle.on, html[data-theme="custom"][data-tpl] .hmv-repeat.on { color: var(--hmd-acc); } html[data-theme="custom"][data-tpl] .hmv-lyr-line { color: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 96% / 0.42); text-shadow: 0 2px 12px rgba(0,0,0,0.6); } html[data-theme="custom"][data-tpl] .hmv-lyr-line:hover { color: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 96% / 0.7); } html[data-theme="custom"][data-tpl] .hmv-lyr-line.is-cur { color: #fff; } html[data-theme="custom"][data-tpl] .hmv-lyr-line.is-plain { color: hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 96% / 0.85); } html[data-theme="custom"][data-tpl] .hmd-member.is-away .hmd-avatar { filter: grayscale(1); } html[data-theme="custom"][data-tpl] .hmd-member.is-live .hmd-avatar { box-shadow: 0 0 0 2px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 30%), 0 0 12px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 30% / 0.45); } html[data-theme="custom"][data-tpl] .hmd-eqbars i { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 30%); } html[data-theme="custom"][data-tpl] .hmd-member.is-live .hmd-row-s { color: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 85%); } html[data-theme="custom"][data-tpl] .hmv-queue { background: hsl(calc(var(--cm-h) + -4deg) min(100%, calc(52% * var(--cm-sf))) 5% / 0.72); backdrop-filter: blur(10px); } html[data-theme="custom"][data-tpl] .hmv-q-row.is-cur { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.18); } html[data-theme="custom"][data-tpl] .hmv-q-t small { color: var(--hmd-dim); } html[data-theme="custom"][data-tpl] .hmv-q-row.is-cur b { color: var(--hmd-acc2); } html[data-theme="custom"][data-tpl] body.hm-app .hmd .hmv-ctrls .hmv-play { background: var(--hmd-fg); color: hsl(var(--cm-h) min(100%, calc(48% * var(--cm-sf))) 11%); box-shadow: 0 0 18px hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.45); } html[data-theme="custom"][data-tpl] body.hm-app .hmd .hmv-ctrls .hmv-play svg, html[data-theme="custom"][data-tpl] body.hm-app .hmd .hmv-ctrls .hmv-play svg path { fill: hsl(var(--cm-h) min(100%, calc(48% * var(--cm-sf))) 11%); color: hsl(var(--cm-h) min(100%, calc(48% * var(--cm-sf))) 11%); } html[data-theme="custom"][data-tpl] .hmv-lyr-line.is-cur { color: #fff; text-shadow: 0 0 18px hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 72% / 0.55), 0 2px 12px rgba(0,0,0,0.6); } html[data-theme="custom"][data-tpl] .hmv-lyr-line.is-cur .hmv-lyr-n { color: var(--hmd-acc2); } html[data-theme="custom"][data-tpl] .hm-is-dl .hma-song-t::before, html[data-theme="custom"][data-tpl] .hm-is-dl .hmd-row-t::before, html[data-theme="custom"][data-tpl] .hm-is-dl .hmv-q-t b::before, html[data-theme="custom"][data-tpl] .hm-all-dl .hma-hero-kind::before, html[data-theme="custom"][data-tpl] .hm-all-dl .hmd-album-t::before { background-color: var(--hma-green, hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 30%)); } html[data-theme="custom"][data-tpl] .hmd-dlstatus { border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.35); background: hsl(var(--cm-h) min(100%, calc(55% * var(--cm-sf))) 13% / 0.96); color: hsl(calc(var(--cm-h) + -4deg) min(100%, calc(52% * var(--cm-sf))) 95%); box-shadow: 0 8px 26px rgba(0,0,0,0.55); } html[data-theme="custom"][data-tpl] .hmd-dlq { background: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 42% / 0.14); border: 1px solid hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 60% / 0.22); } html[data-theme="custom"][data-tpl] .hm-lfm { color: inherit; text-decoration: none; } html[data-theme="custom"][data-tpl] .hm-lfm:hover, html[data-theme="custom"][data-tpl] .hm-lfm:focus-visible { color: var(--hmd-fg, var(--hma-fg, hsl(var(--cm-h) min(100%, calc(52% * var(--cm-sf))) 96%))); } html[data-theme="custom"][data-tpl] .hm-lfm:hover .hm-lfm-n { text-decoration: underline; } html[data-theme="custom"][data-tpl] .hm-lfm-mark { border: 1px solid currentColor; color: var(--hmd-acc2, var(--hma-acc2, hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%))); } html[data-theme="custom"][data-tpl] .hm-lfm-you { color: var(--hmd-acc2, var(--hma-acc2, hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 90%))); } html[data-theme="custom"] a[style*="hsl(calc(var(--cm-h) + 24deg) min(100%, calc(96% * var(--cm-sf))) 78%)"] { color: hsl(var(--cm-h) min(100%, calc(62% * var(--cm-sf))) 79%) !important; } html[data-theme="custom"] .stars[style*="5B2C86"] { color: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 55%) !important; } html[data-theme="custom"] .hmp-clone.is-drag { box-shadow: 0 22px 48px rgba(0,0,0,.65), 0 0 0 2px hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 55% / .6) !important; } html[data-theme="custom"] { --hm-play-bg: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 42%); --hm-play-bg-h: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 47%); --hm-play-fg: hsl(var(--cm-h) min(100%, calc(74% * var(--cm-sf))) 6%); --hm-play-glow: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 42% / 0.42); --hm-surf: hsl(calc(var(--cm-h) + 1deg) min(100%, calc(45% * var(--cm-sf))) 13%); --hm-surf2: hsl(var(--cm-h) min(100%, calc(38% * var(--cm-sf))) 16%); --hm-art: hsl(var(--cm-h) min(100%, calc(47% * var(--cm-sf))) 15%); } html[data-theme="custom"][data-tpl] { --hma-dim: hsl(var(--cm-h) min(100%, calc(23% * var(--cm-sf))) 68%); } html[data-theme="custom"][data-tpl] .hmd { --hmd-dim: hsl(var(--cm-h) min(100%, calc(25% * var(--cm-sf))) 72%); } /* TV app (html.tvui) */ html.tvui[data-theme="custom"] { --tv-acc: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 55%); --tv-acc2: hsl(var(--cm-h) min(100%, calc(62% * var(--cm-sf))) 79%); --tv-accbg: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 32% / .9); --hmd-bg: hsl(calc(var(--cm-h) + 5deg) min(100%, calc(62% * var(--cm-sf))) 6% / 0.94); --hmd-line: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 55% / 0.34); --hmd-acc: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 55%); --hmd-acc2: hsl(var(--cm-h) min(100%, calc(62% * var(--cm-sf))) 79%); --hmd-fg: hsl(calc(var(--cm-h) + -9deg) min(100%, calc(76% * var(--cm-sf))) 97%); --hmd-dim: hsl(var(--cm-h) min(100%, calc(28% * var(--cm-sf))) 73%); --tv-glow: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 55% / .45); --tv-glow2: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 55% / .7); --tv-pill: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 32% / .45); --tv-panel: hsl(calc(var(--cm-h) + 2deg) min(100%, calc(67% * var(--cm-sf))) 7% / .7); --tv-cur: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 55% / .18); --tv-sw: hsl(var(--cm-h) min(100%, calc(53% * var(--cm-sf))) 32%); --tv-ink: hsl(var(--cm-h) min(100%, calc(78% * var(--cm-sf))) 11%); } html.tvui[data-theme="custom"] { --tvp-acc: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 42%); --tvp-ink: #ffffff; --tvp-on: hsl(var(--cm-h) min(100%, calc(54% * var(--cm-sf))) 55%); --tvp-glow: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 42% / .6); --tvp-tint: hsl(var(--cm-h) min(100%, calc(56% * var(--cm-sf))) 42% / .28); } html.tvui[data-theme] .adm-card { outline: 1px solid var(--hub-edge); }