/* Willem Dadatabase colour modes (generated by gen_theme.py, 20260929-theme1). Green = no overrides. Existing --accent (style.css) is re-tinted per theme; --accent-* are the mode vars. */
:root, html[data-theme="green"] { --accent-base: #1db954; --accent-strong: #1ed760; --accent-soft: rgba(29,185,84,0.18); --accent-fg: #06140b; --accent-icon: #1db954; --accent-text: #86efac; }
html[data-theme="purple"] { --accent-base: #582064; --accent-strong: #6e2a7e; --accent-soft: rgba(88,32,100,0.35); --accent-fg: #ffffff; --accent-icon: #c27ad4; --accent-text: #e3bdec; }
html[data-theme="teal"] { --accent-base: #26717D; --accent-strong: #2d8795; --accent-soft: rgba(38,113,125,0.35); --accent-fg: #ffffff; --accent-icon: #4fbccb; --accent-text: #a9e3eb; }

/* ===== purple ===== */
html[data-theme="purple"][data-tpl] { --accent: #ce90dc; }
html[data-theme="purple"][data-tpl] header:not(.hub-top) { border-bottom: 1px solid var(--border); background: var(--panel); }
html[data-theme="purple"][data-tpl] header:not(.hub-top) p { color: var(--muted); }
html[data-theme="purple"][data-tpl] header:not(.hub-top) nav a, html[data-theme="purple"][data-tpl] .bar nav a { color: var(--accent); text-decoration: none; }
html[data-theme="purple"][data-tpl] header:not(.hub-top) nav a:hover, html[data-theme="purple"][data-tpl] .bar nav a:hover { text-decoration: underline; }
html[data-theme="purple"][data-tpl] header:not(.hub-top) nav a.active, html[data-theme="purple"][data-tpl] .bar nav a.active { color: var(--text); }
html[data-theme="purple"][data-tpl] .title-item, html[data-theme="purple"][data-tpl] .list-item { border: 1px solid transparent; background: #12151b; color: inherit; text-decoration: none; }
html[data-theme="purple"][data-tpl] .title-item:hover, html[data-theme="purple"][data-tpl] .title-item.active, html[data-theme="purple"][data-tpl] .list-item:hover { border-color: var(--accent); }
html[data-theme="purple"][data-tpl] .title-item .meta, html[data-theme="purple"][data-tpl] .list-item .meta { color: var(--muted); }
@media (max-width: 800px) { html[data-theme="purple"][data-tpl] .cue-table tr.cue-row { border: 1px solid var(--border); background: #12151b; } }
@media (max-width: 800px) { html[data-theme="purple"][data-tpl] .cue-table tr.cue-row td { border-bottom: none; } }
html[data-theme="purple"][data-tpl] tr.cue-row.selected, html[data-theme="purple"][data-tpl] tr.cue-row.selected td { background: rgba(174,72,197,0.12); }
html[data-theme="purple"][data-tpl] tr.cue-row.selected { outline: 1px solid rgba(174,72,197,0.35); }
html[data-theme="purple"][data-tpl] .cmd-builder-modes button.mode.active { background: var(--accent); color: #0b1020; border-color: transparent; }
html[data-theme="purple"][data-tpl] { --rating-purple: #b75ccb; --rating-purple-glow: rgba(183,92,203,0.55); }
html[data-theme="purple"][data-tpl] .stars { color: var(--rating-purple); text-shadow: 0 0 10px var(--rating-purple-glow); }
html[data-theme="purple"][data-tpl] .stars .star.half { background: linear-gradient(90deg, var(--rating-purple) 50%, rgba(75,27,86,0.25) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html[data-theme="purple"][data-tpl] .stars .avg-num { color: #f4e4f7; }
html[data-theme="purple"][data-tpl] .rating-users .ru { color: #cbd5e1; }
html[data-theme="purple"][data-tpl] .detail-veil { background: linear-gradient(90deg, rgba(4,7,14,0.92) 0%, rgba(4,7,14,0.72) 42%, rgba(4,7,14,0.55) 100%),
    radial-gradient(ellipse at 70% 40%, rgba(75,27,86,0.22), transparent 55%); }
html[data-theme="purple"][data-tpl] .detail-panel { border: 1px solid rgba(75,27,86,0.55); background: rgba(10, 14, 24, 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: #e8eaed; }
html[data-theme="purple"][data-tpl] .detail-meta { color: #efd8f4; }
html[data-theme="purple"][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="purple"][data-tpl] .hub-user-chip-btn:hover, html[data-theme="purple"][data-tpl] .hub-user-chip-btn:focus-visible, html[data-theme="purple"][data-tpl] .hub-user-chip.is-open .hub-user-chip-btn { border-color: rgba(198,125,214,0.65); background: rgba(142,51,162,0.28); outline: none; }
html[data-theme="purple"][data-tpl] .hub-user-logout { text-decoration: none; color: #e2e8f0; background: rgba(51,65,85,0.7); border: 1px solid rgba(148,163,184,0.35); }
html[data-theme="purple"][data-tpl] .hub-user-logout:hover, html[data-theme="purple"][data-tpl] .hub-user-logout:focus-visible { color: #fff; background: rgba(142,51,162,0.5); border-color: rgba(198,125,214,0.55); outline: none; }
@media (max-width: 768px) { html[data-theme="purple"][data-tpl] header.hub-top nav a, html[data-theme="purple"][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="purple"][data-tpl] .hub-top { background: linear-gradient(180deg, rgba(6,10,20,0.94) 0%, rgba(6,10,20,0.78) 72%, rgba(6,10,20,0.55) 100%); backdrop-filter: blur(10px) saturate(1.15); border-bottom: 1px solid rgba(181,88,202,0.12); }
html[data-theme="purple"][data-tpl] body.hub .hub-top { background: linear-gradient(180deg, rgba(6,10,20,0.94) 0%, rgba(6,10,20,0.78) 72%, rgba(6,10,20,0) 100%); border-bottom: 0; }
html[data-theme="purple"][data-tpl] .hub-server-link { border: 1px solid rgba(181,88,202,0.45); box-shadow: 0 6px 22px rgba(0,0,0,0.35), 0 0 0 2px rgba(75,27,86,0.25); text-decoration: none; }
html[data-theme="purple"][data-tpl] .hub-server-icon { background: #27132b; }
html[data-theme="purple"][data-tpl] .hub-top h1 { color: #f1f5f9; text-shadow: 0 1px 10px rgba(0,0,0,0.55); }
html[data-theme="purple"][data-tpl] .hub-top h1 .hub-title-accent { color: #efd8f4; background: linear-gradient(120deg, #b558ca 0%, #cf93dd 45%, #e2beeb 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; filter: drop-shadow(0 1px 8px rgba(75,27,86,0.45)); }
html[data-theme="purple"][data-tpl] .hub-top h1 .hub-title-sep { color: #e8c8ef; background: none; -webkit-text-fill-color: #e8c8ef; filter: none; }
html[data-theme="purple"][data-tpl] .hub-quote, html[data-theme="purple"][data-tpl] .hub-top .hub-sub { color: #e8c8ef; text-shadow: 0 1px 6px rgba(0,0,0,0.45); }
html[data-theme="purple"][data-tpl] .hub-top .hub-sub { color: #efd8f4; }
html[data-theme="purple"][data-tpl] .hub-top nav a, html[data-theme="purple"][data-tpl] .hub-top .hub-nav a { color: #cbd5e1 !important; text-decoration: none !important; }
html[data-theme="purple"][data-tpl] .hub-top nav a:hover, html[data-theme="purple"][data-tpl] .hub-top .hub-nav a:hover, html[data-theme="purple"][data-tpl] .hub-top nav a.active, html[data-theme="purple"][data-tpl] .hub-top .hub-nav a.active { color: #fff !important; text-decoration: none !important; }
html[data-theme="purple"][data-tpl] .hub-top nav a.hub-nav-slsk, html[data-theme="purple"][data-tpl] .hub-top .hub-nav a.hub-nav-slsk { color: #fcd34d !important; }
html[data-theme="purple"][data-tpl] .hub-top nav a.hub-nav-slsk:hover, html[data-theme="purple"][data-tpl] .hub-top .hub-nav a.hub-nav-slsk:hover { color: #fde68a !important; }
@media (max-width: 768px) { html[data-theme="purple"][data-tpl] .hub-top nav a, html[data-theme="purple"][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="purple"][data-tpl] .hub-top nav a:hover, html[data-theme="purple"][data-tpl] .hub-top .hub-nav a:hover, html[data-theme="purple"][data-tpl] .hub-top nav a.active, html[data-theme="purple"][data-tpl] .hub-top .hub-nav a.active { background: rgba(181,88,202,0.18); border-color: rgba(181,88,202,0.35); } }
html[data-theme="purple"][data-tpl] a.hub-music-sso, html[data-theme="purple"][data-tpl] button.hub-music-sso { border: 1px solid rgba(181,88,202,0.55); color: #f8effa; text-decoration: none; background: linear-gradient(135deg, rgba(75,27,86,0.72), rgba(75,27,86,0.55) 55%, rgba(44,20,50,0.45)); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35),
    0 0 22px rgba(181,88,202,0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.18); backdrop-filter: blur(12px) saturate(1.25); }
html[data-theme="purple"][data-tpl] a.hub-music-sso:hover, html[data-theme="purple"][data-tpl] button.hub-music-sso:hover { border-color: rgba(207,147,221,0.85); background: linear-gradient(135deg, rgba(81,29,92,0.85), rgba(85,31,97,0.65) 55%, rgba(55,20,63,0.55)); box-shadow: 0 12px 36px rgba(0, 0, 0, 0.42),
    0 0 30px rgba(181,88,202,0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.24); filter: brightness(1.05); }
html[data-theme="purple"][data-tpl] a.hub-music-sso:focus-visible, html[data-theme="purple"][data-tpl] button.hub-music-sso:focus-visible { outline: 2px solid #cf93dd; }
html[data-theme="purple"][data-tpl] .hub-music-sso .hub-music-sso-ico { filter: drop-shadow(0 1px 4px rgba(0,0,0,.45)); }
html[data-theme="purple"][data-tpl] .hub-music-sso .hub-music-sso-sub { color: #f4e4f7; }
html[data-theme="purple"][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="purple"][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="purple"][data-tpl] .hub-music-player { border: 1px solid rgba(181,88,202,0.45); background: rgba(28,10,32,0.92); box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55),
    0 0 28px rgba(75,27,86,0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.12); backdrop-filter: blur(16px) saturate(1.3); color: #f8effa; }
html[data-theme="purple"][data-tpl] .hub-music-player-bar .title span { color: #efd8f4; }
html[data-theme="purple"][data-tpl] .hub-music-player-bar a, html[data-theme="purple"][data-tpl] .hub-music-player-bar button { border: 1px solid rgba(255,255,255,0.16); background: rgba(75,27,86,0.45); color: #f8effa; text-decoration: none; }
html[data-theme="purple"][data-tpl] .hub-music-player-bar a:hover, html[data-theme="purple"][data-tpl] .hub-music-player-bar button:hover { border-color: rgba(207,147,221,0.7); background: rgba(81,29,92,0.65); }
html[data-theme="purple"][data-tpl] .hub-music-player-frame-wrap { border-top: 1px solid rgba(181,88,202,0.28); background: #100712; }
html[data-theme="purple"][data-tpl] .hub-music-player-frame-wrap iframe { border: 0; background: #100712; }
html[data-theme="purple"][data-tpl] body.hub-detail { --hub-accent: #d59fe1; --hub-glow: rgba(183,92,203,0.35); background: var(--hub-bg); color: var(--hub-text); }
html[data-theme="purple"][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="purple"][data-tpl] body.hub-detail .md-backdrop::after { background: radial-gradient(ellipse at 50% 28%, rgba(6, 10, 20, 0.28) 0%, rgba(6, 10, 20, 0.52) 55%, rgba(4, 7, 14, 0.72) 100%); }
html[data-theme="purple"][data-tpl] body.hub-detail.has-backdrop { background: var(--hub-bg); }
html[data-theme="purple"][data-tpl] body.hub-detail.has-backdrop .md-top { background: rgba(8, 12, 22, 0.42); border-bottom-color: rgba(255, 255, 255, 0.12); }
html[data-theme="purple"][data-tpl] body.hub-detail header.md-top { border-bottom: 1px solid rgba(255, 255, 255, 0.14); background: rgba(8, 12, 22, 0.55); backdrop-filter: blur(14px) saturate(1.25); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28); }
html[data-theme="purple"][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="purple"][data-tpl] body.hub-detail .md-back:hover { background: rgba(255, 255, 255, 0.14); text-decoration: none; color: #fff; }
html[data-theme="purple"][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="purple"][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="purple"][data-tpl] body.hub-detail .md-nav a { color: #cbd5e1; text-decoration: none; }
html[data-theme="purple"][data-tpl] body.hub-detail .md-nav a:hover, html[data-theme="purple"][data-tpl] body.hub-detail .md-nav a.active { color: #fff; text-decoration: none; }
html[data-theme="purple"][data-tpl] body.hub-detail .md-poster { border: 1px solid var(--hub-border); background: #0b1220; 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="purple"][data-tpl] body.hub-detail .md-hero-meta .md-kind { color: #efd8f4; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55); }
html[data-theme="purple"][data-tpl] body.hub-detail .md-hero-meta h2 { color: #f8fafc; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65); }
html[data-theme="purple"][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="purple"][data-tpl] body.hub-detail .panel, html[data-theme="purple"][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="purple"][data-tpl] body.hub-detail.has-backdrop .panel, html[data-theme="purple"][data-tpl] body.hub-detail.has-backdrop .md-panel { background: rgba(8, 12, 24, 0.42); }
html[data-theme="purple"][data-tpl] body.hub-detail .list-item, html[data-theme="purple"][data-tpl] body.hub-detail .title-item { background: rgba(8, 12, 22, 0.38); border: 1px solid transparent; }
html[data-theme="purple"][data-tpl] body.hub-detail .list-item:hover, html[data-theme="purple"][data-tpl] body.hub-detail .title-item:hover, html[data-theme="purple"][data-tpl] body.hub-detail .title-item.active { border-color: rgba(188,102,207,0.45); background: rgba(15, 23, 42, 0.55); }
html[data-theme="purple"][data-tpl] body.hub-detail .season-h, html[data-theme="purple"][data-tpl] body.hub-detail .crumb { color: var(--hub-muted); text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); }
html[data-theme="purple"][data-tpl] body.hub-detail .crumb a { color: var(--hub-accent); }
html[data-theme="purple"][data-tpl] body.hub-detail input[type="search"], html[data-theme="purple"][data-tpl] body.hub-detail input[type="text"], html[data-theme="purple"][data-tpl] body.hub-detail .file-toolbar input { background: rgba(8, 12, 24, 0.5) !important; border-color: rgba(255, 255, 255, 0.18) !important; backdrop-filter: blur(10px) saturate(1.15); }
html[data-theme="purple"][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="purple"][data-tpl] body.hub-detail button:not(.primary):not(.mode):hover { background: rgba(255, 255, 255, 0.14); }
html[data-theme="purple"][data-tpl] body.hub-detail .cue-table th, html[data-theme="purple"][data-tpl] body.hub-detail .music-table th { color: var(--hub-muted); border-bottom-color: rgba(255, 255, 255, 0.12); background: rgba(8, 12, 22, 0.35); }
html[data-theme="purple"][data-tpl] body.hub-detail tr.cue-row td, html[data-theme="purple"][data-tpl] body.hub-detail tr.selectable td { background: transparent; }
html[data-theme="purple"][data-tpl] body.hub-detail tr.cue-row:hover td, html[data-theme="purple"][data-tpl] body.hub-detail tr.selectable:hover td { background: rgba(30, 41, 59, 0.42); }
html[data-theme="purple"][data-tpl] body.hub-detail tr.cue-row.selected td, html[data-theme="purple"][data-tpl] body.hub-detail tr.selected td { background: rgba(62,23,71,0.48); }
html[data-theme="purple"][data-tpl] body.hub-detail .sticky-stack { background: rgba(8, 12, 24, 0.55) !important; border-top-color: rgba(255, 255, 255, 0.12) !important; backdrop-filter: blur(14px) saturate(1.2) !important; }
html[data-theme="purple"][data-tpl] body.hub-detail .sticky-actions { background: transparent !important; }
html[data-theme="purple"][data-tpl] body.hub-detail .cmd-builder { background: rgba(8, 12, 24, 0.35) !important; border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
html[data-theme="purple"][data-tpl] body.hub-detail.has-backdrop .sticky-stack { background: rgba(8, 12, 24, 0.42) !important; }
html[data-theme="purple"][data-tpl] body.hub-detail .album-hero img { background: #0b1220; border: 1px solid var(--hub-border); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45); }
html[data-theme="purple"][data-tpl] body.hub-detail .album-hero h2 { color: #f8fafc; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65); }
html[data-theme="purple"][data-tpl] body.hub-detail .album-detail .back a, html[data-theme="purple"][data-tpl] body.hub-detail .lyrics-block .back a { color: var(--hub-accent); text-decoration: none; }
html[data-theme="purple"][data-tpl] body.hub-detail .poster-card { background: rgba(30, 41, 59, 0.55); border: 1px solid rgba(255, 255, 255, 0.12); backdrop-filter: blur(8px); }
html[data-theme="purple"][data-tpl] body.hub-detail.browse-mosaic:not(.has-backdrop) .panel { background: rgba(8, 12, 24, 0.55); border: 1px solid rgba(255, 255, 255, 0.14); backdrop-filter: blur(14px) saturate(1.2); }
html[data-theme="purple"][data-tpl] body.hub-detail.browse-mosaic .mosaic .tile { filter: brightness(0.78) saturate(1.05); }
html[data-theme="purple"][data-tpl] body.hub-detail.browse-mosaic .mosaic-veil { background: radial-gradient(ellipse at 50% 28%, rgba(6, 10, 20, 0.32) 0%, rgba(6, 10, 20, 0.58) 58%, rgba(4, 7, 14, 0.78) 100%) !important; }
html[data-theme="purple"][data-tpl] body.hub-detail.reader { background: #050508; }
html[data-theme="purple"][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="purple"][data-tpl] body.hub-detail.reader .md-reader-actions button { color: #e2e8f0; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.18); }
html[data-theme="purple"][data-tpl] body.hub-detail.reader .md-reader-actions button:hover { background: rgba(255, 255, 255, 0.14); }
html[data-theme="purple"][data-tpl] body.hub-detail.reader .md-titles h1 { text-shadow: 0 1px 6px #000; }
html[data-theme="purple"][data-tpl] body.hub-detail.reader .md-page-num { color: #e2e8f0; }
@media (max-width: 720px) { html[data-theme="purple"][data-tpl] body.hub-detail .md-nav { border-top: 1px solid rgba(255, 255, 255, 0.1); } }
@media (max-width: 720px) { html[data-theme="purple"][data-tpl] body.hub-detail .cue-table tr.cue-row { background: rgba(8, 12, 22, 0.45) !important; border-color: rgba(255, 255, 255, 0.12) !important; backdrop-filter: blur(10px); } }
html[data-theme="purple"][data-tpl] body.hub-detail.file-page .md-backdrop { filter: saturate(1.12) brightness(0.9); }
html[data-theme="purple"][data-tpl] body.hub-detail.file-page.has-backdrop main .panel.file-panel { background: rgba(8, 12, 24, 0.38); border-color: rgba(255, 255, 255, 0.14); }
html[data-theme="purple"][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="purple"][data-tpl] body.hub-detail .md-meta-overview { color: #dbe3f0; background: rgba(8, 12, 24, 0.4); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); }
html[data-theme="purple"][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: rgba(8, 12, 22, 0.42); backdrop-filter: blur(8px); }
html[data-theme="purple"][data-tpl] body.hub-detail .md-meta-links a:hover { border-color: rgba(188,102,207,0.55); background: rgba(15, 23, 42, 0.62); }
html[data-theme="purple"][data-tpl] body.hub-detail .md-meta-rating .official { color: #efd8f4; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); }
html[data-theme="purple"][data-tpl] body.hub-detail .md-meta-users { background: rgba(8, 12, 24, 0.36); border: 1px solid rgba(255, 255, 255, 0.08); }
html[data-theme="purple"][data-tpl] body.hub-detail .md-meta-rating .score-chip { border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(8, 12, 22, 0.42); color: #f6e8f8; text-decoration: none; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); backdrop-filter: blur(8px); }
html[data-theme="purple"][data-tpl] body.hub-detail .md-meta-rating .score-chip:hover { border-color: rgba(188,102,207,0.55); background: rgba(15, 23, 42, 0.62); }
html[data-theme="purple"][data-tpl] body.hub-detail .md-meta-rating .score-chip .score-label { color: var(--hub-muted); }
html[data-theme="purple"][data-tpl] body.hub-detail .md-meta-rating .score-chip.imdb .score-value { color: #f5c518; }
html[data-theme="purple"][data-tpl] body.hub-detail .md-meta-rating .score-chip.letterboxd .score-value { color: #9ae6b4; }
html[data-theme="purple"][data-tpl] body.hub-detail .md-meta-rating .score-chip.discord { border-color: rgba(75,27,86,0.55); color: #f4e4f7; }
html[data-theme="purple"][data-tpl] body.hub-detail .md-meta-rating .score-chip.discord .score-label { color: #efd8f4; }
html[data-theme="purple"][data-tpl] body.hub-detail .md-meta-rating .no-reviews { color: var(--hub-muted); }
html[data-theme="purple"][data-tpl] body.hub-detail .md-reviews details { background: rgba(8, 12, 24, 0.36); border: 1px solid rgba(255, 255, 255, 0.08); }
html[data-theme="purple"][data-tpl] body.hub-detail .md-reviews summary { color: #efd8f4; }
html[data-theme="purple"][data-tpl] body.hub-detail .md-reviews summary::before { color: var(--hub-muted); }
html[data-theme="purple"][data-tpl] body.hub-detail .md-reviews .ru { color: #f6e8f8; border-top: 1px solid rgba(255, 255, 255, 0.06); }
html[data-theme="purple"][data-tpl] body.hub-detail .md-reviews .ru:first-child { border-top: none; }
html[data-theme="purple"][data-tpl] body.hub-detail .md-reviews .ru-text { color: var(--hub-muted); }
html[data-theme="purple"][data-tpl] body.hub-detail.browse-mosaic > .hub-top { background: linear-gradient(180deg, rgba(6,10,20,0.94) 0%, rgba(6,10,20,0.78) 72%, rgba(6,10,20,0.55) 100%); }
@media (max-width: 768px) { html[data-theme="purple"][data-tpl] body.hub-detail > header.hub-top nav a, html[data-theme="purple"][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="purple"][data-tpl] .rel-cal { border: 1px solid rgba(128,46,146,0.28); background: rgba(8, 12, 24, 0.52); color: #cbd5e1; }
html[data-theme="purple"][data-tpl] .rel-cal-head h2 { color: #f5e8f8; }
html[data-theme="purple"][data-tpl] .rel-cal-nav button { background: rgba(15, 23, 42, 0.75); border: 1px solid rgba(148, 163, 184, 0.35); color: #e2e8f0; }
html[data-theme="purple"][data-tpl] .rel-cal-nav button:hover { border-color: rgba(128,46,146,0.55); color: #fff; }
html[data-theme="purple"][data-tpl] .rel-cal-nav .rel-cal-label { color: #f5e8f8; }
html[data-theme="purple"][data-tpl] .rel-cal-cell { background: rgba(15, 23, 42, 0.45); border: 1px solid rgba(255, 255, 255, 0.06); }
html[data-theme="purple"][data-tpl] .rel-cal-cell.out { background: rgba(15, 23, 42, 0.2); }
html[data-theme="purple"][data-tpl] .rel-cal-cell.today { border-color: rgba(128,46,146,0.55); box-shadow: inset 0 0 0 1px rgba(128,46,146,0.2); }
html[data-theme="purple"][data-tpl] .rel-cal-tile { background: #1e293b center / cover no-repeat; border: 1px solid rgba(255,255,255,0.12); }
html[data-theme="purple"][data-tpl] .rel-cal-tile.tv::after { background: rgba(97,35,111,0.85); color: #fff; }
html[data-theme="purple"][data-tpl] .rel-cal-tile.dig::after, html[data-theme="purple"][data-tpl] .rel-cal-tile.thr::after, html[data-theme="purple"][data-tpl] .rel-cal-tile.phy::after { color: #fff; }
html[data-theme="purple"][data-tpl] .rel-cal-tile.dig::after { background: rgba(22, 163, 74, 0.88); }
html[data-theme="purple"][data-tpl] .rel-cal-tile.thr::after { background: rgba(217, 119, 6, 0.88); }
html[data-theme="purple"][data-tpl] .rel-cal-tile.phy::after { background: rgba(71, 85, 105, 0.9); }
html[data-theme="purple"][data-tpl] .rel-cal-more { background: rgba(30, 41, 59, 0.95); border: 1px dashed rgba(148, 163, 184, 0.45); color: #f5e8f8; }
html[data-theme="purple"][data-tpl] .rel-cal-more:hover, html[data-theme="purple"][data-tpl] .rel-cal-tile:hover { border-color: rgba(128,46,146,0.7); outline: 1px solid rgba(128,46,146,0.35); }
html[data-theme="purple"][data-tpl] .rel-cal-panel { background: rgba(10, 16, 28, 0.97); border: 1px solid rgba(128,46,146,0.28); color: #cbd5e1; box-shadow: 0 18px 50px rgba(0,0,0,0.55); }
html[data-theme="purple"][data-tpl] .rel-cal-panel h3 { color: #f5e8f8; }
html[data-theme="purple"][data-tpl] .rel-cal-item { border-top: 1px solid rgba(255,255,255,0.07); }
html[data-theme="purple"][data-tpl] .rel-cal-item:first-of-type { border-top: none; }
html[data-theme="purple"][data-tpl] .rel-cal-item img { background: #1e293b; }
html[data-theme="purple"][data-tpl] .rel-cal-item .meta strong { color: #f1f5f9; }
html[data-theme="purple"][data-tpl] .rel-cal-item .meta .sub { color: #94a3b8; }
html[data-theme="purple"][data-tpl] .rel-cal-item .meta .tag { background: rgba(128,46,146,0.15); color: #e6c4ee; }
html[data-theme="purple"][data-tpl] .rel-cal-item .meta .tag.tv { background: rgba(143,52,163,0.18); color: #efd8f4; }
html[data-theme="purple"][data-tpl] .rel-cal-item .meta .tag.date.dig { background: rgba(34, 197, 94, 0.16); color: #86efac; }
html[data-theme="purple"][data-tpl] .rel-cal-item .meta .tag.date.thr { background: rgba(245, 158, 11, 0.16); color: #fcd34d; }
html[data-theme="purple"][data-tpl] .rel-cal-item .meta .tag.date.phy { background: rgba(148, 163, 184, 0.18); color: #cbd5e1; }
html[data-theme="purple"][data-tpl] .rel-cal-item .meta .tag.date.ovr { background: rgba(244, 114, 182, 0.16); color: #f9a8d4; }
html[data-theme="purple"][data-tpl] .rel-cal-admin select, html[data-theme="purple"][data-tpl] .rel-cal-admin input { background: rgba(15, 23, 42, 0.9); border: 1px solid rgba(148,163,184,0.35); color: #e2e8f0; }
html[data-theme="purple"][data-tpl] .rel-cal-admin button { background: rgba(15, 23, 42, 0.75); border: 1px solid rgba(148,163,184,0.35); color: #e2e8f0; }
html[data-theme="purple"][data-tpl] .rel-cal-admin button.danger { border-color: rgba(248, 113, 113, 0.45); color: #fecaca; }
html[data-theme="purple"][data-tpl] .rel-cal-admin button:hover { border-color: rgba(128,46,146,0.55); }
html[data-theme="purple"][data-tpl] .rel-cal-kinds button { background: rgba(15, 23, 42, 0.75); border: 1px solid rgba(148, 163, 184, 0.35); color: #cbd5e1; }
html[data-theme="purple"][data-tpl] .rel-cal-kinds button:hover { border-color: rgba(128,46,146,0.55); color: #fff; }
html[data-theme="purple"][data-tpl] .rel-cal-kinds button.is-active { background: rgba(97,35,111,0.28); border-color: rgba(128,46,146,0.65); color: #f5e8f8; }
html[data-theme="purple"][data-tpl] .rel-cal-page-intro { color: #94a3b8; }
html[data-theme="purple"][data-tpl] .rel-cal-page-intro a { color: #eaccf0; }
html[data-theme="purple"][data-tpl] { --hma-bg: #120714; --hma-bg2: #200c24; --hma-fg: #f0dcf4; --hma-acc: #d298de; --hma-acc2: #deb4e7; --hma-green: #bb64ce; --hma-line: rgba(210,152,222,0.18); }
html[data-theme="purple"][data-tpl] body.hm-app { background: radial-gradient(1200px 600px at 20% -10%, #37123f 0%, transparent 60%), var(--hma-bg); color: var(--hma-fg); }
html[data-theme="purple"][data-tpl] body.hm-app a { color: inherit; text-decoration: none; }
html[data-theme="purple"][data-tpl] body.hm-app button { color: inherit; }
html[data-theme="purple"][data-tpl] body.hm-app svg { fill: currentColor; }
html[data-theme="purple"][data-tpl] .hma-top { background: rgba(18,7,20,0); }
html[data-theme="purple"][data-tpl] body.hma-scrolled .hma-top { background: rgba(23,9,26,0.92); box-shadow: 0 1px 0 var(--hma-line); backdrop-filter: blur(14px); }
html[data-theme="purple"][data-tpl] .hma-avatar { border: 2px solid rgba(255,255,255,0.12); background: #37143f; }
html[data-theme="purple"][data-tpl] .hma-avatar[aria-expanded="true"] { border-color: var(--hma-acc); }
html[data-theme="purple"][data-tpl] .hma-umenu { background: #2a1230; border: 1px solid var(--hma-line); box-shadow: 0 16px 40px rgba(0,0,0,0.6); }
html[data-theme="purple"][data-tpl] .hma-umenu button, html[data-theme="purple"][data-tpl] .hma-umenu a { border: 0; background: none; }
html[data-theme="purple"][data-tpl] .hma-umenu button:hover, html[data-theme="purple"][data-tpl] .hma-umenu a:hover { background: rgba(255,255,255,0.07); }
html[data-theme="purple"][data-tpl] .hma-umenu svg { color: var(--hma-dim); }
html[data-theme="purple"][data-tpl] .hma-liked-art { background: linear-gradient(135deg, #682577, #b558ca 60%, #e4c2ec); color: #fff; }
html[data-theme="purple"][data-tpl] .hma-card-art { background: linear-gradient(135deg, #381440, #220d27); box-shadow: 0 8px 20px rgba(0,0,0,0.45); }
html[data-theme="purple"][data-tpl] .hma-card-art.is-mix::after { background: linear-gradient(180deg, rgba(123,44,141,0.15), rgba(17,6,19,0.75)); }
html[data-theme="purple"][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="purple"][data-tpl] .hma-card-play svg { fill: #ffffff; }
html[data-theme="purple"][data-tpl] .hma-pill-acc { background: var(--hma-fg); color: #200b25 !important; border-color: transparent; }
html[data-theme="purple"][data-tpl] .hma-pill-acc:hover { background: #fff; }
html[data-theme="purple"][data-tpl] .hma-chip { background: rgba(255,255,255,0.08); border: 0; }
html[data-theme="purple"][data-tpl] .hma-chip:hover { background: rgba(255,255,255,0.15); }
html[data-theme="purple"][data-tpl] .hma-chip.on { background: var(--hma-acc); color: #200b25; }
html[data-theme="purple"][data-tpl] .hma-li-art { background: #33153a; }
html[data-theme="purple"][data-tpl] .hma-li-s { color: var(--hma-dim); }
html[data-theme="purple"][data-tpl] .hma-song-art { background: #33153a; }
html[data-theme="purple"][data-tpl] .hma-song.is-cur .hma-song-t, html[data-theme="purple"][data-tpl] .hma-song.is-cur .hma-song-n { color: var(--hma-green); }
html[data-theme="purple"][data-tpl] .hma-hero-bg-plain { background: linear-gradient(180deg, #42184b, var(--hma-bg)); filter: none; }
html[data-theme="purple"][data-tpl] .hma-hero-art { box-shadow: 0 18px 50px rgba(0,0,0,0.6); background: #33153a; }
html[data-theme="purple"][data-tpl] .hma-hero-art .hma-ph svg { color: #fff; }
html[data-theme="purple"][data-tpl] .hma-hero-kind { color: var(--hma-dim); }
html[data-theme="purple"][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="purple"][data-tpl] .hma-bigplay svg { fill: #ffffff; }
html[data-theme="purple"][data-tpl] .hma-abtn.on { color: var(--hma-green); }
html[data-theme="purple"][data-tpl] .hma-search { background: #fff; color: #200b25; }
html[data-theme="purple"][data-tpl] .hma-search svg { fill: #200b25; }
html[data-theme="purple"][data-tpl] .hma-search-in { border: 0; outline: none; background: transparent; color: #200b25; }
html[data-theme="purple"][data-tpl] .hma-search-in::placeholder { color: #6b6280; }
html[data-theme="purple"][data-tpl] .hma-search-in::-webkit-search-cancel-button { filter: grayscale(1); }
html[data-theme="purple"][data-tpl] .hma-gicon { background: linear-gradient(135deg, #682577, #541e60); }
html[data-theme="purple"][data-tpl] .hma-gicon svg { color: #fff; }
html[data-theme="purple"][data-tpl] .hma-gcard { background: linear-gradient(135deg, rgba(104,37,119,0.45), rgba(84,30,96,0.22)); border: 1px solid var(--hma-line); }
html[data-theme="purple"][data-tpl] .hma-member.is-live .hma-li-art { box-shadow: 0 0 0 2px var(--hma-green), 0 0 14px rgba(84,30,96,0.5); }
html[data-theme="purple"][data-tpl] .hma-member.is-away .hma-li-art { filter: grayscale(1); }
html[data-theme="purple"][data-tpl] .hma-member:hover { background: none; }
html[data-theme="purple"][data-tpl] .hma-member.is-live .hma-li-s { color: #e5c2ed; }
html[data-theme="purple"][data-tpl] .hma-pop { background: #341a3a; border: 1px solid var(--hma-line); box-shadow: 0 16px 40px rgba(0,0,0,0.6); }
html[data-theme="purple"][data-tpl] .hma-pop button { border: 0; background: none; }
html[data-theme="purple"][data-tpl] .hma-pop button:hover { background: rgba(255,255,255,0.08); }
html[data-theme="purple"][data-tpl] .hma-pop .hma-danger { border: 0 !important; }
html[data-theme="purple"][data-tpl] .hma-tabs { background: linear-gradient(180deg, rgba(18,7,20,0.86), rgba(18,7,20,0.99) 40%); backdrop-filter: blur(12px); }
html[data-theme="purple"][data-tpl] .hma-tabs a { color: var(--hma-dim); }
html[data-theme="purple"][data-tpl] .hma-tabs a.on { color: var(--hma-fg); }
html[data-theme="purple"][data-tpl] body.hm-app .hmd-bar { border: 0; background: rgba(57,20,65,0.97); box-shadow: 0 8px 26px rgba(0,0,0,0.55); }
html[data-theme="purple"][data-tpl] body.hm-app .hmd .hmd-play { background: transparent; color: var(--hma-fg); box-shadow: none; }
html[data-theme="purple"][data-tpl] body.hm-app .hmd .hmd-play svg, html[data-theme="purple"][data-tpl] body.hm-app .hmd .hmd-play svg path { fill: var(--hma-fg); color: var(--hma-fg); }
html[data-theme="purple"][data-tpl] body.hm-app .hmd-seek .hmd-range::-webkit-slider-thumb { box-shadow: none; border: 0; }
html[data-theme="purple"][data-tpl] body.hm-app .hmd-seek .hmd-range::-moz-range-thumb { border: 0; }
@media (min-width: 900px) { html[data-theme="purple"][data-tpl] .hma-side { background: #0b040d; border-right: 1px solid rgba(255,255,255,0.05); } }
@media (min-width: 900px) { html[data-theme="purple"][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="purple"][data-tpl] body.hm-app .hmd-bar { background: #100612; border-top: 1px solid rgba(255,255,255,0.06); box-shadow: none; } }
@media (min-width: 900px) { html[data-theme="purple"][data-tpl] body.hm-app .hmd .hmd-play { background: var(--hma-fg); } }
@media (min-width: 900px) { html[data-theme="purple"][data-tpl] body.hm-app .hmd .hmd-play svg, html[data-theme="purple"][data-tpl] body.hm-app .hmd .hmd-play svg path { fill: #200b25; color: #200b25; } }
html[data-theme="purple"][data-tpl="add_movies"] .mosaic { filter: saturate(1.08); }
html[data-theme="purple"][data-tpl="add_movies"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="purple"][data-tpl="add_movies"] .poster-card { text-decoration: none; color: inherit; background: #1e293b; border: 1px solid #334155; }
html[data-theme="purple"][data-tpl="add_movies"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-theme="purple"][data-tpl="add_movies"] .poster-card img { background: #0f172a; }
html[data-theme="purple"][data-tpl="add_movies"] .poster-card.in-library { filter: grayscale(0.25); }
html[data-theme="purple"][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="purple"][data-tpl="add_movies"] .poster-card .badge { background: rgba(15,23,42,.88); color: #e2e8f0; border: 1px solid #475569; }
html[data-theme="purple"][data-tpl="add_movies"] .poster-card .badge.pending { background: rgba(123,44,141,0.9); border-color: #b558ca; }
html[data-theme="purple"][data-tpl="add_movies"] .poster-card .qbadge { background: rgba(71,25,81,0.92); color: #ecfeff; }
html[data-theme="purple"][data-tpl="add_movies"] .poster-card .plus { border: none; background: #592066; color: #ffffff; }
html[data-theme="purple"][data-tpl="add_movies"] .releases li { border-bottom: 1px solid #1e293b; }
html[data-theme="purple"][data-tpl="add_movies"] .proto-filters { color: #cbd5e1; }
html[data-theme="purple"][data-tpl="add_movies"] .proto-filters label { border: 1px solid #334155; background: rgba(15, 23, 42, 0.65); }
html[data-theme="purple"][data-tpl="add_movies"] .proto-filters input[type=checkbox] { accent-color: #802e92; }
html[data-theme="purple"][data-tpl="add_movies"] .proto-filters .proto-hint { color: #94a3b8; }
html[data-theme="purple"][data-tpl="add_movies"] .proto-filters .fx-sep { background: #334155; }
html[data-theme="purple"][data-tpl="add_movies"] .proto-filters label.fx-sort input[type=checkbox] { accent-color: #b251c8; }
html[data-theme="purple"][data-tpl="add_movies"] .fx-badge { border: 1px solid transparent; }
html[data-theme="purple"][data-tpl="add_movies"] .fx-badge.dv { background: rgba(143,52,163,0.18); color: #f4e4f7; border-color: #8f34a3; }
html[data-theme="purple"][data-tpl="add_movies"] .fx-badge.hdr { background: rgba(245, 158, 11, 0.16); color: #fde68a; border-color: #f59e0b; }
html[data-theme="purple"][data-tpl="add_movies"] .msg { color: #eaccf0; }
html[data-theme="purple"][data-tpl="add_movies"] .msg.err { color: #fca5a5; }
html[data-theme="purple"][data-tpl="add_movies"] .gb-pool-chip { border: 1px solid rgba(128,46,146,0.45); background: rgba(8, 47, 73, 0.72); color: #f5e8f8; }
html[data-theme="purple"][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="purple"][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="purple"][data-tpl="add_movies"] .gb-pool-chip.exempt { border-color: rgba(181,88,202,0.5); background: rgba(60,22,69,0.7); color: #f7ebf9; }
html[data-theme="purple"][data-tpl="add_movies"] .releases .gb-size { color: #e6c4ee; }
html[data-theme="purple"][data-tpl="add_movies"] .rel-confirm { border: 1px solid #334155; background: #0f172a; color: #e2e8f0; }
html[data-theme="purple"][data-tpl="add_movies"] .rel-confirm .muted { color: #94a3b8; }
html[data-theme="purple"][data-tpl="add_movies"] .queue-blurb { border: 1px solid rgba(128,46,146,0.28); background: rgba(8, 12, 24, 0.52); color: #cbd5e1; }
html[data-theme="purple"][data-tpl="add_movies"] .queue-blurb h2 { color: #f5e8f8; }
html[data-theme="purple"][data-tpl="add_movies"] .queue-blurb summary { color: #f5e8f8; }
html[data-theme="purple"][data-tpl="add_movies"] .queue-blurb summary::marker { color: #64748b; }
html[data-theme="purple"][data-tpl="add_tv"] .mosaic { filter: saturate(1.08); }
html[data-theme="purple"][data-tpl="add_tv"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="purple"][data-tpl="add_tv"] .poster-card { text-decoration: none; color: inherit; background: #1e293b; border: 1px solid #334155; }
html[data-theme="purple"][data-tpl="add_tv"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-theme="purple"][data-tpl="add_tv"] .poster-card img { background: #0f172a; }
html[data-theme="purple"][data-tpl="add_tv"] .poster-card.in-library { filter: grayscale(0.25); }
html[data-theme="purple"][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="purple"][data-tpl="add_tv"] .poster-card .badge { background: rgba(15,23,42,.88); color: #e2e8f0; border: 1px solid #475569; }
html[data-theme="purple"][data-tpl="add_tv"] .poster-card .badge.pending { background: rgba(123,44,141,0.9); border-color: #b558ca; }
html[data-theme="purple"][data-tpl="add_tv"] .poster-card .qbadge { background: rgba(71,25,81,0.92); color: #ecfeff; }
html[data-theme="purple"][data-tpl="add_tv"] .poster-card .plus { border: none; background: #592066; color: #ffffff; }
html[data-theme="purple"][data-tpl="add_tv"] .releases li { border-bottom: 1px solid #1e293b; }
html[data-theme="purple"][data-tpl="add_tv"] .proto-filters { color: #cbd5e1; }
html[data-theme="purple"][data-tpl="add_tv"] .proto-filters label { border: 1px solid #334155; background: rgba(15, 23, 42, 0.65); }
html[data-theme="purple"][data-tpl="add_tv"] .proto-filters input[type=checkbox] { accent-color: #802e92; }
html[data-theme="purple"][data-tpl="add_tv"] .proto-filters .proto-hint { color: #94a3b8; }
html[data-theme="purple"][data-tpl="add_tv"] .proto-filters .fx-sep { background: #334155; }
html[data-theme="purple"][data-tpl="add_tv"] .proto-filters label.fx-sort input[type=checkbox] { accent-color: #b251c8; }
html[data-theme="purple"][data-tpl="add_tv"] .fx-badge { border: 1px solid transparent; }
html[data-theme="purple"][data-tpl="add_tv"] .fx-badge.dv { background: rgba(143,52,163,0.18); color: #f4e4f7; border-color: #8f34a3; }
html[data-theme="purple"][data-tpl="add_tv"] .fx-badge.hdr { background: rgba(245, 158, 11, 0.16); color: #fde68a; border-color: #f59e0b; }
html[data-theme="purple"][data-tpl="add_tv"] .msg { color: #eaccf0; }
html[data-theme="purple"][data-tpl="add_tv"] .msg.err { color: #fca5a5; }
html[data-theme="purple"][data-tpl="add_tv"] .gb-pool-chip { border: 1px solid rgba(128,46,146,0.45); background: rgba(8, 47, 73, 0.72); color: #f5e8f8; }
html[data-theme="purple"][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="purple"][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="purple"][data-tpl="add_tv"] .gb-pool-chip.exempt { border-color: rgba(181,88,202,0.5); background: rgba(60,22,69,0.7); color: #f7ebf9; }
html[data-theme="purple"][data-tpl="add_tv"] .releases .gb-size { color: #e6c4ee; }
html[data-theme="purple"][data-tpl="add_tv"] .rel-confirm { border: 1px solid #334155; background: #0f172a; color: #e2e8f0; }
html[data-theme="purple"][data-tpl="add_tv"] .rel-confirm .muted { color: #94a3b8; }
html[data-theme="purple"][data-tpl="add_tv"] .rel-confirm.sticky-sum { border-color: #802e92; background: #0c1929; }
html[data-theme="purple"][data-tpl="add_tv"] .releases li .rel-check { accent-color: #802e92; }
html[data-theme="purple"][data-tpl="add_tv"] .releases li.selected-row { outline: 1px solid rgba(128,46,146,0.45); background: rgba(71,25,81,0.18); }
html[data-theme="purple"][data-tpl="add_tv"] .ep-badge { border: 1px solid rgba(128,46,146,0.55); background: rgba(71,25,81,0.35); color: #e6c4ee; }
html[data-theme="purple"][data-tpl="add_tv"] .ep-badge.pack { border-color: rgba(181,88,202,0.55); background: rgba(75,27,86,0.35); color: #efd8f4; }
html[data-theme="purple"][data-tpl="add_tv"] .rel-confirm .ep-chip { border: 1px solid rgba(128,46,146,0.4); background: rgba(71,25,81,0.25); color: #efdaf4; }
html[data-theme="purple"][data-tpl="add_tv"] .queue-blurb { border: 1px solid rgba(128,46,146,0.28); background: rgba(8, 12, 24, 0.52); color: #cbd5e1; }
html[data-theme="purple"][data-tpl="add_tv"] .queue-blurb h2 { color: #f5e8f8; }
html[data-theme="purple"][data-tpl="add_tv"] .queue-blurb summary { color: #f5e8f8; }
html[data-theme="purple"][data-tpl="add_tv"] .queue-blurb summary::marker { color: #64748b; }
html[data-theme="purple"][data-tpl="admin"] .st-wrap .muted { color: #94a3b8; }
html[data-theme="purple"][data-tpl="admin"] .st-wrap nav a { color: #eaccf0; text-decoration: none; }
html[data-theme="purple"][data-tpl="admin"] .st-wrap nav a:hover, html[data-theme="purple"][data-tpl="admin"] .st-wrap nav a.active { color: #fff; }
html[data-theme="purple"][data-tpl="admin"] .st-bw { background: rgba(15,23,42,0.72); border: 1px solid rgba(148,163,184,0.18); }
html[data-theme="purple"][data-tpl="admin"] .st-bw h2 { color: #ecd2f2; }
html[data-theme="purple"][data-tpl="admin"] .st-bw-period { color: #94a3b8; }
html[data-theme="purple"][data-tpl="admin"] .st-bw-period select { color: #f8fafc; border: 1px solid rgba(148,163,184,0.28); }
html[data-theme="purple"][data-tpl="admin"] .st-bw-period select:focus { outline: none; border-color: rgba(198,125,214,0.7); box-shadow: 0 0 0 3px rgba(147,53,168,0.2); }
html[data-theme="purple"][data-tpl="admin"] .st-bw-primary { background: linear-gradient(145deg, rgba(75,27,85,0.35), rgba(2,6,23,0.55)); border: 1px solid rgba(198,125,214,0.22); }
html[data-theme="purple"][data-tpl="admin"] .st-bw-primary .eyebrow { color: #ecd2f2; }
html[data-theme="purple"][data-tpl="admin"] .st-bw-primary .big { color: #f8fafc; }
html[data-theme="purple"][data-tpl="admin"] .st-bw-primary .up { color: #cbd5e1; }
html[data-theme="purple"][data-tpl="admin"] .st-bw-primary .up span { color: #94a3b8; }
html[data-theme="purple"][data-tpl="admin"] .st-bw-primary .foot { color: #94a3b8; }
html[data-theme="purple"][data-tpl="admin"] .st-bw details summary { color: #eaccf0; }
html[data-theme="purple"][data-tpl="admin"] .st-bw details summary::before { color: #64748b; }
html[data-theme="purple"][data-tpl="admin"] .st-bw pre { background: rgba(2,6,23,0.55); border: 1px solid rgba(148,163,184,0.12); color: #cbd5e1; }
html[data-theme="purple"][data-tpl="admin"] .st-emby, html[data-theme="purple"][data-tpl="admin"] .st-extras { background: rgba(15,23,42,0.72); border: 1px solid rgba(148,163,184,0.18); }
html[data-theme="purple"][data-tpl="admin"] .st-emby h2, html[data-theme="purple"][data-tpl="admin"] .st-extras h2 { color: #ecd2f2; }
html[data-theme="purple"][data-tpl="admin"] .st-np-bar { background: rgba(148,163,184,0.2); }
html[data-theme="purple"][data-tpl="admin"] .st-np-bar > span { background: linear-gradient(90deg, #9335a8, #34d399); }
html[data-theme="purple"][data-tpl="admin"] .st-dl { background: rgba(15,23,42,0.72); border: 1px solid rgba(148,163,184,0.18); }
html[data-theme="purple"][data-tpl="admin"] .st-dl h2 { color: #ecd2f2; }
html[data-theme="purple"][data-tpl="admin"] .st-dl-badge { background: rgba(147,53,168,0.2); color: #f1dff6; }
html[data-theme="purple"][data-tpl="admin"] .st-dl-badge.sab { background: rgba(16,185,129,0.18); color: #6ee7b7; }
html[data-theme="purple"][data-tpl="admin"] .st-dl-badge.qbit { background: rgba(56,189,248,0.18); color: #7dd3fc; }
html[data-theme="purple"][data-tpl="admin"] .st-dl-badge.slsk, html[data-theme="purple"][data-tpl="admin"] .st-dl-badge.soulseek { background: rgba(251,191,36,0.18); color: #fcd34d; }
html[data-theme="purple"][data-tpl="admin"] .st-dl-badge.radarr, html[data-theme="purple"][data-tpl="admin"] .st-dl-badge.sonarr { background: rgba(244,114,182,0.15); color: #f9a8d4; }
html[data-theme="purple"][data-tpl="admin"] .st-dl-bar { background: rgba(30,41,59,0.9); }
html[data-theme="purple"][data-tpl="admin"] .st-dl-bar > span { background: linear-gradient(90deg,#9335a8,#6f287f); }
html[data-theme="purple"][data-tpl="admin"] .st-dl-more a { color: #eaccf0; text-decoration: none; }
html[data-theme="purple"][data-tpl="admin"] .st-dl-more a:hover { color: #fff; }
html[data-theme="purple"][data-tpl="admin"] .mosaic { filter: saturate(1.08); }
html[data-theme="purple"][data-tpl="admin"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="purple"][data-tpl="admin"] .st-card, html[data-theme="purple"][data-tpl="admin"] .st-bw { background: rgba(8, 12, 24, 0.55) !important; backdrop-filter: blur(14px) saturate(1.25); }
html[data-theme="purple"][data-tpl="calendar"] .mosaic { filter: saturate(1.08); }
html[data-theme="purple"][data-tpl="calendar"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="purple"][data-tpl="comics"] .poster-card { text-decoration: none; color: inherit; background: #1e293b; border: 1px solid #334155; }
html[data-theme="purple"][data-tpl="comics"] .poster-card:hover { border-color: #fb7185; box-shadow: 0 10px 28px rgba(0,0,0,0.35); }
html[data-theme="purple"][data-tpl="comics"] .poster-card img { background: #0f172a; }
html[data-theme="purple"][data-tpl="comics"] .mosaic { filter: saturate(1.08); }
html[data-theme="purple"][data-tpl="comics"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="purple"][data-tpl="commands"] .mosaic { filter: saturate(1.08); }
html[data-theme="purple"][data-tpl="commands"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="purple"][data-tpl="ddl"] .dl-wrap .muted { color: #94a3b8; }
html[data-theme="purple"][data-tpl="ddl"] .dl-wrap nav a { color: #eaccf0; text-decoration: none; }
html[data-theme="purple"][data-tpl="ddl"] .dl-wrap nav a:hover, html[data-theme="purple"][data-tpl="ddl"] .dl-wrap nav a.active { color: #fff; }
html[data-theme="purple"][data-tpl="ddl"] .dl-panel { background: rgba(15,23,42,0.72); border: 1px solid rgba(148,163,184,0.18); backdrop-filter: blur(8px); }
html[data-theme="purple"][data-tpl="ddl"] .dl-panel h2 { color: #ecd2f2; }
html[data-theme="purple"][data-tpl="ddl"] .dl-bar { background: rgba(30,41,59,0.9); }
html[data-theme="purple"][data-tpl="ddl"] .dl-bar > span { background: linear-gradient(90deg,#9335a8,#6f287f); }
html[data-theme="purple"][data-tpl="ddl"] .cmd-box textarea, html[data-theme="purple"][data-tpl="ddl"] .cmd-box input[type=text] { border: 1px solid rgba(148,163,184,0.28); background: rgba(2,6,23,0.65); color: #f1f5f9; }
html[data-theme="purple"][data-tpl="ddl"] .cmd-box button { border: 0; background: #7d2d8f; color: #fff; }
html[data-theme="purple"][data-tpl="ddl"] .cmd-box button.secondary { background: #334155; }
html[data-theme="purple"][data-tpl="ddl"] .mosaic { filter: saturate(1.08); }
html[data-theme="purple"][data-tpl="ddl"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="purple"][data-tpl="ddl"] .dl-panel { background: rgba(8, 12, 24, 0.55) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; backdrop-filter: blur(14px) saturate(1.25); }
html[data-theme="purple"][data-tpl="downloads"] .dl-wrap .muted { color: #94a3b8; }
html[data-theme="purple"][data-tpl="downloads"] .dl-wrap nav a { color: #eaccf0; text-decoration: none; }
html[data-theme="purple"][data-tpl="downloads"] .dl-wrap nav a:hover, html[data-theme="purple"][data-tpl="downloads"] .dl-wrap nav a.active { color: #fff; }
html[data-theme="purple"][data-tpl="downloads"] .dl-panel { background: rgba(15,23,42,0.72); border: 1px solid rgba(148,163,184,0.18); backdrop-filter: blur(8px); }
html[data-theme="purple"][data-tpl="downloads"] .dl-panel h2 { color: #ecd2f2; }
html[data-theme="purple"][data-tpl="downloads"] .dl-bar { background: rgba(30,41,59,0.9); }
html[data-theme="purple"][data-tpl="downloads"] .dl-bar > span { background: linear-gradient(90deg,#9335a8,#6f287f); }
html[data-theme="purple"][data-tpl="downloads"] .cmd-box textarea, html[data-theme="purple"][data-tpl="downloads"] .cmd-box input[type=text] { border: 1px solid rgba(148,163,184,0.28); background: rgba(2,6,23,0.65); color: #f1f5f9; }
html[data-theme="purple"][data-tpl="downloads"] .cmd-box button { border: 0; background: #7d2d8f; color: #fff; }
html[data-theme="purple"][data-tpl="downloads"] .cmd-box button.secondary { background: #334155; }
html[data-theme="purple"][data-tpl="downloads"] .mosaic { filter: saturate(1.08); }
html[data-theme="purple"][data-tpl="downloads"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="purple"][data-tpl="downloads"] .dl-panel { background: rgba(8, 12, 24, 0.55) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; backdrop-filter: blur(14px) saturate(1.25); }
html[data-theme="purple"][data-tpl="home"] .mosaic { filter: saturate(1.08); }
html[data-theme="purple"][data-tpl="home"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.72) saturate(0.9); }
html[data-theme="purple"][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="purple"][data-tpl="home"] .mosaic .tile.is-dim { filter: brightness(0.35) saturate(0.4) blur(1px); }
html[data-theme="purple"][data-tpl="home"] .mosaic .tile.is-hit { filter: brightness(1.12) saturate(1.2); box-shadow: inset 0 0 0 3px rgba(150,54,172,0.85); }
html[data-theme="purple"][data-tpl="home"] .mosaic .tile.is-miss { filter: brightness(0.3) saturate(0.35) blur(1.5px); }
html[data-theme="purple"][data-tpl="home"] body.hub[data-hover] .mosaic .tile { filter: brightness(0.4) saturate(0.45) blur(1px); }
html[data-theme="purple"][data-tpl="home"] body.hub[data-hover="movie"] .mosaic .tile[data-kind="movie"], html[data-theme="purple"][data-tpl="home"] body.hub[data-hover="show"] .mosaic .tile[data-kind="show"], html[data-theme="purple"][data-tpl="home"] body.hub[data-hover="music"] .mosaic .tile[data-kind="music"], html[data-theme="purple"][data-tpl="home"] body.hub[data-hover="comic"] .mosaic .tile[data-kind="comic"] { filter: brightness(1.08) saturate(1.18); }
html[data-theme="purple"][data-tpl="home"] .hub-top { background: linear-gradient(180deg, rgba(6,10,20,0.94) 0%, rgba(6,10,20,0.78) 72%, rgba(6,10,20,0) 100%); backdrop-filter: blur(10px) saturate(1.15); }
html[data-theme="purple"][data-tpl="home"] .hub-server-link { border: 1px solid rgba(181,88,202,0.45); box-shadow: 0 6px 22px rgba(0,0,0,0.35), 0 0 0 2px rgba(75,27,86,0.25); text-decoration: none; }
html[data-theme="purple"][data-tpl="home"] .hub-server-icon { background: #27132b; }
html[data-theme="purple"][data-tpl="home"] .hub-top h1 { color: #f1f5f9; text-shadow: 0 1px 10px rgba(0,0,0,0.55); }
html[data-theme="purple"][data-tpl="home"] .hub-top h1 .hub-title-accent { color: #efd8f4; background: linear-gradient(120deg, #b558ca 0%, #cf93dd 45%, #e2beeb 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; filter: drop-shadow(0 1px 8px rgba(75,27,86,0.45)); }
html[data-theme="purple"][data-tpl="home"] .hub-quote { color: #e8c8ef; text-shadow: 0 1px 6px rgba(0,0,0,0.45); }
html[data-theme="purple"][data-tpl="home"] .hub-top nav a, html[data-theme="purple"][data-tpl="home"] .hub-top .hub-nav a { color: #cbd5e1 !important; text-decoration: none !important; }
html[data-theme="purple"][data-tpl="home"] .hub-top nav a:hover, html[data-theme="purple"][data-tpl="home"] .hub-top .hub-nav a:hover, html[data-theme="purple"][data-tpl="home"] .hub-top nav a.active, html[data-theme="purple"][data-tpl="home"] .hub-top .hub-nav a.active { color: #fff !important; }
html[data-theme="purple"][data-tpl="home"] .hub-top nav a.hub-nav-slsk, html[data-theme="purple"][data-tpl="home"] .hub-top .hub-nav a.hub-nav-slsk { color: #fcd34d !important; }
@media (hover: hover) and (pointer: fine) { html[data-theme="purple"][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="purple"][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="purple"][data-tpl="home"] .hub-dl-live { background: rgba(15, 23, 42, 0.72); border: 1px solid rgba(148, 163, 184, 0.18); backdrop-filter: blur(8px); }
html[data-theme="purple"][data-tpl="home"] .hub-dl-live h2 { color: #ecd2f2; }
html[data-theme="purple"][data-tpl="home"] .hub-dl-live h2 a { color: #eaccf0; text-decoration: none; }
html[data-theme="purple"][data-tpl="home"] .hub-dl-live h2 a:hover { color: #fff; }
html[data-theme="purple"][data-tpl="home"] .hub-dl-rows li { color: #e2e8f0; }
html[data-theme="purple"][data-tpl="home"] .hub-dl-rows .src { background: rgba(147,53,168,0.22); color: #f1dff6; }
html[data-theme="purple"][data-tpl="home"] .hub-dl-rows .src.sab { background: rgba(16,185,129,0.2); color: #6ee7b7; }
html[data-theme="purple"][data-tpl="home"] .hub-dl-live .src.slsk, html[data-theme="purple"][data-tpl="home"] .hub-dl-live .src.soulseek { color: #fcd34d; }
html[data-theme="purple"][data-tpl="home"] .hub-dl-by { color: #ecd2f2; }
html[data-theme="purple"][data-tpl="home"] .hub-dl-rows .meta { color: #94a3b8; }
html[data-theme="purple"][data-tpl="home"] .hub-dl-bar { background: rgba(30,41,59,0.95); }
html[data-theme="purple"][data-tpl="home"] .hub-dl-bar > span { background: linear-gradient(90deg,#9335a8,#6f287f); }
html[data-theme="purple"][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: #e2e8f0; }
html[data-theme="purple"][data-tpl="home"] .hub-stats-card h2 { color: #efd8f4; }
html[data-theme="purple"][data-tpl="home"] .hub-lb-period { border: 1px solid rgba(181,88,202,0.35); background: rgba(43,20,48,0.55); color: #efd8f4; }
html[data-theme="purple"][data-tpl="home"] .hub-lb-period:hover, html[data-theme="purple"][data-tpl="home"] .hub-lb-period:focus-visible { border-color: rgba(207,147,221,0.7); color: #f8effa; outline: none; }
html[data-theme="purple"][data-tpl="home"] .hub-lb-period.is-active { background: rgba(75,27,86,0.55); border-color: rgba(181,88,202,0.85); color: #f8fafc; box-shadow: 0 0 0 1px rgba(181,88,202,0.25); }
html[data-theme="purple"][data-tpl="home"] .hub-stats-card ol li { border-bottom: 1px solid rgba(255,255,255,0.06); }
html[data-theme="purple"][data-tpl="home"] .hub-stats-card ol li:last-child { border-bottom: 0; }
html[data-theme="purple"][data-tpl="home"] .hub-stats-card .rank { color: #e8c8ef; }
html[data-theme="purple"][data-tpl="home"] .hub-stats-card .gb { color: #f8fafc; }
html[data-theme="purple"][data-tpl="home"] .hub-stats-pill { background: rgba(75,27,86,0.35); border: 1px solid rgba(75,27,86,0.55); color: #f7ebf9; }
html[data-theme="purple"][data-tpl="home"] .hub-stats-pill span { color: #f4e4f7; }
html[data-theme="purple"][data-tpl="home"] .hub-stats-pill--lib .hub-stats-pill-detail { color: #f4e4f7; }
html[data-theme="purple"][data-tpl="home"] .hub-stats-pill-expand { border: 0; background: transparent; color: #f4e4f7; }
html[data-theme="purple"][data-tpl="home"] .hub-stats-pill-expand:hover, html[data-theme="purple"][data-tpl="home"] .hub-stats-pill-expand:focus-visible { background: rgba(255,255,255,0.12); outline: none; }
html[data-theme="purple"][data-tpl="home"] .hub-search-results { border: 1px solid rgba(255,255,255,0.16); background: rgba(8,12,24,0.88); backdrop-filter: blur(14px) saturate(1.15); box-shadow: 0 12px 36px rgba(0,0,0,0.5); }
html[data-theme="purple"][data-tpl="home"] .hub-search-results .hsr-item { border: 0; background: transparent; color: #e2e8f0; text-decoration: none; }
html[data-theme="purple"][data-tpl="home"] .hub-search-results .hsr-item:hover, html[data-theme="purple"][data-tpl="home"] .hub-search-results .hsr-item:focus-visible { background: rgba(150,54,172,0.18); outline: none; }
html[data-theme="purple"][data-tpl="home"] .hub-search-results .hsr-item:active { background: rgba(150,54,172,0.28); }
html[data-theme="purple"][data-tpl="home"] .hub-search-results .hsr-thumb { background: #1e293b center / cover no-repeat; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12); }
html[data-theme="purple"][data-tpl="home"] .hub-search-results .hsr-title { color: #f8fafc; }
html[data-theme="purple"][data-tpl="home"] .hub-search-results .hsr-sub { color: #94a3b8; }
html[data-theme="purple"][data-tpl="home"] .hub-search-results .hsr-kind { color: #eaccf0; background: rgba(128,46,147,0.18); }
html[data-theme="purple"][data-tpl="home"] .hub-search-results .hsr-empty, html[data-theme="purple"][data-tpl="home"] .hub-search-results .hsr-status { color: #94a3b8; }
html[data-theme="purple"][data-tpl="home"] .hub-search-popup-form { border: 0; }
html[data-theme="purple"][data-tpl="home"] .hub-search-popup-form input { border: 1px solid rgba(255,255,255,0.28); background: rgba(8,12,24,0.88); color: #f8fafc; outline: none; box-shadow: 0 8px 28px rgba(0,0,0,0.35); }
html[data-theme="purple"][data-tpl="home"] .hub-search-popup-form input::placeholder { color: #94a3b8; }
html[data-theme="purple"][data-tpl="home"] .hub-search-popup-form input:focus { border-color: rgba(181,88,202,0.55); box-shadow: 0 8px 28px rgba(0,0,0,0.45), 0 0 0 2px rgba(181,88,202,0.25); }
html[data-theme="purple"][data-tpl="home"] .hub-search-popup-browse, html[data-theme="purple"][data-tpl="home"] .hub-search-popup-go { border: 1px solid rgba(255,255,255,0.16); background: rgba(255,255,255,0.08); color: #e2e8f0; }
html[data-theme="purple"][data-tpl="home"] .hub-search-popup-go { background: rgba(181,88,202,0.28); border-color: rgba(181,88,202,0.5); color: #f8fafc; }
html[data-theme="purple"][data-tpl="home"] .hub-search-popup-browse:hover, html[data-theme="purple"][data-tpl="home"] .hub-search-popup-browse:focus-visible, html[data-theme="purple"][data-tpl="home"] .hub-search-popup-go:hover, html[data-theme="purple"][data-tpl="home"] .hub-search-popup-go:focus-visible { outline: none; filter: brightness(1.12); }
html[data-theme="purple"][data-tpl="home"] .hub-search-popup-results { border: 1px solid rgba(255,255,255,0.12); background: rgba(4,8,18,0.72); }
html[data-theme="purple"][data-tpl="home"] .hub-search-popup-results .hsr-item { text-decoration: none; color: #f1f5f9; }
html[data-theme="purple"][data-tpl="home"] .hub-search-popup-results .hsr-item:hover, html[data-theme="purple"][data-tpl="home"] .hub-search-popup-results .hsr-item:focus-visible { background: rgba(181,88,202,0.16); outline: none; }
html[data-theme="purple"][data-tpl="home"] .hub-search-popup-results .hsr-item:active { background: rgba(181,88,202,0.28); }
html[data-theme="purple"][data-tpl="home"] .hub-search-popup-results .hsr-thumb { background: rgba(255,255,255,0.08) center/cover no-repeat; }
html[data-theme="purple"][data-tpl="home"] .hub-search-popup-results .hsr-sub { color: #94a3b8; }
html[data-theme="purple"][data-tpl="home"] .hub-search-popup-results .hsr-kind { color: #efd8f4; border: 1px solid rgba(181,88,202,0.35); }
html[data-theme="purple"][data-tpl="home"] .hub-search-popup-results .hsr-empty, html[data-theme="purple"][data-tpl="home"] .hub-search-popup-results .hsr-status { color: #94a3b8; }
@media (max-width: 768px) { html[data-theme="purple"][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="purple"][data-tpl="home"] .hub-top nav a:hover, html[data-theme="purple"][data-tpl="home"] .hub-top nav a.active { background: rgba(181,88,202,0.18); border-color: rgba(181,88,202,0.35); } }
@media (max-width: 800px), (pointer: coarse) { html[data-theme="purple"][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="purple"][data-tpl="login"] body.login { background: #070b14; color: #e2e8f0; }
html[data-theme="purple"][data-tpl="login"] body.login::before { background: radial-gradient(ellipse at 30% 20%, rgba(142,51,162,0.22) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 80%, rgba(150,54,172,0.12) 0%, transparent 45%),
        radial-gradient(ellipse at 50% 50%, rgba(6,10,20,0.4) 0%, rgba(4,7,14,0.85) 100%); }
html[data-theme="purple"][data-tpl="login"] .discord-btn { text-decoration: none; color: #fff; background: rgba(142,51,162,0.55); border: 1px solid rgba(198,125,214,0.45); box-shadow: 0 8px 28px rgba(0,0,0,0.28); }
html[data-theme="purple"][data-tpl="login"] .discord-btn:hover, html[data-theme="purple"][data-tpl="login"] .discord-btn:focus-visible { background: rgba(142,51,162,0.78); border-color: rgba(218,171,229,0.75); outline: none; }
html[data-theme="purple"][data-tpl="lyrics"] .id-chip, html[data-theme="purple"][data-tpl="lyrics"] .id-btn { background: #1e293b; color: #eaccf0; border: 1px solid #334155; }
html[data-theme="purple"][data-tpl="lyrics"] .id-chip:hover, html[data-theme="purple"][data-tpl="lyrics"] .id-btn:hover { background: #334155; color: #f0dcf5; }
html[data-theme="purple"][data-tpl="lyrics"] tr.selected td { background: #3e1747; }
html[data-theme="purple"][data-tpl="movies"] .poster-card { text-decoration: none; color: inherit; background: #1e293b; border: 1px solid #334155; }
html[data-theme="purple"][data-tpl="movies"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-theme="purple"][data-tpl="movies"] .poster-card img { background: #0f172a; }
html[data-theme="purple"][data-tpl="movies"] .mosaic { filter: saturate(1.08); }
html[data-theme="purple"][data-tpl="movies"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="purple"][data-tpl="music"] .id-chip, html[data-theme="purple"][data-tpl="music"] .id-btn { background: #1e293b; color: #eaccf0; border: 1px solid #334155; }
html[data-theme="purple"][data-tpl="music"] .id-chip:hover, html[data-theme="purple"][data-tpl="music"] .id-btn:hover { background: #334155; color: #f0dcf5; }
html[data-theme="purple"][data-tpl="music"] .poster-card { text-decoration: none; color: inherit; background: #1e293b; border: 1px solid #334155; }
html[data-theme="purple"][data-tpl="music"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-theme="purple"][data-tpl="music"] .poster-card img { background: #0f172a; }
html[data-theme="purple"][data-tpl="music"] .lrclib-fill { background: rgba(15, 23, 42, 0.72); border: 1px solid rgba(148, 163, 184, 0.18); border-left: 4px solid #ec4899; }
html[data-theme="purple"][data-tpl="music"] .lrclib-fill h2 { color: #f9a8d4; }
html[data-theme="purple"][data-tpl="music"] .lrclib-fill .lf-sub { color: #94a3b8; }
html[data-theme="purple"][data-tpl="music"] .lrclib-fill .lf-actions button { background: #1e293b; color: #e2e8f0; border: 1px solid #334155; }
html[data-theme="purple"][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="purple"][data-tpl="music"] .lrclib-fill .lf-actions button:hover:not(:disabled) { filter: brightness(1.08); }
html[data-theme="purple"][data-tpl="music"] .lrclib-fill .lf-status { color: #cbd5e1; }
html[data-theme="purple"][data-tpl="music"] .lrclib-fill .lf-status.running { color: #f9a8d4; }
html[data-theme="purple"][data-tpl="music"] .lrclib-fill .lf-bar { background: rgba(30, 41, 59, 0.9); }
html[data-theme="purple"][data-tpl="music"] .lrclib-fill .lf-bar > span { background: linear-gradient(90deg, #ec4899, #6f287f); }
html[data-theme="purple"][data-tpl="music"] .lrclib-fill .lf-pill { background: rgba(2, 6, 23, 0.55); border: 1px solid rgba(148, 163, 184, 0.22); color: #cbd5e1; }
html[data-theme="purple"][data-tpl="music"] .lrclib-fill .lf-pill strong { color: #f8fafc; }
html[data-theme="purple"][data-tpl="music"] .mosaic { filter: saturate(1.08); }
html[data-theme="purple"][data-tpl="music"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="purple"][data-tpl="shows"] .poster-card { text-decoration: none; color: inherit; background: #1e293b; border: 1px solid #334155; }
html[data-theme="purple"][data-tpl="shows"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-theme="purple"][data-tpl="shows"] .poster-card img { background: #0f172a; }
html[data-theme="purple"][data-tpl="shows"] .mosaic { filter: saturate(1.08); }
html[data-theme="purple"][data-tpl="shows"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="purple"][data-tpl="status"] .st-wrap .muted { color: #94a3b8; }
html[data-theme="purple"][data-tpl="status"] .st-wrap nav a { color: #eaccf0; text-decoration: none; }
html[data-theme="purple"][data-tpl="status"] .st-wrap nav a:hover, html[data-theme="purple"][data-tpl="status"] .st-wrap nav a.active { color: #fff; }
html[data-theme="purple"][data-tpl="status"] .st-bw { background: rgba(15,23,42,0.72); border: 1px solid rgba(148,163,184,0.18); }
html[data-theme="purple"][data-tpl="status"] .st-bw h2 { color: #ecd2f2; }
html[data-theme="purple"][data-tpl="status"] .st-bw-period { color: #94a3b8; }
html[data-theme="purple"][data-tpl="status"] .st-bw-period select { color: #f8fafc; border: 1px solid rgba(148,163,184,0.28); }
html[data-theme="purple"][data-tpl="status"] .st-bw-period select:focus { outline: none; border-color: rgba(198,125,214,0.7); box-shadow: 0 0 0 3px rgba(147,53,168,0.2); }
html[data-theme="purple"][data-tpl="status"] .st-bw-primary { background: linear-gradient(145deg, rgba(75,27,85,0.35), rgba(2,6,23,0.55)); border: 1px solid rgba(198,125,214,0.22); }
html[data-theme="purple"][data-tpl="status"] .st-bw-primary .eyebrow { color: #ecd2f2; }
html[data-theme="purple"][data-tpl="status"] .st-bw-primary .big { color: #f8fafc; }
html[data-theme="purple"][data-tpl="status"] .st-bw-primary .up { color: #cbd5e1; }
html[data-theme="purple"][data-tpl="status"] .st-bw-primary .up span { color: #94a3b8; }
html[data-theme="purple"][data-tpl="status"] .st-bw-primary .foot { color: #94a3b8; }
html[data-theme="purple"][data-tpl="status"] .st-bw details summary { color: #eaccf0; }
html[data-theme="purple"][data-tpl="status"] .st-bw details summary::before { color: #64748b; }
html[data-theme="purple"][data-tpl="status"] .st-bw pre { background: rgba(2,6,23,0.55); border: 1px solid rgba(148,163,184,0.12); color: #cbd5e1; }
html[data-theme="purple"][data-tpl="status"] .mosaic { filter: saturate(1.08); }
html[data-theme="purple"][data-tpl="status"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
@media (hover: hover) and (pointer: fine) { html[data-theme="purple"][data-tpl] .mosaic .tile.is-mhover { filter: brightness(1.18) saturate(1.25) !important; box-shadow: inset 0 0 0 3px rgba(150,54,172,0.85), 0 0 18px rgba(150,54,172,0.45); } }
html[data-theme="purple"][data-tpl] .hub-nav-dd-menu { background: rgba(15,23,42,0.97); border: 1px solid rgba(148,163,184,0.28); box-shadow: 0 12px 30px rgba(0,0,0,0.5); }
html[data-theme="purple"][data-tpl] .hub-nav-dd-menu a { color: #cbd5e1 !important; text-decoration: none !important; }
html[data-theme="purple"][data-tpl] .hub-nav-dd-menu a:hover { background: rgba(255,255,255,0.08); color: #fff !important; }
html[data-theme="purple"][data-tpl] .hub-nav-dd-menu a.cur { color: #fff !important; background: rgba(128,46,146,0.16); }
html[data-theme="purple"][data-tpl] .hmd { --hmd-bg: rgba(25,9,28,0.94); --hmd-line: rgba(210,152,222,0.32); --hmd-acc: #d298de; --hmd-acc2: #deb4e7; --hmd-fg: #f0dcf4; color: var(--hmd-fg); }
html[data-theme="purple"][data-tpl] .hmd svg { fill: currentColor; }
html[data-theme="purple"][data-tpl] .hmd svg path { fill: currentColor; }
html[data-theme="purple"][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 rgba(75,27,86,0.28); backdrop-filter: blur(18px) saturate(1.35); }
html[data-theme="purple"][data-tpl] .hmd button { color: inherit; }
html[data-theme="purple"][data-tpl] .hmd-cover { background: linear-gradient(135deg, #3e1647, #260f2b); border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 4px 14px rgba(0,0,0,0.4); }
html[data-theme="purple"][data-tpl] .hmd-icon { border: 0; background: transparent; color: var(--hmd-fg); }
html[data-theme="purple"][data-tpl] .hmd-icon:hover { background: rgba(181,88,202,0.16); }
html[data-theme="purple"][data-tpl] .hmd-icon:focus-visible { outline: 2px solid var(--hmd-acc); }
html[data-theme="purple"][data-tpl] .hmd .hmd-play { background: var(--hmd-fg); color: #260f2b; box-shadow: 0 0 18px rgba(181,88,202,0.45); }
html[data-theme="purple"][data-tpl] .hmd .hmd-play:hover { background: #fff; color: #260f2b; }
html[data-theme="purple"][data-tpl] .hmd .hmd-play svg { fill: #260f2b; color: #260f2b; }
html[data-theme="purple"][data-tpl] .hmd .hmd-play svg path { fill: #260f2b; }
html[data-theme="purple"][data-tpl] .hmd .hmd-prev, html[data-theme="purple"][data-tpl] .hmd .hmd-next { color: var(--hmd-fg); }
html[data-theme="purple"][data-tpl] .hmd-repeat.on { color: var(--hmd-acc); }
html[data-theme="purple"][data-tpl] .hmd-range { background: transparent; }
html[data-theme="purple"][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="purple"][data-tpl] .hmd-range::-moz-range-track { background: rgba(255,255,255,0.18); }
html[data-theme="purple"][data-tpl] .hmd-range::-moz-range-progress { background: var(--hmd-acc); }
html[data-theme="purple"][data-tpl] .hmd-range::-webkit-slider-thumb { background: #fff; border: 0; box-shadow: 0 0 0 3px rgba(181,88,202,0.35); }
html[data-theme="purple"][data-tpl] .hmd-range::-moz-range-thumb { background: #fff; border: 0; }
html[data-theme="purple"][data-tpl] .hmd-toast { background: rgba(58,20,66,0.97); border: 1px solid var(--hmd-line); box-shadow: 0 8px 24px rgba(0,0,0,0.5); }
html[data-theme="purple"][data-tpl] .hmd-sheet { background: rgba(28,10,32,0.97); border: 1px solid var(--hmd-line); box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 30px rgba(75,27,86,0.3); backdrop-filter: blur(18px); }
html[data-theme="purple"][data-tpl] .hmd-tabs button { border: 1px solid transparent; background: transparent; color: var(--hmd-dim); }
html[data-theme="purple"][data-tpl] .hmd-tabs button.on { color: var(--hmd-fg); background: rgba(75,27,86,0.6); border-color: rgba(207,147,221,0.45); }
html[data-theme="purple"][data-tpl] .hmd-pill { border: 1px solid rgba(255,255,255,0.16); background: rgba(75,27,86,0.42); color: var(--hmd-fg); }
html[data-theme="purple"][data-tpl] .hmd-pill:hover, html[data-theme="purple"][data-tpl] .hmd-pill.on { background: rgba(123,44,141,0.7); border-color: rgba(207,147,221,0.7); }
html[data-theme="purple"][data-tpl] .hmd-input { background: rgba(255,255,255,0.06); border: 1px solid rgba(207,147,221,0.35); color: var(--hmd-fg); outline: none; }
html[data-theme="purple"][data-tpl] .hmd-input:focus { border-color: var(--hmd-acc); box-shadow: 0 0 0 3px rgba(181,88,202,0.2); }
html[data-theme="purple"][data-tpl] .hmd-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); }
html[data-theme="purple"][data-tpl] .hmd-card:hover { background: rgba(123,44,141,0.18); border-color: rgba(207,147,221,0.35); }
html[data-theme="purple"][data-tpl] .hmd-card-art { background: #33123a; color: var(--hmd-acc2); }
html[data-theme="purple"][data-tpl] .hmd-row:hover { background: rgba(123,44,141,0.14); }
html[data-theme="purple"][data-tpl] .hmd-row.is-cur { background: rgba(123,44,141,0.26); }
html[data-theme="purple"][data-tpl] .hmd-row.is-cur .hmd-row-t { color: var(--hmd-acc2); }
html[data-theme="purple"][data-tpl] .hmd-row-art { background: #33123a; }
html[data-theme="purple"][data-tpl] .hmd-row-s { color: var(--hmd-dim); }
html[data-theme="purple"][data-tpl] .hmd-mini { border: 0; background: transparent; color: var(--hmd-dim); box-shadow: none; }
html[data-theme="purple"][data-tpl] .hmd-mini:hover { color: var(--hmd-fg); background: rgba(181,88,202,0.2); }
@media (max-width: 640px) { html[data-theme="purple"][data-tpl] .hmd-sheet { border-bottom: 0; } }
html[data-theme="purple"][data-tpl] .hmd-acct-err a.hmd-pill { text-decoration: none; }
html[data-theme="purple"][data-tpl] .hmd .hmd-dl-btn.is-dl { color: #e5c2ed; }
html[data-theme="purple"][data-tpl] .hmd-set { border-bottom: 1px solid rgba(255,255,255,0.06); }
html[data-theme="purple"][data-tpl] .hmd-set small { color: var(--hmd-dim); }
html[data-theme="purple"][data-tpl] .hmd-set select { background: #2d1033; color: var(--hmd-fg); border: 1px solid rgba(207,147,221,0.4); }
html[data-theme="purple"][data-tpl] .hmd-set input[type="checkbox"] { accent-color: var(--hmd-acc); }
html[data-theme="purple"][data-tpl] .hmv { background: #0b040c; color: var(--hmd-fg); }
html[data-theme="purple"][data-tpl] .hmv-art img { box-shadow: 0 20px 80px rgba(123,44,141,0.45); }
html[data-theme="purple"][data-tpl] .hmv-modes { background: rgba(31,10,36,0.7); border: 1px solid var(--hmd-line); }
html[data-theme="purple"][data-tpl] .hmv-modes button { border: 0; background: transparent; color: var(--hmd-dim); }
html[data-theme="purple"][data-tpl] .hmv-modes button.on { background: rgba(123,44,141,0.75); color: #fff; }
html[data-theme="purple"][data-tpl] .hmd-badges > span { background: rgba(123,44,141,0.45); color: var(--hmd-fg); }
html[data-theme="purple"][data-tpl] .hmd-shuffle.on, html[data-theme="purple"][data-tpl] .hmd .hmd-icon.on { color: var(--hmd-acc); }
html[data-theme="purple"][data-tpl] .hmd-star-btn.on, html[data-theme="purple"][data-tpl] .hmd-star-mini { color: #fbbf24; }
html[data-theme="purple"][data-tpl] .hmd-row.is-drag { background: rgba(123,44,141,0.35); box-shadow: 0 6px 24px rgba(0,0,0,0.45); }
html[data-theme="purple"][data-tpl] .hmd-row.is-drag .hmd-drag { color: var(--hmd-fg); }
html[data-theme="purple"][data-tpl] .hmd-card-more { border: 0; background: rgba(25,9,28,0.72); color: var(--hmd-fg); }
html[data-theme="purple"][data-tpl] .hmd-card-more:hover, html[data-theme="purple"][data-tpl] .hmd-card-more:focus-visible { background: rgba(123,44,141,0.85); }
html[data-theme="purple"][data-tpl] .hmd-star-pill.on { color: #fde68a; }
html[data-theme="purple"][data-tpl] .hmd-rate button.on, html[data-theme="purple"][data-tpl] .hmd-menu-rate button.on { color: #fbbf24; }
html[data-theme="purple"][data-tpl] .hmd-menu { background: rgba(37,13,42,0.98); border: 1px solid rgba(181,88,202,0.4); box-shadow: 0 16px 48px rgba(0,0,0,0.55); color: #f8effa; }
html[data-theme="purple"][data-tpl] .hmd-menu-t { color: #b8acd6; border-bottom: 1px solid rgba(181,88,202,0.25); }
html[data-theme="purple"][data-tpl] .hmd-menu > button { border: 0; background: transparent; color: inherit; }
html[data-theme="purple"][data-tpl] .hmd-menu > button:hover, html[data-theme="purple"][data-tpl] .hmd-menu > button:focus-visible { background: rgba(123,44,141,0.45); outline: none; }
html[data-theme="purple"][data-tpl] .hmd-modal { background: rgba(8,3,9,0.6); }
html[data-theme="purple"][data-tpl] .hmd-modal-box { background: #260f2b; color: #f8effa; border: 1px solid rgba(181,88,202,0.45); box-shadow: 0 20px 60px rgba(0,0,0,0.6); }
html[data-theme="purple"][data-tpl] .hmd-modal-box .hmd-input { background: rgba(255,255,255,0.06); border: 1px solid rgba(207,147,221,0.35); color: #f8effa; }
html[data-theme="purple"][data-tpl] .hmd-modal-box .hmd-pill { border: 1px solid rgba(255,255,255,0.16); background: rgba(75,27,86,0.42); color: #f8effa; }
html[data-theme="purple"][data-tpl] .hmd-modal-box .hmd-pill.on { background: rgba(123,44,141,0.85); }
html[data-theme="purple"][data-tpl] .hmd-set input[type="range"] { accent-color: var(--hmd-acc); }
html[data-theme="purple"][data-tpl] .hmd-tag { background: rgba(123,44,141,0.6); color: #fff; }
html[data-theme="purple"][data-tpl] .hmd-tag-you { background: rgba(81,29,93,0.55); }
html[data-theme="purple"][data-tpl] .hmv-tools { background: rgba(31,10,36,0.6); border: 1px solid var(--hmd-line); }
html[data-theme="purple"][data-tpl] .hmv-tools .hmd-icon.on { color: var(--hmd-acc); }
html[data-theme="purple"][data-tpl] .hmv-star.on { color: #fbbf24 !important; }
html[data-theme="purple"][data-tpl] .hmv-shuffle.on, html[data-theme="purple"][data-tpl] .hmv-repeat.on { color: var(--hmd-acc); }
html[data-theme="purple"][data-tpl] .hmv-lyr-line { color: rgba(248,239,250,0.42); text-shadow: 0 2px 12px rgba(0,0,0,0.6); }
html[data-theme="purple"][data-tpl] .hmv-lyr-line:hover { color: rgba(248,239,250,0.7); }
html[data-theme="purple"][data-tpl] .hmv-lyr-line.is-cur { color: #fff; }
html[data-theme="purple"][data-tpl] .hmv-lyr-line.is-plain { color: rgba(248,239,250,0.85); }
html[data-theme="purple"][data-tpl] .hmd-member.is-away .hmd-avatar { filter: grayscale(1); }
html[data-theme="purple"][data-tpl] .hmd-member.is-live .hmd-avatar { box-shadow: 0 0 0 2px #541e60, 0 0 12px rgba(84,30,96,0.45); }
html[data-theme="purple"][data-tpl] .hmd-eqbars i { background: #541e60; }
html[data-theme="purple"][data-tpl] .hmd-member.is-live .hmd-row-s { color: #e5c2ed; }
html[data-theme="purple"][data-tpl] .hmv-queue { background: rgba(17,6,19,0.72); backdrop-filter: blur(10px); }
html[data-theme="purple"][data-tpl] .hmv-q-row.is-cur { background: rgba(181,88,202,0.18); }
html[data-theme="purple"][data-tpl] .hmv-q-t small { color: var(--hmd-dim); }
html[data-theme="purple"][data-tpl] .hmv-q-row.is-cur b { color: var(--hmd-acc2); }
html[data-theme="purple"][data-tpl] body.hm-app .hmd .hmv-ctrls .hmv-play { background: var(--hmd-fg); color: #260f2b; box-shadow: 0 0 18px rgba(181,88,202,0.45); }
html[data-theme="purple"][data-tpl] body.hm-app .hmd .hmv-ctrls .hmv-play svg, html[data-theme="purple"][data-tpl] body.hm-app .hmd .hmv-ctrls .hmv-play svg path { fill: #260f2b; color: #260f2b; }
html[data-theme="purple"][data-tpl] .hmv-lyr-line.is-cur { color: #fff; text-shadow: 0 0 18px rgba(207,147,221,0.55), 0 2px 12px rgba(0,0,0,0.6); }
html[data-theme="purple"][data-tpl] .hmv-lyr-line.is-cur .hmv-lyr-n { color: var(--hmd-acc2); }
html[data-theme="purple"][data-tpl] .hm-is-dl .hma-song-t::before, html[data-theme="purple"][data-tpl] .hm-is-dl .hmd-row-t::before, html[data-theme="purple"][data-tpl] .hm-is-dl .hmv-q-t b::before, html[data-theme="purple"][data-tpl] .hm-all-dl .hma-hero-kind::before, html[data-theme="purple"][data-tpl] .hm-all-dl .hmd-album-t::before { background-color: var(--hma-green, #541e60); }
html[data-theme="purple"][data-tpl] .hmd-dlstatus { border: 1px solid rgba(181,88,202,0.35); background: rgba(44,15,51,0.96); color: #f7ecf9; box-shadow: 0 8px 26px rgba(0,0,0,0.55); }
html[data-theme="purple"][data-tpl] .hmd-dlq { background: rgba(123,44,141,0.14); border: 1px solid rgba(181,88,202,0.22); }
html[data-theme="purple"][data-tpl] .hm-lfm { color: inherit; text-decoration: none; }
html[data-theme="purple"][data-tpl] .hm-lfm:hover, html[data-theme="purple"][data-tpl] .hm-lfm:focus-visible { color: var(--hmd-fg, var(--hma-fg, #f8effa)); }
html[data-theme="purple"][data-tpl] .hm-lfm:hover .hm-lfm-n { text-decoration: underline; }
html[data-theme="purple"][data-tpl] .hm-lfm-mark { border: 1px solid currentColor; color: var(--hmd-acc2, var(--hma-acc2, #efd8f4)); }
html[data-theme="purple"][data-tpl] .hm-lfm-you { color: var(--hmd-acc2, var(--hma-acc2, #efd8f4)); }

/* ===== teal ===== */
html[data-theme="teal"][data-tpl] { --accent: #90d2dc; }
html[data-theme="teal"][data-tpl] header:not(.hub-top) { border-bottom: 1px solid var(--border); background: var(--panel); }
html[data-theme="teal"][data-tpl] header:not(.hub-top) p { color: var(--muted); }
html[data-theme="teal"][data-tpl] header:not(.hub-top) nav a, html[data-theme="teal"][data-tpl] .bar nav a { color: var(--accent); text-decoration: none; }
html[data-theme="teal"][data-tpl] header:not(.hub-top) nav a:hover, html[data-theme="teal"][data-tpl] .bar nav a:hover { text-decoration: underline; }
html[data-theme="teal"][data-tpl] header:not(.hub-top) nav a.active, html[data-theme="teal"][data-tpl] .bar nav a.active { color: var(--text); }
html[data-theme="teal"][data-tpl] .title-item, html[data-theme="teal"][data-tpl] .list-item { border: 1px solid transparent; background: #12151b; color: inherit; text-decoration: none; }
html[data-theme="teal"][data-tpl] .title-item:hover, html[data-theme="teal"][data-tpl] .title-item.active, html[data-theme="teal"][data-tpl] .list-item:hover { border-color: var(--accent); }
html[data-theme="teal"][data-tpl] .title-item .meta, html[data-theme="teal"][data-tpl] .list-item .meta { color: var(--muted); }
@media (max-width: 800px) { html[data-theme="teal"][data-tpl] .cue-table tr.cue-row { border: 1px solid var(--border); background: #12151b; } }
@media (max-width: 800px) { html[data-theme="teal"][data-tpl] .cue-table tr.cue-row td { border-bottom: none; } }
html[data-theme="teal"][data-tpl] tr.cue-row.selected, html[data-theme="teal"][data-tpl] tr.cue-row.selected td { background: rgba(88,188,204,0.12); }
html[data-theme="teal"][data-tpl] tr.cue-row.selected { outline: 1px solid rgba(88,188,204,0.35); }
html[data-theme="teal"][data-tpl] .cmd-builder-modes button.mode.active { background: var(--accent); color: #0b1020; border-color: transparent; }
html[data-theme="teal"][data-tpl] { --rating-purple: #5cbdcb; --rating-purple-glow: rgba(92,189,203,0.55); }
html[data-theme="teal"][data-tpl] .stars { color: var(--rating-purple); text-shadow: 0 0 10px var(--rating-purple-glow); }
html[data-theme="teal"][data-tpl] .stars .star.half { background: linear-gradient(90deg, var(--rating-purple) 50%, rgba(31,92,102,0.25) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html[data-theme="teal"][data-tpl] .stars .avg-num { color: #e4f5f7; }
html[data-theme="teal"][data-tpl] .rating-users .ru { color: #cbd5e1; }
html[data-theme="teal"][data-tpl] .detail-veil { background: linear-gradient(90deg, rgba(4,7,14,0.92) 0%, rgba(4,7,14,0.72) 42%, rgba(4,7,14,0.55) 100%),
    radial-gradient(ellipse at 70% 40%, rgba(31,92,102,0.22), transparent 55%); }
html[data-theme="teal"][data-tpl] .detail-panel { border: 1px solid rgba(31,92,102,0.55); background: rgba(10, 14, 24, 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: #e8eaed; }
html[data-theme="teal"][data-tpl] .detail-meta { color: #d8f0f4; }
html[data-theme="teal"][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="teal"][data-tpl] .hub-user-chip-btn:hover, html[data-theme="teal"][data-tpl] .hub-user-chip-btn:focus-visible, html[data-theme="teal"][data-tpl] .hub-user-chip.is-open .hub-user-chip-btn { border-color: rgba(129,205,216,0.65); background: rgba(57,169,186,0.28); outline: none; }
html[data-theme="teal"][data-tpl] .hub-user-logout { text-decoration: none; color: #e2e8f0; background: rgba(51,65,85,0.7); border: 1px solid rgba(148,163,184,0.35); }
html[data-theme="teal"][data-tpl] .hub-user-logout:hover, html[data-theme="teal"][data-tpl] .hub-user-logout:focus-visible { color: #fff; background: rgba(57,169,186,0.5); border-color: rgba(129,205,216,0.55); outline: none; }
@media (max-width: 768px) { html[data-theme="teal"][data-tpl] header.hub-top nav a, html[data-theme="teal"][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="teal"][data-tpl] .hub-top { background: linear-gradient(180deg, rgba(6,10,20,0.94) 0%, rgba(6,10,20,0.78) 72%, rgba(6,10,20,0.55) 100%); backdrop-filter: blur(10px) saturate(1.15); border-bottom: 1px solid rgba(100,193,207,0.12); }
html[data-theme="teal"][data-tpl] body.hub .hub-top { background: linear-gradient(180deg, rgba(6,10,20,0.94) 0%, rgba(6,10,20,0.78) 72%, rgba(6,10,20,0) 100%); border-bottom: 0; }
html[data-theme="teal"][data-tpl] .hub-server-link { border: 1px solid rgba(100,193,207,0.45); box-shadow: 0 6px 22px rgba(0,0,0,0.35), 0 0 0 2px rgba(31,92,102,0.25); text-decoration: none; }
html[data-theme="teal"][data-tpl] .hub-server-icon { background: #13282b; }
html[data-theme="teal"][data-tpl] .hub-top h1 { color: #f1f5f9; text-shadow: 0 1px 10px rgba(0,0,0,0.55); }
html[data-theme="teal"][data-tpl] .hub-top h1 .hub-title-accent { color: #d8f0f4; background: linear-gradient(120deg, #64c1cf 0%, #92d4de 45%, #bee5eb 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; filter: drop-shadow(0 1px 8px rgba(31,92,102,0.45)); }
html[data-theme="teal"][data-tpl] .hub-top h1 .hub-title-sep { color: #c8eaef; background: none; -webkit-text-fill-color: #c8eaef; filter: none; }
html[data-theme="teal"][data-tpl] .hub-quote, html[data-theme="teal"][data-tpl] .hub-top .hub-sub { color: #c8eaef; text-shadow: 0 1px 6px rgba(0,0,0,0.45); }
html[data-theme="teal"][data-tpl] .hub-top .hub-sub { color: #d8f0f4; }
html[data-theme="teal"][data-tpl] .hub-top nav a, html[data-theme="teal"][data-tpl] .hub-top .hub-nav a { color: #cbd5e1 !important; text-decoration: none !important; }
html[data-theme="teal"][data-tpl] .hub-top nav a:hover, html[data-theme="teal"][data-tpl] .hub-top .hub-nav a:hover, html[data-theme="teal"][data-tpl] .hub-top nav a.active, html[data-theme="teal"][data-tpl] .hub-top .hub-nav a.active { color: #fff !important; text-decoration: none !important; }
html[data-theme="teal"][data-tpl] .hub-top nav a.hub-nav-slsk, html[data-theme="teal"][data-tpl] .hub-top .hub-nav a.hub-nav-slsk { color: #fcd34d !important; }
html[data-theme="teal"][data-tpl] .hub-top nav a.hub-nav-slsk:hover, html[data-theme="teal"][data-tpl] .hub-top .hub-nav a.hub-nav-slsk:hover { color: #fde68a !important; }
@media (max-width: 768px) { html[data-theme="teal"][data-tpl] .hub-top nav a, html[data-theme="teal"][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="teal"][data-tpl] .hub-top nav a:hover, html[data-theme="teal"][data-tpl] .hub-top .hub-nav a:hover, html[data-theme="teal"][data-tpl] .hub-top nav a.active, html[data-theme="teal"][data-tpl] .hub-top .hub-nav a.active { background: rgba(100,193,207,0.18); border-color: rgba(100,193,207,0.35); } }
html[data-theme="teal"][data-tpl] a.hub-music-sso, html[data-theme="teal"][data-tpl] button.hub-music-sso { border: 1px solid rgba(100,193,207,0.55); color: #eff9fa; text-decoration: none; background: linear-gradient(135deg, rgba(31,92,102,0.72), rgba(31,92,102,0.55) 55%, rgba(20,46,50,0.45)); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35),
    0 0 22px rgba(100,193,207,0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.18); backdrop-filter: blur(12px) saturate(1.25); }
html[data-theme="teal"][data-tpl] a.hub-music-sso:hover, html[data-theme="teal"][data-tpl] button.hub-music-sso:hover { border-color: rgba(146,212,222,0.85); background: linear-gradient(135deg, rgba(34,101,111,0.85), rgba(36,107,118,0.65) 55%, rgba(20,58,64,0.55)); box-shadow: 0 12px 36px rgba(0, 0, 0, 0.42),
    0 0 30px rgba(100,193,207,0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.24); filter: brightness(1.05); }
html[data-theme="teal"][data-tpl] a.hub-music-sso:focus-visible, html[data-theme="teal"][data-tpl] button.hub-music-sso:focus-visible { outline: 2px solid #92d4de; }
html[data-theme="teal"][data-tpl] .hub-music-sso .hub-music-sso-ico { filter: drop-shadow(0 1px 4px rgba(0,0,0,.45)); }
html[data-theme="teal"][data-tpl] .hub-music-sso .hub-music-sso-sub { color: #e4f5f7; }
html[data-theme="teal"][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="teal"][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="teal"][data-tpl] .hub-music-player { border: 1px solid rgba(100,193,207,0.45); background: rgba(10,29,32,0.92); box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55),
    0 0 28px rgba(31,92,102,0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.12); backdrop-filter: blur(16px) saturate(1.3); color: #eff9fa; }
html[data-theme="teal"][data-tpl] .hub-music-player-bar .title span { color: #d8f0f4; }
html[data-theme="teal"][data-tpl] .hub-music-player-bar a, html[data-theme="teal"][data-tpl] .hub-music-player-bar button { border: 1px solid rgba(255,255,255,0.16); background: rgba(31,92,102,0.45); color: #eff9fa; text-decoration: none; }
html[data-theme="teal"][data-tpl] .hub-music-player-bar a:hover, html[data-theme="teal"][data-tpl] .hub-music-player-bar button:hover { border-color: rgba(146,212,222,0.7); background: rgba(34,101,111,0.65); }
html[data-theme="teal"][data-tpl] .hub-music-player-frame-wrap { border-top: 1px solid rgba(100,193,207,0.28); background: #071112; }
html[data-theme="teal"][data-tpl] .hub-music-player-frame-wrap iframe { border: 0; background: #071112; }
html[data-theme="teal"][data-tpl] body.hub-detail { --hub-accent: #9fd8e1; --hub-glow: rgba(92,189,203,0.35); background: var(--hub-bg); color: var(--hub-text); }
html[data-theme="teal"][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="teal"][data-tpl] body.hub-detail .md-backdrop::after { background: radial-gradient(ellipse at 50% 28%, rgba(6, 10, 20, 0.28) 0%, rgba(6, 10, 20, 0.52) 55%, rgba(4, 7, 14, 0.72) 100%); }
html[data-theme="teal"][data-tpl] body.hub-detail.has-backdrop { background: var(--hub-bg); }
html[data-theme="teal"][data-tpl] body.hub-detail.has-backdrop .md-top { background: rgba(8, 12, 22, 0.42); border-bottom-color: rgba(255, 255, 255, 0.12); }
html[data-theme="teal"][data-tpl] body.hub-detail header.md-top { border-bottom: 1px solid rgba(255, 255, 255, 0.14); background: rgba(8, 12, 22, 0.55); backdrop-filter: blur(14px) saturate(1.25); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28); }
html[data-theme="teal"][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="teal"][data-tpl] body.hub-detail .md-back:hover { background: rgba(255, 255, 255, 0.14); text-decoration: none; color: #fff; }
html[data-theme="teal"][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="teal"][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="teal"][data-tpl] body.hub-detail .md-nav a { color: #cbd5e1; text-decoration: none; }
html[data-theme="teal"][data-tpl] body.hub-detail .md-nav a:hover, html[data-theme="teal"][data-tpl] body.hub-detail .md-nav a.active { color: #fff; text-decoration: none; }
html[data-theme="teal"][data-tpl] body.hub-detail .md-poster { border: 1px solid var(--hub-border); background: #0b1220; 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="teal"][data-tpl] body.hub-detail .md-hero-meta .md-kind { color: #d8f0f4; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55); }
html[data-theme="teal"][data-tpl] body.hub-detail .md-hero-meta h2 { color: #f8fafc; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65); }
html[data-theme="teal"][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="teal"][data-tpl] body.hub-detail .panel, html[data-theme="teal"][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="teal"][data-tpl] body.hub-detail.has-backdrop .panel, html[data-theme="teal"][data-tpl] body.hub-detail.has-backdrop .md-panel { background: rgba(8, 12, 24, 0.42); }
html[data-theme="teal"][data-tpl] body.hub-detail .list-item, html[data-theme="teal"][data-tpl] body.hub-detail .title-item { background: rgba(8, 12, 22, 0.38); border: 1px solid transparent; }
html[data-theme="teal"][data-tpl] body.hub-detail .list-item:hover, html[data-theme="teal"][data-tpl] body.hub-detail .title-item:hover, html[data-theme="teal"][data-tpl] body.hub-detail .title-item.active { border-color: rgba(112,198,211,0.45); background: rgba(15, 23, 42, 0.55); }
html[data-theme="teal"][data-tpl] body.hub-detail .season-h, html[data-theme="teal"][data-tpl] body.hub-detail .crumb { color: var(--hub-muted); text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); }
html[data-theme="teal"][data-tpl] body.hub-detail .crumb a { color: var(--hub-accent); }
html[data-theme="teal"][data-tpl] body.hub-detail input[type="search"], html[data-theme="teal"][data-tpl] body.hub-detail input[type="text"], html[data-theme="teal"][data-tpl] body.hub-detail .file-toolbar input { background: rgba(8, 12, 24, 0.5) !important; border-color: rgba(255, 255, 255, 0.18) !important; backdrop-filter: blur(10px) saturate(1.15); }
html[data-theme="teal"][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="teal"][data-tpl] body.hub-detail button:not(.primary):not(.mode):hover { background: rgba(255, 255, 255, 0.14); }
html[data-theme="teal"][data-tpl] body.hub-detail .cue-table th, html[data-theme="teal"][data-tpl] body.hub-detail .music-table th { color: var(--hub-muted); border-bottom-color: rgba(255, 255, 255, 0.12); background: rgba(8, 12, 22, 0.35); }
html[data-theme="teal"][data-tpl] body.hub-detail tr.cue-row td, html[data-theme="teal"][data-tpl] body.hub-detail tr.selectable td { background: transparent; }
html[data-theme="teal"][data-tpl] body.hub-detail tr.cue-row:hover td, html[data-theme="teal"][data-tpl] body.hub-detail tr.selectable:hover td { background: rgba(30, 41, 59, 0.42); }
html[data-theme="teal"][data-tpl] body.hub-detail tr.cue-row.selected td, html[data-theme="teal"][data-tpl] body.hub-detail tr.selected td { background: rgba(24,70,77,0.48); }
html[data-theme="teal"][data-tpl] body.hub-detail .sticky-stack { background: rgba(8, 12, 24, 0.55) !important; border-top-color: rgba(255, 255, 255, 0.12) !important; backdrop-filter: blur(14px) saturate(1.2) !important; }
html[data-theme="teal"][data-tpl] body.hub-detail .sticky-actions { background: transparent !important; }
html[data-theme="teal"][data-tpl] body.hub-detail .cmd-builder { background: rgba(8, 12, 24, 0.35) !important; border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
html[data-theme="teal"][data-tpl] body.hub-detail.has-backdrop .sticky-stack { background: rgba(8, 12, 24, 0.42) !important; }
html[data-theme="teal"][data-tpl] body.hub-detail .album-hero img { background: #0b1220; border: 1px solid var(--hub-border); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45); }
html[data-theme="teal"][data-tpl] body.hub-detail .album-hero h2 { color: #f8fafc; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65); }
html[data-theme="teal"][data-tpl] body.hub-detail .album-detail .back a, html[data-theme="teal"][data-tpl] body.hub-detail .lyrics-block .back a { color: var(--hub-accent); text-decoration: none; }
html[data-theme="teal"][data-tpl] body.hub-detail .poster-card { background: rgba(30, 41, 59, 0.55); border: 1px solid rgba(255, 255, 255, 0.12); backdrop-filter: blur(8px); }
html[data-theme="teal"][data-tpl] body.hub-detail.browse-mosaic:not(.has-backdrop) .panel { background: rgba(8, 12, 24, 0.55); border: 1px solid rgba(255, 255, 255, 0.14); backdrop-filter: blur(14px) saturate(1.2); }
html[data-theme="teal"][data-tpl] body.hub-detail.browse-mosaic .mosaic .tile { filter: brightness(0.78) saturate(1.05); }
html[data-theme="teal"][data-tpl] body.hub-detail.browse-mosaic .mosaic-veil { background: radial-gradient(ellipse at 50% 28%, rgba(6, 10, 20, 0.32) 0%, rgba(6, 10, 20, 0.58) 58%, rgba(4, 7, 14, 0.78) 100%) !important; }
html[data-theme="teal"][data-tpl] body.hub-detail.reader { background: #050508; }
html[data-theme="teal"][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="teal"][data-tpl] body.hub-detail.reader .md-reader-actions button { color: #e2e8f0; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.18); }
html[data-theme="teal"][data-tpl] body.hub-detail.reader .md-reader-actions button:hover { background: rgba(255, 255, 255, 0.14); }
html[data-theme="teal"][data-tpl] body.hub-detail.reader .md-titles h1 { text-shadow: 0 1px 6px #000; }
html[data-theme="teal"][data-tpl] body.hub-detail.reader .md-page-num { color: #e2e8f0; }
@media (max-width: 720px) { html[data-theme="teal"][data-tpl] body.hub-detail .md-nav { border-top: 1px solid rgba(255, 255, 255, 0.1); } }
@media (max-width: 720px) { html[data-theme="teal"][data-tpl] body.hub-detail .cue-table tr.cue-row { background: rgba(8, 12, 22, 0.45) !important; border-color: rgba(255, 255, 255, 0.12) !important; backdrop-filter: blur(10px); } }
html[data-theme="teal"][data-tpl] body.hub-detail.file-page .md-backdrop { filter: saturate(1.12) brightness(0.9); }
html[data-theme="teal"][data-tpl] body.hub-detail.file-page.has-backdrop main .panel.file-panel { background: rgba(8, 12, 24, 0.38); border-color: rgba(255, 255, 255, 0.14); }
html[data-theme="teal"][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="teal"][data-tpl] body.hub-detail .md-meta-overview { color: #dbe3f0; background: rgba(8, 12, 24, 0.4); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); }
html[data-theme="teal"][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: rgba(8, 12, 22, 0.42); backdrop-filter: blur(8px); }
html[data-theme="teal"][data-tpl] body.hub-detail .md-meta-links a:hover { border-color: rgba(112,198,211,0.55); background: rgba(15, 23, 42, 0.62); }
html[data-theme="teal"][data-tpl] body.hub-detail .md-meta-rating .official { color: #d8f0f4; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); }
html[data-theme="teal"][data-tpl] body.hub-detail .md-meta-users { background: rgba(8, 12, 24, 0.36); border: 1px solid rgba(255, 255, 255, 0.08); }
html[data-theme="teal"][data-tpl] body.hub-detail .md-meta-rating .score-chip { border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(8, 12, 22, 0.42); color: #e8f6f8; text-decoration: none; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); backdrop-filter: blur(8px); }
html[data-theme="teal"][data-tpl] body.hub-detail .md-meta-rating .score-chip:hover { border-color: rgba(112,198,211,0.55); background: rgba(15, 23, 42, 0.62); }
html[data-theme="teal"][data-tpl] body.hub-detail .md-meta-rating .score-chip .score-label { color: var(--hub-muted); }
html[data-theme="teal"][data-tpl] body.hub-detail .md-meta-rating .score-chip.imdb .score-value { color: #f5c518; }
html[data-theme="teal"][data-tpl] body.hub-detail .md-meta-rating .score-chip.letterboxd .score-value { color: #9ae6b4; }
html[data-theme="teal"][data-tpl] body.hub-detail .md-meta-rating .score-chip.discord { border-color: rgba(31,92,102,0.55); color: #e4f5f7; }
html[data-theme="teal"][data-tpl] body.hub-detail .md-meta-rating .score-chip.discord .score-label { color: #d8f0f4; }
html[data-theme="teal"][data-tpl] body.hub-detail .md-meta-rating .no-reviews { color: var(--hub-muted); }
html[data-theme="teal"][data-tpl] body.hub-detail .md-reviews details { background: rgba(8, 12, 24, 0.36); border: 1px solid rgba(255, 255, 255, 0.08); }
html[data-theme="teal"][data-tpl] body.hub-detail .md-reviews summary { color: #d8f0f4; }
html[data-theme="teal"][data-tpl] body.hub-detail .md-reviews summary::before { color: var(--hub-muted); }
html[data-theme="teal"][data-tpl] body.hub-detail .md-reviews .ru { color: #e8f6f8; border-top: 1px solid rgba(255, 255, 255, 0.06); }
html[data-theme="teal"][data-tpl] body.hub-detail .md-reviews .ru:first-child { border-top: none; }
html[data-theme="teal"][data-tpl] body.hub-detail .md-reviews .ru-text { color: var(--hub-muted); }
html[data-theme="teal"][data-tpl] body.hub-detail.browse-mosaic > .hub-top { background: linear-gradient(180deg, rgba(6,10,20,0.94) 0%, rgba(6,10,20,0.78) 72%, rgba(6,10,20,0.55) 100%); }
@media (max-width: 768px) { html[data-theme="teal"][data-tpl] body.hub-detail > header.hub-top nav a, html[data-theme="teal"][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="teal"][data-tpl] .rel-cal { border: 1px solid rgba(52,155,170,0.28); background: rgba(8, 12, 24, 0.52); color: #cbd5e1; }
html[data-theme="teal"][data-tpl] .rel-cal-head h2 { color: #e8f6f8; }
html[data-theme="teal"][data-tpl] .rel-cal-nav button { background: rgba(15, 23, 42, 0.75); border: 1px solid rgba(148, 163, 184, 0.35); color: #e2e8f0; }
html[data-theme="teal"][data-tpl] .rel-cal-nav button:hover { border-color: rgba(52,155,170,0.55); color: #fff; }
html[data-theme="teal"][data-tpl] .rel-cal-nav .rel-cal-label { color: #e8f6f8; }
html[data-theme="teal"][data-tpl] .rel-cal-cell { background: rgba(15, 23, 42, 0.45); border: 1px solid rgba(255, 255, 255, 0.06); }
html[data-theme="teal"][data-tpl] .rel-cal-cell.out { background: rgba(15, 23, 42, 0.2); }
html[data-theme="teal"][data-tpl] .rel-cal-cell.today { border-color: rgba(52,155,170,0.55); box-shadow: inset 0 0 0 1px rgba(52,155,170,0.2); }
html[data-theme="teal"][data-tpl] .rel-cal-tile { background: #1e293b center / cover no-repeat; border: 1px solid rgba(255,255,255,0.12); }
html[data-theme="teal"][data-tpl] .rel-cal-tile.tv::after { background: rgba(42,123,136,0.85); color: #fff; }
html[data-theme="teal"][data-tpl] .rel-cal-tile.dig::after, html[data-theme="teal"][data-tpl] .rel-cal-tile.thr::after, html[data-theme="teal"][data-tpl] .rel-cal-tile.phy::after { color: #fff; }
html[data-theme="teal"][data-tpl] .rel-cal-tile.dig::after { background: rgba(22, 163, 74, 0.88); }
html[data-theme="teal"][data-tpl] .rel-cal-tile.thr::after { background: rgba(217, 119, 6, 0.88); }
html[data-theme="teal"][data-tpl] .rel-cal-tile.phy::after { background: rgba(71, 85, 105, 0.9); }
html[data-theme="teal"][data-tpl] .rel-cal-more { background: rgba(30, 41, 59, 0.95); border: 1px dashed rgba(148, 163, 184, 0.45); color: #e8f6f8; }
html[data-theme="teal"][data-tpl] .rel-cal-more:hover, html[data-theme="teal"][data-tpl] .rel-cal-tile:hover { border-color: rgba(52,155,170,0.7); outline: 1px solid rgba(52,155,170,0.35); }
html[data-theme="teal"][data-tpl] .rel-cal-panel { background: rgba(10, 16, 28, 0.97); border: 1px solid rgba(52,155,170,0.28); color: #cbd5e1; box-shadow: 0 18px 50px rgba(0,0,0,0.55); }
html[data-theme="teal"][data-tpl] .rel-cal-panel h3 { color: #e8f6f8; }
html[data-theme="teal"][data-tpl] .rel-cal-item { border-top: 1px solid rgba(255,255,255,0.07); }
html[data-theme="teal"][data-tpl] .rel-cal-item:first-of-type { border-top: none; }
html[data-theme="teal"][data-tpl] .rel-cal-item img { background: #1e293b; }
html[data-theme="teal"][data-tpl] .rel-cal-item .meta strong { color: #f1f5f9; }
html[data-theme="teal"][data-tpl] .rel-cal-item .meta .sub { color: #94a3b8; }
html[data-theme="teal"][data-tpl] .rel-cal-item .meta .tag { background: rgba(52,155,170,0.15); color: #c4e8ee; }
html[data-theme="teal"][data-tpl] .rel-cal-item .meta .tag.tv { background: rgba(58,170,188,0.18); color: #d8f0f4; }
html[data-theme="teal"][data-tpl] .rel-cal-item .meta .tag.date.dig { background: rgba(34, 197, 94, 0.16); color: #86efac; }
html[data-theme="teal"][data-tpl] .rel-cal-item .meta .tag.date.thr { background: rgba(245, 158, 11, 0.16); color: #fcd34d; }
html[data-theme="teal"][data-tpl] .rel-cal-item .meta .tag.date.phy { background: rgba(148, 163, 184, 0.18); color: #cbd5e1; }
html[data-theme="teal"][data-tpl] .rel-cal-item .meta .tag.date.ovr { background: rgba(244, 114, 182, 0.16); color: #f9a8d4; }
html[data-theme="teal"][data-tpl] .rel-cal-admin select, html[data-theme="teal"][data-tpl] .rel-cal-admin input { background: rgba(15, 23, 42, 0.9); border: 1px solid rgba(148,163,184,0.35); color: #e2e8f0; }
html[data-theme="teal"][data-tpl] .rel-cal-admin button { background: rgba(15, 23, 42, 0.75); border: 1px solid rgba(148,163,184,0.35); color: #e2e8f0; }
html[data-theme="teal"][data-tpl] .rel-cal-admin button.danger { border-color: rgba(248, 113, 113, 0.45); color: #fecaca; }
html[data-theme="teal"][data-tpl] .rel-cal-admin button:hover { border-color: rgba(52,155,170,0.55); }
html[data-theme="teal"][data-tpl] .rel-cal-kinds button { background: rgba(15, 23, 42, 0.75); border: 1px solid rgba(148, 163, 184, 0.35); color: #cbd5e1; }
html[data-theme="teal"][data-tpl] .rel-cal-kinds button:hover { border-color: rgba(52,155,170,0.55); color: #fff; }
html[data-theme="teal"][data-tpl] .rel-cal-kinds button.is-active { background: rgba(42,123,136,0.28); border-color: rgba(52,155,170,0.65); color: #e8f6f8; }
html[data-theme="teal"][data-tpl] .rel-cal-page-intro { color: #94a3b8; }
html[data-theme="teal"][data-tpl] .rel-cal-page-intro a { color: #ccebf0; }
html[data-theme="teal"][data-tpl] { --hma-bg: #071214; --hma-bg2: #0c2124; --hma-fg: #dcf1f4; --hma-acc: #98d5de; --hma-acc2: #b4e1e7; --hma-green: #64c0ce; --hma-line: rgba(152,213,222,0.18); }
html[data-theme="teal"][data-tpl] body.hm-app { background: radial-gradient(1200px 600px at 20% -10%, #12393f 0%, transparent 60%), var(--hma-bg); color: var(--hma-fg); }
html[data-theme="teal"][data-tpl] body.hm-app a { color: inherit; text-decoration: none; }
html[data-theme="teal"][data-tpl] body.hm-app button { color: inherit; }
html[data-theme="teal"][data-tpl] body.hm-app svg { fill: currentColor; }
html[data-theme="teal"][data-tpl] .hma-top { background: rgba(7,18,20,0); }
html[data-theme="teal"][data-tpl] body.hma-scrolled .hma-top { background: rgba(9,24,26,0.92); box-shadow: 0 1px 0 var(--hma-line); backdrop-filter: blur(14px); }
html[data-theme="teal"][data-tpl] .hma-avatar { border: 2px solid rgba(255,255,255,0.12); background: #143a40; }
html[data-theme="teal"][data-tpl] .hma-avatar[aria-expanded="true"] { border-color: var(--hma-acc); }
html[data-theme="teal"][data-tpl] .hma-umenu { background: #122c30; border: 1px solid var(--hma-line); box-shadow: 0 16px 40px rgba(0,0,0,0.6); }
html[data-theme="teal"][data-tpl] .hma-umenu button, html[data-theme="teal"][data-tpl] .hma-umenu a { border: 0; background: none; }
html[data-theme="teal"][data-tpl] .hma-umenu button:hover, html[data-theme="teal"][data-tpl] .hma-umenu a:hover { background: rgba(255,255,255,0.07); }
html[data-theme="teal"][data-tpl] .hma-umenu svg { color: var(--hma-dim); }
html[data-theme="teal"][data-tpl] .hma-liked-art { background: linear-gradient(135deg, #2c828f, #64c1cf 60%, #c2e6ec); color: #fff; }
html[data-theme="teal"][data-tpl] .hma-card-art { background: linear-gradient(135deg, #143c42, #0d2427); box-shadow: 0 8px 20px rgba(0,0,0,0.45); }
html[data-theme="teal"][data-tpl] .hma-card-art.is-mix::after { background: linear-gradient(180deg, rgba(51,150,165,0.15), rgba(6,18,19,0.75)); }
html[data-theme="teal"][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="teal"][data-tpl] .hma-card-play svg { fill: #ffffff; }
html[data-theme="teal"][data-tpl] .hma-pill-acc { background: var(--hma-fg); color: #0b2225 !important; border-color: transparent; }
html[data-theme="teal"][data-tpl] .hma-pill-acc:hover { background: #fff; }
html[data-theme="teal"][data-tpl] .hma-chip { background: rgba(255,255,255,0.08); border: 0; }
html[data-theme="teal"][data-tpl] .hma-chip:hover { background: rgba(255,255,255,0.15); }
html[data-theme="teal"][data-tpl] .hma-chip.on { background: var(--hma-acc); color: #0b2225; }
html[data-theme="teal"][data-tpl] .hma-li-art { background: #15353a; }
html[data-theme="teal"][data-tpl] .hma-li-s { color: var(--hma-dim); }
html[data-theme="teal"][data-tpl] .hma-song-art { background: #15353a; }
html[data-theme="teal"][data-tpl] .hma-song.is-cur .hma-song-t, html[data-theme="teal"][data-tpl] .hma-song.is-cur .hma-song-n { color: var(--hma-green); }
html[data-theme="teal"][data-tpl] .hma-hero-bg-plain { background: linear-gradient(180deg, #1a4c54, var(--hma-bg)); filter: none; }
html[data-theme="teal"][data-tpl] .hma-hero-art { box-shadow: 0 18px 50px rgba(0,0,0,0.6); background: #15353a; }
html[data-theme="teal"][data-tpl] .hma-hero-art .hma-ph svg { color: #fff; }
html[data-theme="teal"][data-tpl] .hma-hero-kind { color: var(--hma-dim); }
html[data-theme="teal"][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="teal"][data-tpl] .hma-bigplay svg { fill: #ffffff; }
html[data-theme="teal"][data-tpl] .hma-abtn.on { color: var(--hma-green); }
html[data-theme="teal"][data-tpl] .hma-search { background: #fff; color: #0b2225; }
html[data-theme="teal"][data-tpl] .hma-search svg { fill: #0b2225; }
html[data-theme="teal"][data-tpl] .hma-search-in { border: 0; outline: none; background: transparent; color: #0b2225; }
html[data-theme="teal"][data-tpl] .hma-search-in::placeholder { color: #6b6280; }
html[data-theme="teal"][data-tpl] .hma-search-in::-webkit-search-cancel-button { filter: grayscale(1); }
html[data-theme="teal"][data-tpl] .hma-gicon { background: linear-gradient(135deg, #2c828f, #246b76); }
html[data-theme="teal"][data-tpl] .hma-gicon svg { color: #fff; }
html[data-theme="teal"][data-tpl] .hma-gcard { background: linear-gradient(135deg, rgba(44,130,143,0.45), rgba(36,107,118,0.22)); border: 1px solid var(--hma-line); }
html[data-theme="teal"][data-tpl] .hma-member.is-live .hma-li-art { box-shadow: 0 0 0 2px var(--hma-green), 0 0 14px rgba(36,107,118,0.5); }
html[data-theme="teal"][data-tpl] .hma-member.is-away .hma-li-art { filter: grayscale(1); }
html[data-theme="teal"][data-tpl] .hma-member:hover { background: none; }
html[data-theme="teal"][data-tpl] .hma-member.is-live .hma-li-s { color: #c2e8ed; }
html[data-theme="teal"][data-tpl] .hma-pop { background: #1a363a; border: 1px solid var(--hma-line); box-shadow: 0 16px 40px rgba(0,0,0,0.6); }
html[data-theme="teal"][data-tpl] .hma-pop button { border: 0; background: none; }
html[data-theme="teal"][data-tpl] .hma-pop button:hover { background: rgba(255,255,255,0.08); }
html[data-theme="teal"][data-tpl] .hma-pop .hma-danger { border: 0 !important; }
html[data-theme="teal"][data-tpl] .hma-tabs { background: linear-gradient(180deg, rgba(7,18,20,0.86), rgba(7,18,20,0.99) 40%); backdrop-filter: blur(12px); }
html[data-theme="teal"][data-tpl] .hma-tabs a { color: var(--hma-dim); }
html[data-theme="teal"][data-tpl] .hma-tabs a.on { color: var(--hma-fg); }
html[data-theme="teal"][data-tpl] body.hm-app .hmd-bar { border: 0; background: rgba(21,61,67,0.97); box-shadow: 0 8px 26px rgba(0,0,0,0.55); }
html[data-theme="teal"][data-tpl] body.hm-app .hmd .hmd-play { background: transparent; color: var(--hma-fg); box-shadow: none; }
html[data-theme="teal"][data-tpl] body.hm-app .hmd .hmd-play svg, html[data-theme="teal"][data-tpl] body.hm-app .hmd .hmd-play svg path { fill: var(--hma-fg); color: var(--hma-fg); }
html[data-theme="teal"][data-tpl] body.hm-app .hmd-seek .hmd-range::-webkit-slider-thumb { box-shadow: none; border: 0; }
html[data-theme="teal"][data-tpl] body.hm-app .hmd-seek .hmd-range::-moz-range-thumb { border: 0; }
@media (min-width: 900px) { html[data-theme="teal"][data-tpl] .hma-side { background: #040c0d; border-right: 1px solid rgba(255,255,255,0.05); } }
@media (min-width: 900px) { html[data-theme="teal"][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="teal"][data-tpl] body.hm-app .hmd-bar { background: #061012; border-top: 1px solid rgba(255,255,255,0.06); box-shadow: none; } }
@media (min-width: 900px) { html[data-theme="teal"][data-tpl] body.hm-app .hmd .hmd-play { background: var(--hma-fg); } }
@media (min-width: 900px) { html[data-theme="teal"][data-tpl] body.hm-app .hmd .hmd-play svg, html[data-theme="teal"][data-tpl] body.hm-app .hmd .hmd-play svg path { fill: #0b2225; color: #0b2225; } }
html[data-theme="teal"][data-tpl="add_movies"] .mosaic { filter: saturate(1.08); }
html[data-theme="teal"][data-tpl="add_movies"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="teal"][data-tpl="add_movies"] .poster-card { text-decoration: none; color: inherit; background: #1e293b; border: 1px solid #334155; }
html[data-theme="teal"][data-tpl="add_movies"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-theme="teal"][data-tpl="add_movies"] .poster-card img { background: #0f172a; }
html[data-theme="teal"][data-tpl="add_movies"] .poster-card.in-library { filter: grayscale(0.25); }
html[data-theme="teal"][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="teal"][data-tpl="add_movies"] .poster-card .badge { background: rgba(15,23,42,.88); color: #e2e8f0; border: 1px solid #475569; }
html[data-theme="teal"][data-tpl="add_movies"] .poster-card .badge.pending { background: rgba(51,150,165,0.9); border-color: #64c1cf; }
html[data-theme="teal"][data-tpl="add_movies"] .poster-card .qbadge { background: rgba(28,84,92,0.92); color: #ecfeff; }
html[data-theme="teal"][data-tpl="add_movies"] .poster-card .plus { border: none; background: #27727e; color: #ffffff; }
html[data-theme="teal"][data-tpl="add_movies"] .releases li { border-bottom: 1px solid #1e293b; }
html[data-theme="teal"][data-tpl="add_movies"] .proto-filters { color: #cbd5e1; }
html[data-theme="teal"][data-tpl="add_movies"] .proto-filters label { border: 1px solid #334155; background: rgba(15, 23, 42, 0.65); }
html[data-theme="teal"][data-tpl="add_movies"] .proto-filters input[type=checkbox] { accent-color: #349baa; }
html[data-theme="teal"][data-tpl="add_movies"] .proto-filters .proto-hint { color: #94a3b8; }
html[data-theme="teal"][data-tpl="add_movies"] .proto-filters .fx-sep { background: #334155; }
html[data-theme="teal"][data-tpl="add_movies"] .proto-filters label.fx-sort input[type=checkbox] { accent-color: #5fbfce; }
html[data-theme="teal"][data-tpl="add_movies"] .fx-badge { border: 1px solid transparent; }
html[data-theme="teal"][data-tpl="add_movies"] .fx-badge.dv { background: rgba(58,170,188,0.18); color: #e4f5f7; border-color: #3aaabc; }
html[data-theme="teal"][data-tpl="add_movies"] .fx-badge.hdr { background: rgba(245, 158, 11, 0.16); color: #fde68a; border-color: #f59e0b; }
html[data-theme="teal"][data-tpl="add_movies"] .msg { color: #ccebf0; }
html[data-theme="teal"][data-tpl="add_movies"] .msg.err { color: #fca5a5; }
html[data-theme="teal"][data-tpl="add_movies"] .gb-pool-chip { border: 1px solid rgba(52,155,170,0.45); background: rgba(8, 47, 73, 0.72); color: #e8f6f8; }
html[data-theme="teal"][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="teal"][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="teal"][data-tpl="add_movies"] .gb-pool-chip.exempt { border-color: rgba(100,193,207,0.5); background: rgba(23,67,74,0.7); color: #ebf7f9; }
html[data-theme="teal"][data-tpl="add_movies"] .releases .gb-size { color: #c4e8ee; }
html[data-theme="teal"][data-tpl="add_movies"] .rel-confirm { border: 1px solid #334155; background: #0f172a; color: #e2e8f0; }
html[data-theme="teal"][data-tpl="add_movies"] .rel-confirm .muted { color: #94a3b8; }
html[data-theme="teal"][data-tpl="add_movies"] .queue-blurb { border: 1px solid rgba(52,155,170,0.28); background: rgba(8, 12, 24, 0.52); color: #cbd5e1; }
html[data-theme="teal"][data-tpl="add_movies"] .queue-blurb h2 { color: #e8f6f8; }
html[data-theme="teal"][data-tpl="add_movies"] .queue-blurb summary { color: #e8f6f8; }
html[data-theme="teal"][data-tpl="add_movies"] .queue-blurb summary::marker { color: #64748b; }
html[data-theme="teal"][data-tpl="add_tv"] .mosaic { filter: saturate(1.08); }
html[data-theme="teal"][data-tpl="add_tv"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="teal"][data-tpl="add_tv"] .poster-card { text-decoration: none; color: inherit; background: #1e293b; border: 1px solid #334155; }
html[data-theme="teal"][data-tpl="add_tv"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-theme="teal"][data-tpl="add_tv"] .poster-card img { background: #0f172a; }
html[data-theme="teal"][data-tpl="add_tv"] .poster-card.in-library { filter: grayscale(0.25); }
html[data-theme="teal"][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="teal"][data-tpl="add_tv"] .poster-card .badge { background: rgba(15,23,42,.88); color: #e2e8f0; border: 1px solid #475569; }
html[data-theme="teal"][data-tpl="add_tv"] .poster-card .badge.pending { background: rgba(51,150,165,0.9); border-color: #64c1cf; }
html[data-theme="teal"][data-tpl="add_tv"] .poster-card .qbadge { background: rgba(28,84,92,0.92); color: #ecfeff; }
html[data-theme="teal"][data-tpl="add_tv"] .poster-card .plus { border: none; background: #27727e; color: #ffffff; }
html[data-theme="teal"][data-tpl="add_tv"] .releases li { border-bottom: 1px solid #1e293b; }
html[data-theme="teal"][data-tpl="add_tv"] .proto-filters { color: #cbd5e1; }
html[data-theme="teal"][data-tpl="add_tv"] .proto-filters label { border: 1px solid #334155; background: rgba(15, 23, 42, 0.65); }
html[data-theme="teal"][data-tpl="add_tv"] .proto-filters input[type=checkbox] { accent-color: #349baa; }
html[data-theme="teal"][data-tpl="add_tv"] .proto-filters .proto-hint { color: #94a3b8; }
html[data-theme="teal"][data-tpl="add_tv"] .proto-filters .fx-sep { background: #334155; }
html[data-theme="teal"][data-tpl="add_tv"] .proto-filters label.fx-sort input[type=checkbox] { accent-color: #5fbfce; }
html[data-theme="teal"][data-tpl="add_tv"] .fx-badge { border: 1px solid transparent; }
html[data-theme="teal"][data-tpl="add_tv"] .fx-badge.dv { background: rgba(58,170,188,0.18); color: #e4f5f7; border-color: #3aaabc; }
html[data-theme="teal"][data-tpl="add_tv"] .fx-badge.hdr { background: rgba(245, 158, 11, 0.16); color: #fde68a; border-color: #f59e0b; }
html[data-theme="teal"][data-tpl="add_tv"] .msg { color: #ccebf0; }
html[data-theme="teal"][data-tpl="add_tv"] .msg.err { color: #fca5a5; }
html[data-theme="teal"][data-tpl="add_tv"] .gb-pool-chip { border: 1px solid rgba(52,155,170,0.45); background: rgba(8, 47, 73, 0.72); color: #e8f6f8; }
html[data-theme="teal"][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="teal"][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="teal"][data-tpl="add_tv"] .gb-pool-chip.exempt { border-color: rgba(100,193,207,0.5); background: rgba(23,67,74,0.7); color: #ebf7f9; }
html[data-theme="teal"][data-tpl="add_tv"] .releases .gb-size { color: #c4e8ee; }
html[data-theme="teal"][data-tpl="add_tv"] .rel-confirm { border: 1px solid #334155; background: #0f172a; color: #e2e8f0; }
html[data-theme="teal"][data-tpl="add_tv"] .rel-confirm .muted { color: #94a3b8; }
html[data-theme="teal"][data-tpl="add_tv"] .rel-confirm.sticky-sum { border-color: #349baa; background: #0c1929; }
html[data-theme="teal"][data-tpl="add_tv"] .releases li .rel-check { accent-color: #349baa; }
html[data-theme="teal"][data-tpl="add_tv"] .releases li.selected-row { outline: 1px solid rgba(52,155,170,0.45); background: rgba(28,84,92,0.18); }
html[data-theme="teal"][data-tpl="add_tv"] .ep-badge { border: 1px solid rgba(52,155,170,0.55); background: rgba(28,84,92,0.35); color: #c4e8ee; }
html[data-theme="teal"][data-tpl="add_tv"] .ep-badge.pack { border-color: rgba(100,193,207,0.55); background: rgba(31,92,102,0.35); color: #d8f0f4; }
html[data-theme="teal"][data-tpl="add_tv"] .rel-confirm .ep-chip { border: 1px solid rgba(52,155,170,0.4); background: rgba(28,84,92,0.25); color: #daf1f4; }
html[data-theme="teal"][data-tpl="add_tv"] .queue-blurb { border: 1px solid rgba(52,155,170,0.28); background: rgba(8, 12, 24, 0.52); color: #cbd5e1; }
html[data-theme="teal"][data-tpl="add_tv"] .queue-blurb h2 { color: #e8f6f8; }
html[data-theme="teal"][data-tpl="add_tv"] .queue-blurb summary { color: #e8f6f8; }
html[data-theme="teal"][data-tpl="add_tv"] .queue-blurb summary::marker { color: #64748b; }
html[data-theme="teal"][data-tpl="admin"] .st-wrap .muted { color: #94a3b8; }
html[data-theme="teal"][data-tpl="admin"] .st-wrap nav a { color: #ccebf0; text-decoration: none; }
html[data-theme="teal"][data-tpl="admin"] .st-wrap nav a:hover, html[data-theme="teal"][data-tpl="admin"] .st-wrap nav a.active { color: #fff; }
html[data-theme="teal"][data-tpl="admin"] .st-bw { background: rgba(15,23,42,0.72); border: 1px solid rgba(148,163,184,0.18); }
html[data-theme="teal"][data-tpl="admin"] .st-bw h2 { color: #d2eef2; }
html[data-theme="teal"][data-tpl="admin"] .st-bw-period { color: #94a3b8; }
html[data-theme="teal"][data-tpl="admin"] .st-bw-period select { color: #f8fafc; border: 1px solid rgba(148,163,184,0.28); }
html[data-theme="teal"][data-tpl="admin"] .st-bw-period select:focus { outline: none; border-color: rgba(129,205,216,0.7); box-shadow: 0 0 0 3px rgba(59,175,192,0.2); }
html[data-theme="teal"][data-tpl="admin"] .st-bw-primary { background: linear-gradient(145deg, rgba(31,91,100,0.35), rgba(2,6,23,0.55)); border: 1px solid rgba(129,205,216,0.22); }
html[data-theme="teal"][data-tpl="admin"] .st-bw-primary .eyebrow { color: #d2eef2; }
html[data-theme="teal"][data-tpl="admin"] .st-bw-primary .big { color: #f8fafc; }
html[data-theme="teal"][data-tpl="admin"] .st-bw-primary .up { color: #cbd5e1; }
html[data-theme="teal"][data-tpl="admin"] .st-bw-primary .up span { color: #94a3b8; }
html[data-theme="teal"][data-tpl="admin"] .st-bw-primary .foot { color: #94a3b8; }
html[data-theme="teal"][data-tpl="admin"] .st-bw details summary { color: #ccebf0; }
html[data-theme="teal"][data-tpl="admin"] .st-bw details summary::before { color: #64748b; }
html[data-theme="teal"][data-tpl="admin"] .st-bw pre { background: rgba(2,6,23,0.55); border: 1px solid rgba(148,163,184,0.12); color: #cbd5e1; }
html[data-theme="teal"][data-tpl="admin"] .st-emby, html[data-theme="teal"][data-tpl="admin"] .st-extras { background: rgba(15,23,42,0.72); border: 1px solid rgba(148,163,184,0.18); }
html[data-theme="teal"][data-tpl="admin"] .st-emby h2, html[data-theme="teal"][data-tpl="admin"] .st-extras h2 { color: #d2eef2; }
html[data-theme="teal"][data-tpl="admin"] .st-np-bar { background: rgba(148,163,184,0.2); }
html[data-theme="teal"][data-tpl="admin"] .st-np-bar > span { background: linear-gradient(90deg, #3bafc0, #34d399); }
html[data-theme="teal"][data-tpl="admin"] .st-dl { background: rgba(15,23,42,0.72); border: 1px solid rgba(148,163,184,0.18); }
html[data-theme="teal"][data-tpl="admin"] .st-dl h2 { color: #d2eef2; }
html[data-theme="teal"][data-tpl="admin"] .st-dl-badge { background: rgba(59,175,192,0.2); color: #dff3f6; }
html[data-theme="teal"][data-tpl="admin"] .st-dl-badge.sab { background: rgba(16,185,129,0.18); color: #6ee7b7; }
html[data-theme="teal"][data-tpl="admin"] .st-dl-badge.qbit { background: rgba(56,189,248,0.18); color: #7dd3fc; }
html[data-theme="teal"][data-tpl="admin"] .st-dl-badge.slsk, html[data-theme="teal"][data-tpl="admin"] .st-dl-badge.soulseek { background: rgba(251,191,36,0.18); color: #fcd34d; }
html[data-theme="teal"][data-tpl="admin"] .st-dl-badge.radarr, html[data-theme="teal"][data-tpl="admin"] .st-dl-badge.sonarr { background: rgba(244,114,182,0.15); color: #f9a8d4; }
html[data-theme="teal"][data-tpl="admin"] .st-dl-bar { background: rgba(30,41,59,0.9); }
html[data-theme="teal"][data-tpl="admin"] .st-dl-bar > span { background: linear-gradient(90deg,#3bafc0,#2e8997); }
html[data-theme="teal"][data-tpl="admin"] .st-dl-more a { color: #ccebf0; text-decoration: none; }
html[data-theme="teal"][data-tpl="admin"] .st-dl-more a:hover { color: #fff; }
html[data-theme="teal"][data-tpl="admin"] .mosaic { filter: saturate(1.08); }
html[data-theme="teal"][data-tpl="admin"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="teal"][data-tpl="admin"] .st-card, html[data-theme="teal"][data-tpl="admin"] .st-bw { background: rgba(8, 12, 24, 0.55) !important; backdrop-filter: blur(14px) saturate(1.25); }
html[data-theme="teal"][data-tpl="calendar"] .mosaic { filter: saturate(1.08); }
html[data-theme="teal"][data-tpl="calendar"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="teal"][data-tpl="comics"] .poster-card { text-decoration: none; color: inherit; background: #1e293b; border: 1px solid #334155; }
html[data-theme="teal"][data-tpl="comics"] .poster-card:hover { border-color: #fb7185; box-shadow: 0 10px 28px rgba(0,0,0,0.35); }
html[data-theme="teal"][data-tpl="comics"] .poster-card img { background: #0f172a; }
html[data-theme="teal"][data-tpl="comics"] .mosaic { filter: saturate(1.08); }
html[data-theme="teal"][data-tpl="comics"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="teal"][data-tpl="commands"] .mosaic { filter: saturate(1.08); }
html[data-theme="teal"][data-tpl="commands"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="teal"][data-tpl="ddl"] .dl-wrap .muted { color: #94a3b8; }
html[data-theme="teal"][data-tpl="ddl"] .dl-wrap nav a { color: #ccebf0; text-decoration: none; }
html[data-theme="teal"][data-tpl="ddl"] .dl-wrap nav a:hover, html[data-theme="teal"][data-tpl="ddl"] .dl-wrap nav a.active { color: #fff; }
html[data-theme="teal"][data-tpl="ddl"] .dl-panel { background: rgba(15,23,42,0.72); border: 1px solid rgba(148,163,184,0.18); backdrop-filter: blur(8px); }
html[data-theme="teal"][data-tpl="ddl"] .dl-panel h2 { color: #d2eef2; }
html[data-theme="teal"][data-tpl="ddl"] .dl-bar { background: rgba(30,41,59,0.9); }
html[data-theme="teal"][data-tpl="ddl"] .dl-bar > span { background: linear-gradient(90deg,#3bafc0,#2e8997); }
html[data-theme="teal"][data-tpl="ddl"] .cmd-box textarea, html[data-theme="teal"][data-tpl="ddl"] .cmd-box input[type=text] { border: 1px solid rgba(148,163,184,0.28); background: rgba(2,6,23,0.65); color: #f1f5f9; }
html[data-theme="teal"][data-tpl="ddl"] .cmd-box button { border: 0; background: #3398a7; color: #fff; }
html[data-theme="teal"][data-tpl="ddl"] .cmd-box button.secondary { background: #334155; }
html[data-theme="teal"][data-tpl="ddl"] .mosaic { filter: saturate(1.08); }
html[data-theme="teal"][data-tpl="ddl"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="teal"][data-tpl="ddl"] .dl-panel { background: rgba(8, 12, 24, 0.55) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; backdrop-filter: blur(14px) saturate(1.25); }
html[data-theme="teal"][data-tpl="downloads"] .dl-wrap .muted { color: #94a3b8; }
html[data-theme="teal"][data-tpl="downloads"] .dl-wrap nav a { color: #ccebf0; text-decoration: none; }
html[data-theme="teal"][data-tpl="downloads"] .dl-wrap nav a:hover, html[data-theme="teal"][data-tpl="downloads"] .dl-wrap nav a.active { color: #fff; }
html[data-theme="teal"][data-tpl="downloads"] .dl-panel { background: rgba(15,23,42,0.72); border: 1px solid rgba(148,163,184,0.18); backdrop-filter: blur(8px); }
html[data-theme="teal"][data-tpl="downloads"] .dl-panel h2 { color: #d2eef2; }
html[data-theme="teal"][data-tpl="downloads"] .dl-bar { background: rgba(30,41,59,0.9); }
html[data-theme="teal"][data-tpl="downloads"] .dl-bar > span { background: linear-gradient(90deg,#3bafc0,#2e8997); }
html[data-theme="teal"][data-tpl="downloads"] .cmd-box textarea, html[data-theme="teal"][data-tpl="downloads"] .cmd-box input[type=text] { border: 1px solid rgba(148,163,184,0.28); background: rgba(2,6,23,0.65); color: #f1f5f9; }
html[data-theme="teal"][data-tpl="downloads"] .cmd-box button { border: 0; background: #3398a7; color: #fff; }
html[data-theme="teal"][data-tpl="downloads"] .cmd-box button.secondary { background: #334155; }
html[data-theme="teal"][data-tpl="downloads"] .mosaic { filter: saturate(1.08); }
html[data-theme="teal"][data-tpl="downloads"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="teal"][data-tpl="downloads"] .dl-panel { background: rgba(8, 12, 24, 0.55) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; backdrop-filter: blur(14px) saturate(1.25); }
html[data-theme="teal"][data-tpl="home"] .mosaic { filter: saturate(1.08); }
html[data-theme="teal"][data-tpl="home"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.72) saturate(0.9); }
html[data-theme="teal"][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="teal"][data-tpl="home"] .mosaic .tile.is-dim { filter: brightness(0.35) saturate(0.4) blur(1px); }
html[data-theme="teal"][data-tpl="home"] .mosaic .tile.is-hit { filter: brightness(1.12) saturate(1.2); box-shadow: inset 0 0 0 3px rgba(61,177,195,0.85); }
html[data-theme="teal"][data-tpl="home"] .mosaic .tile.is-miss { filter: brightness(0.3) saturate(0.35) blur(1.5px); }
html[data-theme="teal"][data-tpl="home"] body.hub[data-hover] .mosaic .tile { filter: brightness(0.4) saturate(0.45) blur(1px); }
html[data-theme="teal"][data-tpl="home"] body.hub[data-hover="movie"] .mosaic .tile[data-kind="movie"], html[data-theme="teal"][data-tpl="home"] body.hub[data-hover="show"] .mosaic .tile[data-kind="show"], html[data-theme="teal"][data-tpl="home"] body.hub[data-hover="music"] .mosaic .tile[data-kind="music"], html[data-theme="teal"][data-tpl="home"] body.hub[data-hover="comic"] .mosaic .tile[data-kind="comic"] { filter: brightness(1.08) saturate(1.18); }
html[data-theme="teal"][data-tpl="home"] .hub-top { background: linear-gradient(180deg, rgba(6,10,20,0.94) 0%, rgba(6,10,20,0.78) 72%, rgba(6,10,20,0) 100%); backdrop-filter: blur(10px) saturate(1.15); }
html[data-theme="teal"][data-tpl="home"] .hub-server-link { border: 1px solid rgba(100,193,207,0.45); box-shadow: 0 6px 22px rgba(0,0,0,0.35), 0 0 0 2px rgba(31,92,102,0.25); text-decoration: none; }
html[data-theme="teal"][data-tpl="home"] .hub-server-icon { background: #13282b; }
html[data-theme="teal"][data-tpl="home"] .hub-top h1 { color: #f1f5f9; text-shadow: 0 1px 10px rgba(0,0,0,0.55); }
html[data-theme="teal"][data-tpl="home"] .hub-top h1 .hub-title-accent { color: #d8f0f4; background: linear-gradient(120deg, #64c1cf 0%, #92d4de 45%, #bee5eb 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; filter: drop-shadow(0 1px 8px rgba(31,92,102,0.45)); }
html[data-theme="teal"][data-tpl="home"] .hub-quote { color: #c8eaef; text-shadow: 0 1px 6px rgba(0,0,0,0.45); }
html[data-theme="teal"][data-tpl="home"] .hub-top nav a, html[data-theme="teal"][data-tpl="home"] .hub-top .hub-nav a { color: #cbd5e1 !important; text-decoration: none !important; }
html[data-theme="teal"][data-tpl="home"] .hub-top nav a:hover, html[data-theme="teal"][data-tpl="home"] .hub-top .hub-nav a:hover, html[data-theme="teal"][data-tpl="home"] .hub-top nav a.active, html[data-theme="teal"][data-tpl="home"] .hub-top .hub-nav a.active { color: #fff !important; }
html[data-theme="teal"][data-tpl="home"] .hub-top nav a.hub-nav-slsk, html[data-theme="teal"][data-tpl="home"] .hub-top .hub-nav a.hub-nav-slsk { color: #fcd34d !important; }
@media (hover: hover) and (pointer: fine) { html[data-theme="teal"][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="teal"][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="teal"][data-tpl="home"] .hub-dl-live { background: rgba(15, 23, 42, 0.72); border: 1px solid rgba(148, 163, 184, 0.18); backdrop-filter: blur(8px); }
html[data-theme="teal"][data-tpl="home"] .hub-dl-live h2 { color: #d2eef2; }
html[data-theme="teal"][data-tpl="home"] .hub-dl-live h2 a { color: #ccebf0; text-decoration: none; }
html[data-theme="teal"][data-tpl="home"] .hub-dl-live h2 a:hover { color: #fff; }
html[data-theme="teal"][data-tpl="home"] .hub-dl-rows li { color: #e2e8f0; }
html[data-theme="teal"][data-tpl="home"] .hub-dl-rows .src { background: rgba(59,175,192,0.22); color: #dff3f6; }
html[data-theme="teal"][data-tpl="home"] .hub-dl-rows .src.sab { background: rgba(16,185,129,0.2); color: #6ee7b7; }
html[data-theme="teal"][data-tpl="home"] .hub-dl-live .src.slsk, html[data-theme="teal"][data-tpl="home"] .hub-dl-live .src.soulseek { color: #fcd34d; }
html[data-theme="teal"][data-tpl="home"] .hub-dl-by { color: #d2eef2; }
html[data-theme="teal"][data-tpl="home"] .hub-dl-rows .meta { color: #94a3b8; }
html[data-theme="teal"][data-tpl="home"] .hub-dl-bar { background: rgba(30,41,59,0.95); }
html[data-theme="teal"][data-tpl="home"] .hub-dl-bar > span { background: linear-gradient(90deg,#3bafc0,#2e8997); }
html[data-theme="teal"][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: #e2e8f0; }
html[data-theme="teal"][data-tpl="home"] .hub-stats-card h2 { color: #d8f0f4; }
html[data-theme="teal"][data-tpl="home"] .hub-lb-period { border: 1px solid rgba(100,193,207,0.35); background: rgba(20,44,48,0.55); color: #d8f0f4; }
html[data-theme="teal"][data-tpl="home"] .hub-lb-period:hover, html[data-theme="teal"][data-tpl="home"] .hub-lb-period:focus-visible { border-color: rgba(146,212,222,0.7); color: #eff9fa; outline: none; }
html[data-theme="teal"][data-tpl="home"] .hub-lb-period.is-active { background: rgba(31,92,102,0.55); border-color: rgba(100,193,207,0.85); color: #f8fafc; box-shadow: 0 0 0 1px rgba(100,193,207,0.25); }
html[data-theme="teal"][data-tpl="home"] .hub-stats-card ol li { border-bottom: 1px solid rgba(255,255,255,0.06); }
html[data-theme="teal"][data-tpl="home"] .hub-stats-card ol li:last-child { border-bottom: 0; }
html[data-theme="teal"][data-tpl="home"] .hub-stats-card .rank { color: #c8eaef; }
html[data-theme="teal"][data-tpl="home"] .hub-stats-card .gb { color: #f8fafc; }
html[data-theme="teal"][data-tpl="home"] .hub-stats-pill { background: rgba(31,92,102,0.35); border: 1px solid rgba(31,92,102,0.55); color: #ebf7f9; }
html[data-theme="teal"][data-tpl="home"] .hub-stats-pill span { color: #e4f5f7; }
html[data-theme="teal"][data-tpl="home"] .hub-stats-pill--lib .hub-stats-pill-detail { color: #e4f5f7; }
html[data-theme="teal"][data-tpl="home"] .hub-stats-pill-expand { border: 0; background: transparent; color: #e4f5f7; }
html[data-theme="teal"][data-tpl="home"] .hub-stats-pill-expand:hover, html[data-theme="teal"][data-tpl="home"] .hub-stats-pill-expand:focus-visible { background: rgba(255,255,255,0.12); outline: none; }
html[data-theme="teal"][data-tpl="home"] .hub-search-results { border: 1px solid rgba(255,255,255,0.16); background: rgba(8,12,24,0.88); backdrop-filter: blur(14px) saturate(1.15); box-shadow: 0 12px 36px rgba(0,0,0,0.5); }
html[data-theme="teal"][data-tpl="home"] .hub-search-results .hsr-item { border: 0; background: transparent; color: #e2e8f0; text-decoration: none; }
html[data-theme="teal"][data-tpl="home"] .hub-search-results .hsr-item:hover, html[data-theme="teal"][data-tpl="home"] .hub-search-results .hsr-item:focus-visible { background: rgba(61,177,195,0.18); outline: none; }
html[data-theme="teal"][data-tpl="home"] .hub-search-results .hsr-item:active { background: rgba(61,177,195,0.28); }
html[data-theme="teal"][data-tpl="home"] .hub-search-results .hsr-thumb { background: #1e293b center / cover no-repeat; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12); }
html[data-theme="teal"][data-tpl="home"] .hub-search-results .hsr-title { color: #f8fafc; }
html[data-theme="teal"][data-tpl="home"] .hub-search-results .hsr-sub { color: #94a3b8; }
html[data-theme="teal"][data-tpl="home"] .hub-search-results .hsr-kind { color: #ccebf0; background: rgba(53,155,171,0.18); }
html[data-theme="teal"][data-tpl="home"] .hub-search-results .hsr-empty, html[data-theme="teal"][data-tpl="home"] .hub-search-results .hsr-status { color: #94a3b8; }
html[data-theme="teal"][data-tpl="home"] .hub-search-popup-form { border: 0; }
html[data-theme="teal"][data-tpl="home"] .hub-search-popup-form input { border: 1px solid rgba(255,255,255,0.28); background: rgba(8,12,24,0.88); color: #f8fafc; outline: none; box-shadow: 0 8px 28px rgba(0,0,0,0.35); }
html[data-theme="teal"][data-tpl="home"] .hub-search-popup-form input::placeholder { color: #94a3b8; }
html[data-theme="teal"][data-tpl="home"] .hub-search-popup-form input:focus { border-color: rgba(100,193,207,0.55); box-shadow: 0 8px 28px rgba(0,0,0,0.45), 0 0 0 2px rgba(100,193,207,0.25); }
html[data-theme="teal"][data-tpl="home"] .hub-search-popup-browse, html[data-theme="teal"][data-tpl="home"] .hub-search-popup-go { border: 1px solid rgba(255,255,255,0.16); background: rgba(255,255,255,0.08); color: #e2e8f0; }
html[data-theme="teal"][data-tpl="home"] .hub-search-popup-go { background: rgba(100,193,207,0.28); border-color: rgba(100,193,207,0.5); color: #f8fafc; }
html[data-theme="teal"][data-tpl="home"] .hub-search-popup-browse:hover, html[data-theme="teal"][data-tpl="home"] .hub-search-popup-browse:focus-visible, html[data-theme="teal"][data-tpl="home"] .hub-search-popup-go:hover, html[data-theme="teal"][data-tpl="home"] .hub-search-popup-go:focus-visible { outline: none; filter: brightness(1.12); }
html[data-theme="teal"][data-tpl="home"] .hub-search-popup-results { border: 1px solid rgba(255,255,255,0.12); background: rgba(4,8,18,0.72); }
html[data-theme="teal"][data-tpl="home"] .hub-search-popup-results .hsr-item { text-decoration: none; color: #f1f5f9; }
html[data-theme="teal"][data-tpl="home"] .hub-search-popup-results .hsr-item:hover, html[data-theme="teal"][data-tpl="home"] .hub-search-popup-results .hsr-item:focus-visible { background: rgba(100,193,207,0.16); outline: none; }
html[data-theme="teal"][data-tpl="home"] .hub-search-popup-results .hsr-item:active { background: rgba(100,193,207,0.28); }
html[data-theme="teal"][data-tpl="home"] .hub-search-popup-results .hsr-thumb { background: rgba(255,255,255,0.08) center/cover no-repeat; }
html[data-theme="teal"][data-tpl="home"] .hub-search-popup-results .hsr-sub { color: #94a3b8; }
html[data-theme="teal"][data-tpl="home"] .hub-search-popup-results .hsr-kind { color: #d8f0f4; border: 1px solid rgba(100,193,207,0.35); }
html[data-theme="teal"][data-tpl="home"] .hub-search-popup-results .hsr-empty, html[data-theme="teal"][data-tpl="home"] .hub-search-popup-results .hsr-status { color: #94a3b8; }
@media (max-width: 768px) { html[data-theme="teal"][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="teal"][data-tpl="home"] .hub-top nav a:hover, html[data-theme="teal"][data-tpl="home"] .hub-top nav a.active { background: rgba(100,193,207,0.18); border-color: rgba(100,193,207,0.35); } }
@media (max-width: 800px), (pointer: coarse) { html[data-theme="teal"][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="teal"][data-tpl="login"] body.login { background: #070b14; color: #e2e8f0; }
html[data-theme="teal"][data-tpl="login"] body.login::before { background: radial-gradient(ellipse at 30% 20%, rgba(57,169,186,0.22) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 80%, rgba(61,177,195,0.12) 0%, transparent 45%),
        radial-gradient(ellipse at 50% 50%, rgba(6,10,20,0.4) 0%, rgba(4,7,14,0.85) 100%); }
html[data-theme="teal"][data-tpl="login"] .discord-btn { text-decoration: none; color: #fff; background: rgba(57,169,186,0.55); border: 1px solid rgba(129,205,216,0.45); box-shadow: 0 8px 28px rgba(0,0,0,0.28); }
html[data-theme="teal"][data-tpl="login"] .discord-btn:hover, html[data-theme="teal"][data-tpl="login"] .discord-btn:focus-visible { background: rgba(57,169,186,0.78); border-color: rgba(171,221,229,0.75); outline: none; }
html[data-theme="teal"][data-tpl="lyrics"] .id-chip, html[data-theme="teal"][data-tpl="lyrics"] .id-btn { background: #1e293b; color: #ccebf0; border: 1px solid #334155; }
html[data-theme="teal"][data-tpl="lyrics"] .id-chip:hover, html[data-theme="teal"][data-tpl="lyrics"] .id-btn:hover { background: #334155; color: #dcf2f5; }
html[data-theme="teal"][data-tpl="lyrics"] tr.selected td { background: #18464d; }
html[data-theme="teal"][data-tpl="movies"] .poster-card { text-decoration: none; color: inherit; background: #1e293b; border: 1px solid #334155; }
html[data-theme="teal"][data-tpl="movies"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-theme="teal"][data-tpl="movies"] .poster-card img { background: #0f172a; }
html[data-theme="teal"][data-tpl="movies"] .mosaic { filter: saturate(1.08); }
html[data-theme="teal"][data-tpl="movies"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="teal"][data-tpl="music"] .id-chip, html[data-theme="teal"][data-tpl="music"] .id-btn { background: #1e293b; color: #ccebf0; border: 1px solid #334155; }
html[data-theme="teal"][data-tpl="music"] .id-chip:hover, html[data-theme="teal"][data-tpl="music"] .id-btn:hover { background: #334155; color: #dcf2f5; }
html[data-theme="teal"][data-tpl="music"] .poster-card { text-decoration: none; color: inherit; background: #1e293b; border: 1px solid #334155; }
html[data-theme="teal"][data-tpl="music"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-theme="teal"][data-tpl="music"] .poster-card img { background: #0f172a; }
html[data-theme="teal"][data-tpl="music"] .lrclib-fill { background: rgba(15, 23, 42, 0.72); border: 1px solid rgba(148, 163, 184, 0.18); border-left: 4px solid #ec4899; }
html[data-theme="teal"][data-tpl="music"] .lrclib-fill h2 { color: #f9a8d4; }
html[data-theme="teal"][data-tpl="music"] .lrclib-fill .lf-sub { color: #94a3b8; }
html[data-theme="teal"][data-tpl="music"] .lrclib-fill .lf-actions button { background: #1e293b; color: #e2e8f0; border: 1px solid #334155; }
html[data-theme="teal"][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="teal"][data-tpl="music"] .lrclib-fill .lf-actions button:hover:not(:disabled) { filter: brightness(1.08); }
html[data-theme="teal"][data-tpl="music"] .lrclib-fill .lf-status { color: #cbd5e1; }
html[data-theme="teal"][data-tpl="music"] .lrclib-fill .lf-status.running { color: #f9a8d4; }
html[data-theme="teal"][data-tpl="music"] .lrclib-fill .lf-bar { background: rgba(30, 41, 59, 0.9); }
html[data-theme="teal"][data-tpl="music"] .lrclib-fill .lf-bar > span { background: linear-gradient(90deg, #ec4899, #2e8997); }
html[data-theme="teal"][data-tpl="music"] .lrclib-fill .lf-pill { background: rgba(2, 6, 23, 0.55); border: 1px solid rgba(148, 163, 184, 0.22); color: #cbd5e1; }
html[data-theme="teal"][data-tpl="music"] .lrclib-fill .lf-pill strong { color: #f8fafc; }
html[data-theme="teal"][data-tpl="music"] .mosaic { filter: saturate(1.08); }
html[data-theme="teal"][data-tpl="music"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="teal"][data-tpl="shows"] .poster-card { text-decoration: none; color: inherit; background: #1e293b; border: 1px solid #334155; }
html[data-theme="teal"][data-tpl="shows"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-theme="teal"][data-tpl="shows"] .poster-card img { background: #0f172a; }
html[data-theme="teal"][data-tpl="shows"] .mosaic { filter: saturate(1.08); }
html[data-theme="teal"][data-tpl="shows"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="teal"][data-tpl="status"] .st-wrap .muted { color: #94a3b8; }
html[data-theme="teal"][data-tpl="status"] .st-wrap nav a { color: #ccebf0; text-decoration: none; }
html[data-theme="teal"][data-tpl="status"] .st-wrap nav a:hover, html[data-theme="teal"][data-tpl="status"] .st-wrap nav a.active { color: #fff; }
html[data-theme="teal"][data-tpl="status"] .st-bw { background: rgba(15,23,42,0.72); border: 1px solid rgba(148,163,184,0.18); }
html[data-theme="teal"][data-tpl="status"] .st-bw h2 { color: #d2eef2; }
html[data-theme="teal"][data-tpl="status"] .st-bw-period { color: #94a3b8; }
html[data-theme="teal"][data-tpl="status"] .st-bw-period select { color: #f8fafc; border: 1px solid rgba(148,163,184,0.28); }
html[data-theme="teal"][data-tpl="status"] .st-bw-period select:focus { outline: none; border-color: rgba(129,205,216,0.7); box-shadow: 0 0 0 3px rgba(59,175,192,0.2); }
html[data-theme="teal"][data-tpl="status"] .st-bw-primary { background: linear-gradient(145deg, rgba(31,91,100,0.35), rgba(2,6,23,0.55)); border: 1px solid rgba(129,205,216,0.22); }
html[data-theme="teal"][data-tpl="status"] .st-bw-primary .eyebrow { color: #d2eef2; }
html[data-theme="teal"][data-tpl="status"] .st-bw-primary .big { color: #f8fafc; }
html[data-theme="teal"][data-tpl="status"] .st-bw-primary .up { color: #cbd5e1; }
html[data-theme="teal"][data-tpl="status"] .st-bw-primary .up span { color: #94a3b8; }
html[data-theme="teal"][data-tpl="status"] .st-bw-primary .foot { color: #94a3b8; }
html[data-theme="teal"][data-tpl="status"] .st-bw details summary { color: #ccebf0; }
html[data-theme="teal"][data-tpl="status"] .st-bw details summary::before { color: #64748b; }
html[data-theme="teal"][data-tpl="status"] .st-bw pre { background: rgba(2,6,23,0.55); border: 1px solid rgba(148,163,184,0.12); color: #cbd5e1; }
html[data-theme="teal"][data-tpl="status"] .mosaic { filter: saturate(1.08); }
html[data-theme="teal"][data-tpl="status"] .mosaic .tile { background: #121826 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
@media (hover: hover) and (pointer: fine) { html[data-theme="teal"][data-tpl] .mosaic .tile.is-mhover { filter: brightness(1.18) saturate(1.25) !important; box-shadow: inset 0 0 0 3px rgba(61,177,195,0.85), 0 0 18px rgba(61,177,195,0.45); } }
html[data-theme="teal"][data-tpl] .hub-nav-dd-menu { background: rgba(15,23,42,0.97); border: 1px solid rgba(148,163,184,0.28); box-shadow: 0 12px 30px rgba(0,0,0,0.5); }
html[data-theme="teal"][data-tpl] .hub-nav-dd-menu a { color: #cbd5e1 !important; text-decoration: none !important; }
html[data-theme="teal"][data-tpl] .hub-nav-dd-menu a:hover { background: rgba(255,255,255,0.08); color: #fff !important; }
html[data-theme="teal"][data-tpl] .hub-nav-dd-menu a.cur { color: #fff !important; background: rgba(52,155,170,0.16); }
html[data-theme="teal"][data-tpl] .hmd { --hmd-bg: rgba(9,25,28,0.94); --hmd-line: rgba(152,213,222,0.32); --hmd-acc: #98d5de; --hmd-acc2: #b4e1e7; --hmd-fg: #dcf1f4; color: var(--hmd-fg); }
html[data-theme="teal"][data-tpl] .hmd svg { fill: currentColor; }
html[data-theme="teal"][data-tpl] .hmd svg path { fill: currentColor; }
html[data-theme="teal"][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 rgba(31,92,102,0.28); backdrop-filter: blur(18px) saturate(1.35); }
html[data-theme="teal"][data-tpl] .hmd button { color: inherit; }
html[data-theme="teal"][data-tpl] .hmd-cover { background: linear-gradient(135deg, #18454d, #0f272b); border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 4px 14px rgba(0,0,0,0.4); }
html[data-theme="teal"][data-tpl] .hmd-icon { border: 0; background: transparent; color: var(--hmd-fg); }
html[data-theme="teal"][data-tpl] .hmd-icon:hover { background: rgba(100,193,207,0.16); }
html[data-theme="teal"][data-tpl] .hmd-icon:focus-visible { outline: 2px solid var(--hmd-acc); }
html[data-theme="teal"][data-tpl] .hmd .hmd-play { background: var(--hmd-fg); color: #0f272b; box-shadow: 0 0 18px rgba(100,193,207,0.45); }
html[data-theme="teal"][data-tpl] .hmd .hmd-play:hover { background: #fff; color: #0f272b; }
html[data-theme="teal"][data-tpl] .hmd .hmd-play svg { fill: #0f272b; color: #0f272b; }
html[data-theme="teal"][data-tpl] .hmd .hmd-play svg path { fill: #0f272b; }
html[data-theme="teal"][data-tpl] .hmd .hmd-prev, html[data-theme="teal"][data-tpl] .hmd .hmd-next { color: var(--hmd-fg); }
html[data-theme="teal"][data-tpl] .hmd-repeat.on { color: var(--hmd-acc); }
html[data-theme="teal"][data-tpl] .hmd-range { background: transparent; }
html[data-theme="teal"][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="teal"][data-tpl] .hmd-range::-moz-range-track { background: rgba(255,255,255,0.18); }
html[data-theme="teal"][data-tpl] .hmd-range::-moz-range-progress { background: var(--hmd-acc); }
html[data-theme="teal"][data-tpl] .hmd-range::-webkit-slider-thumb { background: #fff; border: 0; box-shadow: 0 0 0 3px rgba(100,193,207,0.35); }
html[data-theme="teal"][data-tpl] .hmd-range::-moz-range-thumb { background: #fff; border: 0; }
html[data-theme="teal"][data-tpl] .hmd-toast { background: rgba(20,60,66,0.97); border: 1px solid var(--hmd-line); box-shadow: 0 8px 24px rgba(0,0,0,0.5); }
html[data-theme="teal"][data-tpl] .hmd-sheet { background: rgba(10,29,32,0.97); border: 1px solid var(--hmd-line); box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 30px rgba(31,92,102,0.3); backdrop-filter: blur(18px); }
html[data-theme="teal"][data-tpl] .hmd-tabs button { border: 1px solid transparent; background: transparent; color: var(--hmd-dim); }
html[data-theme="teal"][data-tpl] .hmd-tabs button.on { color: var(--hmd-fg); background: rgba(31,92,102,0.6); border-color: rgba(146,212,222,0.45); }
html[data-theme="teal"][data-tpl] .hmd-pill { border: 1px solid rgba(255,255,255,0.16); background: rgba(31,92,102,0.42); color: var(--hmd-fg); }
html[data-theme="teal"][data-tpl] .hmd-pill:hover, html[data-theme="teal"][data-tpl] .hmd-pill.on { background: rgba(51,150,165,0.7); border-color: rgba(146,212,222,0.7); }
html[data-theme="teal"][data-tpl] .hmd-input { background: rgba(255,255,255,0.06); border: 1px solid rgba(146,212,222,0.35); color: var(--hmd-fg); outline: none; }
html[data-theme="teal"][data-tpl] .hmd-input:focus { border-color: var(--hmd-acc); box-shadow: 0 0 0 3px rgba(100,193,207,0.2); }
html[data-theme="teal"][data-tpl] .hmd-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); }
html[data-theme="teal"][data-tpl] .hmd-card:hover { background: rgba(51,150,165,0.18); border-color: rgba(146,212,222,0.35); }
html[data-theme="teal"][data-tpl] .hmd-card-art { background: #12353a; color: var(--hmd-acc2); }
html[data-theme="teal"][data-tpl] .hmd-row:hover { background: rgba(51,150,165,0.14); }
html[data-theme="teal"][data-tpl] .hmd-row.is-cur { background: rgba(51,150,165,0.26); }
html[data-theme="teal"][data-tpl] .hmd-row.is-cur .hmd-row-t { color: var(--hmd-acc2); }
html[data-theme="teal"][data-tpl] .hmd-row-art { background: #12353a; }
html[data-theme="teal"][data-tpl] .hmd-row-s { color: var(--hmd-dim); }
html[data-theme="teal"][data-tpl] .hmd-mini { border: 0; background: transparent; color: var(--hmd-dim); box-shadow: none; }
html[data-theme="teal"][data-tpl] .hmd-mini:hover { color: var(--hmd-fg); background: rgba(100,193,207,0.2); }
@media (max-width: 640px) { html[data-theme="teal"][data-tpl] .hmd-sheet { border-bottom: 0; } }
html[data-theme="teal"][data-tpl] .hmd-acct-err a.hmd-pill { text-decoration: none; }
html[data-theme="teal"][data-tpl] .hmd .hmd-dl-btn.is-dl { color: #c2e8ed; }
html[data-theme="teal"][data-tpl] .hmd-set { border-bottom: 1px solid rgba(255,255,255,0.06); }
html[data-theme="teal"][data-tpl] .hmd-set small { color: var(--hmd-dim); }
html[data-theme="teal"][data-tpl] .hmd-set select { background: #102e33; color: var(--hmd-fg); border: 1px solid rgba(146,212,222,0.4); }
html[data-theme="teal"][data-tpl] .hmd-set input[type="checkbox"] { accent-color: var(--hmd-acc); }
html[data-theme="teal"][data-tpl] .hmv { background: #040b0c; color: var(--hmd-fg); }
html[data-theme="teal"][data-tpl] .hmv-art img { box-shadow: 0 20px 80px rgba(51,150,165,0.45); }
html[data-theme="teal"][data-tpl] .hmv-modes { background: rgba(10,32,36,0.7); border: 1px solid var(--hmd-line); }
html[data-theme="teal"][data-tpl] .hmv-modes button { border: 0; background: transparent; color: var(--hmd-dim); }
html[data-theme="teal"][data-tpl] .hmv-modes button.on { background: rgba(51,150,165,0.75); color: #fff; }
html[data-theme="teal"][data-tpl] .hmd-badges > span { background: rgba(51,150,165,0.45); color: var(--hmd-fg); }
html[data-theme="teal"][data-tpl] .hmd-shuffle.on, html[data-theme="teal"][data-tpl] .hmd .hmd-icon.on { color: var(--hmd-acc); }
html[data-theme="teal"][data-tpl] .hmd-star-btn.on, html[data-theme="teal"][data-tpl] .hmd-star-mini { color: #fbbf24; }
html[data-theme="teal"][data-tpl] .hmd-row.is-drag { background: rgba(51,150,165,0.35); box-shadow: 0 6px 24px rgba(0,0,0,0.45); }
html[data-theme="teal"][data-tpl] .hmd-row.is-drag .hmd-drag { color: var(--hmd-fg); }
html[data-theme="teal"][data-tpl] .hmd-card-more { border: 0; background: rgba(9,25,28,0.72); color: var(--hmd-fg); }
html[data-theme="teal"][data-tpl] .hmd-card-more:hover, html[data-theme="teal"][data-tpl] .hmd-card-more:focus-visible { background: rgba(51,150,165,0.85); }
html[data-theme="teal"][data-tpl] .hmd-star-pill.on { color: #fde68a; }
html[data-theme="teal"][data-tpl] .hmd-rate button.on, html[data-theme="teal"][data-tpl] .hmd-menu-rate button.on { color: #fbbf24; }
html[data-theme="teal"][data-tpl] .hmd-menu { background: rgba(13,38,42,0.98); border: 1px solid rgba(100,193,207,0.4); box-shadow: 0 16px 48px rgba(0,0,0,0.55); color: #eff9fa; }
html[data-theme="teal"][data-tpl] .hmd-menu-t { color: #b8acd6; border-bottom: 1px solid rgba(100,193,207,0.25); }
html[data-theme="teal"][data-tpl] .hmd-menu > button { border: 0; background: transparent; color: inherit; }
html[data-theme="teal"][data-tpl] .hmd-menu > button:hover, html[data-theme="teal"][data-tpl] .hmd-menu > button:focus-visible { background: rgba(51,150,165,0.45); outline: none; }
html[data-theme="teal"][data-tpl] .hmd-modal { background: rgba(3,8,9,0.6); }
html[data-theme="teal"][data-tpl] .hmd-modal-box { background: #0f272b; color: #eff9fa; border: 1px solid rgba(100,193,207,0.45); box-shadow: 0 20px 60px rgba(0,0,0,0.6); }
html[data-theme="teal"][data-tpl] .hmd-modal-box .hmd-input { background: rgba(255,255,255,0.06); border: 1px solid rgba(146,212,222,0.35); color: #eff9fa; }
html[data-theme="teal"][data-tpl] .hmd-modal-box .hmd-pill { border: 1px solid rgba(255,255,255,0.16); background: rgba(31,92,102,0.42); color: #eff9fa; }
html[data-theme="teal"][data-tpl] .hmd-modal-box .hmd-pill.on { background: rgba(51,150,165,0.85); }
html[data-theme="teal"][data-tpl] .hmd-set input[type="range"] { accent-color: var(--hmd-acc); }
html[data-theme="teal"][data-tpl] .hmd-tag { background: rgba(51,150,165,0.6); color: #fff; }
html[data-theme="teal"][data-tpl] .hmd-tag-you { background: rgba(34,102,112,0.55); }
html[data-theme="teal"][data-tpl] .hmv-tools { background: rgba(10,32,36,0.6); border: 1px solid var(--hmd-line); }
html[data-theme="teal"][data-tpl] .hmv-tools .hmd-icon.on { color: var(--hmd-acc); }
html[data-theme="teal"][data-tpl] .hmv-star.on { color: #fbbf24 !important; }
html[data-theme="teal"][data-tpl] .hmv-shuffle.on, html[data-theme="teal"][data-tpl] .hmv-repeat.on { color: var(--hmd-acc); }
html[data-theme="teal"][data-tpl] .hmv-lyr-line { color: rgba(239,249,250,0.42); text-shadow: 0 2px 12px rgba(0,0,0,0.6); }
html[data-theme="teal"][data-tpl] .hmv-lyr-line:hover { color: rgba(239,249,250,0.7); }
html[data-theme="teal"][data-tpl] .hmv-lyr-line.is-cur { color: #fff; }
html[data-theme="teal"][data-tpl] .hmv-lyr-line.is-plain { color: rgba(239,249,250,0.85); }
html[data-theme="teal"][data-tpl] .hmd-member.is-away .hmd-avatar { filter: grayscale(1); }
html[data-theme="teal"][data-tpl] .hmd-member.is-live .hmd-avatar { box-shadow: 0 0 0 2px #246b76, 0 0 12px rgba(36,107,118,0.45); }
html[data-theme="teal"][data-tpl] .hmd-eqbars i { background: #246b76; }
html[data-theme="teal"][data-tpl] .hmd-member.is-live .hmd-row-s { color: #c2e8ed; }
html[data-theme="teal"][data-tpl] .hmv-queue { background: rgba(6,18,19,0.72); backdrop-filter: blur(10px); }
html[data-theme="teal"][data-tpl] .hmv-q-row.is-cur { background: rgba(100,193,207,0.18); }
html[data-theme="teal"][data-tpl] .hmv-q-t small { color: var(--hmd-dim); }
html[data-theme="teal"][data-tpl] .hmv-q-row.is-cur b { color: var(--hmd-acc2); }
html[data-theme="teal"][data-tpl] body.hm-app .hmd .hmv-ctrls .hmv-play { background: var(--hmd-fg); color: #0f272b; box-shadow: 0 0 18px rgba(100,193,207,0.45); }
html[data-theme="teal"][data-tpl] body.hm-app .hmd .hmv-ctrls .hmv-play svg, html[data-theme="teal"][data-tpl] body.hm-app .hmd .hmv-ctrls .hmv-play svg path { fill: #0f272b; color: #0f272b; }
html[data-theme="teal"][data-tpl] .hmv-lyr-line.is-cur { color: #fff; text-shadow: 0 0 18px rgba(146,212,222,0.55), 0 2px 12px rgba(0,0,0,0.6); }
html[data-theme="teal"][data-tpl] .hmv-lyr-line.is-cur .hmv-lyr-n { color: var(--hmd-acc2); }
html[data-theme="teal"][data-tpl] .hm-is-dl .hma-song-t::before, html[data-theme="teal"][data-tpl] .hm-is-dl .hmd-row-t::before, html[data-theme="teal"][data-tpl] .hm-is-dl .hmv-q-t b::before, html[data-theme="teal"][data-tpl] .hm-all-dl .hma-hero-kind::before, html[data-theme="teal"][data-tpl] .hm-all-dl .hmd-album-t::before { background-color: var(--hma-green, #246b76); }
html[data-theme="teal"][data-tpl] .hmd-dlstatus { border: 1px solid rgba(100,193,207,0.35); background: rgba(15,46,51,0.96); color: #ecf8f9; box-shadow: 0 8px 26px rgba(0,0,0,0.55); }
html[data-theme="teal"][data-tpl] .hmd-dlq { background: rgba(51,150,165,0.14); border: 1px solid rgba(100,193,207,0.22); }
html[data-theme="teal"][data-tpl] .hm-lfm { color: inherit; text-decoration: none; }
html[data-theme="teal"][data-tpl] .hm-lfm:hover, html[data-theme="teal"][data-tpl] .hm-lfm:focus-visible { color: var(--hmd-fg, var(--hma-fg, #eff9fa)); }
html[data-theme="teal"][data-tpl] .hm-lfm:hover .hm-lfm-n { text-decoration: underline; }
html[data-theme="teal"][data-tpl] .hm-lfm-mark { border: 1px solid currentColor; color: var(--hmd-acc2, var(--hma-acc2, #d8f0f4)); }
html[data-theme="teal"][data-tpl] .hm-lfm-you { color: var(--hmd-acc2, var(--hma-acc2, #d8f0f4)); }

/* ===== manual: inline styles / JS-injected CSS ===== */
html[data-theme="purple"] .hub-foot a[href="/search"], html[data-theme="purple"] a[style*="#93c5fd"] { color: #e3bdec !important; }
html[data-theme="teal"] a[style*="#93c5fd"] { color: #a9e3eb !important; }
html[data-theme="purple"] .stars[style*="5B2C86"] { color: #c27ad4 !important; }
html[data-theme="teal"] .stars[style*="5B2C86"] { color: #4fbccb !important; }
html[data-theme="purple"] .hmp-clone.is-drag { box-shadow: 0 22px 48px rgba(0,0,0,.65), 0 0 0 2px rgba(194,122,212,.6) !important; }
html[data-theme="teal"] .hmp-clone.is-drag { box-shadow: 0 22px 48px rgba(0,0,0,.65), 0 0 0 2px rgba(79,188,203,.6) !important; }
html:not([data-theme="green"]) input[type="checkbox"], html:not([data-theme="green"]) input[type="radio"], html:not([data-theme="green"]) input[type="range"], html:not([data-theme="green"]) progress { accent-color: var(--accent-icon); }
html:not([data-theme="green"]) :focus-visible { outline-color: var(--accent-icon); }
html:root:not([data-theme]) {}

/* ===== Color mode picker (user menus) ===== */
.hub-theme-pick { margin: 0.5rem 0 0.2rem; padding-top: 0.5rem; border-top: 1px solid rgba(148,163,184,0.2); }
.hub-theme-pick-l { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #94a3b8; margin: 0 0 0.35rem; }
.hub-theme-opts { display: flex; gap: 0.3rem; flex-wrap: nowrap; }
.hub-theme-opt { flex: 1 1 0; display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; min-width: 0;
  padding: 0.34rem 0.5rem; border-radius: 999px; border: 1px solid rgba(148,163,184,0.25); background: rgba(255,255,255,0.04);
  color: #94a3b8; font: 600 0.76rem/1.1 system-ui, -apple-system, "Segoe UI", sans-serif; cursor: pointer; opacity: 0.55;
  filter: grayscale(0.85); transition: opacity .12s ease, filter .12s ease, background .12s ease; white-space: nowrap; }
.hub-theme-opt:hover { opacity: 0.85; filter: grayscale(0.3); }
.hub-theme-opt[aria-checked="true"] { opacity: 1; filter: none; color: #fff; border-color: var(--sw); background: color-mix(in srgb, var(--sw) 38%, transparent); box-shadow: 0 0 0 1px var(--sw) inset; }
.hub-theme-opt:focus-visible { outline: 2px solid var(--sw); outline-offset: 2px; }
.hub-theme-sw { width: 0.72rem; height: 0.72rem; border-radius: 50%; background: var(--sw); flex: 0 0 auto; box-shadow: 0 0 0 1px rgba(255,255,255,0.25); }
.hma-umenu .hub-theme-pick { margin: 4px 6px 6px; padding: 8px 6px 2px; }
.hma-umenu .hub-theme-opt { padding: 7px 8px; font-size: 0.78rem; }
.hub-user-menu:has(.hub-theme-pick) { min-width: 15.5rem; }
.hub-user-menu .hub-theme-opt { padding: 0.34rem 0.4rem; }


/* appthemeui 20260930: Green music-app palette (was the old violet base). Generated from the teal block with /workspace/appthemeui/gengreen.py (hue -47deg). */
html[data-theme="green"][data-tpl] { --hma-bg: #07140c; --hma-bg2: #0c2414; --hma-fg: #dcf4e4; --hma-acc: #98deb0; --hma-acc2: #b4e7c5; --hma-green: #1db954; --hma-line: rgba(152,222,176,0.18); }
html[data-theme="green"][data-tpl] body.hm-app { background: radial-gradient(1200px 600px at 20% -10%, #123f22 0%, transparent 60%), var(--hma-bg); color: var(--hma-fg); }
html[data-theme="green"][data-tpl] body.hm-app a { color: inherit; text-decoration: none; }
html[data-theme="green"][data-tpl] body.hm-app button { color: inherit; }
html[data-theme="green"][data-tpl] body.hm-app svg { fill: currentColor; }
html[data-theme="green"][data-tpl] .hma-top { background: rgba(7,20,12,0); }
html[data-theme="green"][data-tpl] body.hma-scrolled .hma-top { background: rgba(9,26,15,0.92); box-shadow: 0 1px 0 var(--hma-line); backdrop-filter: blur(14px); }
html[data-theme="green"][data-tpl] .hma-avatar { border: 2px solid rgba(255,255,255,0.12); background: #144024; }
html[data-theme="green"][data-tpl] .hma-avatar[aria-expanded="true"] { border-color: var(--hma-acc); }
html[data-theme="green"][data-tpl] .hma-umenu { background: #12301d; border: 1px solid var(--hma-line); box-shadow: 0 16px 40px rgba(0,0,0,0.6); }
html[data-theme="green"][data-tpl] .hma-umenu button, html[data-theme="green"][data-tpl] .hma-umenu a { border: 0; background: none; }
html[data-theme="green"][data-tpl] .hma-umenu button:hover, html[data-theme="green"][data-tpl] .hma-umenu a:hover { background: rgba(255,255,255,0.07); }
html[data-theme="green"][data-tpl] .hma-umenu svg { color: var(--hma-dim); }
html[data-theme="green"][data-tpl] .hma-liked-art { background: linear-gradient(135deg, #2c8f4e, #64cf89 60%, #c2ecd1); color: #ffffff; }
html[data-theme="green"][data-tpl] .hma-card-art { background: linear-gradient(135deg, #144224, #0d2716); box-shadow: 0 8px 20px rgba(0,0,0,0.45); }
html[data-theme="green"][data-tpl] .hma-card-art.is-mix::after { background: linear-gradient(180deg, rgba(51,165,91,0.15), rgba(6,19,10,0.75)); }
html[data-theme="green"][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="green"][data-tpl] .hma-card-play svg { fill: #ffffff; }
html[data-theme="green"][data-tpl] .hma-pill-acc { background: var(--hma-fg); color: #0b2514 !important; border-color: transparent; }
html[data-theme="green"][data-tpl] .hma-pill-acc:hover { background: #ffffff; }
html[data-theme="green"][data-tpl] .hma-chip { background: rgba(255,255,255,0.08); border: 0; }
html[data-theme="green"][data-tpl] .hma-chip:hover { background: rgba(255,255,255,0.15); }
html[data-theme="green"][data-tpl] .hma-chip.on { background: var(--hma-acc); color: #0b2514; }
html[data-theme="green"][data-tpl] .hma-li-art { background: #153a22; }
html[data-theme="green"][data-tpl] .hma-li-s { color: var(--hma-dim); }
html[data-theme="green"][data-tpl] .hma-song-art { background: #153a22; }
html[data-theme="green"][data-tpl] .hma-song.is-cur .hma-song-t, html[data-theme="green"][data-tpl] .hma-song.is-cur .hma-song-n { color: var(--hma-green); }
html[data-theme="green"][data-tpl] .hma-hero-bg-plain { background: linear-gradient(180deg, #1a542f, var(--hma-bg)); filter: none; }
html[data-theme="green"][data-tpl] .hma-hero-art { box-shadow: 0 18px 50px rgba(0,0,0,0.6); background: #153a22; }
html[data-theme="green"][data-tpl] .hma-hero-art .hma-ph svg { color: #ffffff; }
html[data-theme="green"][data-tpl] .hma-hero-kind { color: var(--hma-dim); }
html[data-theme="green"][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="green"][data-tpl] .hma-bigplay svg { fill: #ffffff; }
html[data-theme="green"][data-tpl] .hma-abtn.on { color: var(--hma-green); }
html[data-theme="green"][data-tpl] .hma-search { background: #ffffff; color: #0b2514; }
html[data-theme="green"][data-tpl] .hma-search svg { fill: #0b2514; }
html[data-theme="green"][data-tpl] .hma-search-in { border: 0; outline: none; background: transparent; color: #0b2514; }
html[data-theme="green"][data-tpl] .hma-search-in::placeholder { color: #62806c; }
html[data-theme="green"][data-tpl] .hma-search-in::-webkit-search-cancel-button { filter: grayscale(1); }
html[data-theme="green"][data-tpl] .hma-gicon { background: linear-gradient(135deg, #2c8f4e, #247641); }
html[data-theme="green"][data-tpl] .hma-gicon svg { color: #ffffff; }
html[data-theme="green"][data-tpl] .hma-gcard { background: linear-gradient(135deg, rgba(44,143,78,0.45), rgba(36,118,65,0.22)); border: 1px solid var(--hma-line); }
html[data-theme="green"][data-tpl] .hma-member.is-live .hma-li-art { box-shadow: 0 0 0 2px var(--hma-green), 0 0 14px rgba(36,118,65,0.5); }
html[data-theme="green"][data-tpl] .hma-member.is-away .hma-li-art { filter: grayscale(1); }
html[data-theme="green"][data-tpl] .hma-member:hover { background: none; }
html[data-theme="green"][data-tpl] .hma-member.is-live .hma-li-s { color: #c2edd0; }
html[data-theme="green"][data-tpl] .hma-pop { background: #1a3a25; border: 1px solid var(--hma-line); box-shadow: 0 16px 40px rgba(0,0,0,0.6); }
html[data-theme="green"][data-tpl] .hma-pop button { border: 0; background: none; }
html[data-theme="green"][data-tpl] .hma-pop button:hover { background: rgba(255,255,255,0.08); }
html[data-theme="green"][data-tpl] .hma-pop .hma-danger { border: 0 !important; }
html[data-theme="green"][data-tpl] .hma-tabs { background: linear-gradient(180deg, rgba(7,20,12,0.86), rgba(7,20,12,0.99) 40%); backdrop-filter: blur(12px); }
html[data-theme="green"][data-tpl] .hma-tabs a { color: var(--hma-dim); }
html[data-theme="green"][data-tpl] .hma-tabs a.on { color: var(--hma-fg); }
html[data-theme="green"][data-tpl] body.hm-app .hmd-bar { border: 0; background: rgba(21,67,37,0.97); box-shadow: 0 8px 26px rgba(0,0,0,0.55); }
html[data-theme="green"][data-tpl] body.hm-app .hmd .hmd-play { background: transparent; color: var(--hma-fg); box-shadow: none; }
html[data-theme="green"][data-tpl] body.hm-app .hmd .hmd-play svg, html[data-theme="green"][data-tpl] body.hm-app .hmd .hmd-play svg path { fill: var(--hma-fg); color: var(--hma-fg); }
html[data-theme="green"][data-tpl] body.hm-app .hmd-seek .hmd-range::-webkit-slider-thumb { box-shadow: none; border: 0; }
html[data-theme="green"][data-tpl] body.hm-app .hmd-seek .hmd-range::-moz-range-thumb { border: 0; }
@media (min-width: 900px) { html[data-theme="green"][data-tpl] .hma-side { background: #040d07; border-right: 1px solid rgba(255,255,255,0.05); } }
@media (min-width: 900px) { html[data-theme="green"][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="green"][data-tpl] body.hm-app .hmd-bar { background: #06120b; border-top: 1px solid rgba(255,255,255,0.06); box-shadow: none; } }
@media (min-width: 900px) { html[data-theme="green"][data-tpl] body.hm-app .hmd .hmd-play { background: var(--hma-fg); } }
@media (min-width: 900px) { html[data-theme="green"][data-tpl] body.hm-app .hmd .hmd-play svg, html[data-theme="green"][data-tpl] body.hm-app .hmd .hmd-play svg path { fill: #0b2514; color: #0b2514; } }
html[data-theme="green"][data-tpl] .hmd { --hmd-bg: rgba(9,28,16,0.94); --hmd-line: rgba(152,222,176,0.32); --hmd-acc: #98deb0; --hmd-acc2: #b4e7c5; --hmd-fg: #dcf4e4; color: var(--hmd-fg); }
html[data-theme="green"][data-tpl] .hmd svg { fill: currentColor; }
html[data-theme="green"][data-tpl] .hmd svg path { fill: currentColor; }
html[data-theme="green"][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 rgba(31,102,56,0.28); backdrop-filter: blur(18px) saturate(1.35); }
html[data-theme="green"][data-tpl] .hmd button { color: inherit; }
html[data-theme="green"][data-tpl] .hmd-cover { background: linear-gradient(135deg, #184d2b, #0f2b19); border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 4px 14px rgba(0,0,0,0.4); }
html[data-theme="green"][data-tpl] .hmd-icon { border: 0; background: transparent; color: var(--hmd-fg); }
html[data-theme="green"][data-tpl] .hmd-icon:hover { background: rgba(100,207,137,0.16); }
html[data-theme="green"][data-tpl] .hmd-icon:focus-visible { outline: 2px solid var(--hmd-acc); }
html[data-theme="green"][data-tpl] .hmd .hmd-play { background: var(--hmd-fg); color: #0f2b19; box-shadow: 0 0 18px rgba(100,207,137,0.45); }
html[data-theme="green"][data-tpl] .hmd .hmd-play:hover { background: #ffffff; color: #0f2b19; }
html[data-theme="green"][data-tpl] .hmd .hmd-play svg { fill: #0f2b19; color: #0f2b19; }
html[data-theme="green"][data-tpl] .hmd .hmd-play svg path { fill: #0f2b19; }
html[data-theme="green"][data-tpl] .hmd .hmd-prev, html[data-theme="green"][data-tpl] .hmd .hmd-next { color: var(--hmd-fg); }
html[data-theme="green"][data-tpl] .hmd-repeat.on { color: var(--hmd-acc); }
html[data-theme="green"][data-tpl] .hmd-range { background: transparent; }
html[data-theme="green"][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="green"][data-tpl] .hmd-range::-moz-range-track { background: rgba(255,255,255,0.18); }
html[data-theme="green"][data-tpl] .hmd-range::-moz-range-progress { background: var(--hmd-acc); }
html[data-theme="green"][data-tpl] .hmd-range::-webkit-slider-thumb { background: #ffffff; border: 0; box-shadow: 0 0 0 3px rgba(100,207,137,0.35); }
html[data-theme="green"][data-tpl] .hmd-range::-moz-range-thumb { background: #ffffff; border: 0; }
html[data-theme="green"][data-tpl] .hmd-toast { background: rgba(20,66,36,0.97); border: 1px solid var(--hmd-line); box-shadow: 0 8px 24px rgba(0,0,0,0.5); }
html[data-theme="green"][data-tpl] .hmd-sheet { background: rgba(10,32,18,0.97); border: 1px solid var(--hmd-line); box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 30px rgba(31,102,56,0.3); backdrop-filter: blur(18px); }
html[data-theme="green"][data-tpl] .hmd-tabs button { border: 1px solid transparent; background: transparent; color: var(--hmd-dim); }
html[data-theme="green"][data-tpl] .hmd-tabs button.on { color: var(--hmd-fg); background: rgba(31,102,56,0.6); border-color: rgba(146,222,172,0.45); }
html[data-theme="green"][data-tpl] .hmd-pill { border: 1px solid rgba(255,255,255,0.16); background: rgba(31,102,56,0.42); color: var(--hmd-fg); }
html[data-theme="green"][data-tpl] .hmd-pill:hover, html[data-theme="green"][data-tpl] .hmd-pill.on { background: rgba(51,165,91,0.7); border-color: rgba(146,222,172,0.7); }
html[data-theme="green"][data-tpl] .hmd-input { background: rgba(255,255,255,0.06); border: 1px solid rgba(146,222,172,0.35); color: var(--hmd-fg); outline: none; }
html[data-theme="green"][data-tpl] .hmd-input:focus { border-color: var(--hmd-acc); box-shadow: 0 0 0 3px rgba(100,207,137,0.2); }
html[data-theme="green"][data-tpl] .hmd-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); }
html[data-theme="green"][data-tpl] .hmd-card:hover { background: rgba(51,165,91,0.18); border-color: rgba(146,222,172,0.35); }
html[data-theme="green"][data-tpl] .hmd-card-art { background: #123a20; color: var(--hmd-acc2); }
html[data-theme="green"][data-tpl] .hmd-row:hover { background: rgba(51,165,91,0.14); }
html[data-theme="green"][data-tpl] .hmd-row.is-cur { background: rgba(51,165,91,0.26); }
html[data-theme="green"][data-tpl] .hmd-row.is-cur .hmd-row-t { color: var(--hmd-acc2); }
html[data-theme="green"][data-tpl] .hmd-row-art { background: #123a20; }
html[data-theme="green"][data-tpl] .hmd-row-s { color: var(--hmd-dim); }
html[data-theme="green"][data-tpl] .hmd-mini { border: 0; background: transparent; color: var(--hmd-dim); box-shadow: none; }
html[data-theme="green"][data-tpl] .hmd-mini:hover { color: var(--hmd-fg); background: rgba(100,207,137,0.2); }
@media (max-width: 640px) { html[data-theme="green"][data-tpl] .hmd-sheet { border-bottom: 0; } }
html[data-theme="green"][data-tpl] .hmd-acct-err a.hmd-pill { text-decoration: none; }
html[data-theme="green"][data-tpl] .hmd .hmd-dl-btn.is-dl { color: #c2edd0; }
html[data-theme="green"][data-tpl] .hmd-set { border-bottom: 1px solid rgba(255,255,255,0.06); }
html[data-theme="green"][data-tpl] .hmd-set small { color: var(--hmd-dim); }
html[data-theme="green"][data-tpl] .hmd-set select { background: #10331d; color: var(--hmd-fg); border: 1px solid rgba(146,222,172,0.4); }
html[data-theme="green"][data-tpl] .hmd-set input[type="checkbox"] { accent-color: var(--hmd-acc); }
html[data-theme="green"][data-tpl] .hmv { background: #040c07; color: var(--hmd-fg); }
html[data-theme="green"][data-tpl] .hmv-art img { box-shadow: 0 20px 80px rgba(51,165,91,0.45); }
html[data-theme="green"][data-tpl] .hmv-modes { background: rgba(10,36,20,0.7); border: 1px solid var(--hmd-line); }
html[data-theme="green"][data-tpl] .hmv-modes button { border: 0; background: transparent; color: var(--hmd-dim); }
html[data-theme="green"][data-tpl] .hmv-modes button.on { background: rgba(51,165,91,0.75); color: #ffffff; }
html[data-theme="green"][data-tpl] .hmd-badges > span { background: rgba(51,165,91,0.45); color: var(--hmd-fg); }
html[data-theme="green"][data-tpl] .hmd-shuffle.on, html[data-theme="green"][data-tpl] .hmd .hmd-icon.on { color: var(--hmd-acc); }
html[data-theme="green"][data-tpl] .hmd-star-btn.on, html[data-theme="green"][data-tpl] .hmd-star-mini { color: #fb2431; }
html[data-theme="green"][data-tpl] .hmd-row.is-drag { background: rgba(51,165,91,0.35); box-shadow: 0 6px 24px rgba(0,0,0,0.45); }
html[data-theme="green"][data-tpl] .hmd-row.is-drag .hmd-drag { color: var(--hmd-fg); }
html[data-theme="green"][data-tpl] .hmd-card-more { border: 0; background: rgba(9,28,16,0.72); color: var(--hmd-fg); }
html[data-theme="green"][data-tpl] .hmd-card-more:hover, html[data-theme="green"][data-tpl] .hmd-card-more:focus-visible { background: rgba(51,165,91,0.85); }
html[data-theme="green"][data-tpl] .hmd-star-pill.on { color: #fd8c8a; }
html[data-theme="green"][data-tpl] .hmd-rate button.on, html[data-theme="green"][data-tpl] .hmd-menu-rate button.on { color: #fb2431; }
html[data-theme="green"][data-tpl] .hmd-menu { background: rgba(13,42,23,0.98); border: 1px solid rgba(100,207,137,0.4); box-shadow: 0 16px 48px rgba(0,0,0,0.55); color: #effaf2; }
html[data-theme="green"][data-tpl] .hmd-menu-t { color: #b6ccbd; border-bottom: 1px solid rgba(100,207,137,0.25); }
html[data-theme="green"][data-tpl] .hmd-menu > button { border: 0; background: transparent; color: inherit; }
html[data-theme="green"][data-tpl] .hmd-menu > button:hover, html[data-theme="green"][data-tpl] .hmd-menu > button:focus-visible { background: rgba(51,165,91,0.45); outline: none; }
html[data-theme="green"][data-tpl] .hmd-modal { background: rgba(3,9,5,0.6); }
html[data-theme="green"][data-tpl] .hmd-modal-box { background: #0f2b19; color: #effaf2; border: 1px solid rgba(100,207,137,0.45); box-shadow: 0 20px 60px rgba(0,0,0,0.6); }
html[data-theme="green"][data-tpl] .hmd-modal-box .hmd-input { background: rgba(255,255,255,0.06); border: 1px solid rgba(146,222,172,0.35); color: #effaf2; }
html[data-theme="green"][data-tpl] .hmd-modal-box .hmd-pill { border: 1px solid rgba(255,255,255,0.16); background: rgba(31,102,56,0.42); color: #effaf2; }
html[data-theme="green"][data-tpl] .hmd-modal-box .hmd-pill.on { background: rgba(51,165,91,0.85); }
html[data-theme="green"][data-tpl] .hmd-set input[type="range"] { accent-color: var(--hmd-acc); }
html[data-theme="green"][data-tpl] .hmd-tag { background: rgba(51,165,91,0.6); color: #ffffff; }
html[data-theme="green"][data-tpl] .hmd-tag-you { background: rgba(34,112,61,0.55); }
html[data-theme="green"][data-tpl] .hmv-tools { background: rgba(10,36,20,0.6); border: 1px solid var(--hmd-line); }
html[data-theme="green"][data-tpl] .hmv-tools .hmd-icon.on { color: var(--hmd-acc); }
html[data-theme="green"][data-tpl] .hmv-star.on { color: #fb2431 !important; }
html[data-theme="green"][data-tpl] .hmv-shuffle.on, html[data-theme="green"][data-tpl] .hmv-repeat.on { color: var(--hmd-acc); }
html[data-theme="green"][data-tpl] .hmv-lyr-line { color: rgba(239,250,242,0.42); text-shadow: 0 2px 12px rgba(0,0,0,0.6); }
html[data-theme="green"][data-tpl] .hmv-lyr-line:hover { color: rgba(239,250,242,0.7); }
html[data-theme="green"][data-tpl] .hmv-lyr-line.is-cur { color: #ffffff; }
html[data-theme="green"][data-tpl] .hmv-lyr-line.is-plain { color: rgba(239,250,242,0.85); }
html[data-theme="green"][data-tpl] .hmd-member.is-away .hmd-avatar { filter: grayscale(1); }
html[data-theme="green"][data-tpl] .hmd-member.is-live .hmd-avatar { box-shadow: 0 0 0 2px #247641, 0 0 12px rgba(36,118,65,0.45); }
html[data-theme="green"][data-tpl] .hmd-eqbars i { background: #247641; }
html[data-theme="green"][data-tpl] .hmd-member.is-live .hmd-row-s { color: #c2edd0; }
html[data-theme="green"][data-tpl] .hmv-queue { background: rgba(6,19,10,0.72); backdrop-filter: blur(10px); }
html[data-theme="green"][data-tpl] .hmv-q-row.is-cur { background: rgba(100,207,137,0.18); }
html[data-theme="green"][data-tpl] .hmv-q-t small { color: var(--hmd-dim); }
html[data-theme="green"][data-tpl] .hmv-q-row.is-cur b { color: var(--hmd-acc2); }
html[data-theme="green"][data-tpl] body.hm-app .hmd .hmv-ctrls .hmv-play { background: var(--hmd-fg); color: #0f2b19; box-shadow: 0 0 18px rgba(100,207,137,0.45); }
html[data-theme="green"][data-tpl] body.hm-app .hmd .hmv-ctrls .hmv-play svg, html[data-theme="green"][data-tpl] body.hm-app .hmd .hmv-ctrls .hmv-play svg path { fill: #0f2b19; color: #0f2b19; }
html[data-theme="green"][data-tpl] .hmv-lyr-line.is-cur { color: #ffffff; text-shadow: 0 0 18px rgba(146,222,172,0.55), 0 2px 12px rgba(0,0,0,0.6); }
html[data-theme="green"][data-tpl] .hmv-lyr-line.is-cur .hmv-lyr-n { color: var(--hmd-acc2); }
html[data-theme="green"][data-tpl] .hm-is-dl .hma-song-t::before, html[data-theme="green"][data-tpl] .hm-is-dl .hmd-row-t::before, html[data-theme="green"][data-tpl] .hm-is-dl .hmv-q-t b::before, html[data-theme="green"][data-tpl] .hm-all-dl .hma-hero-kind::before, html[data-theme="green"][data-tpl] .hm-all-dl .hmd-album-t::before { background-color: var(--hma-green, #247641); }
html[data-theme="green"][data-tpl] .hmd-dlstatus { border: 1px solid rgba(100,207,137,0.35); background: rgba(15,51,28,0.96); color: #ecf9f0; box-shadow: 0 8px 26px rgba(0,0,0,0.55); }
html[data-theme="green"][data-tpl] .hmd-dlq { background: rgba(51,165,91,0.14); border: 1px solid rgba(100,207,137,0.22); }
html[data-theme="green"][data-tpl] .hm-lfm { color: inherit; text-decoration: none; }
html[data-theme="green"][data-tpl] .hm-lfm:hover, html[data-theme="green"][data-tpl] .hm-lfm:focus-visible { color: var(--hmd-fg, var(--hma-fg, #effaf2)); }
html[data-theme="green"][data-tpl] .hm-lfm:hover .hm-lfm-n { text-decoration: underline; }
html[data-theme="green"][data-tpl] .hm-lfm-mark { border: 1px solid currentColor; color: var(--hmd-acc2, var(--hma-acc2, #d8f4e2)); }
html[data-theme="green"][data-tpl] .hm-lfm-you { color: var(--hmd-acc2, var(--hma-acc2, #d8f4e2)); }
/* appthemeui 20260930: shared play button + per-theme surfaces for the music pages (site /music/app and the Android app's offline copy).
   --hm-play-bg is the theme swatch colour; --hm-play-fg is whichever of dark/white has the better contrast on it (7.3 / 5.0 / 5.3 : 1). */
:root, html[data-theme="green"] { --hm-play-bg: #1db954; --hm-play-bg-h: #1ed760; --hm-play-fg: #06140b; --hm-play-glow: rgba(29,185,84,0.38); --hm-surf: #10281a; --hm-surf2: #15331f; --hm-art: #133a22; }
html[data-theme="purple"] { --hm-play-bg: #a24bb6; --hm-play-bg-h: #b25cc6; --hm-play-fg: #ffffff; --hm-play-glow: rgba(162,75,182,0.42); --hm-surf: #2a1230; --hm-surf2: #341a3a; --hm-art: #33153a; }
html[data-theme="teal"] { --hm-play-bg: #2f97a6; --hm-play-bg-h: #37a9b9; --hm-play-fg: #04181b; --hm-play-glow: rgba(47,151,166,0.42); --hm-surf: #122c30; --hm-surf2: #1a363a; --hm-art: #15353a; }
html[data-theme="green"][data-tpl] { --hma-dim: #9dbba7; }
html[data-theme="green"][data-tpl] .hmd { --hmd-dim: #a7c6b1; }
html[data-theme="teal"][data-tpl] { --hma-dim: #9cbcc1; }
html[data-theme="teal"][data-tpl] .hmd { --hmd-dim: #a6c5ca; }
/* album / playlist / artist big play: 56px accent circle, 28px centred SVG triangle */
html[data-theme][data-tpl] body.hm-app .hma-bigplay { width: 56px; height: 56px; min-width: 56px; padding: 0; border: 0; border-radius: 50%; background: var(--hm-play-bg); color: var(--hm-play-fg); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; box-shadow: 0 8px 22px rgba(0,0,0,0.45), 0 0 18px var(--hm-play-glow); -webkit-tap-highlight-color: transparent; transition: transform .12s, background-color .12s; }
html[data-theme][data-tpl] body.hm-app .hma-bigplay:hover { background: var(--hm-play-bg-h); transform: scale(1.05); }
html[data-theme][data-tpl] body.hm-app .hma-bigplay:active { transform: scale(0.96); }
html[data-theme][data-tpl] body.hm-app .hma-bigplay:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
html[data-theme][data-tpl] body.hm-app .hma-bigplay svg { display: block; width: 28px; height: 28px; margin: 0; fill: currentColor; color: inherit; }
html[data-theme][data-tpl] body.hm-app .hma-bigplay svg path { fill: currentColor; }
/* cover-card play and the Downloads manager play button: same colours */
html[data-theme][data-tpl] body.hm-app .hma-card-play { padding: 0; background: var(--hm-play-bg); color: var(--hm-play-fg) !important; display: inline-flex; align-items: center; justify-content: center; }
html[data-theme][data-tpl] body.hm-app .hma-card-play svg { display: block; width: 24px; height: 24px; margin: 0; fill: currentColor; }
html[data-theme][data-tpl] .hdl { --hdl-acc: var(--hm-play-bg); }
html[data-theme][data-tpl] .hdl-play { background: var(--hm-play-bg); color: var(--hm-play-fg) !important; }
html[data-theme][data-tpl] .hdl-play svg { fill: currentColor; }
html[data-theme][data-tpl] .hdl-btn.on, html[data-theme][data-tpl] .hdl-chip.on, html[data-theme][data-tpl] .hdl-row.is-sel .hdl-check,
html[data-theme][data-tpl] .hdl-modal .hdl-chip.on, html[data-theme][data-tpl] .hdl-modal .hdl-btn.on { color: var(--hm-play-fg); }
html[data-theme][data-tpl] .hdl-art { background: var(--hm-art); }
html[data-theme][data-tpl] .hdl-pop, html[data-theme][data-tpl] .hdl-sort select option { background: var(--hm-surf2); }
html[data-theme][data-tpl] .hdl-modal-box { background: var(--hm-surf); }
/* "Play" / "Top songs" pills: inline SVG icon instead of the ▶ character (Android draws it as the ▶️ emoji) */
.hm-pill-ico { display: inline-block; width: 1.05em; height: 1.05em; margin: 0 .35em 0 -.1em; vertical-align: -0.16em; fill: currentColor; }
.hmd-pill .hm-pill-ico, body.hm-app .hmd-pill .hm-pill-ico { width: 16px; height: 16px; }

/* darkmode 20260930: 4th colour mode "Dark": neutral near-black / charcoal backgrounds (no tint), light-grey accent #e6e6e6
   with dark ink #111 on accent buttons (contrast 15.6 : 1). Generated from the teal rules with /workspace/darkmode/gendark.py, then the key vars below. */
html[data-theme="dark"] { --accent-base: #e6e6e6; --accent-strong: #f5f5f5; --accent-soft: rgba(230,230,230,0.14); --accent-fg: #111111; --accent-icon: #e6e6e6; --accent-text: #f0f0f0; }
html[data-theme="dark"][data-tpl] { --accent: #dfdfdf; }
html[data-theme="dark"][data-tpl] header:not(.hub-top) { border-bottom: 1px solid var(--border); background: var(--panel); }
html[data-theme="dark"][data-tpl] header:not(.hub-top) p { color: var(--muted); }
html[data-theme="dark"][data-tpl] header:not(.hub-top) nav a, html[data-theme="dark"][data-tpl] .bar nav a { color: var(--accent); text-decoration: none; }
html[data-theme="dark"][data-tpl] header:not(.hub-top) nav a:hover, html[data-theme="dark"][data-tpl] .bar nav a:hover { text-decoration: underline; }
html[data-theme="dark"][data-tpl] header:not(.hub-top) nav a.active, html[data-theme="dark"][data-tpl] .bar nav a.active { color: var(--text); }
html[data-theme="dark"][data-tpl] .title-item, html[data-theme="dark"][data-tpl] .list-item { border: 1px solid transparent; background: #121212; color: inherit; text-decoration: none; }
html[data-theme="dark"][data-tpl] .title-item:hover, html[data-theme="dark"][data-tpl] .title-item.active, html[data-theme="dark"][data-tpl] .list-item:hover { border-color: var(--accent); }
html[data-theme="dark"][data-tpl] .title-item .meta, html[data-theme="dark"][data-tpl] .list-item .meta { color: var(--muted); }
@media (max-width: 800px) { html[data-theme="dark"][data-tpl] .cue-table tr.cue-row { border: 1px solid var(--border); background: #121212; } }
@media (max-width: 800px) { html[data-theme="dark"][data-tpl] .cue-table tr.cue-row td { border-bottom: none; } }
html[data-theme="dark"][data-tpl] tr.cue-row.selected, html[data-theme="dark"][data-tpl] tr.cue-row.selected td { background: rgba(207,207,207,0.12); }
html[data-theme="dark"][data-tpl] tr.cue-row.selected { outline: 1px solid rgba(207,207,207,0.35); }
html[data-theme="dark"][data-tpl] .cmd-builder-modes button.mode.active { background: var(--accent); color: #121212; border-color: transparent; }
html[data-theme="dark"][data-tpl] { --rating-purple: #cfcfcf; --rating-purple-glow: rgba(207,207,207,0.55); }
html[data-theme="dark"][data-tpl] .stars { color: var(--rating-purple); text-shadow: 0 0 10px var(--rating-purple-glow); }
html[data-theme="dark"][data-tpl] .stars .star.half { background: linear-gradient(90deg, var(--rating-purple) 50%, rgba(55,55,55,0.25) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html[data-theme="dark"][data-tpl] .stars .avg-num { color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .rating-users .ru { color: #ededed; }
html[data-theme="dark"][data-tpl] .detail-veil { background: linear-gradient(90deg, rgba(7,7,7,0.92) 0%, rgba(7,7,7,0.72) 42%, rgba(7,7,7,0.55) 100%),
    radial-gradient(ellipse at 70% 40%, rgba(55,55,55,0.22), transparent 55%); }
html[data-theme="dark"][data-tpl] .detail-panel { border: 1px solid rgba(55,55,55,0.55); background: rgba(14, 14, 14, 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: #f0f0f0; }
html[data-theme="dark"][data-tpl] .detail-meta { color: #f0f0f0; }
html[data-theme="dark"][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="dark"][data-tpl] .hub-user-chip-btn:hover, html[data-theme="dark"][data-tpl] .hub-user-chip-btn:focus-visible, html[data-theme="dark"][data-tpl] .hub-user-chip.is-open .hub-user-chip-btn { border-color: rgba(219,219,219,0.65); background: rgba(122,122,122,0.28); outline: none; }
html[data-theme="dark"][data-tpl] .hub-user-logout { text-decoration: none; color: #f0f0f0; background: rgba(56,56,56,0.7); border: 1px solid rgba(216,216,216,0.35); }
html[data-theme="dark"][data-tpl] .hub-user-logout:hover, html[data-theme="dark"][data-tpl] .hub-user-logout:focus-visible { color: #ffffff; background: rgba(122,122,122,0.5); border-color: rgba(219,219,219,0.55); outline: none; }
@media (max-width: 768px) { html[data-theme="dark"][data-tpl] header.hub-top nav a, html[data-theme="dark"][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="dark"][data-tpl] .hub-top { background: linear-gradient(180deg, rgba(11,11,11,0.94) 0%, rgba(11,11,11,0.78) 72%, rgba(11,11,11,0.55) 100%); backdrop-filter: blur(10px) saturate(1.15); border-bottom: 1px solid rgba(210,210,210,0.12); }
html[data-theme="dark"][data-tpl] body.hub .hub-top { background: linear-gradient(180deg, rgba(11,11,11,0.94) 0%, rgba(11,11,11,0.78) 72%, rgba(11,11,11,0) 100%); border-bottom: 0; }
html[data-theme="dark"][data-tpl] .hub-server-link { border: 1px solid rgba(210,210,210,0.45); box-shadow: 0 6px 22px rgba(0,0,0,0.35), 0 0 0 2px rgba(55,55,55,0.25); text-decoration: none; }
html[data-theme="dark"][data-tpl] .hub-server-icon { background: #191919; }
html[data-theme="dark"][data-tpl] .hub-top h1 { color: #f0f0f0; text-shadow: 0 1px 10px rgba(0,0,0,0.55); }
html[data-theme="dark"][data-tpl] .hub-top h1 .hub-title-accent { color: #f0f0f0; background: linear-gradient(120deg, #d2d2d2 0%, #e0e0e0 45%, #ededed 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; filter: drop-shadow(0 1px 8px rgba(55,55,55,0.45)); }
html[data-theme="dark"][data-tpl] .hub-top h1 .hub-title-sep { color: #f0f0f0; background: none; -webkit-text-fill-color: #f0f0f0; filter: none; }
html[data-theme="dark"][data-tpl] .hub-quote, html[data-theme="dark"][data-tpl] .hub-top .hub-sub { color: #f0f0f0; text-shadow: 0 1px 6px rgba(0,0,0,0.45); }
html[data-theme="dark"][data-tpl] .hub-top .hub-sub { color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .hub-top nav a, html[data-theme="dark"][data-tpl] .hub-top .hub-nav a { color: #ededed !important; text-decoration: none !important; }
html[data-theme="dark"][data-tpl] .hub-top nav a:hover, html[data-theme="dark"][data-tpl] .hub-top .hub-nav a:hover, html[data-theme="dark"][data-tpl] .hub-top nav a.active, html[data-theme="dark"][data-tpl] .hub-top .hub-nav a.active { color: #ffffff !important; text-decoration: none !important; }
html[data-theme="dark"][data-tpl] .hub-top nav a.hub-nav-slsk, html[data-theme="dark"][data-tpl] .hub-top .hub-nav a.hub-nav-slsk { color: #d7d7d7 !important; }
html[data-theme="dark"][data-tpl] .hub-top nav a.hub-nav-slsk:hover, html[data-theme="dark"][data-tpl] .hub-top .hub-nav a.hub-nav-slsk:hover { color: #e5e5e5 !important; }
@media (max-width: 768px) { html[data-theme="dark"][data-tpl] .hub-top nav a, html[data-theme="dark"][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="dark"][data-tpl] .hub-top nav a:hover, html[data-theme="dark"][data-tpl] .hub-top .hub-nav a:hover, html[data-theme="dark"][data-tpl] .hub-top nav a.active, html[data-theme="dark"][data-tpl] .hub-top .hub-nav a.active { background: rgba(210,210,210,0.18); border-color: rgba(210,210,210,0.35); } }
html[data-theme="dark"][data-tpl] a.hub-music-sso, html[data-theme="dark"][data-tpl] button.hub-music-sso { border: 1px solid rgba(210,210,210,0.55); color: #f0f0f0; text-decoration: none; background: linear-gradient(135deg, rgba(55,55,55,0.72), rgba(55,55,55,0.55) 55%, rgba(29,29,29,0.45)); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35),
    0 0 22px rgba(210,210,210,0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.18); backdrop-filter: blur(12px) saturate(1.25); }
html[data-theme="dark"][data-tpl] a.hub-music-sso:hover, html[data-theme="dark"][data-tpl] button.hub-music-sso:hover { border-color: rgba(224,224,224,0.85); background: linear-gradient(135deg, rgba(59,59,59,0.85), rgba(77,77,77,0.65) 55%, rgba(34,34,34,0.55)); box-shadow: 0 12px 36px rgba(0, 0, 0, 0.42),
    0 0 30px rgba(210,210,210,0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.24); filter: brightness(1.05); }
html[data-theme="dark"][data-tpl] a.hub-music-sso:focus-visible, html[data-theme="dark"][data-tpl] button.hub-music-sso:focus-visible { outline: 2px solid #e0e0e0; }
html[data-theme="dark"][data-tpl] .hub-music-sso .hub-music-sso-ico { filter: drop-shadow(0 1px 4px rgba(0,0,0,.45)); }
html[data-theme="dark"][data-tpl] .hub-music-sso .hub-music-sso-sub { color: #f0f0f0; }
html[data-theme="dark"][data-tpl] a.hub-music-sso.hub-music-sso-out { border-color: rgba(222, 222, 222, 0.45); background: linear-gradient(135deg, rgba(78, 78, 78, 0.55), rgba(32, 32, 32, 0.40) 55%, rgba(17, 17, 17, 0.45)); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35),
    0 0 18px rgba(222, 222, 222, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.12); }
html[data-theme="dark"][data-tpl] a.hub-music-sso.hub-music-sso-out:hover { border-color: rgba(235, 235, 235, 0.75); background: linear-gradient(135deg, rgba(90, 90, 90, 0.72), rgba(78, 78, 78, 0.55) 55%, rgba(23, 23, 23, 0.55)); box-shadow: 0 12px 36px rgba(0, 0, 0, 0.42),
    0 0 26px rgba(222, 222, 222, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.18); }
html[data-theme="dark"][data-tpl] .hub-music-player { border: 1px solid rgba(210,210,210,0.45); background: rgba(17,17,17,0.92); box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55),
    0 0 28px rgba(55,55,55,0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.12); backdrop-filter: blur(16px) saturate(1.3); color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .hub-music-player-bar .title span { color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .hub-music-player-bar a, html[data-theme="dark"][data-tpl] .hub-music-player-bar button { border: 1px solid rgba(255,255,255,0.16); background: rgba(55,55,55,0.45); color: #f0f0f0; text-decoration: none; }
html[data-theme="dark"][data-tpl] .hub-music-player-bar a:hover, html[data-theme="dark"][data-tpl] .hub-music-player-bar button:hover { border-color: rgba(224,224,224,0.7); background: rgba(59,59,59,0.65); }
html[data-theme="dark"][data-tpl] .hub-music-player-frame-wrap { border-top: 1px solid rgba(210,210,210,0.28); background: #0a0a0a; }
html[data-theme="dark"][data-tpl] .hub-music-player-frame-wrap iframe { border: 0; background: #0a0a0a; }
html[data-theme="dark"][data-tpl] body.hub-detail { --hub-accent: #e3e3e3; --hub-glow: rgba(207,207,207,0.35); background: var(--hub-bg); color: var(--hub-text); }
html[data-theme="dark"][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="dark"][data-tpl] body.hub-detail .md-backdrop::after { background: radial-gradient(ellipse at 50% 28%, rgba(11, 11, 11, 0.28) 0%, rgba(11, 11, 11, 0.52) 55%, rgba(7, 7, 7, 0.72) 100%); }
html[data-theme="dark"][data-tpl] body.hub-detail.has-backdrop { background: var(--hub-bg); }
html[data-theme="dark"][data-tpl] body.hub-detail.has-backdrop .md-top { background: rgba(12, 12, 12, 0.42); border-bottom-color: rgba(255, 255, 255, 0.12); }
html[data-theme="dark"][data-tpl] body.hub-detail header.md-top { border-bottom: 1px solid rgba(255, 255, 255, 0.14); background: rgba(12, 12, 12, 0.55); backdrop-filter: blur(14px) saturate(1.25); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28); }
html[data-theme="dark"][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="dark"][data-tpl] body.hub-detail .md-back:hover { background: rgba(255, 255, 255, 0.14); text-decoration: none; color: #ffffff; }
html[data-theme="dark"][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="dark"][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="dark"][data-tpl] body.hub-detail .md-nav a { color: #ededed; text-decoration: none; }
html[data-theme="dark"][data-tpl] body.hub-detail .md-nav a:hover, html[data-theme="dark"][data-tpl] body.hub-detail .md-nav a.active { color: #ffffff; text-decoration: none; }
html[data-theme="dark"][data-tpl] body.hub-detail .md-poster { border: 1px solid var(--hub-border); background: #121212; 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="dark"][data-tpl] body.hub-detail .md-hero-meta .md-kind { color: #f0f0f0; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55); }
html[data-theme="dark"][data-tpl] body.hub-detail .md-hero-meta h2 { color: #f0f0f0; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65); }
html[data-theme="dark"][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="dark"][data-tpl] body.hub-detail .panel, html[data-theme="dark"][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="dark"][data-tpl] body.hub-detail.has-backdrop .panel, html[data-theme="dark"][data-tpl] body.hub-detail.has-backdrop .md-panel { background: rgba(13, 13, 13, 0.42); }
html[data-theme="dark"][data-tpl] body.hub-detail .list-item, html[data-theme="dark"][data-tpl] body.hub-detail .title-item { background: rgba(12, 12, 12, 0.38); border: 1px solid transparent; }
html[data-theme="dark"][data-tpl] body.hub-detail .list-item:hover, html[data-theme="dark"][data-tpl] body.hub-detail .title-item:hover, html[data-theme="dark"][data-tpl] body.hub-detail .title-item.active { border-color: rgba(214,214,214,0.45); background: rgba(23, 23, 23, 0.55); }
html[data-theme="dark"][data-tpl] body.hub-detail .season-h, html[data-theme="dark"][data-tpl] body.hub-detail .crumb { color: var(--hub-muted); text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); }
html[data-theme="dark"][data-tpl] body.hub-detail .crumb a { color: var(--hub-accent); }
html[data-theme="dark"][data-tpl] body.hub-detail input[type="search"], html[data-theme="dark"][data-tpl] body.hub-detail input[type="text"], html[data-theme="dark"][data-tpl] body.hub-detail .file-toolbar input { background: rgba(13, 13, 13, 0.5) !important; border-color: rgba(255, 255, 255, 0.18) !important; backdrop-filter: blur(10px) saturate(1.15); }
html[data-theme="dark"][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="dark"][data-tpl] body.hub-detail button:not(.primary):not(.mode):hover { background: rgba(255, 255, 255, 0.14); }
html[data-theme="dark"][data-tpl] body.hub-detail .cue-table th, html[data-theme="dark"][data-tpl] body.hub-detail .music-table th { color: var(--hub-muted); border-bottom-color: rgba(255, 255, 255, 0.12); background: rgba(12, 12, 12, 0.35); }
html[data-theme="dark"][data-tpl] body.hub-detail tr.cue-row td, html[data-theme="dark"][data-tpl] body.hub-detail tr.selectable td { background: transparent; }
html[data-theme="dark"][data-tpl] body.hub-detail tr.cue-row:hover td, html[data-theme="dark"][data-tpl] body.hub-detail tr.selectable:hover td { background: rgba(36, 36, 36, 0.42); }
html[data-theme="dark"][data-tpl] body.hub-detail tr.cue-row.selected td, html[data-theme="dark"][data-tpl] body.hub-detail tr.selected td { background: rgba(41,41,41,0.48); }
html[data-theme="dark"][data-tpl] body.hub-detail .sticky-stack { background: rgba(13, 13, 13, 0.55) !important; border-top-color: rgba(255, 255, 255, 0.12) !important; backdrop-filter: blur(14px) saturate(1.2) !important; }
html[data-theme="dark"][data-tpl] body.hub-detail .sticky-actions { background: transparent !important; }
html[data-theme="dark"][data-tpl] body.hub-detail .cmd-builder { background: rgba(13, 13, 13, 0.35) !important; border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
html[data-theme="dark"][data-tpl] body.hub-detail.has-backdrop .sticky-stack { background: rgba(13, 13, 13, 0.42) !important; }
html[data-theme="dark"][data-tpl] body.hub-detail .album-hero img { background: #121212; border: 1px solid var(--hub-border); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45); }
html[data-theme="dark"][data-tpl] body.hub-detail .album-hero h2 { color: #f0f0f0; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65); }
html[data-theme="dark"][data-tpl] body.hub-detail .album-detail .back a, html[data-theme="dark"][data-tpl] body.hub-detail .lyrics-block .back a { color: var(--hub-accent); text-decoration: none; }
html[data-theme="dark"][data-tpl] body.hub-detail .poster-card { background: rgba(36, 36, 36, 0.55); border: 1px solid rgba(255, 255, 255, 0.12); backdrop-filter: blur(8px); }
html[data-theme="dark"][data-tpl] body.hub-detail.browse-mosaic:not(.has-backdrop) .panel { background: rgba(13, 13, 13, 0.55); border: 1px solid rgba(255, 255, 255, 0.14); backdrop-filter: blur(14px) saturate(1.2); }
html[data-theme="dark"][data-tpl] body.hub-detail.browse-mosaic .mosaic .tile { filter: brightness(0.78) saturate(1.05); }
html[data-theme="dark"][data-tpl] body.hub-detail.browse-mosaic .mosaic-veil { background: radial-gradient(ellipse at 50% 28%, rgba(11, 11, 11, 0.32) 0%, rgba(11, 11, 11, 0.58) 58%, rgba(7, 7, 7, 0.78) 100%) !important; }
html[data-theme="dark"][data-tpl] body.hub-detail.reader { background: #050505; }
html[data-theme="dark"][data-tpl] body.hub-detail.reader .md-top { background: linear-gradient(180deg, rgba(11, 11, 11, 0.94), rgba(11, 11, 11, 0.55), transparent); border-bottom: 0; box-shadow: none; backdrop-filter: none; }
html[data-theme="dark"][data-tpl] body.hub-detail.reader .md-reader-actions button { color: #f0f0f0; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.18); }
html[data-theme="dark"][data-tpl] body.hub-detail.reader .md-reader-actions button:hover { background: rgba(255, 255, 255, 0.14); }
html[data-theme="dark"][data-tpl] body.hub-detail.reader .md-titles h1 { text-shadow: 0 1px 6px #000000; }
html[data-theme="dark"][data-tpl] body.hub-detail.reader .md-page-num { color: #f0f0f0; }
@media (max-width: 720px) { html[data-theme="dark"][data-tpl] body.hub-detail .md-nav { border-top: 1px solid rgba(255, 255, 255, 0.1); } }
@media (max-width: 720px) { html[data-theme="dark"][data-tpl] body.hub-detail .cue-table tr.cue-row { background: rgba(12, 12, 12, 0.45) !important; border-color: rgba(255, 255, 255, 0.12) !important; backdrop-filter: blur(10px); } }
html[data-theme="dark"][data-tpl] body.hub-detail.file-page .md-backdrop { filter: saturate(1.12) brightness(0.9); }
html[data-theme="dark"][data-tpl] body.hub-detail.file-page.has-backdrop main .panel.file-panel { background: rgba(13, 13, 13, 0.38); border-color: rgba(255, 255, 255, 0.14); }
html[data-theme="dark"][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="dark"][data-tpl] body.hub-detail .md-meta-overview { color: #f0f0f0; background: rgba(13, 13, 13, 0.4); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); }
html[data-theme="dark"][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: rgba(12, 12, 12, 0.42); backdrop-filter: blur(8px); }
html[data-theme="dark"][data-tpl] body.hub-detail .md-meta-links a:hover { border-color: rgba(214,214,214,0.55); background: rgba(23, 23, 23, 0.62); }
html[data-theme="dark"][data-tpl] body.hub-detail .md-meta-rating .official { color: #f0f0f0; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); }
html[data-theme="dark"][data-tpl] body.hub-detail .md-meta-users { background: rgba(13, 13, 13, 0.36); border: 1px solid rgba(255, 255, 255, 0.08); }
html[data-theme="dark"][data-tpl] body.hub-detail .md-meta-rating .score-chip { border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(12, 12, 12, 0.42); color: #f0f0f0; text-decoration: none; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); backdrop-filter: blur(8px); }
html[data-theme="dark"][data-tpl] body.hub-detail .md-meta-rating .score-chip:hover { border-color: rgba(214,214,214,0.55); background: rgba(23, 23, 23, 0.62); }
html[data-theme="dark"][data-tpl] body.hub-detail .md-meta-rating .score-chip .score-label { color: var(--hub-muted); }
html[data-theme="dark"][data-tpl] body.hub-detail .md-meta-rating .score-chip.imdb .score-value { color: #868686; }
html[data-theme="dark"][data-tpl] body.hub-detail .md-meta-rating .score-chip.letterboxd .score-value { color: #e3e3e3; }
html[data-theme="dark"][data-tpl] body.hub-detail .md-meta-rating .score-chip.discord { border-color: rgba(55,55,55,0.55); color: #f0f0f0; }
html[data-theme="dark"][data-tpl] body.hub-detail .md-meta-rating .score-chip.discord .score-label { color: #f0f0f0; }
html[data-theme="dark"][data-tpl] body.hub-detail .md-meta-rating .no-reviews { color: var(--hub-muted); }
html[data-theme="dark"][data-tpl] body.hub-detail .md-reviews details { background: rgba(13, 13, 13, 0.36); border: 1px solid rgba(255, 255, 255, 0.08); }
html[data-theme="dark"][data-tpl] body.hub-detail .md-reviews summary { color: #f0f0f0; }
html[data-theme="dark"][data-tpl] body.hub-detail .md-reviews summary::before { color: var(--hub-muted); }
html[data-theme="dark"][data-tpl] body.hub-detail .md-reviews .ru { color: #f0f0f0; border-top: 1px solid rgba(255, 255, 255, 0.06); }
html[data-theme="dark"][data-tpl] body.hub-detail .md-reviews .ru:first-child { border-top: none; }
html[data-theme="dark"][data-tpl] body.hub-detail .md-reviews .ru-text { color: var(--hub-muted); }
html[data-theme="dark"][data-tpl] body.hub-detail.browse-mosaic > .hub-top { background: linear-gradient(180deg, rgba(11,11,11,0.94) 0%, rgba(11,11,11,0.78) 72%, rgba(11,11,11,0.55) 100%); }
@media (max-width: 768px) { html[data-theme="dark"][data-tpl] body.hub-detail > header.hub-top nav a, html[data-theme="dark"][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="dark"][data-tpl] .rel-cal { border: 1px solid rgba(111,111,111,0.28); background: rgba(13, 13, 13, 0.52); color: #ededed; }
html[data-theme="dark"][data-tpl] .rel-cal-head h2 { color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .rel-cal-nav button { background: rgba(23, 23, 23, 0.75); border: 1px solid rgba(216, 216, 216, 0.35); color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .rel-cal-nav button:hover { border-color: rgba(111,111,111,0.55); color: #ffffff; }
html[data-theme="dark"][data-tpl] .rel-cal-nav .rel-cal-label { color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .rel-cal-cell { background: rgba(23, 23, 23, 0.45); border: 1px solid rgba(255, 255, 255, 0.06); }
html[data-theme="dark"][data-tpl] .rel-cal-cell.out { background: rgba(23, 23, 23, 0.2); }
html[data-theme="dark"][data-tpl] .rel-cal-cell.today { border-color: rgba(111,111,111,0.55); box-shadow: inset 0 0 0 1px rgba(111,111,111,0.2); }
html[data-theme="dark"][data-tpl] .rel-cal-tile { background: #242424 center / cover no-repeat; border: 1px solid rgba(255,255,255,0.12); }
html[data-theme="dark"][data-tpl] .rel-cal-tile.tv::after { background: rgba(89,89,89,0.85); color: #ffffff; }
html[data-theme="dark"][data-tpl] .rel-cal-tile.dig::after, html[data-theme="dark"][data-tpl] .rel-cal-tile.thr::after, html[data-theme="dark"][data-tpl] .rel-cal-tile.phy::after { color: #ffffff; }
html[data-theme="dark"][data-tpl] .rel-cal-tile.dig::after { background: rgba(92, 92, 92, 0.88); }
html[data-theme="dark"][data-tpl] .rel-cal-tile.thr::after { background: rgba(112, 112, 112, 0.88); }
html[data-theme="dark"][data-tpl] .rel-cal-tile.phy::after { background: rgba(88, 88, 88, 0.9); }
html[data-theme="dark"][data-tpl] .rel-cal-more { background: rgba(36, 36, 36, 0.95); border: 1px dashed rgba(216, 216, 216, 0.45); color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .rel-cal-more:hover, html[data-theme="dark"][data-tpl] .rel-cal-tile:hover { border-color: rgba(111,111,111,0.7); outline: 1px solid rgba(111,111,111,0.35); }
html[data-theme="dark"][data-tpl] .rel-cal-panel { background: rgba(16, 16, 16, 0.97); border: 1px solid rgba(111,111,111,0.28); color: #ededed; box-shadow: 0 18px 50px rgba(0,0,0,0.55); }
html[data-theme="dark"][data-tpl] .rel-cal-panel h3 { color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .rel-cal-item { border-top: 1px solid rgba(255,255,255,0.07); }
html[data-theme="dark"][data-tpl] .rel-cal-item:first-of-type { border-top: none; }
html[data-theme="dark"][data-tpl] .rel-cal-item img { background: #242424; }
html[data-theme="dark"][data-tpl] .rel-cal-item .meta strong { color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .rel-cal-item .meta .sub { color: #d8d8d8; }
html[data-theme="dark"][data-tpl] .rel-cal-item .meta .tag { background: rgba(111,111,111,0.15); color: #efefef; }
html[data-theme="dark"][data-tpl] .rel-cal-item .meta .tag.tv { background: rgba(123,123,123,0.18); color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .rel-cal-item .meta .tag.date.dig { background: rgba(116, 116, 116, 0.16); color: #e1e1e1; }
html[data-theme="dark"][data-tpl] .rel-cal-item .meta .tag.date.thr { background: rgba(128, 128, 128, 0.16); color: #d7d7d7; }
html[data-theme="dark"][data-tpl] .rel-cal-item .meta .tag.date.phy { background: rgba(216, 216, 216, 0.18); color: #ededed; }
html[data-theme="dark"][data-tpl] .rel-cal-item .meta .tag.date.ovr { background: rgba(221, 221, 221, 0.16); color: #ebebeb; }
html[data-theme="dark"][data-tpl] .rel-cal-admin select, html[data-theme="dark"][data-tpl] .rel-cal-admin input { background: rgba(23, 23, 23, 0.9); border: 1px solid rgba(216,216,216,0.35); color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .rel-cal-admin button { background: rgba(23, 23, 23, 0.75); border: 1px solid rgba(216,216,216,0.35); color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .rel-cal-admin button.danger { border-color: rgba(222, 222, 222, 0.45); color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .rel-cal-admin button:hover { border-color: rgba(111,111,111,0.55); }
html[data-theme="dark"][data-tpl] .rel-cal-kinds button { background: rgba(23, 23, 23, 0.75); border: 1px solid rgba(216, 216, 216, 0.35); color: #ededed; }
html[data-theme="dark"][data-tpl] .rel-cal-kinds button:hover { border-color: rgba(111,111,111,0.55); color: #ffffff; }
html[data-theme="dark"][data-tpl] .rel-cal-kinds button.is-active { background: rgba(89,89,89,0.28); border-color: rgba(111,111,111,0.65); color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .rel-cal-page-intro { color: #d8d8d8; }
html[data-theme="dark"][data-tpl] .rel-cal-page-intro a { color: #f0f0f0; }
html[data-theme="dark"][data-tpl] { --hma-bg: #0b0b0b; --hma-bg2: #141414; --hma-fg: #f0f0f0; --hma-acc: #e1e1e1; --hma-acc2: #e9e9e9; --hma-green: #e6e6e6; --hma-line: rgba(225,225,225,0.18); }
html[data-theme="dark"][data-tpl] body.hm-app { background: radial-gradient(1200px 600px at 20% -10%, #212121 0%, transparent 60%), var(--hma-bg); color: var(--hma-fg); }
html[data-theme="dark"][data-tpl] body.hm-app a { color: inherit; text-decoration: none; }
html[data-theme="dark"][data-tpl] body.hm-app button { color: inherit; }
html[data-theme="dark"][data-tpl] body.hm-app svg { fill: currentColor; }
html[data-theme="dark"][data-tpl] .hma-top { background: rgba(11,11,11,0); }
html[data-theme="dark"][data-tpl] body.hma-scrolled .hma-top { background: rgba(14,14,14,0.92); box-shadow: 0 1px 0 var(--hma-line); backdrop-filter: blur(14px); }
html[data-theme="dark"][data-tpl] .hma-avatar { border: 2px solid rgba(255,255,255,0.12); background: #222222; }
html[data-theme="dark"][data-tpl] .hma-avatar[aria-expanded="true"] { border-color: var(--hma-acc); }
html[data-theme="dark"][data-tpl] .hma-umenu { background: #1b1b1b; border: 1px solid var(--hma-line); box-shadow: 0 16px 40px rgba(0,0,0,0.6); }
html[data-theme="dark"][data-tpl] .hma-umenu button, html[data-theme="dark"][data-tpl] .hma-umenu a { border: 0; background: none; }
html[data-theme="dark"][data-tpl] .hma-umenu button:hover, html[data-theme="dark"][data-tpl] .hma-umenu a:hover { background: rgba(255,255,255,0.07); }
html[data-theme="dark"][data-tpl] .hma-umenu svg { color: var(--hma-dim); }
html[data-theme="dark"][data-tpl] .hma-liked-art { background: linear-gradient(135deg, #5e5e5e, #d2d2d2 60%, #eeeeee); color: #ffffff; }
html[data-theme="dark"][data-tpl] .hma-card-art { background: linear-gradient(135deg, #232323, #151515); box-shadow: 0 8px 20px rgba(0,0,0,0.45); }
html[data-theme="dark"][data-tpl] .hma-card-art.is-mix::after { background: linear-gradient(180deg, rgba(108,108,108,0.15), rgba(10,10,10,0.75)); }
html[data-theme="dark"][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="dark"][data-tpl] .hma-card-play svg { fill: #ffffff; }
html[data-theme="dark"][data-tpl] .hma-pill-acc { background: var(--hma-fg); color: #141414 !important; border-color: transparent; }
html[data-theme="dark"][data-tpl] .hma-pill-acc:hover { background: #ffffff; }
html[data-theme="dark"][data-tpl] .hma-chip { background: rgba(255,255,255,0.08); border: 0; }
html[data-theme="dark"][data-tpl] .hma-chip:hover { background: rgba(255,255,255,0.15); }
html[data-theme="dark"][data-tpl] .hma-chip.on { background: var(--hma-acc); color: #141414; }
html[data-theme="dark"][data-tpl] .hma-li-art { background: #202020; }
html[data-theme="dark"][data-tpl] .hma-li-s { color: var(--hma-dim); }
html[data-theme="dark"][data-tpl] .hma-song-art { background: #202020; }
html[data-theme="dark"][data-tpl] .hma-song.is-cur .hma-song-t, html[data-theme="dark"][data-tpl] .hma-song.is-cur .hma-song-n { color: var(--hma-green); }
html[data-theme="dark"][data-tpl] .hma-hero-bg-plain { background: linear-gradient(180deg, #2d2d2d, var(--hma-bg)); filter: none; }
html[data-theme="dark"][data-tpl] .hma-hero-art { box-shadow: 0 18px 50px rgba(0,0,0,0.6); background: #202020; }
html[data-theme="dark"][data-tpl] .hma-hero-art .hma-ph svg { color: #ffffff; }
html[data-theme="dark"][data-tpl] .hma-hero-kind { color: var(--hma-dim); }
html[data-theme="dark"][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="dark"][data-tpl] .hma-bigplay svg { fill: #ffffff; }
html[data-theme="dark"][data-tpl] .hma-abtn.on { color: var(--hma-green); }
html[data-theme="dark"][data-tpl] .hma-search { background: #ffffff; color: #141414; }
html[data-theme="dark"][data-tpl] .hma-search svg { fill: #141414; }
html[data-theme="dark"][data-tpl] .hma-search-in { border: 0; outline: none; background: transparent; color: #141414; }
html[data-theme="dark"][data-tpl] .hma-search-in::placeholder { color: #717171; }
html[data-theme="dark"][data-tpl] .hma-search-in::-webkit-search-cancel-button { filter: grayscale(1); }
html[data-theme="dark"][data-tpl] .hma-gicon { background: linear-gradient(135deg, #5e5e5e, #4d4d4d); }
html[data-theme="dark"][data-tpl] .hma-gicon svg { color: #ffffff; }
html[data-theme="dark"][data-tpl] .hma-gcard { background: linear-gradient(135deg, rgba(94,94,94,0.45), rgba(77,77,77,0.22)); border: 1px solid var(--hma-line); }
html[data-theme="dark"][data-tpl] .hma-member.is-live .hma-li-art { box-shadow: 0 0 0 2px var(--hma-green), 0 0 14px rgba(77,77,77,0.5); }
html[data-theme="dark"][data-tpl] .hma-member.is-away .hma-li-art { filter: grayscale(1); }
html[data-theme="dark"][data-tpl] .hma-member:hover { background: none; }
html[data-theme="dark"][data-tpl] .hma-member.is-live .hma-li-s { color: #eeeeee; }
html[data-theme="dark"][data-tpl] .hma-pop { background: #222222; border: 1px solid var(--hma-line); box-shadow: 0 16px 40px rgba(0,0,0,0.6); }
html[data-theme="dark"][data-tpl] .hma-pop button { border: 0; background: none; }
html[data-theme="dark"][data-tpl] .hma-pop button:hover { background: rgba(255,255,255,0.08); }
html[data-theme="dark"][data-tpl] .hma-pop .hma-danger { border: 0 !important; }
html[data-theme="dark"][data-tpl] .hma-tabs { background: linear-gradient(180deg, rgba(11,11,11,0.86), rgba(11,11,11,0.99) 40%); backdrop-filter: blur(12px); }
html[data-theme="dark"][data-tpl] .hma-tabs a { color: var(--hma-dim); }
html[data-theme="dark"][data-tpl] .hma-tabs a.on { color: var(--hma-fg); }
html[data-theme="dark"][data-tpl] body.hm-app .hmd-bar { border: 0; background: rgba(36,36,36,0.97); box-shadow: 0 8px 26px rgba(0,0,0,0.55); }
html[data-theme="dark"][data-tpl] body.hm-app .hmd .hmd-play { background: transparent; color: var(--hma-fg); box-shadow: none; }
html[data-theme="dark"][data-tpl] body.hm-app .hmd .hmd-play svg, html[data-theme="dark"][data-tpl] body.hm-app .hmd .hmd-play svg path { fill: var(--hma-fg); color: var(--hma-fg); }
html[data-theme="dark"][data-tpl] body.hm-app .hmd-seek .hmd-range::-webkit-slider-thumb { box-shadow: none; border: 0; }
html[data-theme="dark"][data-tpl] body.hm-app .hmd-seek .hmd-range::-moz-range-thumb { border: 0; }
@media (min-width: 900px) { html[data-theme="dark"][data-tpl] .hma-side { background: #070707; border-right: 1px solid rgba(255,255,255,0.05); } }
@media (min-width: 900px) { html[data-theme="dark"][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="dark"][data-tpl] body.hm-app .hmd-bar { background: #0a0a0a; border-top: 1px solid rgba(255,255,255,0.06); box-shadow: none; } }
@media (min-width: 900px) { html[data-theme="dark"][data-tpl] body.hm-app .hmd .hmd-play { background: var(--hma-fg); } }
@media (min-width: 900px) { html[data-theme="dark"][data-tpl] body.hm-app .hmd .hmd-play svg, html[data-theme="dark"][data-tpl] body.hm-app .hmd .hmd-play svg path { fill: #141414; color: #141414; } }
html[data-theme="dark"][data-tpl="add_movies"] .mosaic { filter: saturate(1.08); }
html[data-theme="dark"][data-tpl="add_movies"] .mosaic .tile { background: #171717 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="dark"][data-tpl="add_movies"] .poster-card { text-decoration: none; color: inherit; background: #242424; border: 1px solid #383838; }
html[data-theme="dark"][data-tpl="add_movies"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-theme="dark"][data-tpl="add_movies"] .poster-card img { background: #171717; }
html[data-theme="dark"][data-tpl="add_movies"] .poster-card.in-library { filter: grayscale(0.25); }
html[data-theme="dark"][data-tpl="add_movies"] .poster-card.golden { border: 2px solid #cdcdcd; box-shadow: 0 0 0 1px rgba(205,205,205,.35); }
html[data-theme="dark"][data-tpl="add_movies"] .poster-card .badge { background: rgba(23,23,23,.88); color: #f0f0f0; border: 1px solid #585858; }
html[data-theme="dark"][data-tpl="add_movies"] .poster-card .badge.pending { background: rgba(108,108,108,0.9); border-color: #d2d2d2; }
html[data-theme="dark"][data-tpl="add_movies"] .poster-card .qbadge { background: rgba(49,49,49,0.92); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_movies"] .poster-card .plus { border: none; background: #525252; color: #ffffff; }
html[data-theme="dark"][data-tpl="add_movies"] .releases li { border-bottom: 1px solid #242424; }
html[data-theme="dark"][data-tpl="add_movies"] .proto-filters { color: #ededed; }
html[data-theme="dark"][data-tpl="add_movies"] .proto-filters label { border: 1px solid #383838; background: rgba(23, 23, 23, 0.65); }
html[data-theme="dark"][data-tpl="add_movies"] .proto-filters input[type=checkbox] { accent-color: #6f6f6f; }
html[data-theme="dark"][data-tpl="add_movies"] .proto-filters .proto-hint { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="add_movies"] .proto-filters .fx-sep { background: #383838; }
html[data-theme="dark"][data-tpl="add_movies"] .proto-filters label.fx-sort input[type=checkbox] { accent-color: #d1d1d1; }
html[data-theme="dark"][data-tpl="add_movies"] .fx-badge { border: 1px solid transparent; }
html[data-theme="dark"][data-tpl="add_movies"] .fx-badge.dv { background: rgba(123,123,123,0.18); color: #f0f0f0; border-color: #7b7b7b; }
html[data-theme="dark"][data-tpl="add_movies"] .fx-badge.hdr { background: rgba(128, 128, 128, 0.16); color: #e5e5e5; border-color: #808080; }
html[data-theme="dark"][data-tpl="add_movies"] .msg { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_movies"] .msg.err { color: #ebebeb; }
html[data-theme="dark"][data-tpl="add_movies"] .gb-pool-chip { border: 1px solid rgba(111,111,111,0.45); background: rgba(33, 33, 33, 0.72); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_movies"] .gb-pool-chip.low { border-color: rgba(205, 205, 205, 0.55); background: rgba(30, 30, 30, 0.75); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_movies"] .gb-pool-chip.empty { border-color: rgba(222, 222, 222, 0.55); background: rgba(32, 32, 32, 0.8); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_movies"] .gb-pool-chip.exempt { border-color: rgba(210,210,210,0.5); background: rgba(40,40,40,0.7); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_movies"] .releases .gb-size { color: #efefef; }
html[data-theme="dark"][data-tpl="add_movies"] .rel-confirm { border: 1px solid #383838; background: #171717; color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_movies"] .rel-confirm .muted { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="add_movies"] .queue-blurb { border: 1px solid rgba(111,111,111,0.28); background: rgba(13, 13, 13, 0.52); color: #ededed; }
html[data-theme="dark"][data-tpl="add_movies"] .queue-blurb h2 { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_movies"] .queue-blurb summary { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_movies"] .queue-blurb summary::marker { color: #787878; }
html[data-theme="dark"][data-tpl="add_tv"] .mosaic { filter: saturate(1.08); }
html[data-theme="dark"][data-tpl="add_tv"] .mosaic .tile { background: #171717 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="dark"][data-tpl="add_tv"] .poster-card { text-decoration: none; color: inherit; background: #242424; border: 1px solid #383838; }
html[data-theme="dark"][data-tpl="add_tv"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-theme="dark"][data-tpl="add_tv"] .poster-card img { background: #171717; }
html[data-theme="dark"][data-tpl="add_tv"] .poster-card.in-library { filter: grayscale(0.25); }
html[data-theme="dark"][data-tpl="add_tv"] .poster-card.golden { border: 2px solid #cdcdcd; box-shadow: 0 0 0 1px rgba(205,205,205,.35); }
html[data-theme="dark"][data-tpl="add_tv"] .poster-card .badge { background: rgba(23,23,23,.88); color: #f0f0f0; border: 1px solid #585858; }
html[data-theme="dark"][data-tpl="add_tv"] .poster-card .badge.pending { background: rgba(108,108,108,0.9); border-color: #d2d2d2; }
html[data-theme="dark"][data-tpl="add_tv"] .poster-card .qbadge { background: rgba(49,49,49,0.92); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_tv"] .poster-card .plus { border: none; background: #525252; color: #ffffff; }
html[data-theme="dark"][data-tpl="add_tv"] .releases li { border-bottom: 1px solid #242424; }
html[data-theme="dark"][data-tpl="add_tv"] .proto-filters { color: #ededed; }
html[data-theme="dark"][data-tpl="add_tv"] .proto-filters label { border: 1px solid #383838; background: rgba(23, 23, 23, 0.65); }
html[data-theme="dark"][data-tpl="add_tv"] .proto-filters input[type=checkbox] { accent-color: #6f6f6f; }
html[data-theme="dark"][data-tpl="add_tv"] .proto-filters .proto-hint { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="add_tv"] .proto-filters .fx-sep { background: #383838; }
html[data-theme="dark"][data-tpl="add_tv"] .proto-filters label.fx-sort input[type=checkbox] { accent-color: #d1d1d1; }
html[data-theme="dark"][data-tpl="add_tv"] .fx-badge { border: 1px solid transparent; }
html[data-theme="dark"][data-tpl="add_tv"] .fx-badge.dv { background: rgba(123,123,123,0.18); color: #f0f0f0; border-color: #7b7b7b; }
html[data-theme="dark"][data-tpl="add_tv"] .fx-badge.hdr { background: rgba(128, 128, 128, 0.16); color: #e5e5e5; border-color: #808080; }
html[data-theme="dark"][data-tpl="add_tv"] .msg { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_tv"] .msg.err { color: #ebebeb; }
html[data-theme="dark"][data-tpl="add_tv"] .gb-pool-chip { border: 1px solid rgba(111,111,111,0.45); background: rgba(33, 33, 33, 0.72); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_tv"] .gb-pool-chip.low { border-color: rgba(205, 205, 205, 0.55); background: rgba(30, 30, 30, 0.75); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_tv"] .gb-pool-chip.empty { border-color: rgba(222, 222, 222, 0.55); background: rgba(32, 32, 32, 0.8); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_tv"] .gb-pool-chip.exempt { border-color: rgba(210,210,210,0.5); background: rgba(40,40,40,0.7); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_tv"] .releases .gb-size { color: #efefef; }
html[data-theme="dark"][data-tpl="add_tv"] .rel-confirm { border: 1px solid #383838; background: #171717; color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_tv"] .rel-confirm .muted { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="add_tv"] .rel-confirm.sticky-sum { border-color: #6f6f6f; background: #161616; }
html[data-theme="dark"][data-tpl="add_tv"] .releases li .rel-check { accent-color: #6f6f6f; }
html[data-theme="dark"][data-tpl="add_tv"] .releases li.selected-row { outline: 1px solid rgba(111,111,111,0.45); background: rgba(49,49,49,0.18); }
html[data-theme="dark"][data-tpl="add_tv"] .ep-badge { border: 1px solid rgba(111,111,111,0.55); background: rgba(49,49,49,0.35); color: #efefef; }
html[data-theme="dark"][data-tpl="add_tv"] .ep-badge.pack { border-color: rgba(210,210,210,0.55); background: rgba(55,55,55,0.35); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_tv"] .rel-confirm .ep-chip { border: 1px solid rgba(111,111,111,0.4); background: rgba(49,49,49,0.25); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_tv"] .queue-blurb { border: 1px solid rgba(111,111,111,0.28); background: rgba(13, 13, 13, 0.52); color: #ededed; }
html[data-theme="dark"][data-tpl="add_tv"] .queue-blurb h2 { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_tv"] .queue-blurb summary { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="add_tv"] .queue-blurb summary::marker { color: #787878; }
html[data-theme="dark"][data-tpl="admin"] .st-wrap .muted { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="admin"] .st-wrap nav a { color: #f0f0f0; text-decoration: none; }
html[data-theme="dark"][data-tpl="admin"] .st-wrap nav a:hover, html[data-theme="dark"][data-tpl="admin"] .st-wrap nav a.active { color: #ffffff; }
html[data-theme="dark"][data-tpl="admin"] .st-bw { background: rgba(23,23,23,0.72); border: 1px solid rgba(216,216,216,0.18); }
html[data-theme="dark"][data-tpl="admin"] .st-bw h2 { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="admin"] .st-bw-period { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="admin"] .st-bw-period select { color: #f0f0f0; border: 1px solid rgba(216,216,216,0.28); }
html[data-theme="dark"][data-tpl="admin"] .st-bw-period select:focus { outline: none; border-color: rgba(219,219,219,0.7); box-shadow: 0 0 0 3px rgba(126,126,126,0.2); }
html[data-theme="dark"][data-tpl="admin"] .st-bw-primary { background: linear-gradient(145deg, rgba(54,54,54,0.35), rgba(10,10,10,0.55)); border: 1px solid rgba(219,219,219,0.22); }
html[data-theme="dark"][data-tpl="admin"] .st-bw-primary .eyebrow { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="admin"] .st-bw-primary .big { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="admin"] .st-bw-primary .up { color: #ededed; }
html[data-theme="dark"][data-tpl="admin"] .st-bw-primary .up span { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="admin"] .st-bw-primary .foot { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="admin"] .st-bw details summary { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="admin"] .st-bw details summary::before { color: #787878; }
html[data-theme="dark"][data-tpl="admin"] .st-bw pre { background: rgba(10,10,10,0.55); border: 1px solid rgba(216,216,216,0.12); color: #ededed; }
html[data-theme="dark"][data-tpl="admin"] .st-emby, html[data-theme="dark"][data-tpl="admin"] .st-extras { background: rgba(23,23,23,0.72); border: 1px solid rgba(216,216,216,0.18); }
html[data-theme="dark"][data-tpl="admin"] .st-emby h2, html[data-theme="dark"][data-tpl="admin"] .st-extras h2 { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="admin"] .st-np-bar { background: rgba(216,216,216,0.2); }
html[data-theme="dark"][data-tpl="admin"] .st-np-bar > span { background: linear-gradient(90deg, #7e7e7e, #848484); }
html[data-theme="dark"][data-tpl="admin"] .st-dl { background: rgba(23,23,23,0.72); border: 1px solid rgba(216,216,216,0.18); }
html[data-theme="dark"][data-tpl="admin"] .st-dl h2 { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="admin"] .st-dl-badge { background: rgba(126,126,126,0.2); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="admin"] .st-dl-badge.sab { background: rgba(100,100,100,0.18); color: #dadada; }
html[data-theme="dark"][data-tpl="admin"] .st-dl-badge.qbit { background: rgba(209,209,209,0.18); color: #e2e2e2; }
html[data-theme="dark"][data-tpl="admin"] .st-dl-badge.slsk, html[data-theme="dark"][data-tpl="admin"] .st-dl-badge.soulseek { background: rgba(205,205,205,0.18); color: #d7d7d7; }
html[data-theme="dark"][data-tpl="admin"] .st-dl-badge.radarr, html[data-theme="dark"][data-tpl="admin"] .st-dl-badge.sonarr { background: rgba(221,221,221,0.15); color: #ebebeb; }
html[data-theme="dark"][data-tpl="admin"] .st-dl-bar { background: rgba(36,36,36,0.9); }
html[data-theme="dark"][data-tpl="admin"] .st-dl-bar > span { background: linear-gradient(90deg,#7e7e7e,#626262); }
html[data-theme="dark"][data-tpl="admin"] .st-dl-more a { color: #f0f0f0; text-decoration: none; }
html[data-theme="dark"][data-tpl="admin"] .st-dl-more a:hover { color: #ffffff; }
html[data-theme="dark"][data-tpl="admin"] .mosaic { filter: saturate(1.08); }
html[data-theme="dark"][data-tpl="admin"] .mosaic .tile { background: #171717 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="dark"][data-tpl="admin"] .st-card, html[data-theme="dark"][data-tpl="admin"] .st-bw { background: rgba(13, 13, 13, 0.55) !important; backdrop-filter: blur(14px) saturate(1.25); }
html[data-theme="dark"][data-tpl="calendar"] .mosaic { filter: saturate(1.08); }
html[data-theme="dark"][data-tpl="calendar"] .mosaic .tile { background: #171717 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="dark"][data-tpl="comics"] .poster-card { text-decoration: none; color: inherit; background: #242424; border: 1px solid #383838; }
html[data-theme="dark"][data-tpl="comics"] .poster-card:hover { border-color: #dfdfdf; box-shadow: 0 10px 28px rgba(0,0,0,0.35); }
html[data-theme="dark"][data-tpl="comics"] .poster-card img { background: #171717; }
html[data-theme="dark"][data-tpl="comics"] .mosaic { filter: saturate(1.08); }
html[data-theme="dark"][data-tpl="comics"] .mosaic .tile { background: #171717 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="dark"][data-tpl="commands"] .mosaic { filter: saturate(1.08); }
html[data-theme="dark"][data-tpl="commands"] .mosaic .tile { background: #171717 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="dark"][data-tpl="ddl"] .dl-wrap .muted { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="ddl"] .dl-wrap nav a { color: #f0f0f0; text-decoration: none; }
html[data-theme="dark"][data-tpl="ddl"] .dl-wrap nav a:hover, html[data-theme="dark"][data-tpl="ddl"] .dl-wrap nav a.active { color: #ffffff; }
html[data-theme="dark"][data-tpl="ddl"] .dl-panel { background: rgba(23,23,23,0.72); border: 1px solid rgba(216,216,216,0.18); backdrop-filter: blur(8px); }
html[data-theme="dark"][data-tpl="ddl"] .dl-panel h2 { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="ddl"] .dl-bar { background: rgba(36,36,36,0.9); }
html[data-theme="dark"][data-tpl="ddl"] .dl-bar > span { background: linear-gradient(90deg,#7e7e7e,#626262); }
html[data-theme="dark"][data-tpl="ddl"] .cmd-box textarea, html[data-theme="dark"][data-tpl="ddl"] .cmd-box input[type=text] { border: 1px solid rgba(216,216,216,0.28); background: rgba(10,10,10,0.65); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="ddl"] .cmd-box button { border: 0; background: #6d6d6d; color: #ffffff; }
html[data-theme="dark"][data-tpl="ddl"] .cmd-box button.secondary { background: #383838; }
html[data-theme="dark"][data-tpl="ddl"] .mosaic { filter: saturate(1.08); }
html[data-theme="dark"][data-tpl="ddl"] .mosaic .tile { background: #171717 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="dark"][data-tpl="ddl"] .dl-panel { background: rgba(13, 13, 13, 0.55) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; backdrop-filter: blur(14px) saturate(1.25); }
html[data-theme="dark"][data-tpl="downloads"] .dl-wrap .muted { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="downloads"] .dl-wrap nav a { color: #f0f0f0; text-decoration: none; }
html[data-theme="dark"][data-tpl="downloads"] .dl-wrap nav a:hover, html[data-theme="dark"][data-tpl="downloads"] .dl-wrap nav a.active { color: #ffffff; }
html[data-theme="dark"][data-tpl="downloads"] .dl-panel { background: rgba(23,23,23,0.72); border: 1px solid rgba(216,216,216,0.18); backdrop-filter: blur(8px); }
html[data-theme="dark"][data-tpl="downloads"] .dl-panel h2 { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="downloads"] .dl-bar { background: rgba(36,36,36,0.9); }
html[data-theme="dark"][data-tpl="downloads"] .dl-bar > span { background: linear-gradient(90deg,#7e7e7e,#626262); }
html[data-theme="dark"][data-tpl="downloads"] .cmd-box textarea, html[data-theme="dark"][data-tpl="downloads"] .cmd-box input[type=text] { border: 1px solid rgba(216,216,216,0.28); background: rgba(10,10,10,0.65); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="downloads"] .cmd-box button { border: 0; background: #6d6d6d; color: #ffffff; }
html[data-theme="dark"][data-tpl="downloads"] .cmd-box button.secondary { background: #383838; }
html[data-theme="dark"][data-tpl="downloads"] .mosaic { filter: saturate(1.08); }
html[data-theme="dark"][data-tpl="downloads"] .mosaic .tile { background: #171717 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="dark"][data-tpl="downloads"] .dl-panel { background: rgba(13, 13, 13, 0.55) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; backdrop-filter: blur(14px) saturate(1.25); }
html[data-theme="dark"][data-tpl="home"] .mosaic { filter: saturate(1.08); }
html[data-theme="dark"][data-tpl="home"] .mosaic .tile { background: #171717 center / cover no-repeat; filter: brightness(0.72) saturate(0.9); }
html[data-theme="dark"][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="dark"][data-tpl="home"] .mosaic .tile.is-dim { filter: brightness(0.35) saturate(0.4) blur(1px); }
html[data-theme="dark"][data-tpl="home"] .mosaic .tile.is-hit { filter: brightness(1.12) saturate(1.2); box-shadow: inset 0 0 0 3px rgba(128,128,128,0.85); }
html[data-theme="dark"][data-tpl="home"] .mosaic .tile.is-miss { filter: brightness(0.3) saturate(0.35) blur(1.5px); }
html[data-theme="dark"][data-tpl="home"] body.hub[data-hover] .mosaic .tile { filter: brightness(0.4) saturate(0.45) blur(1px); }
html[data-theme="dark"][data-tpl="home"] body.hub[data-hover="movie"] .mosaic .tile[data-kind="movie"], html[data-theme="dark"][data-tpl="home"] body.hub[data-hover="show"] .mosaic .tile[data-kind="show"], html[data-theme="dark"][data-tpl="home"] body.hub[data-hover="music"] .mosaic .tile[data-kind="music"], html[data-theme="dark"][data-tpl="home"] body.hub[data-hover="comic"] .mosaic .tile[data-kind="comic"] { filter: brightness(1.08) saturate(1.18); }
html[data-theme="dark"][data-tpl="home"] .hub-top { background: linear-gradient(180deg, rgba(11,11,11,0.94) 0%, rgba(11,11,11,0.78) 72%, rgba(11,11,11,0) 100%); backdrop-filter: blur(10px) saturate(1.15); }
html[data-theme="dark"][data-tpl="home"] .hub-server-link { border: 1px solid rgba(210,210,210,0.45); box-shadow: 0 6px 22px rgba(0,0,0,0.35), 0 0 0 2px rgba(55,55,55,0.25); text-decoration: none; }
html[data-theme="dark"][data-tpl="home"] .hub-server-icon { background: #191919; }
html[data-theme="dark"][data-tpl="home"] .hub-top h1 { color: #f0f0f0; text-shadow: 0 1px 10px rgba(0,0,0,0.55); }
html[data-theme="dark"][data-tpl="home"] .hub-top h1 .hub-title-accent { color: #f0f0f0; background: linear-gradient(120deg, #d2d2d2 0%, #e0e0e0 45%, #ededed 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; filter: drop-shadow(0 1px 8px rgba(55,55,55,0.45)); }
html[data-theme="dark"][data-tpl="home"] .hub-quote { color: #f0f0f0; text-shadow: 0 1px 6px rgba(0,0,0,0.45); }
html[data-theme="dark"][data-tpl="home"] .hub-top nav a, html[data-theme="dark"][data-tpl="home"] .hub-top .hub-nav a { color: #ededed !important; text-decoration: none !important; }
html[data-theme="dark"][data-tpl="home"] .hub-top nav a:hover, html[data-theme="dark"][data-tpl="home"] .hub-top .hub-nav a:hover, html[data-theme="dark"][data-tpl="home"] .hub-top nav a.active, html[data-theme="dark"][data-tpl="home"] .hub-top .hub-nav a.active { color: #ffffff !important; }
html[data-theme="dark"][data-tpl="home"] .hub-top nav a.hub-nav-slsk, html[data-theme="dark"][data-tpl="home"] .hub-top .hub-nav a.hub-nav-slsk { color: #d7d7d7 !important; }
@media (hover: hover) and (pointer: fine) { html[data-theme="dark"][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="dark"][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="dark"][data-tpl="home"] .hub-dl-live { background: rgba(23, 23, 23, 0.72); border: 1px solid rgba(216, 216, 216, 0.18); backdrop-filter: blur(8px); }
html[data-theme="dark"][data-tpl="home"] .hub-dl-live h2 { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-dl-live h2 a { color: #f0f0f0; text-decoration: none; }
html[data-theme="dark"][data-tpl="home"] .hub-dl-live h2 a:hover { color: #ffffff; }
html[data-theme="dark"][data-tpl="home"] .hub-dl-rows li { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-dl-rows .src { background: rgba(126,126,126,0.22); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-dl-rows .src.sab { background: rgba(100,100,100,0.2); color: #dadada; }
html[data-theme="dark"][data-tpl="home"] .hub-dl-live .src.slsk, html[data-theme="dark"][data-tpl="home"] .hub-dl-live .src.soulseek { color: #d7d7d7; }
html[data-theme="dark"][data-tpl="home"] .hub-dl-by { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-dl-rows .meta { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="home"] .hub-dl-bar { background: rgba(36,36,36,0.95); }
html[data-theme="dark"][data-tpl="home"] .hub-dl-bar > span { background: linear-gradient(90deg,#7e7e7e,#626262); }
html[data-theme="dark"][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: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-stats-card h2 { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-lb-period { border: 1px solid rgba(210,210,210,0.35); background: rgba(28,28,28,0.55); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-lb-period:hover, html[data-theme="dark"][data-tpl="home"] .hub-lb-period:focus-visible { border-color: rgba(224,224,224,0.7); color: #f0f0f0; outline: none; }
html[data-theme="dark"][data-tpl="home"] .hub-lb-period.is-active { background: rgba(55,55,55,0.55); border-color: rgba(210,210,210,0.85); color: #f0f0f0; box-shadow: 0 0 0 1px rgba(210,210,210,0.25); }
html[data-theme="dark"][data-tpl="home"] .hub-stats-card ol li { border-bottom: 1px solid rgba(255,255,255,0.06); }
html[data-theme="dark"][data-tpl="home"] .hub-stats-card ol li:last-child { border-bottom: 0; }
html[data-theme="dark"][data-tpl="home"] .hub-stats-card .rank { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-stats-card .gb { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-stats-pill { background: rgba(55,55,55,0.35); border: 1px solid rgba(55,55,55,0.55); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-stats-pill span { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-stats-pill--lib .hub-stats-pill-detail { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-stats-pill-expand { border: 0; background: transparent; color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-stats-pill-expand:hover, html[data-theme="dark"][data-tpl="home"] .hub-stats-pill-expand:focus-visible { background: rgba(255,255,255,0.12); outline: none; }
html[data-theme="dark"][data-tpl="home"] .hub-search-results { border: 1px solid rgba(255,255,255,0.16); background: rgba(13,13,13,0.88); backdrop-filter: blur(14px) saturate(1.15); box-shadow: 0 12px 36px rgba(0,0,0,0.5); }
html[data-theme="dark"][data-tpl="home"] .hub-search-results .hsr-item { border: 0; background: transparent; color: #f0f0f0; text-decoration: none; }
html[data-theme="dark"][data-tpl="home"] .hub-search-results .hsr-item:hover, html[data-theme="dark"][data-tpl="home"] .hub-search-results .hsr-item:focus-visible { background: rgba(128,128,128,0.18); outline: none; }
html[data-theme="dark"][data-tpl="home"] .hub-search-results .hsr-item:active { background: rgba(128,128,128,0.28); }
html[data-theme="dark"][data-tpl="home"] .hub-search-results .hsr-thumb { background: #242424 center / cover no-repeat; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12); }
html[data-theme="dark"][data-tpl="home"] .hub-search-results .hsr-title { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-search-results .hsr-sub { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="home"] .hub-search-results .hsr-kind { color: #f0f0f0; background: rgba(112,112,112,0.18); }
html[data-theme="dark"][data-tpl="home"] .hub-search-results .hsr-empty, html[data-theme="dark"][data-tpl="home"] .hub-search-results .hsr-status { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="home"] .hub-search-popup-form { border: 0; }
html[data-theme="dark"][data-tpl="home"] .hub-search-popup-form input { border: 1px solid rgba(255,255,255,0.28); background: rgba(13,13,13,0.88); color: #f0f0f0; outline: none; box-shadow: 0 8px 28px rgba(0,0,0,0.35); }
html[data-theme="dark"][data-tpl="home"] .hub-search-popup-form input::placeholder { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="home"] .hub-search-popup-form input:focus { border-color: rgba(210,210,210,0.55); box-shadow: 0 8px 28px rgba(0,0,0,0.45), 0 0 0 2px rgba(210,210,210,0.25); }
html[data-theme="dark"][data-tpl="home"] .hub-search-popup-browse, html[data-theme="dark"][data-tpl="home"] .hub-search-popup-go { border: 1px solid rgba(255,255,255,0.16); background: rgba(255,255,255,0.08); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-search-popup-go { background: rgba(210,210,210,0.28); border-color: rgba(210,210,210,0.5); color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-search-popup-browse:hover, html[data-theme="dark"][data-tpl="home"] .hub-search-popup-browse:focus-visible, html[data-theme="dark"][data-tpl="home"] .hub-search-popup-go:hover, html[data-theme="dark"][data-tpl="home"] .hub-search-popup-go:focus-visible { outline: none; filter: brightness(1.12); }
html[data-theme="dark"][data-tpl="home"] .hub-search-popup-results { border: 1px solid rgba(255,255,255,0.12); background: rgba(9,9,9,0.72); }
html[data-theme="dark"][data-tpl="home"] .hub-search-popup-results .hsr-item { text-decoration: none; color: #f0f0f0; }
html[data-theme="dark"][data-tpl="home"] .hub-search-popup-results .hsr-item:hover, html[data-theme="dark"][data-tpl="home"] .hub-search-popup-results .hsr-item:focus-visible { background: rgba(210,210,210,0.16); outline: none; }
html[data-theme="dark"][data-tpl="home"] .hub-search-popup-results .hsr-item:active { background: rgba(210,210,210,0.28); }
html[data-theme="dark"][data-tpl="home"] .hub-search-popup-results .hsr-thumb { background: rgba(255,255,255,0.08) center/cover no-repeat; }
html[data-theme="dark"][data-tpl="home"] .hub-search-popup-results .hsr-sub { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="home"] .hub-search-popup-results .hsr-kind { color: #f0f0f0; border: 1px solid rgba(210,210,210,0.35); }
html[data-theme="dark"][data-tpl="home"] .hub-search-popup-results .hsr-empty, html[data-theme="dark"][data-tpl="home"] .hub-search-popup-results .hsr-status { color: #d8d8d8; }
@media (max-width: 768px) { html[data-theme="dark"][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="dark"][data-tpl="home"] .hub-top nav a:hover, html[data-theme="dark"][data-tpl="home"] .hub-top nav a.active { background: rgba(210,210,210,0.18); border-color: rgba(210,210,210,0.35); } }
@media (max-width: 800px), (pointer: coarse) { html[data-theme="dark"][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="dark"][data-tpl="login"] body.login { background: #0b0b0b; color: #f0f0f0; }
html[data-theme="dark"][data-tpl="login"] body.login::before { background: radial-gradient(ellipse at 30% 20%, rgba(122,122,122,0.22) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 80%, rgba(128,128,128,0.12) 0%, transparent 45%),
        radial-gradient(ellipse at 50% 50%, rgba(11,11,11,0.4) 0%, rgba(7,7,7,0.85) 100%); }
html[data-theme="dark"][data-tpl="login"] .discord-btn { text-decoration: none; color: #ffffff; background: rgba(122,122,122,0.55); border: 1px solid rgba(219,219,219,0.45); box-shadow: 0 8px 28px rgba(0,0,0,0.28); }
html[data-theme="dark"][data-tpl="login"] .discord-btn:hover, html[data-theme="dark"][data-tpl="login"] .discord-btn:focus-visible { background: rgba(122,122,122,0.78); border-color: rgba(231,231,231,0.75); outline: none; }
html[data-theme="dark"][data-tpl="lyrics"] .id-chip, html[data-theme="dark"][data-tpl="lyrics"] .id-btn { background: #242424; color: #f0f0f0; border: 1px solid #383838; }
html[data-theme="dark"][data-tpl="lyrics"] .id-chip:hover, html[data-theme="dark"][data-tpl="lyrics"] .id-btn:hover { background: #383838; color: #f0f0f0; }
html[data-theme="dark"][data-tpl="lyrics"] tr.selected td { background: #292929; }
html[data-theme="dark"][data-tpl="movies"] .poster-card { text-decoration: none; color: inherit; background: #242424; border: 1px solid #383838; }
html[data-theme="dark"][data-tpl="movies"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-theme="dark"][data-tpl="movies"] .poster-card img { background: #171717; }
html[data-theme="dark"][data-tpl="movies"] .mosaic { filter: saturate(1.08); }
html[data-theme="dark"][data-tpl="movies"] .mosaic .tile { background: #171717 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="dark"][data-tpl="music"] .id-chip, html[data-theme="dark"][data-tpl="music"] .id-btn { background: #242424; color: #f0f0f0; border: 1px solid #383838; }
html[data-theme="dark"][data-tpl="music"] .id-chip:hover, html[data-theme="dark"][data-tpl="music"] .id-btn:hover { background: #383838; color: #f0f0f0; }
html[data-theme="dark"][data-tpl="music"] .poster-card { text-decoration: none; color: inherit; background: #242424; border: 1px solid #383838; }
html[data-theme="dark"][data-tpl="music"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-theme="dark"][data-tpl="music"] .poster-card img { background: #171717; }
html[data-theme="dark"][data-tpl="music"] .lrclib-fill { background: rgba(23, 23, 23, 0.72); border: 1px solid rgba(216, 216, 216, 0.18); border-left: 4px solid #d2d2d2; }
html[data-theme="dark"][data-tpl="music"] .lrclib-fill h2 { color: #ebebeb; }
html[data-theme="dark"][data-tpl="music"] .lrclib-fill .lf-sub { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="music"] .lrclib-fill .lf-actions button { background: #242424; color: #f0f0f0; border: 1px solid #383838; }
html[data-theme="dark"][data-tpl="music"] .lrclib-fill .lf-actions button.primary { background: linear-gradient(135deg, #5a5a5a, #6b6b6b); border-color: rgba(221, 221, 221, 0.45); color: #ffffff; }
html[data-theme="dark"][data-tpl="music"] .lrclib-fill .lf-actions button:hover:not(:disabled) { filter: brightness(1.08); }
html[data-theme="dark"][data-tpl="music"] .lrclib-fill .lf-status { color: #ededed; }
html[data-theme="dark"][data-tpl="music"] .lrclib-fill .lf-status.running { color: #ebebeb; }
html[data-theme="dark"][data-tpl="music"] .lrclib-fill .lf-bar { background: rgba(36, 36, 36, 0.9); }
html[data-theme="dark"][data-tpl="music"] .lrclib-fill .lf-bar > span { background: linear-gradient(90deg, #d2d2d2, #626262); }
html[data-theme="dark"][data-tpl="music"] .lrclib-fill .lf-pill { background: rgba(10, 10, 10, 0.55); border: 1px solid rgba(216, 216, 216, 0.22); color: #ededed; }
html[data-theme="dark"][data-tpl="music"] .lrclib-fill .lf-pill strong { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="music"] .mosaic { filter: saturate(1.08); }
html[data-theme="dark"][data-tpl="music"] .mosaic .tile { background: #171717 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="dark"][data-tpl="shows"] .poster-card { text-decoration: none; color: inherit; background: #242424; border: 1px solid #383838; }
html[data-theme="dark"][data-tpl="shows"] .poster-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-theme="dark"][data-tpl="shows"] .poster-card img { background: #171717; }
html[data-theme="dark"][data-tpl="shows"] .mosaic { filter: saturate(1.08); }
html[data-theme="dark"][data-tpl="shows"] .mosaic .tile { background: #171717 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
html[data-theme="dark"][data-tpl="status"] .st-wrap .muted { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="status"] .st-wrap nav a { color: #f0f0f0; text-decoration: none; }
html[data-theme="dark"][data-tpl="status"] .st-wrap nav a:hover, html[data-theme="dark"][data-tpl="status"] .st-wrap nav a.active { color: #ffffff; }
html[data-theme="dark"][data-tpl="status"] .st-bw { background: rgba(23,23,23,0.72); border: 1px solid rgba(216,216,216,0.18); }
html[data-theme="dark"][data-tpl="status"] .st-bw h2 { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="status"] .st-bw-period { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="status"] .st-bw-period select { color: #f0f0f0; border: 1px solid rgba(216,216,216,0.28); }
html[data-theme="dark"][data-tpl="status"] .st-bw-period select:focus { outline: none; border-color: rgba(219,219,219,0.7); box-shadow: 0 0 0 3px rgba(126,126,126,0.2); }
html[data-theme="dark"][data-tpl="status"] .st-bw-primary { background: linear-gradient(145deg, rgba(54,54,54,0.35), rgba(10,10,10,0.55)); border: 1px solid rgba(219,219,219,0.22); }
html[data-theme="dark"][data-tpl="status"] .st-bw-primary .eyebrow { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="status"] .st-bw-primary .big { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="status"] .st-bw-primary .up { color: #ededed; }
html[data-theme="dark"][data-tpl="status"] .st-bw-primary .up span { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="status"] .st-bw-primary .foot { color: #d8d8d8; }
html[data-theme="dark"][data-tpl="status"] .st-bw details summary { color: #f0f0f0; }
html[data-theme="dark"][data-tpl="status"] .st-bw details summary::before { color: #787878; }
html[data-theme="dark"][data-tpl="status"] .st-bw pre { background: rgba(10,10,10,0.55); border: 1px solid rgba(216,216,216,0.12); color: #ededed; }
html[data-theme="dark"][data-tpl="status"] .mosaic { filter: saturate(1.08); }
html[data-theme="dark"][data-tpl="status"] .mosaic .tile { background: #171717 center / cover no-repeat; filter: brightness(0.78) saturate(1.05); }
@media (hover: hover) and (pointer: fine) { html[data-theme="dark"][data-tpl] .mosaic .tile.is-mhover { filter: brightness(1.18) saturate(1.25) !important; box-shadow: inset 0 0 0 3px rgba(128,128,128,0.85), 0 0 18px rgba(128,128,128,0.45); } }
html[data-theme="dark"][data-tpl] .hub-nav-dd-menu { background: rgba(23,23,23,0.97); border: 1px solid rgba(216,216,216,0.28); box-shadow: 0 12px 30px rgba(0,0,0,0.5); }
html[data-theme="dark"][data-tpl] .hub-nav-dd-menu a { color: #ededed !important; text-decoration: none !important; }
html[data-theme="dark"][data-tpl] .hub-nav-dd-menu a:hover { background: rgba(255,255,255,0.08); color: #ffffff !important; }
html[data-theme="dark"][data-tpl] .hub-nav-dd-menu a.cur { color: #ffffff !important; background: rgba(111,111,111,0.16); }
html[data-theme="dark"][data-tpl] .hmd { --hmd-bg: rgba(15,15,15,0.94); --hmd-line: rgba(225,225,225,0.32); --hmd-acc: #e1e1e1; --hmd-acc2: #e9e9e9; --hmd-fg: #f0f0f0; color: var(--hmd-fg); }
html[data-theme="dark"][data-tpl] .hmd svg { fill: currentColor; }
html[data-theme="dark"][data-tpl] .hmd svg path { fill: currentColor; }
html[data-theme="dark"][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 rgba(55,55,55,0.28); backdrop-filter: blur(18px) saturate(1.35); }
html[data-theme="dark"][data-tpl] .hmd button { color: inherit; }
html[data-theme="dark"][data-tpl] .hmd-cover { background: linear-gradient(135deg, #292929, #181818); border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 4px 14px rgba(0,0,0,0.4); }
html[data-theme="dark"][data-tpl] .hmd-icon { border: 0; background: transparent; color: var(--hmd-fg); }
html[data-theme="dark"][data-tpl] .hmd-icon:hover { background: rgba(210,210,210,0.16); }
html[data-theme="dark"][data-tpl] .hmd-icon:focus-visible { outline: 2px solid var(--hmd-acc); }
html[data-theme="dark"][data-tpl] .hmd .hmd-play { background: var(--hmd-fg); color: #181818; box-shadow: 0 0 18px rgba(210,210,210,0.45); }
html[data-theme="dark"][data-tpl] .hmd .hmd-play:hover { background: #ffffff; color: #181818; }
html[data-theme="dark"][data-tpl] .hmd .hmd-play svg { fill: #181818; color: #181818; }
html[data-theme="dark"][data-tpl] .hmd .hmd-play svg path { fill: #181818; }
html[data-theme="dark"][data-tpl] .hmd .hmd-prev, html[data-theme="dark"][data-tpl] .hmd .hmd-next { color: var(--hmd-fg); }
html[data-theme="dark"][data-tpl] .hmd-repeat.on { color: var(--hmd-acc); }
html[data-theme="dark"][data-tpl] .hmd-range { background: transparent; }
html[data-theme="dark"][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="dark"][data-tpl] .hmd-range::-moz-range-track { background: rgba(255,255,255,0.18); }
html[data-theme="dark"][data-tpl] .hmd-range::-moz-range-progress { background: var(--hmd-acc); }
html[data-theme="dark"][data-tpl] .hmd-range::-webkit-slider-thumb { background: #ffffff; border: 0; box-shadow: 0 0 0 3px rgba(210,210,210,0.35); }
html[data-theme="dark"][data-tpl] .hmd-range::-moz-range-thumb { background: #ffffff; border: 0; }
html[data-theme="dark"][data-tpl] .hmd-toast { background: rgba(35,35,35,0.97); border: 1px solid var(--hmd-line); box-shadow: 0 8px 24px rgba(0,0,0,0.5); }
html[data-theme="dark"][data-tpl] .hmd-sheet { background: rgba(17,17,17,0.97); border: 1px solid var(--hmd-line); box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 30px rgba(55,55,55,0.3); backdrop-filter: blur(18px); }
html[data-theme="dark"][data-tpl] .hmd-tabs button { border: 1px solid transparent; background: transparent; color: var(--hmd-dim); }
html[data-theme="dark"][data-tpl] .hmd-tabs button.on { color: var(--hmd-fg); background: rgba(55,55,55,0.6); border-color: rgba(224,224,224,0.45); }
html[data-theme="dark"][data-tpl] .hmd-pill { border: 1px solid rgba(255,255,255,0.16); background: rgba(55,55,55,0.42); color: var(--hmd-fg); }
html[data-theme="dark"][data-tpl] .hmd-pill:hover, html[data-theme="dark"][data-tpl] .hmd-pill.on { background: rgba(108,108,108,0.7); border-color: rgba(224,224,224,0.7); }
html[data-theme="dark"][data-tpl] .hmd-input { background: rgba(255,255,255,0.06); border: 1px solid rgba(224,224,224,0.35); color: var(--hmd-fg); outline: none; }
html[data-theme="dark"][data-tpl] .hmd-input:focus { border-color: var(--hmd-acc); box-shadow: 0 0 0 3px rgba(210,210,210,0.2); }
html[data-theme="dark"][data-tpl] .hmd-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); }
html[data-theme="dark"][data-tpl] .hmd-card:hover { background: rgba(108,108,108,0.18); border-color: rgba(224,224,224,0.35); }
html[data-theme="dark"][data-tpl] .hmd-card-art { background: #1f1f1f; color: var(--hmd-acc2); }
html[data-theme="dark"][data-tpl] .hmd-row:hover { background: rgba(108,108,108,0.14); }
html[data-theme="dark"][data-tpl] .hmd-row.is-cur { background: rgba(108,108,108,0.26); }
html[data-theme="dark"][data-tpl] .hmd-row.is-cur .hmd-row-t { color: var(--hmd-acc2); }
html[data-theme="dark"][data-tpl] .hmd-row-art { background: #1f1f1f; }
html[data-theme="dark"][data-tpl] .hmd-row-s { color: var(--hmd-dim); }
html[data-theme="dark"][data-tpl] .hmd-mini { border: 0; background: transparent; color: var(--hmd-dim); box-shadow: none; }
html[data-theme="dark"][data-tpl] .hmd-mini:hover { color: var(--hmd-fg); background: rgba(210,210,210,0.2); }
@media (max-width: 640px) { html[data-theme="dark"][data-tpl] .hmd-sheet { border-bottom: 0; } }
html[data-theme="dark"][data-tpl] .hmd-acct-err a.hmd-pill { text-decoration: none; }
html[data-theme="dark"][data-tpl] .hmd .hmd-dl-btn.is-dl { color: #eeeeee; }
html[data-theme="dark"][data-tpl] .hmd-set { border-bottom: 1px solid rgba(255,255,255,0.06); }
html[data-theme="dark"][data-tpl] .hmd-set small { color: var(--hmd-dim); }
html[data-theme="dark"][data-tpl] .hmd-set select { background: #1b1b1b; color: var(--hmd-fg); border: 1px solid rgba(224,224,224,0.4); }
html[data-theme="dark"][data-tpl] .hmd-set input[type="checkbox"] { accent-color: var(--hmd-acc); }
html[data-theme="dark"][data-tpl] .hmv { background: #070707; color: var(--hmd-fg); }
html[data-theme="dark"][data-tpl] .hmv-art img { box-shadow: 0 20px 80px rgba(108,108,108,0.45); }
html[data-theme="dark"][data-tpl] .hmv-modes { background: rgba(19,19,19,0.7); border: 1px solid var(--hmd-line); }
html[data-theme="dark"][data-tpl] .hmv-modes button { border: 0; background: transparent; color: var(--hmd-dim); }
html[data-theme="dark"][data-tpl] .hmv-modes button.on { background: rgba(108,108,108,0.75); color: #ffffff; }
html[data-theme="dark"][data-tpl] .hmd-badges > span { background: rgba(108,108,108,0.45); color: var(--hmd-fg); }
html[data-theme="dark"][data-tpl] .hmd-shuffle.on, html[data-theme="dark"][data-tpl] .hmd .hmd-icon.on { color: var(--hmd-acc); }
html[data-theme="dark"][data-tpl] .hmd-star-btn.on, html[data-theme="dark"][data-tpl] .hmd-star-mini { color: #cdcdcd; }
html[data-theme="dark"][data-tpl] .hmd-row.is-drag { background: rgba(108,108,108,0.35); box-shadow: 0 6px 24px rgba(0,0,0,0.45); }
html[data-theme="dark"][data-tpl] .hmd-row.is-drag .hmd-drag { color: var(--hmd-fg); }
html[data-theme="dark"][data-tpl] .hmd-card-more { border: 0; background: rgba(15,15,15,0.72); color: var(--hmd-fg); }
html[data-theme="dark"][data-tpl] .hmd-card-more:hover, html[data-theme="dark"][data-tpl] .hmd-card-more:focus-visible { background: rgba(108,108,108,0.85); }
html[data-theme="dark"][data-tpl] .hmd-star-pill.on { color: #e5e5e5; }
html[data-theme="dark"][data-tpl] .hmd-rate button.on, html[data-theme="dark"][data-tpl] .hmd-menu-rate button.on { color: #cdcdcd; }
html[data-theme="dark"][data-tpl] .hmd-menu { background: rgba(23,23,23,0.98); border: 1px solid rgba(210,210,210,0.4); box-shadow: 0 16px 48px rgba(0,0,0,0.55); color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .hmd-menu-t { color: #e4e4e4; border-bottom: 1px solid rgba(210,210,210,0.25); }
html[data-theme="dark"][data-tpl] .hmd-menu > button { border: 0; background: transparent; color: inherit; }
html[data-theme="dark"][data-tpl] .hmd-menu > button:hover, html[data-theme="dark"][data-tpl] .hmd-menu > button:focus-visible { background: rgba(108,108,108,0.45); outline: none; }
html[data-theme="dark"][data-tpl] .hmd-modal { background: rgba(5,5,5,0.6); }
html[data-theme="dark"][data-tpl] .hmd-modal-box { background: #181818; color: #f0f0f0; border: 1px solid rgba(210,210,210,0.45); box-shadow: 0 20px 60px rgba(0,0,0,0.6); }
html[data-theme="dark"][data-tpl] .hmd-modal-box .hmd-input { background: rgba(255,255,255,0.06); border: 1px solid rgba(224,224,224,0.35); color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .hmd-modal-box .hmd-pill { border: 1px solid rgba(255,255,255,0.16); background: rgba(55,55,55,0.42); color: #f0f0f0; }
html[data-theme="dark"][data-tpl] .hmd-modal-box .hmd-pill.on { background: rgba(108,108,108,0.85); }
html[data-theme="dark"][data-tpl] .hmd-set input[type="range"] { accent-color: var(--hmd-acc); }
html[data-theme="dark"][data-tpl] .hmd-tag { background: rgba(108,108,108,0.6); color: #ffffff; }
html[data-theme="dark"][data-tpl] .hmd-tag-you { background: rgba(60,60,60,0.55); }
html[data-theme="dark"][data-tpl] .hmv-tools { background: rgba(19,19,19,0.6); border: 1px solid var(--hmd-line); }
html[data-theme="dark"][data-tpl] .hmv-tools .hmd-icon.on { color: var(--hmd-acc); }
html[data-theme="dark"][data-tpl] .hmv-star.on { color: #cdcdcd !important; }
html[data-theme="dark"][data-tpl] .hmv-shuffle.on, html[data-theme="dark"][data-tpl] .hmv-repeat.on { color: var(--hmd-acc); }
html[data-theme="dark"][data-tpl] .hmv-lyr-line { color: rgba(240,240,240,0.42); text-shadow: 0 2px 12px rgba(0,0,0,0.6); }
html[data-theme="dark"][data-tpl] .hmv-lyr-line:hover { color: rgba(240,240,240,0.7); }
html[data-theme="dark"][data-tpl] .hmv-lyr-line.is-cur { color: #ffffff; }
html[data-theme="dark"][data-tpl] .hmv-lyr-line.is-plain { color: rgba(240,240,240,0.85); }
html[data-theme="dark"][data-tpl] .hmd-member.is-away .hmd-avatar { filter: grayscale(1); }
html[data-theme="dark"][data-tpl] .hmd-member.is-live .hmd-avatar { box-shadow: 0 0 0 2px #4d4d4d, 0 0 12px rgba(77,77,77,0.45); }
html[data-theme="dark"][data-tpl] .hmd-eqbars i { background: #4d4d4d; }
html[data-theme="dark"][data-tpl] .hmd-member.is-live .hmd-row-s { color: #eeeeee; }
html[data-theme="dark"][data-tpl] .hmv-queue { background: rgba(10,10,10,0.72); backdrop-filter: blur(10px); }
html[data-theme="dark"][data-tpl] .hmv-q-row.is-cur { background: rgba(210,210,210,0.18); }
html[data-theme="dark"][data-tpl] .hmv-q-t small { color: var(--hmd-dim); }
html[data-theme="dark"][data-tpl] .hmv-q-row.is-cur b { color: var(--hmd-acc2); }
html[data-theme="dark"][data-tpl] body.hm-app .hmd .hmv-ctrls .hmv-play { background: var(--hmd-fg); color: #181818; box-shadow: 0 0 18px rgba(210,210,210,0.45); }
html[data-theme="dark"][data-tpl] body.hm-app .hmd .hmv-ctrls .hmv-play svg, html[data-theme="dark"][data-tpl] body.hm-app .hmd .hmv-ctrls .hmv-play svg path { fill: #181818; color: #181818; }
html[data-theme="dark"][data-tpl] .hmv-lyr-line.is-cur { color: #ffffff; text-shadow: 0 0 18px rgba(224,224,224,0.55), 0 2px 12px rgba(0,0,0,0.6); }
html[data-theme="dark"][data-tpl] .hmv-lyr-line.is-cur .hmv-lyr-n { color: var(--hmd-acc2); }
html[data-theme="dark"][data-tpl] .hm-is-dl .hma-song-t::before, html[data-theme="dark"][data-tpl] .hm-is-dl .hmd-row-t::before, html[data-theme="dark"][data-tpl] .hm-is-dl .hmv-q-t b::before, html[data-theme="dark"][data-tpl] .hm-all-dl .hma-hero-kind::before, html[data-theme="dark"][data-tpl] .hm-all-dl .hmd-album-t::before { background-color: var(--hma-green, #4d4d4d); }
html[data-theme="dark"][data-tpl] .hmd-dlstatus { border: 1px solid rgba(210,210,210,0.35); background: rgba(27,27,27,0.96); color: #f0f0f0; box-shadow: 0 8px 26px rgba(0,0,0,0.55); }
html[data-theme="dark"][data-tpl] .hmd-dlq { background: rgba(108,108,108,0.14); border: 1px solid rgba(210,210,210,0.22); }
html[data-theme="dark"][data-tpl] .hm-lfm { color: inherit; text-decoration: none; }
html[data-theme="dark"][data-tpl] .hm-lfm:hover, html[data-theme="dark"][data-tpl] .hm-lfm:focus-visible { color: var(--hmd-fg, var(--hma-fg, #f0f0f0)); }
html[data-theme="dark"][data-tpl] .hm-lfm:hover .hm-lfm-n { text-decoration: underline; }
html[data-theme="dark"][data-tpl] .hm-lfm-mark { border: 1px solid currentColor; color: var(--hmd-acc2, var(--hma-acc2, #f0f0f0)); }
html[data-theme="dark"][data-tpl] .hm-lfm-you { color: var(--hmd-acc2, var(--hma-acc2, #f0f0f0)); }
html[data-theme="dark"] a[style*="#e7e7e7"] { color: #e8e8e8 !important; }
html[data-theme="dark"] .stars[style*="5B2C86"] { color: #cccccc !important; }
html[data-theme="dark"] .hmp-clone.is-drag { box-shadow: 0 22px 48px rgba(0,0,0,.65), 0 0 0 2px rgba(204,204,204,.6) !important; }

html[data-theme="dark"] { --hm-play-bg: #e6e6e6; --hm-play-bg-h: #ffffff; --hm-play-fg: #111111; --hm-play-glow: rgba(255,255,255,0.14); --hm-surf: #1a1a1a; --hm-surf2: #222222; --hm-art: #1f1f1f; color-scheme: dark; }
html[data-theme="dark"][data-tpl] { --hma-dim: #a3a3a3; }
html[data-theme="dark"][data-tpl] .hmd { --hmd-dim: #ababab; }
html[data-theme="dark"][data-tpl] body.hm-app { background: radial-gradient(1200px 600px at 20% -10%, #1c1c1c 0%, transparent 60%), var(--hma-bg); }
/* the current song can't rely on hue alone: light-grey title + bold + a faint row tint */
html[data-theme="dark"][data-tpl] .hma-song.is-cur { background: rgba(255,255,255,0.06); border-radius: 8px; }
html[data-theme="dark"][data-tpl] .hma-song.is-cur .hma-song-t { color: #ffffff; font-weight: 700; }
html[data-theme="dark"][data-tpl] .hma-song.is-cur .hma-song-n { color: #e6e6e6; }
/* darkmode: picker swatch for Dark (black dot with a light ring); 4 modes wrap to 2 x 2 in narrow menus */
.hub-theme-opt[data-theme-set="dark"] .hub-theme-sw { background: #0d0d0d; box-shadow: 0 0 0 1.5px #e6e6e6; }
.hub-theme-opts { flex-wrap: wrap; }
.hub-theme-opts .hub-theme-opt { flex: 1 1 calc(50% - 0.3rem); }
html[data-theme="dark"] .hr.is-pending .hr-star-fg { color: var(--hr-icon); filter: brightness(1.35); }   /* same as purple / teal in hub_ratings.css */