/* YouTube-inspired optional app-wide skin.
   Enabled ONLY by Themes > YouTube UI; original and Spotify styles untouched.
   Black canvas, white type, YouTube red, squared video-card-inspired surfaces. */
.ui-design-preview-youtube {
  background:#000;
  border:1px solid #393939;
}
.ui-design-preview-youtube .ui-design-preview-top {
  background:#ff0033;
  width:40%;
}
.ui-design-preview-youtube .ui-design-preview-bottom i {
  background:#181818;
  border:1px solid #303030;
  border-radius:3px;
}
.ui-design-preview-youtube .ui-design-preview-bottom i:nth-child(2) {
  background:linear-gradient(to bottom,#232323 0%,#232323 80%,#ff0033 80%);
  border-color:#393939;
}
html[data-lbrank-ui="youtube"] {color-scheme:dark;}
html[data-lbrank-ui="youtube"] :is(body,.app-wrapper,.app-container,.tab-content) {
  background:var(--theme-background,#000)!important;background-image:none!important;color:var(--theme-text,#fff)!important;
}
html[data-lbrank-ui="youtube"] :is(.background-blur,.cosmic-bg) {
  opacity:0!important;pointer-events:none!important;
}
html[data-lbrank-ui="youtube"] #rank-tab .rank-container {
  background:var(--theme-background,#000)!important;
}
html[data-lbrank-ui="youtube"] :is(.app-page-header,.section-heading-row,.general-theme-heading) h2 {
  color:var(--ui-header,var(--theme-text,#fff))!important;font-weight:850!important;letter-spacing:-.035em!important;
}
html[data-lbrank-ui="youtube"] :is(.section-kicker,.app-page-kicker,.rank-title-kicker) {
  color:var(--theme-primary,#ff0033)!important;font-weight:800!important;letter-spacing:.11em!important;
}
html[data-lbrank-ui="youtube"] :is(.app-page-header,.settings-card,.setting-row,.theme-dropdown) p {
  color:var(--ui-card-description,#aaa)!important;
}
html[data-lbrank-ui="youtube"] #rank-tab .rank-title-card {
  background:transparent!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-lbrank-ui="youtube"] #rank-tab .rank-name-large {
  color:var(--ui-header,var(--theme-text,#fff))!important;letter-spacing:-.04em!important;font-weight:900!important;
}
html[data-lbrank-ui="youtube"] #rank-tab .rank-orb-card {
  background:var(--theme-secondary,#181818)!important;
  border:1px solid #242424!important;border-radius:15px!important;
  box-shadow:none!important;
}
html[data-lbrank-ui="youtube"] #rank-tab #progressArc {stroke:var(--theme-primary,#ff0033)!important}
html[data-lbrank-ui="youtube"] #rank-tab .rank-home-shortcuts-row {
  border-color:#303030!important;
}
html[data-lbrank-ui="youtube"] #rank-tab #rankBadgesShortcut {
  background:var(--theme-secondary,#181818)!important;color:var(--theme-primary,#ff0033)!important;border-color:#303030!important;
}
html[data-lbrank-ui="youtube"] #rank-tab #rankLifeDashboardButton .rank-life-dashboard-icon,
html[data-lbrank-ui="youtube"] #rank-tab #rankLifeDashboardButton .rank-life-dashboard-icon svg {
  color:var(--theme-primary,#ff0033)!important;
}
html[data-lbrank-ui="youtube"] .tab-nav {
  background:var(--theme-background,#000)!important;background-image:none!important;
  border-top:1px solid #272727!important;
  box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-lbrank-ui="youtube"] .tab-nav .tab-btn {
  background:transparent!important;background-image:none!important;
  border:1px solid transparent!important;border-radius:0!important;
  box-shadow:none!important;filter:none!important;color:#999!important;
}
html[data-lbrank-ui="youtube"] .tab-nav .tab-btn.active {
  color:var(--theme-text,#fff)!important;background:transparent!important;
  border:1px solid transparent!important;box-shadow:inset 0 -3px 0 var(--theme-primary,#ff0033)!important;
}
html[data-lbrank-ui="youtube"] .tab-nav .tab-btn.active :is(svg,.tab-label) {
  color:var(--theme-text,#fff)!important;stroke:currentColor!important;
}
html[data-lbrank-ui="youtube"] :is(
  .settings-card,.theme-dropdown,.ui-theme-control-group,.theme-map-entry,
  .milestone-group,.workout-exercise-card,.rank-stat-card,.rank-forecast-card,
  .info-card,.learn-hub-card,.french-card,.finance-card,.budget-card,
  .dashboard-card,.life-dashboard-card,.achievement-card
) {
  background:var(--theme-secondary,#121212)!important;background-image:none!important;
  border:1px solid #282828!important;border-radius:11px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-lbrank-ui="youtube"] :is(
  .theme-dropdown-summary,.milestone-group-summary,.setting-row,
  .workout-badge-exercise,.ui-theme-control-group>summary
) {
  background:var(--theme-secondary,#181818)!important;background-image:none!important;
  border-color:#303030!important;box-shadow:none!important;
}
html[data-lbrank-ui="youtube"] :is(
  .theme-dropdown-content,.milestone-group-body,.ui-theme-control-group-body
) {background:var(--theme-secondary,#121212)!important;background-image:none!important}
html[data-lbrank-ui="youtube"] :is(
  .settings-card-title,.setting-row>span,
  .milestone-badge-title,.milestone-group-heading strong,
  .theme-dropdown-copy strong,.theme-dropdown-summary strong,
  .workout-exercise-heading strong
) {color:var(--theme-text,#fff)!important}
html[data-lbrank-ui="youtube"] :is(
  .setting-row small,.theme-dropdown-copy small,.milestone-badge-detail,
  .workout-exercise-heading small,.app-page-header p
) {color:var(--ui-card-description,#aaa)!important}
html[data-lbrank-ui="youtube"] :is(
  input[type="text"],input[type="number"],input[type="search"],
  input[type="email"],textarea,select
):not([type="color"]) {
  background:#212121!important;color:var(--theme-text,#fff)!important;
  border:1px solid #383838!important;border-radius:8px!important;
  box-shadow:none!important;
}
html[data-lbrank-ui="youtube"] :is(input,select,textarea,button):focus-visible {
  outline:2px solid var(--theme-primary,#ff0033)!important;outline-offset:2px!important;
}
html[data-lbrank-ui="youtube"] :is(
  .settings-action.primary,.general-theme-reset,.theme-quick-action.primary,
  .workout-add-btn,.save-btn,.primary-btn
) {
  background:var(--theme-primary,#ff0033)!important;background-image:none!important;
  color:var(--theme-text,#fff)!important;border:0!important;border-radius:999px!important;
  font-weight:800!important;box-shadow:none!important;
}
html[data-lbrank-ui="youtube"] :is(
  .theme-preset-filter-btn.active,.badge-sort-toggle.active,
  .workout-tab.active,.chart-range-btn.active
) {
  background:var(--theme-secondary,#181818)!important;color:var(--theme-text,#fff)!important;
  border:1px solid #444!important;border-radius:999px!important;
  box-shadow:none!important;
}
html[data-lbrank-ui="youtube"] :is(
  .milestone-badge,.badge-card,.rank-badge,.workout-badge-exercise
) {
  background:var(--theme-secondary,#181818)!important;border-color:#303030!important;
  background-image:none!important;border-radius:9px!important;box-shadow:none!important;
}
html[data-lbrank-ui="youtube"] :is(.milestone-progress-fill,.rank-progress-fill) {
  background:var(--theme-primary,#ff0033)!important;background-image:none!important;
}
html[data-lbrank-ui="youtube"] :is(.chart-wrapper,.graph-card,.history-item,.workout-history-item) {
  background:var(--theme-secondary,#181818)!important;background-image:none!important;
  border-color:#272727!important;box-shadow:none!important;
}
html[data-lbrank-ui="youtube"] .ui-design-selector {
  background:var(--theme-secondary,#121212)!important;border-color:#303030!important;
}
html[data-lbrank-ui="youtube"] .ui-design-option {
  background:#212121;border-color:#414141;
}
html[data-lbrank-ui="youtube"] .ui-design-option.is-selected {
  border-color:var(--theme-primary,#ff0033)!important;box-shadow:inset 0 0 0 1px var(--theme-primary,#ff0033)!important;
}
html[data-lbrank-ui="youtube"] .ui-design-option.is-selected .ui-design-check {
  background:var(--theme-primary,#ff0033)!important;border-color:var(--theme-primary,#ff0033)!important;color:var(--theme-text,#fff)!important;
}
html[data-lbrank-ui="youtube"] .ui-design-current {color:var(--theme-primary,#ff0033)!important}
html[data-lbrank-ui="youtube"] .ui-design-heading strong,
html[data-lbrank-ui="youtube"] .ui-design-option-meta {color:var(--theme-text,#fff)!important}
/* The Spotify playback screen keeps its own controls/immersive art layout. */