/* source: styles/core.css */
* {
  box-sizing: border-box;
}
.nav-item.is-offline .nav-item-label,
.nav-item.is-offline .nav-item-icon { opacity: 0.55; }

:root {
  --ui-text-scale: 16px;
  /* Focus is always neutral; --accent is reserved for state and primary actions. */
  --focus-color: #ffffff;
  --focus-shadow: 0 0 0 5px var(--focus-color);
  --focus-shadow-inset: inset 0 0 0 5px var(--focus-color);
  --navigation-focus-shadow: var(--focus-shadow-inset);
  --navigation-focus-gutter: 5px;
  --primary-focus-shadow: 0 0 0 2px #111317, 0 0 0 6px var(--focus-color);
  --control-surface: #202328;
  --control-surface-focused: #2b2f35;
  --control-surface-disabled: #191b1f;
  --control-value: #c9cdd2;
  --control-divider: #363a40;
  --action-surface: #292c31;
  --action-text: #ffffff;
  --text-secondary: #b9bec4;
  --text-disabled: #777d84;
  --panel-divider: #3a3e45;
  --panel-surface: #15171b;
  --panel-overlay: rgba(0,0,0,.64);
  --panel-shadow: 0 18px 60px rgba(0,0,0,.72);
  /* Theme semantic fallbacks keep bootstrap readable before the body theme class is applied. */
  --theme-app-background: #0b0c0e;
  --theme-app-text: #f5f5f5;
  --theme-scroll-track: #292d32;
  --theme-scroll-thumb: #737b84;
  --theme-backdrop-shade: rgba(5,6,8,.48);
  --theme-media-card-surface: rgba(17,19,23,.56);
  --theme-card-caption-surface: #111317;
  --theme-corner-radius: 0;
}

/* Keep every scrollable surface readable on legacy WebKit. */
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: var(--theme-scroll-track); }
::-webkit-scrollbar-thumb { border: 2px solid var(--theme-scroll-track); background: var(--theme-scroll-thumb); }
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active { background: var(--accent, #13b8ad); }


.language-editor-actions button,
.detail-summary-dialog-close,
.media-info-dialog-close,
.media-info-dialog-apply,
.media-info-dialog-version-value,
.choice-dialog-actions button,
.privacy-dialog-close {
  border: 0;
  background: var(--action-surface);
  color: var(--action-text);
  font: inherit;
}

.language-editor-actions button.is-focused,
.detail-summary-dialog-close.is-focused,
.media-info-dialog-close.is-focused,
.media-info-dialog-apply.is-focused,
.media-info-dialog-version-value.is-focused,
.choice-dialog-actions button.is-focused,
.privacy-dialog-close.is-focused {
  box-shadow: var(--focus-shadow);
}

.media-card,
.library-card,
.card-caption,
.detail-action,
.player-control-button,
.app-setting-row,
.language-editor-actions button,
.detail-summary-dialog-close,
.media-info-dialog-close,
.media-info-dialog-apply,
.media-info-dialog-version-value,
.media-info-dialog-actions button,
.library-filter-actions button,
.text-input-dialog-actions button,
.diagnostics-actions button,
.diagnostics-qr-dialog button,
.library-tabs-editor-actions button,
.playback-compatibility-option,
.playback-compatibility-actions button,
.player-error-actions button,
.queue-gap-actions button,
.resume-choice-actions button,
.view-state-actions button,
.choice-dialog-option,
.choice-dialog-actions button,
.up-next-layout-option,
.up-next-layout-actions button,
.subtitle-editor-action-row button,
.autoplay-actions button,
.privacy-dialog-close,
.update-dialog-actions button {
  border-radius: var(--theme-corner-radius);
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: var(--theme-app-background);
  color: var(--theme-app-text);
  font-family: Arial, Helvetica, sans-serif;
  font-size: var(--ui-text-scale);
}

body.animations-disabled * {
  animation-duration: 1ms !important;
  animation-delay: 0ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 1ms !important;
  transition-delay: 0ms !important;
}

body.animations-disabled .startup-splash-spinner,
body.animations-disabled .setup-title-spinner,
body.animations-disabled .player-loading-spinner,
body.animations-disabled .view-state-spinner {
  animation-duration: .8s !important;
  animation-iteration-count: infinite !important;
}

body.is-detail-transitioning #content,
body.is-detail-transitioning #search-view,
body.is-detail-transitioning #library-view,
body.is-detail-transitioning #watchlist-view,
body.is-detail-closing #detail-view {
  pointer-events: none;
  animation: detail-surface-out 200ms ease-in both;
}

body.is-detail-transition-revealing #detail-view,
body.is-detail-returning #content,
body.is-detail-returning #search-view,
body.is-detail-returning #library-view,
body.is-detail-returning #watchlist-view {
  pointer-events: none;
  animation: detail-surface-in 200ms ease-out both;
}

#search-results > .is-navigation-entering,
#library-subnav.is-navigation-entering,
#library-grid-content.is-navigation-entering,
.library-recommendation-section.is-navigation-entering,
#watchlist-grid-content.is-navigation-entering,
#app-settings-view.is-navigation-entering {
  -webkit-animation: navigation-surface-in 200ms ease-out both;
  animation: navigation-surface-in 200ms ease-out both;
}

@keyframes detail-surface-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes detail-surface-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@-webkit-keyframes navigation-surface-in {
  from { opacity: .96; }
  to { opacity: 1; }
}

@keyframes navigation-surface-in {
  from { opacity: .96; }
  to { opacity: 1; }
}

#library-grid-content.is-navigation-entering .library-card,
.library-recommendation-section.is-navigation-entering .library-card,
#watchlist-grid-content.is-navigation-entering .watchlist-card,
.search-card.is-navigation-entering {
  -webkit-animation: browsing-card-in 160ms ease-out both;
  animation: browsing-card-in 160ms ease-out both;
}

@-webkit-keyframes browsing-card-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes browsing-card-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

body.is-booting {
  background: #000000;
}

.startup-splash {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #000000;
  opacity: 1;
  transition: opacity .24s ease-out;
}

.startup-splash.is-leaving {
  opacity: 0;
  pointer-events: none;
}

.startup-splash.is-hidden {
  display: none;
}

.startup-splash-logo {
  display: block;
  width: 38vw;
  max-width: 650px;
  min-width: 300px;
  height: auto;
}

.startup-splash-status {
  min-height: 34px;
  display: flex;
  align-items: center;
  margin-top: 34px;
  color: #c9cdd2;
  font-size: 1.3125rem;
}

.startup-splash-spinner {
  width: 22px;
  height: 22px;
  margin-right: 14px;
  border: 3px solid rgba(255, 255, 255, .25);
  border-top-color: #13b8ad;
  border-radius: 50%;
  animation: startup-spin .9s linear infinite;
}

@keyframes startup-spin {
  to { transform: rotate(360deg); }
}

body.is-booting .backdrop,
body.is-booting .topbar,
body.is-booting .content,
body.is-booting .library-view,
body.is-booting .watchlist-view,
body.is-booting .search-view,
body.is-booting .app-settings-view,
body.is-booting .detail-view,
body.is-booting .player-view,
body.is-booting .message {
  visibility: hidden;
}

.backdrop {
  position: fixed;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: #0b0c0e;
}

.backdrop-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease;
}

.backdrop-image.is-active {
  opacity: 0.34;
}

.backdrop-shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--theme-backdrop-shade);
}

.topbar {
  position: relative;
  z-index: 10;
  height: 9%;
  min-height: 54px;
  display: flex;
  align-items: center;
  padding: 0 3.2%;
  background: rgba(21, 23, 26, 0.82);
  border-bottom: 1px solid #2b2e33;
}

body.is-detail-view .topbar { display:none; }
body.is-detail-view .detail-view { box-sizing:border-box; height:100%; }
body.is-diagnostics-view .topbar { display:none; }
body.is-diagnostics-view .diagnostics-view { height:100%; }

.brand {
  flex: 0 0 auto;
  width:72px;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-right:36px;
}

.brand-logo { display:block; width:72px; height:72px; }

.navigation {
  flex: 1 1 0%;
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.navigation-home,
.navigation-fixed {
  flex:0 0 auto;
  height:100%;
  display:flex;
  align-items:center;
}

.navigation-home { position:relative; }

.navigation-libraries {
  position:relative;
  flex:1 1 0%;
  min-width:0;
  height:100%;
  display:flex;
  align-items:center;
  overflow:hidden;
  margin-left:6px;
  padding-right:var(--navigation-focus-gutter);
  --navigation-right-arrow-right:calc(var(--navigation-focus-gutter) + 12px);
}

.navigation-home.has-clipped-libraries:after,
.navigation-libraries.is-clipped-right:after {
  content:'';
  position:absolute;
  z-index:2;
  top:50%;
  width:10px;
  height:10px;
  display:block;
  margin-top:-7px;
  border-top:3px solid #aeb3ba;
  border-right:3px solid #aeb3ba;
  pointer-events:none;
}

.navigation-home.has-clipped-libraries:after { right:-2px; transform:rotate(-135deg); }
.navigation-libraries.is-clipped-right:after { right:var(--navigation-right-arrow-right); transform:rotate(45deg); }

.navigation-libraries .nav-item.is-trailing-preview {
  -webkit-mask-image:linear-gradient(to right, #000 0, #000 calc(var(--navigation-preview-visible-width) - 28px), transparent var(--navigation-preview-visible-width), transparent 100%);
  mask-image:linear-gradient(to right, #000 0, #000 calc(var(--navigation-preview-visible-width) - 28px), transparent var(--navigation-preview-visible-width), transparent 100%);
}

.topbar-status {
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
  margin-left:auto;
}

.server-activity {
  position:relative;
  flex:0 0 54px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:54px;
  min-width:54px;
  max-width:54px;
  height:54px;
  padding:9px;
  border:0;
  border-radius:var(--theme-corner-radius);
  background:transparent;
  color:#e8eaed;
  font:inherit;
  font-size:1.25rem;
  text-align:left;
}

.server-activity.is-focused { outline:3px solid var(--focus-color, #fff); }

.server-activity-spinner {
  position:relative;
  -webkit-flex:0 0 36px;
  flex:0 0 36px;
  width:36px;
  height:36px;
  color:#737a84;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-transition:-webkit-transform .65s cubic-bezier(.22,.7,.18,1), -webkit-filter .55s ease;
  transition:transform .65s cubic-bezier(.22,.7,.18,1), filter .55s ease;
}

.server-activity.is-network-online { color:#48c774; }
.server-activity.is-network-local-only { color:#e5a00d; }
.server-activity.is-network-offline { color:#f05d5e; }
.server-activity.is-network-unknown { color:#737a84; }

.server-activity-spinner:before {
  content:'';
  position:absolute;
  top:1px;
  right:1px;
  bottom:1px;
  left:1px;
  display:block;
  border:3px solid #737a84;
  border-radius:50%;
  opacity:0;
  box-shadow:0 0 3px rgba(115, 122, 132, .55);
  pointer-events:none;
}
.server-activity.is-idle .server-activity-spinner:before { opacity:1; }
.server-activity.is-idle.is-network-online .server-activity-spinner:before { border-color:#48c774; box-shadow:0 0 3px rgba(72, 199, 116, .55); }
.server-activity.is-idle.is-network-local-only .server-activity-spinner:before { border-color:#e5a00d; box-shadow:0 0 3px rgba(229, 160, 13, .55); }
.server-activity.is-idle.is-network-offline .server-activity-spinner:before { border-color:#f05d5e; box-shadow:0 0 3px rgba(240, 93, 94, .55); }
.server-activity.is-idle.is-network-unknown .server-activity-spinner:before { border-color:#737a84; box-shadow:0 0 3px rgba(115, 122, 132, .55); }

/* A compact HTML/CSS activity signal stays fluid on both modern browsers and
 * legacy webOS Chromium without the rendering cost of the old SVG filter field. */
.processing-orb-legacy {
  display:none;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
.legacy-orbit,
.legacy-orb-core,
.legacy-orb-spark {
  position:absolute;
  display:block;
  border-radius:50%;
}
.legacy-orbit {
  border:2px solid currentColor;
  opacity:.92;
}
.legacy-orbit-a {
  top:2px;
  right:2px;
  bottom:2px;
  left:2px;
  border-right-color:transparent;
  -webkit-animation:ploff-legacy-orbit-a 1.2s linear infinite;
  animation:ploff-legacy-orbit-a 1.2s linear infinite;
}
.legacy-orbit-b {
  top:8px;
  right:8px;
  bottom:8px;
  left:8px;
  border-color:rgba(237, 229, 255, .9);
  border-left-color:transparent;
  -webkit-animation:ploff-legacy-orbit-b 1.75s linear infinite;
  animation:ploff-legacy-orbit-b 1.75s linear infinite;
}
.legacy-orb-core {
  top:12px;
  left:12px;
  width:12px;
  height:12px;
  background:#f5fbff;
  box-shadow:0 0 5px currentColor, 0 0 9px currentColor;
  -webkit-animation:ploff-legacy-core .78s ease-in-out infinite alternate;
  animation:ploff-legacy-core .78s ease-in-out infinite alternate;
}
.legacy-orb-spark {
  width:4px;
  height:4px;
  background:#fff;
  box-shadow:0 0 4px currentColor;
}
.legacy-orb-spark-a {
  top:4px;
  left:7px;
  -webkit-animation:ploff-legacy-spark-a 1.2s linear infinite;
  animation:ploff-legacy-spark-a 1.2s linear infinite;
}
.legacy-orb-spark-b {
  right:5px;
  bottom:6px;
  -webkit-animation:ploff-legacy-spark-b 1.75s linear infinite;
  animation:ploff-legacy-spark-b 1.75s linear infinite;
}
.server-activity.is-active .processing-orb-legacy,
.server-activity.is-home-refreshing .processing-orb-legacy,
.server-activity.is-starting .processing-orb-legacy,
.server-activity.is-stopping .processing-orb-legacy { display:block; }
.server-activity.is-idle .processing-orb-legacy { display:none; }

@-webkit-keyframes ploff-legacy-orbit-a {
  from { -webkit-transform:rotate(0deg); }
  to { -webkit-transform:rotate(360deg); }
}
@keyframes ploff-legacy-orbit-a {
  from { transform:rotate(0deg); }
  to { transform:rotate(360deg); }
}
@-webkit-keyframes ploff-legacy-orbit-b {
  from { -webkit-transform:rotate(360deg); }
  to { -webkit-transform:rotate(0deg); }
}
@keyframes ploff-legacy-orbit-b {
  from { transform:rotate(360deg); }
  to { transform:rotate(0deg); }
}
@-webkit-keyframes ploff-legacy-core {
  from { opacity:.72; -webkit-transform:scale(.78); }
  to { opacity:1; -webkit-transform:scale(1.12); }
}
@keyframes ploff-legacy-core {
  from { opacity:.72; transform:scale(.78); }
  to { opacity:1; transform:scale(1.12); }
}
@-webkit-keyframes ploff-legacy-spark-a {
  from { opacity:0; -webkit-transform:translate(0, 0); }
  45% { opacity:1; }
  to { opacity:0; -webkit-transform:translate(21px, 19px); }
}
@keyframes ploff-legacy-spark-a {
  from { opacity:0; transform:translate(0, 0); }
  45% { opacity:1; }
  to { opacity:0; transform:translate(21px, 19px); }
}
@-webkit-keyframes ploff-legacy-spark-b {
  from { opacity:0; -webkit-transform:translate(0, 0); }
  52% { opacity:1; }
  to { opacity:0; -webkit-transform:translate(-20px, -20px); }
}
@keyframes ploff-legacy-spark-b {
  from { opacity:0; transform:translate(0, 0); }
  52% { opacity:1; }
  to { opacity:0; transform:translate(-20px, -20px); }
}

.server-activity.is-active .server-activity-spinner,
.server-activity.is-home-refreshing .server-activity-spinner,
.server-activity.is-stopping .server-activity-spinner {
  -webkit-animation:server-activity-orb-working .82s ease-in-out infinite alternate;
  animation:server-activity-orb-working .82s ease-in-out infinite alternate;
}
.server-activity.is-network-online.is-active .server-activity-spinner,
.server-activity.is-network-online.is-home-refreshing .server-activity-spinner,
.server-activity.is-network-online.is-stopping .server-activity-spinner { -webkit-filter:drop-shadow(0 0 4px rgba(72,199,116,.9)) drop-shadow(0 0 10px rgba(72,199,116,.42)); filter:drop-shadow(0 0 4px rgba(72,199,116,.9)) drop-shadow(0 0 10px rgba(72,199,116,.42)); }
.server-activity.is-network-local-only.is-active .server-activity-spinner,
.server-activity.is-network-local-only.is-home-refreshing .server-activity-spinner,
.server-activity.is-network-local-only.is-stopping .server-activity-spinner { -webkit-filter:drop-shadow(0 0 4px rgba(229,160,13,.9)) drop-shadow(0 0 10px rgba(229,160,13,.42)); filter:drop-shadow(0 0 4px rgba(229,160,13,.9)) drop-shadow(0 0 10px rgba(229,160,13,.42)); }
.server-activity.is-network-offline.is-active .server-activity-spinner,
.server-activity.is-network-offline.is-home-refreshing .server-activity-spinner,
.server-activity.is-network-offline.is-stopping .server-activity-spinner { -webkit-filter:drop-shadow(0 0 4px rgba(240,93,94,.9)) drop-shadow(0 0 10px rgba(240,93,94,.42)); filter:drop-shadow(0 0 4px rgba(240,93,94,.9)) drop-shadow(0 0 10px rgba(240,93,94,.42)); }
.server-activity.is-network-unknown.is-active .server-activity-spinner,
.server-activity.is-network-unknown.is-home-refreshing .server-activity-spinner,
.server-activity.is-network-unknown.is-stopping .server-activity-spinner { -webkit-filter:drop-shadow(0 0 4px rgba(115,122,132,.9)) drop-shadow(0 0 10px rgba(115,122,132,.42)); filter:drop-shadow(0 0 4px rgba(115,122,132,.9)) drop-shadow(0 0 10px rgba(115,122,132,.42)); }
.server-activity.is-idle .server-activity-spinner { -webkit-transform:scale(.82); transform:scale(.82); -webkit-filter:none; filter:none; -webkit-animation:none !important; animation:none !important; }
.server-activity.is-starting .server-activity-spinner { -webkit-animation:server-activity-orb-start .52s cubic-bezier(.16,.78,.18,1) both; animation:server-activity-orb-start .52s cubic-bezier(.16,.78,.18,1) both; }
.server-activity.is-stopping .server-activity-spinner { -webkit-animation:server-activity-orb-stop .9s cubic-bezier(.34,.04,.22,1) both; animation:server-activity-orb-stop .9s cubic-bezier(.34,.04,.22,1) both; }

@-webkit-keyframes server-activity-orb-start {
  0% { -webkit-transform:scale(.82); transform:scale(.82); }
  32% { -webkit-transform:scale(.88); transform:scale(.88); }
  74% { -webkit-transform:scale(1.045); transform:scale(1.045); }
  100% { -webkit-transform:scale(1); transform:scale(1); }
}
@keyframes server-activity-orb-start {
  0% { transform:scale(.82); }
  32% { transform:scale(.88); }
  74% { transform:scale(1.045); }
  100% { transform:scale(1); }
}
@-webkit-keyframes server-activity-orb-stop { 0% { -webkit-transform:scale(1); transform:scale(1); } 28% { -webkit-transform:scale(1.06); transform:scale(1.06); } 62% { -webkit-transform:scale(.9); transform:scale(.9); } 100% { -webkit-transform:scale(.82); transform:scale(.82); } }
@keyframes server-activity-orb-stop { 0% { transform:scale(1); } 28% { transform:scale(1.06); } 62% { transform:scale(.9); } 100% { transform:scale(.82); } }
@-webkit-keyframes server-activity-orb-working { from { -webkit-transform:scale(.975); transform:scale(.975); } to { -webkit-transform:scale(1.035); transform:scale(1.035); } }
@keyframes server-activity-orb-working { from { transform:scale(.975); } to { transform:scale(1.035); } }

.server-activity-panel {
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  display:none;
  width:500px;
  max-height:360px;
  padding:18px 20px;
  overflow:hidden;
  background:rgba(20,22,25,0.98);
  border:1px solid #444950;
  border-radius:var(--theme-corner-radius);
  box-shadow:0 12px 30px rgba(0,0,0,0.45);
}

.server-activity-panel:before {
  content:'';
  position:absolute;
  right:17px;
  bottom:100%;
  width:0;
  height:0;
  border:7px solid transparent;
  border-bottom-color:rgba(20,22,25,.98);
}

.server-activity-panel.has-activities {
  display:block;
  width:360px;
  max-height:none;
  padding:12px 16px;
  border-color:rgba(255,255,255,.16);
  pointer-events:none;
}

.activity-summary {
  display:none;
  overflow:hidden;
  color:#f4f5f7;
  font-size:1.25rem;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.server-activity-panel.has-activities .activity-summary { display:block; }
.server-activity-panel.has-activities .activity-details { display:none; }

.server-activity:hover + .server-activity-panel,
.server-activity.is-focused + .server-activity-panel {
  display:block;
  width:500px;
  max-height:360px;
  padding:18px 20px;
  border-color:#444950;
  pointer-events:auto;
}
.server-activity:hover + .server-activity-panel .activity-summary,
.server-activity.is-focused + .server-activity-panel .activity-summary { display:none; }
.server-activity:hover + .server-activity-panel .activity-details,
.server-activity.is-focused + .server-activity-panel .activity-details { display:block; }

.activity-empty { color:#aeb3ba; font-size:1.25rem; }
.activity-network-status { padding-bottom:10px; color:#aeb3ba; font-size:1.25rem; border-bottom:1px solid #34383e; }
.activity-row { padding:8px 0 12px; border-bottom:1px solid #34383e; }
.activity-row:last-child { border-bottom:0; }
.activity-heading { display:block; overflow:hidden; color:#fff; font-size:1.25rem; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; }
.activity-subtitle { display:block; overflow:hidden; margin-top:4px; color:#aeb3ba; font-size:1.25rem; text-overflow:ellipsis; white-space:nowrap; }
.activity-progress { display:block; height:5px; margin-top:10px; overflow:hidden; background:#34383e; }
.activity-progress-value { display:block; height:100%; background:var(--accent, #13b8ad); }

.app-setting-row.is-read-only .app-setting-value { color:#d4d7dc; }
.app-setting-row.is-disabled { color:var(--text-disabled); opacity:.72; }
.app-setting-row.is-disabled .app-setting-value { color:var(--text-disabled); }

.active-profile {
  flex:0 0 auto;
  display:flex;
  align-items:center;
  min-width:0;
  margin-left:12px;
  padding:6px 10px;
  border:0;
  border-radius:var(--theme-corner-radius);
  background:transparent;
  color:#f5f5f5;
  font:inherit;
  font-size:1.375rem;
}

.active-profile-avatar-frame,
.setup-profile-avatar {
  width:38px;
  height:38px;
  border-radius:50%;
  overflow:hidden;
  background:#353941;
}

.active-profile-avatar-frame { position:relative; flex:0 0 38px; margin-right:10px; }
.active-profile-avatar { width:100%; height:100%; object-fit:cover; }
.active-profile-initial { position:absolute; top:0; right:0; bottom:0; left:0; align-items:center; justify-content:center; color:#fff; font-weight:bold; }
.active-profile-name { max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.active-profile.is-offline .active-profile-avatar-frame { display:none; }
.active-profile:hover,
.active-profile:focus { outline:3px solid var(--focus-color, #fff); }

.nav-item {
  position: relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  height: 50px;
  min-width: 108px;
  margin-right: 12px;
  padding: 0 20px;
  border: 0;
  border-radius:var(--theme-corner-radius);
  background: transparent;
  color: #aeb3ba;
  font: inherit;
  font-size: 1.51875rem;
  font-weight: bold;
  text-align: center;
  white-space:nowrap;
}

.nav-item.is-icon-only { min-width:2.6em; padding-right:.45em; padding-left:.45em; }
.nav-item.has-icon { padding-right:16px; padding-left:16px; }
.nav-item-icon { display:inline-flex; flex:0 0 1.4em; width:1.4em; height:1.4em; align-items:center; justify-content:center; }
.nav-item.has-icon .nav-item-icon { margin-right:.35em; }
.nav-item-icon .nav-icon-svg { display:block; width:1.4em; height:1.4em; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.nav-item-label { display:inline-block; }

.nav-item.is-selected {
  color: #ffffff;
}

.nav-item.is-selected:after {
  content: '';
  position: absolute;
  right: 20px;
  bottom: 3px;
  left: 20px;
  height: 4px;
  background: var(--accent, #13b8ad);
}

.nav-item.is-selected.is-focused:after { display:none; }

.nav-item.is-reordering {
  animation: nav-reorder-pulse 0.8s ease-in-out infinite alternate;
  box-shadow: inset 0 0 0 5px var(--accent, #13b8ad);
}

.nav-item.is-disabled { color:#62676e; opacity:.58; }

.navigation-libraries .nav-item.is-focused {
  box-shadow:var(--navigation-focus-shadow);
}

@keyframes nav-reorder-pulse {
  from { box-shadow: inset 0 0 0 4px rgba(229, 160, 13, 0.65); }
  to { box-shadow: inset 0 0 0 7px var(--accent, #13b8ad); }
}

.clock {
  margin-left: 22px;
  color: #aeb3ba;
  font-size: 1.625rem;
}

.content {
  position: relative;
  z-index: 1;
  height: 91%;
  padding: 2.56% 3.2% 1.5%;
  overflow: hidden;
}

.home-preview { display:none; }


.search-view {
  position: relative;
  z-index: 3;
  height: 91%;
  padding: 0.75% 3.2% 0.6%;
  overflow: hidden;
  background: rgba(8, 9, 11, 0.8);
}

.search-query {
  height: 58px;
  margin: 0 auto 5px;
  padding: 9px 20px;
  border-bottom: 3px solid var(--accent, #13b8ad);
  color: #ffffff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 40px;
}

.search-query.is-placeholder { color: #92979e; }
.search-t9-legend {
  position: absolute;
  top: 88px;
  left: 3.4%;
  width: 330px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(20, 22, 26, 0.92);
  color: #d8dadd;
}
.search-t9-legend-row { display: flex; }
.search-t9-legend-key {
  width: 100px;
  height: 54px;
  margin: 3px;
  padding: 4px 5px;
  border: 2px solid transparent;
  border-radius:var(--theme-corner-radius);
  background: #30343a;
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 20px;
  text-align: center;
}
.search-t9-legend-key strong { display: block; font-size: 1.25rem; line-height: 22px; }
.search-t9-legend-key.is-active { border-color: #ffffff; }
.search-keyboard { box-sizing:content-box; height:275px; padding:4px 0; overflow:hidden; }
.search-keyboard-row { height: 55px; display: flex; justify-content: center; }
.search-key {
  width: 72px;
  height: 54px;
  margin: 0 4px 1px;
  border: 0;
  border-radius:var(--theme-corner-radius);
  padding: 0 8px;
  background: #282b30;
  color: #ffffff;
  font: inherit;
  font-size: 1.375rem;
  font-weight: bold;
  text-align: center;
}
.search-key.is-wide { width: 170px; }
.search-key.is-space { width: 330px; }
.search-key.is-destructive { background: #3a2226; color: #ffb3ab; }
.search-key.is-focused { box-shadow: var(--focus-shadow); }
.search-key.is-destructive.is-focused { box-shadow: var(--focus-shadow), inset 0 0 0 1px rgba(255,140,130,.4); }
.search-status { height: 34px; color: #c1c5ca; font-size: 1.3125rem; line-height: 34px; }
.search-results {
  height: calc(100% - 380px);
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  padding: 3px 6px 6px;
  overflow-x: hidden;
  overflow-y: auto;
}
.search-card {
  position: relative;
  flex: 0 0 var(--poster-card-width, 248px);
  width: var(--poster-card-width, 248px);
  height: var(--poster-card-height, 474px);
  margin: 0 var(--poster-card-gap, 24px) var(--poster-card-gap, 24px) 0;
  border: 0;
  padding: 0;
  background: rgba(17, 19, 23, 0.56);
  color: #ffffff;
  text-align: left;
}
.search-card-probe { position: absolute; visibility: hidden; }
.search-card-image { display: block; width: 100%; height: var(--poster-image-height, 370px); background:rgba(17,19,23,.34); object-fit: contain; object-position:center; opacity: 0; transition:opacity 120ms linear; }
.search-card-image.is-loaded { opacity: 1; }
.search-card-caption { display: block; height: var(--poster-caption-height, 104px); padding: 10px 12px; overflow: hidden; }
.search-card-title { display: block; overflow: hidden; font-size: var(--poster-title-font, 1.4375rem); font-weight: bold; white-space: nowrap; text-overflow: ellipsis; }
.search-card-meta, .search-card-detail { display: block; margin-top: 4px; overflow: hidden; color: var(--text-secondary); font-size: var(--poster-meta-font, 1.25rem); white-space: nowrap; text-overflow: ellipsis; }
.media-library-badge {
  position: absolute;
  box-sizing: border-box;
  z-index: 2;
  top: 8px;
  left: 8px;
  max-width: calc(100% - 16px);
  padding: 5px 8px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.82);
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.media-library-badge:empty { display:none; }
.search-card.is-focused { z-index: 4; box-shadow: var(--focus-shadow); }

.library-view { position:relative; z-index:3; height:91%; padding:1.2% 3.2%; overflow:hidden; background:transparent; }
.library-global-header { display:none; height:64px; align-items:flex-start; justify-content:space-between; }
.library-global-title { min-width:0; max-width:62%; height:52px; margin:0; overflow:hidden; font-size:2.25rem; line-height:52px; text-overflow:ellipsis; white-space:nowrap; }
.library-container-stats { display:flex; align-items:stretch; margin-top:3px; }
.library-container-stats.is-hidden { display:none; }
.library-container-stat { min-width:190px; margin-left:14px; padding:7px 14px 8px; border-left:4px solid var(--accent, #13b8ad); background:rgba(21,24,29,.72); text-align:right; }
.library-container-stat-label, .library-container-stat-value { display:block; white-space:nowrap; }
.library-container-stat-label { color:#aeb4ba; font-size:1rem; line-height:19px; text-transform:uppercase; }
.library-container-stat-value { margin-top:2px; color:#fff; font-size:1.25rem; line-height:23px; }
.library-subnav { height:64px; display:flex; align-items:center; justify-content:space-between; }
.library-tabs, .library-actions { display:flex; align-items:center; }
.library-tab { position:relative; height:54px; margin-right:18px; border:0; border-radius:var(--theme-corner-radius); padding:0 20px; background:transparent; color:#b8bdc3; font:inherit; font-size:1.5rem; font-weight:bold; }
.library-tab.is-active { color:#fff; }
.library-tab.is-disabled { color:#62676e; opacity:0.65; }
.library-tab.is-active:after { content:''; position:absolute; right:18px; bottom:0; left:18px; height:4px; background:var(--accent, #13b8ad); }
.library-tab.is-active.is-focused:after { display:none; }
.library-tab.is-focused, .library-control.is-focused, .library-action.is-focused { box-shadow:var(--focus-shadow); }
.library-action { height:54px; margin-left:14px; border:0; border-radius:var(--theme-corner-radius); padding:0 18px; background:var(--action-surface); color:var(--action-text); font:inherit; font-size:1.25rem; font-weight:bold; }
.library-refresh { width:54px; min-width:54px; padding:0; }
.icon-refresh-cw { display:block; width:30px; height:30px; margin:0 auto; fill:none; stroke:currentColor; stroke-width:2.25; stroke-linecap:round; stroke-linejoin:round; }
.library-action:disabled { opacity:.55; }
.library-controls { height:62px; display:flex; align-items:center; justify-content:space-between; }
.library-control-group { display:flex; }
.library-control { height:54px; min-width:120px; margin-right:10px; border:0; border-radius:var(--theme-corner-radius); padding:0 16px; background:var(--action-surface); color:#c5c9ce; font:inherit; font-size:1.25rem; font-weight:bold; }
.library-control.is-active { background:var(--accent, #13b8ad); color:#111; }
.library-control.is-active.is-focused { box-shadow:var(--primary-focus-shadow); }
.library-control-badge { display:inline-block; min-width:30px; height:30px; margin-left:9px; border-radius:15px; background:#111; color:#fff; font-size:1.25rem; line-height:30px; text-align:center; vertical-align:2px; }
.library-status { height:30px; color:#c1c5ca; font-size:1.375rem; line-height:30px; }
.library-status.is-prominent { position:absolute; z-index:5; top:42%; right:10%; left:10%; height:auto; color:#e1e4e7; text-align:center; font-size:1.75rem; line-height:38px; pointer-events:none; transform:translateY(-50%); }
.library-grid { box-sizing:border-box; height:calc(100% - 156px); padding:6px; overflow-x:hidden; overflow-y:auto; overflow-anchor:none; }
.library-grid.is-hidden { display:none; }
.library-recommended { box-sizing:border-box; height:calc(100% - 94px); padding:6px; overflow-x:hidden; overflow-y:auto; }
.library-recommendation-section { margin:0 0 26px; }
.library-recommendation-title { height:42px; margin:0 0 12px; font-size:1.75rem; line-height:42px; }
.library-recommendation-row { display:flex; align-items:flex-start; min-height:calc(var(--poster-card-height, 474px) + 12px); padding:6px; overflow-x:auto; overflow-y:hidden; -ms-overflow-style:none; scrollbar-width:none; }
.library-recommendation-card { flex:0 0 var(--poster-card-width, 248px); }
.library-grid-content { position:relative; width:100%; min-height:100%; display:flex; align-content:flex-start; flex-wrap:wrap; }
.library-grid-content.is-catalog { display:block; }
.library-grid-content.is-catalog .library-card { position:absolute; margin:0; }
.library-controls.is-hidden ~ .library-grid { height:calc(100% - 94px); }
.library-view.is-global-playlists .library-subnav,
.library-view.is-global-playlists .library-controls,
.library-view.is-container-detail .library-subnav,
.library-view.is-container-detail .library-controls { display:none; }
.library-view.is-global-playlists .library-global-header,
.library-view.is-container-detail .library-global-header { display:flex; }
.library-view.is-global-playlists .library-grid,
.library-view.is-container-detail .library-grid { height:calc(100% - 88px); }
.library-card { position:relative; flex:0 0 var(--poster-card-width, 248px); width:var(--poster-card-width, 248px); height:var(--poster-card-height, 474px); margin:0 var(--poster-card-gap, 24px) var(--poster-card-gap, 24px) 0; border:0; padding:0; background:rgba(17,19,23,.56); color:#fff; text-align:left; }
.library-card-image { display:block; width:100%; height:var(--poster-image-height, 370px); background:rgba(17,19,23,.34); object-fit:contain; object-position:center; opacity:0; transition:opacity 120ms linear; }
.library-card-image.is-loaded { opacity:1; }
.library-rating-badge { position:absolute; z-index:2; top:8px; right:8px; min-width:52px; padding:6px 8px; background:rgba(0,0,0,.82); color:#fff; font-size:1.4375rem; font-weight:bold; line-height:26px; text-align:center; }
.library-card-caption { display:block; height:var(--poster-caption-height, 104px); padding:10px 12px; overflow:hidden; }
.library-card-title, .library-card-meta, .library-card-detail { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.library-card-title { font-size:var(--poster-title-font, 1.4375rem); font-weight:bold; }
.library-card-meta, .library-card-detail { margin-top:4px; color:var(--text-secondary); font-size:var(--poster-meta-font, 1.25rem); }
.library-card.is-focused { z-index:4; box-shadow:var(--focus-shadow); }
.library-filter-shade { position:absolute; z-index:8; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.5); }
.library-filter-drawer { position:absolute; z-index:9; top:78px; right:3.2%; bottom:3%; box-sizing:border-box; width:610px; padding:30px 34px; border-left:5px solid var(--accent, #13b8ad); background:var(--panel-surface); box-shadow:-18px 0 45px rgba(0,0,0,.58); }
.library-filter-drawer h2 { margin:0; font-size:2.125rem; }
.library-filter-hint { margin:8px 0 24px; color:#aeb3ba; font-size:1.25rem; }
.library-filter-rows { max-height:calc(100% - 155px); overflow:hidden; }
.library-filter-row { box-sizing:border-box; width:100%; height:67px; display:flex; align-items:center; margin:0 0 9px; border:0; padding:0 18px; background:var(--control-surface); color:#fff; font:inherit; font-size:1.3125rem; text-align:left; }
.library-filter-row.is-focused { background:var(--control-surface-focused); box-shadow:var(--focus-shadow); }
.library-filter-row-label { font-weight:bold; }
.library-filter-row-value { min-width:0; margin-left:auto; overflow:hidden; color:var(--control-value); text-align:right; text-overflow:ellipsis; white-space:nowrap; }
.library-filter-row-arrow { margin-left:14px; color:var(--accent, #13b8ad); font-size:1.5rem; }
.library-filter-loading { height:67px; color:#aeb3ba; font-size:1.3125rem; line-height:67px; }
.library-filter-options { max-height:calc(100% - 155px); overflow-x:hidden; overflow-y:auto; padding:6px; }
.library-filter-option { box-sizing:border-box; width:100%; min-height:58px; display:flex; align-items:center; margin:0 0 8px; border:0; padding:0 18px; background:var(--control-surface); color:#fff; font:inherit; font-size:1.25rem; text-align:left; }
.library-filter-option.is-selected:after { margin-left:auto; color:var(--accent, #13b8ad); font-size:1.5rem; content:'\2713'; }
.library-filter-option.is-focused { background:var(--control-surface-focused); box-shadow:var(--focus-shadow); }
.library-filter-actions { position:absolute; right:34px; bottom:28px; left:34px; display:flex; align-items:center; justify-content:flex-end; }
.library-filter-actions button { height:54px; margin-left:12px; border:0; padding:0 22px; background:var(--action-surface); color:var(--action-text); font:inherit; font-size:1.25rem; font-weight:bold; }
.library-filter-actions button.is-primary { background:var(--accent, #13b8ad); color:#111; }
.library-filter-actions button.is-focused { box-shadow:var(--focus-shadow); }
.library-filter-actions button.is-primary.is-focused { box-shadow:var(--primary-focus-shadow); }
.library-filter-count { margin-right:auto; color:#aeb3ba; font-size:1.25rem; }

.watchlist-view { position:relative; z-index:3; box-sizing:border-box; height:91%; padding:1.8% 3.2%; overflow:hidden; background:transparent; }
.watchlist-title { height:52px; margin:0; font-size:2.25rem; line-height:52px; }
.watchlist-status { height:34px; color:#c1c5ca; font-size:1.25rem; line-height:34px; }
.watchlist-grid { box-sizing:border-box; height:calc(100% - 86px); padding:6px; overflow-x:hidden; overflow-y:auto; }
.watchlist-grid-content { width:100%; min-height:100%; display:flex; align-content:flex-start; flex-wrap:wrap; }
.watchlist-card { position:relative; flex:0 0 var(--poster-card-width, 248px); width:var(--poster-card-width, 248px); height:var(--poster-card-height, 474px); margin:0 var(--poster-card-gap, 24px) var(--poster-card-gap, 24px) 0; border:0; padding:0; background:rgba(17,19,23,.56); color:#fff; text-align:left; }
.watchlist-card.is-focused { z-index:4; box-shadow:var(--focus-shadow); }

.app-settings-view {
  position: relative;
  z-index: 3;
  height: 91%;
  padding: 3% 8%;
  overflow: hidden;
  background: rgba(8, 9, 11, 0.76);
}

.server-editor-inline { box-sizing:border-box; width:100%; margin:0 0 8px; padding:4px 18px 12px 38px; border-left:4px solid var(--accent, #13b8ad); border-radius:0 0 var(--theme-corner-radius) var(--theme-corner-radius); overflow:hidden; background:var(--control-surface); }
.server-editor-hint { display:block; margin:2px 16px 8px; color:var(--text-secondary); font-size:1.25rem; }
.server-editor-list { overflow:visible; border-top:1px solid var(--control-divider); }
.server-editor-row { width:100%; min-height:56px; display:flex; align-items:center; justify-content:space-between; border:0; border-bottom:1px solid var(--control-divider); padding:0 16px; background:var(--control-surface); color:#fff; font:inherit; font-size:1.25rem; text-align:left; }
.server-editor-row.is-focused,
.server-editor-row:focus { position:relative; z-index:2; outline:0; border-radius:var(--theme-corner-radius); background:var(--control-surface-focused); box-shadow:var(--focus-shadow); }
.text-input-dialog { position:fixed; top:0; right:0; bottom:0; left:0; z-index:170; display:flex; align-items:center; justify-content:center; padding:var(--safe-top, 0%) var(--safe-right, 0%) var(--safe-bottom, 0%) var(--safe-left, 0%); background:rgba(0,0,0,.76); }
.text-input-dialog.is-hidden { display:none; }
.text-input-dialog-panel { box-sizing:border-box; width:760px; max-width:82vw; padding:36px; background:#17191d; color:#fff; }
.text-input-dialog.has-keyboard .text-input-dialog-panel { width:1280px; max-width:96vw; }
.text-input-dialog-panel h2 { margin:0 0 12px; font-size:2rem; }
.text-input-dialog-panel p { margin:0 0 24px; color:var(--text-secondary); font-size:1.375rem; line-height:1.35; }
#text-input-dialog-field { box-sizing:border-box; width:100%; min-height:64px; border:2px solid var(--control-divider); padding:0 18px; background:var(--control-surface); color:#fff; font:inherit; font-size:1.5rem; outline:0; }
#text-input-dialog-field.is-focused { box-shadow:var(--focus-shadow); border-color:transparent; }
.text-input-dialog-keyboard-layout { display:flex; align-items:flex-start; margin-top:18px; }
.text-input-dialog-t9-legend { position:static; flex:0 0 300px; width:300px; margin:0 18px 0 0; }
.text-input-dialog-t9-legend .search-t9-legend-key { width:90px; }
.text-input-dialog-keyboard { flex:1 1 auto; min-width:0; margin-top:0; }
.text-input-dialog-keyboard.is-hidden { display:none; }
.text-input-dialog-keyboard .search-key.is-active { box-shadow:inset 0 0 0 2px var(--accent, #13b8ad); }
.text-input-dialog-actions { display:flex; justify-content:flex-end; margin-top:28px; }
.text-input-dialog-actions button { min-width:180px; min-height:60px; border:0; padding:0 24px; background:var(--control-surface); color:#fff; font:inherit; font-size:1.375rem; }
.text-input-dialog-actions button + button { margin-left:18px; }
.text-input-dialog-actions button.is-primary { background:var(--accent); color:#101214; }
.text-input-dialog-actions button.is-focused { box-shadow:var(--focus-shadow); }
.server-editor-addresses { display:flex; min-width:0; margin-left:24px; flex:1 1 auto; flex-direction:column; align-items:flex-end; }
.server-editor-meta { display:block; max-width:100%; overflow:hidden; color:var(--text-secondary); font-size:1.25rem; line-height:24px; text-overflow:ellipsis; white-space:nowrap; }
.server-editor-loading { flex:0 0 auto; margin-left:24px; color:var(--accent, #13b8ad); font-size:1.1rem; }
.server-editor-row.is-loading { cursor:wait; }

.app-settings-heading {
  position:relative;
  display:flex;
  align-items:center;
  margin:0 0 8px;
}

.app-settings-title {
  margin: 0;
  font-size: 2.75rem;
}

.app-settings-back {
  position:absolute;
  top:50%;
  left:-70px;
  transform:translateY(-50%);
}
.app-settings-back.is-hidden { display:none; }

.app-settings-notice {
  margin: 0 0 24px;
  color: var(--text-secondary);
  font-size: 1.25rem;
}

.app-settings-list {
  box-sizing: border-box;
  width: 72%;
  max-height: calc(100% - 105px);
  padding: 6px 28px 6px 6px;
  overflow-x: hidden;
  overflow-y: auto;
}

.app-settings-section {
  box-sizing: border-box;
  width: 100%;
  margin: 22px 0 10px;
  border-bottom: 1px solid #4a4f56;
  padding: 0 18px 7px;
  color: var(--accent, #13b8ad);
  font-size: 1.25rem;
  font-weight: bold;
}

.app-settings-section:first-child { margin-top: 0; }

.app-settings-subsection-spacer {
  width: 100%;
  height: 54px;
}

.app-settings-subsection {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 10px;
  border-bottom: 1px solid #4a4f56;
  padding: 0 18px 7px;
  color: var(--accent, #13b8ad);
  font-size: 1.125rem;
  font-weight: bold;
}

.app-settings-row-spacer {
  width: 100%;
  height: 54px;
}

.app-setting-row,
.language-editor-row {
  width: 100%;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  border: 0;
  padding: 0 18px;
  background: var(--control-surface);
  color: #ffffff;
  font: inherit;
  font-size: 1.25rem;
  text-align: left;
}

.app-setting-row { background: var(--control-surface); }
.app-setting-row.is-category {
  min-height: 68px;
  margin-bottom: 12px;
  border-left: 3px solid transparent;
  padding-left: 24px;
  font-size: 1.4375rem;
  font-weight: bold;
}
.app-setting-row.is-category .app-setting-value {
  color: var(--accent, #13b8ad);
  font-size: 2.125rem;
  font-weight: normal;
  line-height: 1;
}
.app-setting-row.is-category.is-focused { border-left-color: var(--accent, #13b8ad); }
.app-setting-row.is-version { margin-top:20px; background:transparent; color:var(--text-secondary); }
.app-setting-row.is-version .app-setting-label { font-family:Arial,Helvetica,sans-serif; font-style:normal; }
.app-setting-row.is-category-back { width:auto; min-width:180px; margin-top:14px; margin-left:auto; padding-right:24px; padding-left:24px; justify-content:center; }
.app-setting-row.is-category-back .app-setting-value { display:none; }
.app-setting-back-label { display:flex; align-items:center; justify-content:center; width:100%; text-align:center; }
.app-setting-back-icon { margin-right:10px; }
.app-setting-back-label .nav-icon-svg { width:1.25em; height:1.25em; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.app-setting-row.is-standalone-action { width:auto; min-width:260px; margin-top:70px; padding-right:24px; padding-left:24px; }
.app-setting-row.is-standalone-action .app-setting-value { display:none; }
.app-setting-row.is-version .app-setting-value { color:var(--accent, #13b8ad); }
.app-setting-row.is-version.is-focused { background:var(--control-surface-focused); color:#fff; }
.language-editor-row { background: var(--control-surface); }

.app-setting-copy {
  min-width: 0;
  max-width: 68%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 16px 10px 0;
}
.app-setting-description {
  margin-top: 4px;
  color: var(--text-secondary);
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.3;
  white-space: normal;
}

.app-setting-value {
  max-width: 52%;
  overflow: hidden;
  color: var(--control-value);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.app-setting-stepper-value {
  width: 52%;
  max-width: 52%;
  display: flex;
  align-items: center;
  overflow: visible;
}

.app-setting-stepper-track {
  position: relative;
  height: 6px;
  margin: 0 16px 0 7px;
  flex: 1 1 auto;
  border-radius: 3px;
  background: #555b63;
}

.app-setting-stepper-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 3px;
  background: var(--accent, #13b8ad);
}

.app-setting-stepper-marker {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
  border: 2px solid #777e87;
  border-radius: 50%;
  box-sizing: border-box;
  background: var(--control-surface);
}

.app-setting-stepper-marker.is-active {
  border-color: var(--accent, #13b8ad);
  background: var(--accent, #13b8ad);
}

.app-setting-stepper-current {
  min-width: 88px;
  color: #ffffff;
  text-align: right;
}

.app-setting-palette-value {
  max-width: 66%;
  display: flex;
  align-items: center;
}

.app-setting-palette {
  display: inline-flex;
  align-items: center;
  margin-right: 16px;
}

.app-setting-swatch {
  display: inline-block;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  margin-right: 9px;
  border: 2px solid rgba(255,255,255,.42);
  vertical-align: middle;
}

.app-setting-swatch.is-selected {
  border: 3px solid #ffffff;
  box-shadow: inset 0 0 0 2px #111317;
}

.app-settings-credit {
  margin: 2rem 20px 3rem;
  color: #9298a0;
  font-size: 1.25rem;
  text-align: right;
}

.app-setting-row.is-focused,
.language-editor-row.is-focused {
  background: var(--control-surface-focused);
  box-shadow: var(--focus-shadow);
}

.language-editor-row.is-disabled {
  color: var(--text-disabled);
  background: var(--control-surface-disabled);
  opacity: .72;
}

.diagnostics-view {
  position: relative;
  z-index: 3;
  box-sizing: border-box;
  height: 91%;
  padding: 3% 8%;
  overflow: hidden;
  background: rgba(8, 9, 11, 0.88);
}

.diagnostics-title { margin: 0 0 8px; font-size: 2.75rem; }
.diagnostics-notice { margin: 0 0 20px; color: var(--text-secondary); font-size: 1.25rem; }
.diagnostics-content { display: flex; align-items: flex-start; width: 100%; height: calc(100% - 168px); overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth; }
.diagnostics-column { box-sizing: border-box; flex: 0 0 49%; width: 49%; min-width: 0; }
.diagnostics-column + .diagnostics-column { margin-left: 2%; }
.diagnostics-section { box-sizing: border-box; width: 100%; margin: 0 0 16px; }
.diagnostics-section-title { margin: 0 0 6px; color: var(--accent, #13b8ad); font-size: 1.4375rem; }
.diagnostics-row { display: flex; align-items: baseline; min-height: 32px; border-bottom: 1px solid #292d32; font-size: 1.25rem; line-height: 32px; }
.diagnostics-label { flex: 0 0 34%; color: var(--text-secondary); }
.diagnostics-value { flex: 1 1 auto; overflow: hidden; color: #fff; white-space: nowrap; text-overflow: ellipsis; }
.diagnostics-actions { display: flex; align-items: center; margin-top: 18px; padding: 5px; }
.diagnostics-actions button { min-width: 180px; height: 54px; margin-right: 14px; border: 0; padding: 0 22px; background: var(--action-surface); color: var(--action-text); font: inherit; font-size: 1.25rem; font-weight: bold; }
.diagnostics-actions button.is-focused { box-shadow:var(--focus-shadow); }

.diagnostics-qr-dialog {
  position: fixed;
  z-index: 170;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 620px;
  max-width: 84vw;
  max-height: 90vh;
  transform: translate(-50%, -50%);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 26px;
  background: var(--panel-surface);
  box-shadow: var(--panel-shadow);
  text-align: center;
}

.diagnostics-qr-dialog h2 { margin: 0 0 10px; font-size: 1.875rem; }
.diagnostics-qr-dialog p { margin: 0 0 14px; color: var(--text-secondary); font-size: 1.1875rem; }
.diagnostics-qr-dialog canvas { display: block; width: 420px; height: 420px; max-width: 100%; margin: 0 auto 16px; background: #fff; image-rendering: pixelated; }
.diagnostics-qr-dialog button { min-width: 180px; min-height: 54px; border: 0; padding: 0 22px; background: var(--action-surface); color: var(--action-text); font: inherit; font-size: 1.25rem; font-weight: bold; }
.diagnostics-qr-dialog button:focus { box-shadow: var(--focus-shadow); }
.diagnostics-qr-fallback { margin: 10px 0 16px; color: var(--text-secondary); font-size: 1.125rem; }
.diagnostics-report-text { max-height: 150px; margin: 0 0 16px; padding: 12px 14px; overflow: auto; white-space: pre-wrap; word-break: break-word; background: var(--control-surface); color: var(--text-secondary); font: 15px/1.35 monospace; text-align: left; }
.diagnostics-report-text:focus { outline: 0; box-shadow: var(--focus-shadow); }

.app-setting-row.has-inline-editor {
  margin-bottom: 0;
  border-left: 4px solid var(--accent, #13b8ad);
  border-radius: var(--theme-corner-radius) var(--theme-corner-radius) 0 0;
  padding-left: 14px;
  background: var(--control-surface);
}

.app-setting-row.has-inline-editor.is-focused {
  box-shadow: 0 -5px 0 var(--focus-color), -5px 0 0 var(--focus-color), 5px 0 0 var(--focus-color);
}

.language-editor {
  position: fixed;
  z-index: 140;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  box-sizing: border-box;
  width: 620px;
  max-width: 84vw;
  max-height: 76vh;
  transform: translate(-50%, -50%);
  overflow: hidden;
  padding: 28px;
  background: var(--panel-surface);
  box-shadow: var(--panel-shadow);
}

.language-editor h2 {
  margin: 0 0 12px;
  border-bottom: 1px solid var(--control-divider);
  padding: 0 0 16px;
  font-size: 1.8125rem;
}

.language-editor p {
  margin: 0 0 10px;
  color: var(--text-secondary);
  font-size: 1.25rem;
}

.language-editor-list {
  box-sizing: border-box;
  width: 100%;
  max-height: 52vh;
  padding: 6px;
  overflow-x: hidden;
  overflow-y: auto;
}

.language-editor-actions { display:flex; justify-content:flex-end; margin-top:10px; border-top:1px solid var(--panel-divider); padding:18px 6px 0; }
.language-editor-actions button { min-width:180px; min-height:58px; padding:10px 24px; font-size:1.25rem; }
.library-tabs-editor { position:fixed; z-index:145; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; padding:48px 110px; background:rgba(0,0,0,.72); color:#fff; }
.library-tabs-editor.is-hidden { display:none; }
.library-tabs-editor-panel { box-sizing:border-box; width:860px; max-width:88vw; max-height:86vh; padding:32px 38px 26px; overflow:hidden; background:var(--panel-surface); box-shadow:var(--panel-shadow); }
.library-tabs-editor-panel h2 { margin:0 0 12px; font-size:2rem; }
.library-tabs-editor-panel p { margin:0 0 18px; color:var(--text-secondary); font-size:1.25rem; line-height:1.35; }
.library-tabs-editor-list { box-sizing:border-box; width:100%; max-height:64vh; padding:6px; overflow-x:hidden; overflow-y:auto; }
.library-tabs-editor-row { box-sizing:border-box; width:100%; min-height:72px; display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; border:0; padding:10px 18px; background:var(--control-surface); color:#fff; font:inherit; text-align:left; }
.library-tabs-editor-row.is-server { min-height:78px; margin-bottom:6px; background:var(--action-surface); font-weight:700; }
.library-tabs-editor-row.is-library { width:calc(100% - 30px); margin-left:30px; border-left:3px solid var(--panel-divider); padding-left:22px; }
.library-tabs-editor-row.is-server.is-disabled { opacity:.58; }
.library-tabs-editor-row.is-server.is-focused,
.library-tabs-editor-row.is-library.is-focused { opacity:1; }
.library-tabs-editor-row.is-server-group { margin-top:32px; }
.library-tabs-editor-row.is-order-action { margin-top:54px; }
.library-tabs-editor-row:last-child { margin-bottom:0; }
.library-tabs-editor-row.is-focused { background:var(--control-surface-focused); box-shadow:var(--focus-shadow); }
.library-tabs-editor-identity { display:flex; flex-direction:column; min-width:0; max-width:58%; }
.library-tabs-editor-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.3rem; }
.library-tabs-editor-meta { margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text-secondary); font-size:1rem; }
.library-tabs-editor-summary { max-width:38%; margin-left:22px; color:var(--text-secondary); font-size:1.25rem; text-align:right; }
.library-tabs-editor-actions { display:flex; justify-content:flex-end; padding:12px 6px 6px; }
.library-tabs-editor-actions button { min-width:180px; min-height:54px; border:0; padding:10px 20px; background:var(--control-surface); color:#fff; font:inherit; }
.library-tabs-editor-actions button.is-focused { background:var(--control-surface-focused); box-shadow:var(--focus-shadow); }

.playback-compatibility-dialog { position:fixed; z-index:146; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; padding:48px 110px; background:rgba(0,0,0,.72); color:#fff; }
.playback-compatibility-dialog.is-hidden { display:none; }
.playback-compatibility-panel { box-sizing:border-box; width:820px; max-height:86vh; padding:32px 38px 26px; background:var(--panel-surface); box-shadow:var(--panel-shadow); }
.playback-compatibility-panel h2 { margin:0 0 12px; font-size:2rem; }
.playback-compatibility-panel p { margin:0 0 18px; color:var(--text-secondary); font-size:1.25rem; line-height:1.35; }
.playback-compatibility-status { display:inline-block; min-width:92px; margin:0 0 18px; border:1px solid var(--control-divider); padding:7px 12px; color:var(--text-secondary); font-size:1.1875rem; text-align:center; }
.playback-compatibility-list { display:flex; flex-direction:column; }
.playback-compatibility-option { box-sizing:border-box; width:100%; min-height:58px; display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; border:0; padding:0 18px; background:var(--control-surface); color:#fff; font:inherit; font-size:1.25rem; text-align:left; }
.playback-compatibility-option:last-child { margin-bottom:0; }
.playback-compatibility-option span:first-child { min-width:0; }
.playback-compatibility-option span:last-child { margin-left:22px; color:var(--text-secondary); text-align:right; }
.playback-compatibility-option.is-focused { background:var(--control-surface-focused); box-shadow:var(--focus-shadow); }
.playback-compatibility-actions { display:flex; justify-content:flex-end; margin-top:18px; border-top:1px solid var(--panel-divider); padding-top:18px; }
.playback-compatibility-actions button { min-width:170px; min-height:58px; border:0; padding:10px 24px; background:var(--action-surface); color:var(--action-text); font:inherit; font-size:1.25rem; }
.playback-compatibility-actions button.is-focused { box-shadow:var(--focus-shadow); }

.language-editor-rank {
  min-width: 52px;
  color: var(--accent, #13b8ad);
  font-weight: bold;
  text-align: right;
}

.language-editor-row.is-reorder-from-above { animation: language-reorder-from-above 170ms cubic-bezier(.2,.8,.2,1); }
.language-editor-row.is-reorder-from-below { animation: language-reorder-from-below 170ms cubic-bezier(.2,.8,.2,1); }
.library-tabs-editor-row.is-reorder-from-above { animation: library-reorder-from-above 170ms cubic-bezier(.2,.8,.2,1); }
.library-tabs-editor-row.is-reorder-from-below { animation: library-reorder-from-below 170ms cubic-bezier(.2,.8,.2,1); }
.language-editor-row.is-reorder-primary,
.library-tabs-editor-row.is-reorder-primary { position:relative; z-index:2; }
.language-editor-row.is-reorder-primary .language-editor-rank,
.library-tabs-editor-row.is-reorder-primary .library-tabs-editor-summary {
  transform-origin:right center;
  animation:reorder-rank-pulse 170ms ease-out;
}

@keyframes language-reorder-from-above {
  from { transform:translateY(-62px); }
  to { transform:translateY(0); }
}
@keyframes language-reorder-from-below {
  from { transform:translateY(62px); }
  to { transform:translateY(0); }
}
@keyframes library-reorder-from-above {
  from { transform:translateY(-82px); }
  to { transform:translateY(0); }
}
@keyframes library-reorder-from-below {
  from { transform:translateY(82px); }
  to { transform:translateY(0); }
}
@keyframes reorder-rank-pulse {
  0% { transform:scale(1); }
  48% { transform:scale(1.22); }
  100% { transform:scale(1); }
}

#theme-audio {
  display: none;
}

.is-hidden {
  display: none;
}

.setup-view { position:fixed; z-index:30; top:0; right:0; bottom:0; left:0; box-sizing:border-box; padding:7vh 10vw; overflow:hidden; background:#0b0c0e; color:#fff; }
.setup-panel { width:72%; max-width:1180px; height:100%; }
.setup-heading { height:82px; display:flex; align-items:flex-end; margin-bottom:24px; }
.setup-brand { display:block; width:82px; height:82px; object-fit:contain; }
.setup-step { margin:0 0 12px 14px; color:#aeb4bb; font-size:1.375rem; }
.setup-title-row { display:flex; align-items:center; min-height:66px; margin:0 0 12px; }
.setup-title { margin:0; font-size:3rem; }
.setup-title-spinner { flex:0 0 28px; width:28px; height:28px; margin-left:20px; border:4px solid rgba(255,255,255,.25); border-top-color:var(--accent, #e5a00d); border-radius:50%; animation:startup-spin .8s linear infinite; }
.setup-message { min-height:34px; margin:0 0 24px; color:#c2c7cd; font-size:1.375rem; line-height:1.45; }
.setup-list { max-height:48vh; padding:6px; overflow-x:hidden; overflow-y:auto; }
.setup-option { box-sizing:border-box; width:100%; min-height:70px; display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; border:0; padding:0 24px; background:var(--control-surface); color:#fff; font:inherit; font-size:1.5rem; text-align:left; }
.setup-option.is-focused { background:var(--control-surface-focused); box-shadow:var(--focus-shadow); }
.setup-option-meta { color:#aeb4bb; font-size:1.25rem; }
.setup-option.is-active .setup-option-meta { color:var(--accent, #13b8ad); }
.setup-connection-option .setup-connection-label { flex:0 0 34%; font-weight:bold; }
.setup-connection-option .setup-option-meta { max-width:62%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right; }
.setup-profile-identity { display:flex; align-items:center; min-width:0; }
.setup-profile-avatar { flex:0 0 38px; margin-right:16px; object-fit:cover; }
.setup-profile-initial { display:flex; align-items:center; justify-content:center; color:#fff; font-weight:bold; }
.setup-actions { display:flex; align-items:center; margin-top:20px; padding:6px; }
.setup-action { min-width:210px; height:58px; margin-right:14px; border:0; padding:0 22px; background:var(--action-surface); color:var(--action-text); font:inherit; font-size:1.3125rem; font-weight:bold; }
.setup-action.is-primary { background:var(--accent, #13b8ad); color:#111; }
.setup-action.is-focused { box-shadow:var(--focus-shadow); }
.setup-action.is-primary.is-focused { box-shadow:var(--primary-focus-shadow); }
.setup-change-language { transition:opacity .18s ease, transform .18s ease; }
.setup-change-language.is-cycling { animation:setup-language-cycle .28s ease; }
@keyframes setup-language-cycle { from { opacity:.4; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
.setup-login { margin:20px 0; }
.setup-login-content { display:flex; align-items:center; }
.setup-link-qr { width:180px; height:180px; padding:18px; background:#fff; image-rendering:pixelated; }
.setup-link-details { margin-left:28px; }
.setup-link-url { display:block; margin:0 0 14px; color:#fff; font-size:1.625rem; font-weight:bold; }
.setup-code { display:inline-block; padding:18px 28px; background:#202328; color:var(--accent, #13b8ad); font-size:3.625rem; font-weight:bold; letter-spacing:8px; }
.setup-login-status { min-height:32px; margin:20px 0 0; color:#c2c7cd; font-size:1.3125rem; }
.setup-manual { margin:22px 6px; }
.setup-address { box-sizing:border-box; width:100%; height:68px; border:2px solid #4a4f56; padding:0 20px; background:#15171a; color:#fff; font:inherit; font-size:1.5rem; }
.setup-address:focus { outline:5px solid var(--focus-color, #fff); }

.detail-view {
  position: relative;
  z-index: 2;
  height: 91%;
  padding: 0;
  overflow: hidden;
}

.detail-snap-track {
  position:absolute;
  top:0;
  right:0;
  left:0;
  width:100%;
  height:200%;
  transform:translate3d(0, 0, 0);
  transition:transform 180ms ease-out;
}
.detail-view.is-snap-restoring .detail-snap-track { transition:none; }

.detail-view.is-extended .detail-snap-track { transform:translate3d(0, -50%, 0); }

.detail-primary-pane,
.detail-extended-pane {
  box-sizing:border-box;
  position:relative;
  width:100%;
  height:50%;
  padding:5% 7% 4%;
}

.detail-primary-pane { overflow:hidden; }
.detail-extended-pane {
  display:flex;
  flex-direction:column;
  padding:4vh 7% 3vh;
  overflow:hidden;
}

.detail-metadata-status {
  position:absolute;
  z-index:6;
  top:3%;
  right:3.5%;
  max-width:300px;
  padding:9px 13px;
  border-left:4px solid var(--accent, #13b8ad);
  background:rgba(28,31,35,0.92);
  color:#fff;
  font-size:1.25rem;
  font-weight:bold;
}

.detail-metadata-status.is-hidden { display:none; }

.season-tabs {
  position: absolute;
  top: calc(1% + 16px);
  right: 24%;
  left: 7%;
  height: 58px;
  overflow: hidden;
}

.season-tabs-track {
  width: 100%;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.season-tabs-track.is-clipped-left {
  -webkit-mask-image: linear-gradient(to right, transparent 0, transparent 2rem, #000 7rem, #000 100%);
  mask-image: linear-gradient(to right, transparent 0, transparent 2rem, #000 7rem, #000 100%);
}

.season-tabs-track.is-clipped-right {
  -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 7rem), transparent calc(100% - 2rem), transparent 100%);
  mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 7rem), transparent calc(100% - 2rem), transparent 100%);
}

.season-tabs-track.is-clipped-left.is-clipped-right {
  -webkit-mask-image: linear-gradient(to right, transparent 0, transparent 2rem, #000 7rem, #000 calc(100% - 7rem), transparent calc(100% - 2rem), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, transparent 2rem, #000 7rem, #000 calc(100% - 7rem), transparent calc(100% - 2rem), transparent 100%);
}

.season-tabs-overflow {
  position: absolute;
  top: 0;
  height: 52px;
  z-index: 2;
  display: none;
  width: 2rem;
  transform: translateY(-2px);
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.82);
  font-size: 1.75rem;
  font-weight: normal;
  line-height: 1;
  pointer-events: none;
  text-shadow: 0 1px 4px rgba(0,0,0,.72);
}

.season-tabs-overflow.is-visible { display: flex; }
.season-tabs-overflow-left { left: 0; }
.season-tabs-overflow-right {
  right: 0;
  width: 2rem;
  background: transparent;
}

.season-tab {
  position: relative;
  height: 52px;
  margin-right: 18px;
  border: 0;
  border-radius:var(--theme-corner-radius);
  padding: 0 14px;
  background: transparent;
  color: #c7cacf;
  font: inherit;
  font-size: 1.375rem;
  font-weight: bold;
}

.season-tab.is-current {
  color: #ffffff;
}

.season-tab.is-current:after {
  content: '';
  position: absolute;
  right: 14px;
  bottom: 0;
  left: 14px;
  height: 4px;
  background: var(--accent, #13b8ad);
}

.season-tab.is-current.is-focused:after { display:none; }

.season-tab.is-focused {
  box-shadow: inset 0 0 0 4px var(--focus-color, #fff);
}

.detail-copy {
  width: 64%;
}

.detail-heading,
.detail-subtitle,
.detail-facts,
.detail-actions {
  width: calc(100% + 10vw);
  max-width: 1120px;
}

.detail-view.is-awaiting-metadata .season-tabs,
.detail-view.is-awaiting-metadata .detail-copy,
.detail-view.is-awaiting-metadata .detail-poster,
.detail-view.is-awaiting-metadata .episode-strip {
  opacity: 0;
}

.detail-view.is-entering .season-tabs,
.detail-view.is-entering .detail-copy,
.detail-view.is-entering .episode-strip {
  animation: detail-content-in 180ms ease-out;
}

@keyframes detail-content-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.detail-heading {
  position:relative;
  display:flex;
  align-items:center;
  margin:0 0 6px;
}

.detail-title {
  margin: 0;
  font-size: 3rem;
  line-height: 1.12;
  letter-spacing: -.01em;
  text-shadow: 0 2px 20px rgba(0,0,0,.45);
}

.detail-back {
  position:absolute;
  top:50%;
  left:-70px;
  transform:translateY(-50%);
}

.detail-subtitle {
  margin-bottom: 8px;
  color: #ffffff;
  font-size: 1.625rem;
}

.detail-facts {
  min-height: 27px;
  color: #c2c6cb;
  font-size: 1.25rem;
}

.detail-summary-button {
  box-sizing: border-box;
  position: relative;
  display: block;
  max-width: 1120px;
  width: calc(100% + 10vw);
  height: auto;
  min-height: 48px;
  max-height: 144px;
  margin: 12px 0 28px;
  border: 0;
  border-radius:var(--theme-corner-radius);
  padding: 8px 38px 8px 0;
  overflow: hidden;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  appearance: none;
}

.detail-summary {
  display: block;
  max-height: 128px;
  overflow: hidden;
  color: #e1e3e5;
  font-size: 1.375rem;
  line-height: 1.45;
}

body.is-movie-detail .detail-summary-button { max-height:240px; }
body.is-movie-detail .detail-summary { max-height:224px; }

.detail-summary-button.is-overflowing { cursor: pointer; }
.detail-summary-button.is-overflowing:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 42px;
  background: linear-gradient(to bottom, rgba(18, 20, 23, 0), rgba(18, 20, 23, .96));
  content: "";
  pointer-events: none;
}
.detail-summary-button.is-focused {
  outline: 5px solid var(--focus-color, #fff);
  outline-offset: 4px;
  box-shadow: none;
}
.detail-summary-more {
  position: absolute;
  z-index: 1;
  right: 14px;
  bottom: 14px;
  display: none;
  width: 12px;
  height: 12px;
  border-right: 3px solid var(--accent, #e5a00d);
  border-bottom: 3px solid var(--accent, #e5a00d);
  transform: rotate(45deg);
}
.detail-summary-button.is-overflowing .detail-summary-more { display: block; }

.detail-summary-dialog {
  position: fixed;
  z-index: 70;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .78);
}
.detail-summary-dialog.is-hidden { display: none; }
.detail-summary-dialog-panel {
  position: absolute;
  top: 14%;
  right: 17%;
  bottom: 14%;
  left: 17%;
  padding: 42px 48px 32px;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, .28);
  border-radius: 8px;
  background: var(--panel-surface);
  box-shadow: var(--panel-shadow);
}
.detail-summary-dialog-panel h2 {
  margin: 0 0 24px;
  color: #ffffff;
  font-size: 2.125rem;
}
.detail-summary-dialog-text {
  position: absolute;
  top: 104px;
  right: 48px;
  bottom: 98px;
  left: 48px;
  overflow-y: auto;
  color: #e1e3e5;
  font-size: 1.5625rem;
  line-height: 1.5;
}
.detail-summary-dialog-hint {
  position: absolute;
  right: 244px;
  bottom: 35px;
  left: 48px;
  color: #9da3aa;
  font-size: 1.25rem;
  text-align: left;
}
.detail-summary-dialog-close { position:absolute; right:48px; bottom:20px; min-width:176px; min-height:58px; padding:10px 24px; font-size:1.25rem; }

.media-info-dialog { position:fixed; z-index:160; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.78); }
.media-info-dialog.is-hidden { display:none; }
.media-info-dialog-panel { position:absolute; top:8%; right:10%; bottom:8%; left:10%; overflow:hidden; border:2px solid rgba(255,255,255,.28); border-radius:8px; background:var(--panel-surface); box-shadow:var(--panel-shadow); }
.media-info-dialog-panel h2 { height:78px; margin:0; padding:26px 38px 0; border-bottom:1px solid var(--panel-divider); color:#fff; font-size:2.125rem; }
.media-info-dialog-version-browser { position:absolute; top:91px; right:38px; left:38px; height:76px; display:flex; align-items:center; border-bottom:1px solid var(--panel-divider); }
.media-info-dialog-version-browser.is-hidden { display:none; }
.media-info-dialog-version-arrow { flex:0 0 38px; color:var(--accent, #13b8ad); font-size:2.625rem; line-height:1; text-align:center; }
.media-info-dialog-version-arrow.is-hidden { visibility:hidden; }
.media-info-dialog-version-value { flex:0 1 auto; min-width:310px; min-height:52px; border:0; padding:8px 18px; background:var(--action-surface); color:var(--action-text); font-size:1.4375rem; font-weight:bold; text-align:center; }
.media-info-dialog-version-count { margin-left:22px; color:#b7bcc3; font-size:1.25rem; }
.media-info-dialog-version-state { margin-left:auto; color:var(--accent, #13b8ad); font-size:1.1875rem; font-weight:bold; text-transform:uppercase; }
.media-info-dialog-content { position:absolute; top:105px; right:38px; bottom:92px; left:38px; display:flex; align-items:flex-start; overflow-y:auto; color:#eef0f2; }
.media-info-dialog.is-version-browser .media-info-dialog-content { top:184px; bottom:104px; }
.media-info-dialog-content.is-focused { box-shadow:inset 0 0 0 3px rgba(255,255,255,.36); }
.media-info-dialog-column { box-sizing:border-box; width:48%; }
.media-info-dialog-column-left { margin-right:4%; }
.media-info-dialog-section { margin:0 0 30px; }
.media-info-dialog-section h3 { margin:0 0 12px; color:#fff; font-size:1.6875rem; }
.media-info-dialog-row { display:flex; min-height:38px; align-items:baseline; font-size:1.375rem; line-height:1.3; }
.media-info-dialog-label { flex:0 0 35%; color:#aeb4bc; }
.media-info-dialog-value { flex:1 1 auto; color:#fff; overflow-wrap:break-word; word-break:break-word; }
.media-info-dialog-hint { position:absolute; right:250px; bottom:34px; left:38px; color:#9da3aa; font-size:1.1875rem; text-align:left; }
.media-info-dialog-actions { position:absolute; right:38px; bottom:18px; display:flex; align-items:center; justify-content:flex-end; max-width:calc(100% - 76px); min-width:0; }
.media-info-dialog-actions button { position:static; flex:0 1 auto; min-width:176px; min-height:58px; padding:10px 24px; font-size:1.25rem; white-space:nowrap; }
.media-info-dialog-actions button + button { margin-left:14px; }
.media-info-dialog-apply.is-hidden { display:none; }

.detail-actions {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: calc(100% + 10vw);
  max-width: 1120px;
  height: 64px;
}

.detail-action {
  flex: 0 1 auto;
  height: 58px;
  min-width: 180px;
  border: 0;
  padding: 0 24px;
  background: var(--accent, #13b8ad);
  color: #111111;
  font: inherit;
  font-size: 1.375rem;
  font-weight: bold;
  white-space: nowrap;
}
.detail-action + .detail-action { margin-left:16px; }
.detail-action-secondary { background:var(--action-surface); color:var(--action-text); }
.detail-options-action { flex:0 0 64px; min-width:64px; width:64px; padding:0; display:flex; align-items:center; justify-content:center; }

.detail-action.is-focused {
  box-shadow: var(--focus-shadow);
}
.detail-action:not(.detail-action-secondary).is-focused { box-shadow:var(--primary-focus-shadow); }

.detail-playback-controls {
  width:840px;
  max-width:100%;
  margin-top:28px;
  overflow:hidden;
  border-radius:var(--theme-corner-radius);
}

.detail-track-choices {
  width:100%;
}

.detail-choice {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  width:100%;
  height:54px;
  border:0;
  border-bottom:1px solid #454a51;
  padding:0 12px;
  background:rgba(28,31,35,0.88);
  color:#fff;
  font:inherit;
  font-size:1.25rem;
  text-align:left;
}

.detail-choice-label { flex:0 0 190px; color:#c2c6cb; }
.detail-choice-value { flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.detail-choice-source { flex:0 0 auto; max-width:300px; margin-left:10px; padding:4px 10px; overflow:hidden; border:1px solid var(--detail-preference-badge-border, rgba(255,255,255,.28)); border-radius:999px; background:var(--detail-preference-badge-background, rgba(255,255,255,.08)); color:var(--detail-preference-badge-text, #dfe3e8); font-size:20px; line-height:24px; text-overflow:ellipsis; white-space:nowrap; }
.detail-choice-source:empty { display:none; }
.detail-version-info { box-sizing:border-box; flex:0 0 26px; width:26px; height:26px; margin-left:12px; border:1px solid currentColor; border-radius:50%; font-family:Georgia,serif; font-size:1.125rem; font-weight:bold; line-height:24px; text-align:center; opacity:.86; }
.detail-choice.is-cycle-reserved .detail-choice-value:before,
.detail-choice.is-cyclable .detail-choice-value:before { content:'\2039'; margin-right:12px; color:var(--accent, #13b8ad); opacity:0; transition:opacity 120ms linear; }
.detail-choice.is-cycle-reserved .detail-choice-value:after,
.detail-choice.is-cyclable .detail-choice-value:after { content:'\203a'; margin-left:12px; color:var(--accent, #13b8ad); opacity:0; transition:opacity 120ms linear; }
.detail-choice.is-cyclable .detail-choice-value:before,
.detail-choice.is-cyclable .detail-choice-value:after { opacity:1; }
.detail-choice.is-focused { box-shadow:inset 0 0 0 4px var(--focus-color, #fff); }
.detail-choice:disabled { color:#7d8289; }

.detail-poster {
  position: absolute;
  top: 15%;
  right: 7%;
  width: auto;
  height: 48%;
  max-width:19%;
  border-radius:var(--theme-corner-radius);
  object-fit: contain;
  object-position: center center;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 120ms linear;
}

.detail-poster.is-loaded { opacity: 1; }

.episode-viewport {
  position: absolute;
  right: 7%;
  bottom: 4%;
  left: 7%;
  height: 230px;
}

.episode-strip {
  width:100%;
  height:100%;
  box-sizing:border-box;
  display: flex;
  align-items: flex-start;
  padding: 6px;
  overflow: hidden;
}

.detail-more-indicator {
  position:absolute;
  right:7%;
  bottom:.6%;
  left:7%;
  height:28px;
  color:#aeb4bc;
  font-size:1.0625rem;
  line-height:28px;
  text-align:center;
  opacity:.82;
}

.detail-more-indicator-arrow {
  display:inline-block;
  width:9px;
  height:9px;
  margin:0 0 4px 10px;
  border-right:2px solid var(--accent, #13b8ad);
  border-bottom:2px solid var(--accent, #13b8ad);
  transform:rotate(45deg);
}

.detail-extended-anchor {
  position:absolute;
  top:5%;
  left:7%;
  width:1px;
  height:1px;
  border:0;
  outline:0;
  opacity:0;
}

.detail-extended-title {
  margin:0 0 18px;
  color:#fff;
  font-size:2.5rem;
  line-height:1.1;
}

.detail-extended-metadata {
  flex:0 0 auto;
  max-width:86%;
  margin-bottom:22px;
}

.detail-extended-metadata-row {
  display:flex;
  min-height:32px;
  align-items:baseline;
  font-size:1.3125rem;
  line-height:1.35;
}

.detail-extended-metadata-label {
  flex:0 0 130px;
  color:#aeb4bc;
}

.detail-extended-metadata-value {
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  color:#f5f6f7;
  font-weight:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.detail-extended-section {
  display:flex;
  flex:0 1 auto;
  flex-direction:column;
  min-height:0;
  margin-top:16px;
}
.detail-extended-metadata-row.is-hidden,
.detail-extended-section.is-hidden { display:none; }
.detail-extended-section h3 {
  flex:0 0 auto;
  margin:0 0 10px;
  color:#fff;
  font-size:1.5rem;
}

.detail-cast-strip,
.detail-extras-strip {
  display:flex;
  box-sizing:border-box;
  flex:0 1 auto;
  width:100%;
  min-width:0;
  min-height:0;
  padding:6px;
  overflow:hidden;
}

.detail-cast-viewport { position:relative; flex:0 1 auto; width:100%; height:25vh; min-height:0; }
.detail-cast-strip { height:100%; }
.detail-extras-viewport { position:relative; flex:0 1 auto; width:100%; height:22vh; min-height:0; }
.detail-extras-strip { height:100%; }

.detail-arrow-button {
  width:50px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:var(--theme-corner-radius);
  padding:0;
  background:rgba(15,17,21,.88);
  color:#fff;
  font:inherit;
  cursor:pointer;
}
.detail-arrow-button:hover { box-shadow:inset 0 0 0 4px #fff; background:rgba(15,17,21,.96); }
.detail-arrow-button.is-focused { box-shadow:inset 0 0 0 4px #fff; transform:translateY(-50%); }
.detail-arrow-button:focus { outline:none; }
.detail-row-overflow-button {
  position:absolute;
  z-index:5;
  top:50%;
  display:none;
  transform:translateY(-50%);
}
.detail-row-overflow-button.is-visible { display:flex; }
.detail-row-overflow-icon, .detail-arrow-button .nav-icon-svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.detail-cast-overflow-left, .detail-extras-overflow-left { left:0; }
.detail-cast-overflow-right, .detail-extras-overflow-right { right:8px; }
.episode-overflow-left { left:-60px; }
.episode-overflow-right { right:-60px; }

.detail-cast-card,
.detail-extra-card {
  box-sizing:border-box;
  position:relative;
  flex:0 0 auto;
  min-width:0;
  border:1px solid rgba(255, 255, 255, .16);
  border-radius:16px;
  padding:0;
  overflow:hidden;
  background:rgba(17, 19, 23, .66);
  color:#fff;
  font:inherit;
  text-align:left;
}

.detail-cast-card {
  display:flex;
  width:15%;
  height:100%;
  margin-right:1%;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  flex-direction:column;
}

.detail-cast-image {
  flex:0 0 auto;
  width:13.2vh;
  height:13.2vh;
  border-radius:50%;
  background:#22262b;
  object-fit:cover;
  opacity:0;
  transition:opacity 120ms linear;
}

.detail-cast-image.is-loaded,
.detail-extra-image.is-loaded { opacity:1; }

.detail-cast-copy {
  display:block;
  flex:0 0 auto;
  min-width:0;
  width:100%;
  margin:6px 0 0;
  text-align:center;
}

.detail-cast-name,
.detail-cast-role,
.detail-extra-title,
.detail-extra-meta {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.detail-cast-name { font-size:1.125rem; line-height:1.15; }
.detail-cast-role { margin-top:4px; color:#aeb4bc; font-size:.9375rem; line-height:1.15; }

.detail-extra-card {
  width:23%;
  height:100%;
  margin-right:1%;
}

.detail-extra-image {
  display:block;
  width:100%;
  height:13vh;
  background:#22262b;
  object-fit:cover;
  opacity:0;
  transition:opacity 120ms linear;
}

.detail-extra-copy { display:block; padding:9px 12px 0; }
.detail-extra-title { font-size:1.125rem; }
.detail-extra-meta { margin-top:4px; color:#aeb4bc; font-size:.9375rem; }

.detail-cast-card.is-buffered,
.detail-extra-card.is-buffered { display:none; }

.detail-cast-card.is-focused,
.detail-extra-card.is-focused {
  z-index:2;
  box-shadow:none;
}

.detail-cast-card.is-focused:after,
.detail-extra-card.is-focused:after {
  content:"";
  box-sizing:border-box;
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border:4px solid #fff;
  border-radius:16px;
  pointer-events:none;
}

.detail-extended-section-heading {
  display:flex;
  min-height:34px;
  align-items:baseline;
}

.detail-extended-section-heading h3 { margin-right:18px; }
.detail-extras-status { color:#aeb4bc; font-size:1.0625rem; }

.detail-copy.is-season-updating > .detail-title,
.detail-copy.is-season-updating > .detail-subtitle,
.detail-copy.is-season-updating > .detail-facts,
.detail-copy.is-season-updating .detail-summary,
.detail-playback-controls.is-season-updating .detail-choice-value,
.episode-strip.is-season-updating {
  animation: season-content-in 180ms ease-out;
}

@keyframes season-content-in {
  from { opacity:.68; }
  to { opacity:1; }
}

.episode-card {
  position: relative;
  flex: 0 0 18.7%;
  width: 18.7%;
  min-width: 0;
  max-width: 18.7%;
  height: 212px;
  margin-right: 1.6%;
  border: 0;
  padding: 0;
  border-radius:var(--theme-corner-radius);
  background: rgba(17, 19, 23, 0.56);
  color: #ffffff;
  text-align: left;
}

.episode-card.is-buffered {
  display: none;
}

.episode-image-frame {
  position: relative;
  display: block;
  width: 100%;
  height: 168px;
  overflow: hidden;
}

.episode-image {
  display: block;
  width: 100%;
  height: 168px;
  border-radius:var(--theme-corner-radius) var(--theme-corner-radius) 0 0;
  object-fit: cover;
  object-position: center center;
  opacity: 0;
  transition: opacity 120ms linear;
}

.episode-image.is-loaded { opacity: 1; }

.episode-duration-badge {
  position:absolute;
  z-index:3;
  top:134px;
  left:8px;
  min-width:54px;
  height:28px;
  padding:0 7px;
  background:rgba(0,0,0,.82);
  color:#fff;
  font-size:1.25rem;
  line-height:28px;
  text-align:center;
}

.episode-progress-track {
  position:absolute;
  z-index:2;
  top:168px;
  right:0;
  left:0;
  height:6px;
  background:rgba(0,0,0,0.72);
  opacity:1;
  transition:opacity 160ms linear;
}

.episode-progress-track.is-hidden { opacity:0; }

.episode-progress-value {
  display:block;
  height:100%;
  background:var(--accent, #13b8ad);
  transition:width 180ms ease-out;
}

.episode-label {
  position: relative;
  display: block;
  height: 44px;
  border-radius:0 0 var(--theme-corner-radius) var(--theme-corner-radius);
  padding: 0;
  overflow: hidden;
  font-size: 1.25rem;
}

.episode-label-text {
  position: absolute;
  bottom: 6px;
  left: 10px;
  max-width: calc(100% - 20px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.episode-card.is-focused .episode-label-text.is-overflowing {
  max-width: none;
  overflow: visible;
  text-overflow: clip;
}

.episode-card.is-current {
  box-shadow: 0 0 0 4px var(--accent, #13b8ad);
}

.episode-card.is-focused {
  z-index: 3;
  box-shadow: var(--focus-shadow);
}

.media-card.is-viewed:after,
.search-card.is-viewed:after,
.library-card.is-viewed:after,
.watchlist-card.is-viewed:after,
.episode-card.is-viewed .episode-image-frame:after,
.playlist-queue-card.is-viewed .playlist-queue-card-image-frame:after {
  content: '\2713';
  position: absolute;
  z-index: 4;
  bottom: 7px;
  right: 7px;
  width: 28px;
  height: 28px;
  background: rgba(0, 0, 0, 0.82);
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 28px;
  text-align: center;
}

.player-view { position:fixed; z-index:100; top:0; right:0; bottom:0; left:0; background:#000; overflow:hidden; }
.player-up-next-backdrop { position:absolute; z-index:0; top:0; right:0; bottom:0; left:0; width:100%; height:100%; opacity:0; background:#000; object-fit:cover; transition:opacity 180ms ease-out; }
.player-up-next-backdrop.is-ready { opacity:1; }
.player-video { position:relative; z-index:1; width:100%; height:100%; background:transparent; object-fit:contain; transition:opacity 180ms ease-out; }
.player-view.has-autoplay-backdrop .player-video { opacity:0; }
.player-video.is-loading { opacity:0; }
.player-video.is-switching { opacity:0; }
.subtitle-preview-overlay { position:absolute; z-index:4; right:8%; bottom:7%; left:8%; color:#fff; font-size:2.625rem; font-weight:bold; line-height:1.25; text-align:center; text-shadow:0 2px 5px #000, 0 0 3px #000; white-space:pre-line; }
.subtitle-preview-overlay.is-hidden { display:none; }
.ass-subtitle-overlay { position:absolute; z-index:6; top:0; right:0; bottom:0; left:0; display:block; width:100%; height:100%; pointer-events:none; background:transparent; transition:transform .22s ease-out; }
.ass-subtitle-overlay.is-hidden { display:none; }
.player-view.has-player-controls-full .ass-subtitle-overlay { transform:translateY(-296px); }
.player-view.has-player-controls-timeline .ass-subtitle-overlay { transform:translateY(-96px); }
.player-view.has-chapters-open .ass-subtitle-overlay { transform:translateY(-560px); }
.player-loading { position:absolute; z-index:2; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; background:#000; }
.player-loading.is-buffering { background:rgba(0,0,0,.12); }
.player-loading.is-hidden { display:none; }
.player-loading-spinner { width:54px; height:54px; border:6px solid rgba(255,255,255,.25); border-top-color:var(--accent, #13b8ad); border-radius:50%; animation:player-spin .8s linear infinite; }
@keyframes player-spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
.player-error { position:absolute; z-index:20; top:50%; left:50%; width:620px; padding:34px; background:var(--panel-surface); color:#fff; box-shadow:var(--panel-shadow); transform:translate(-50%,-50%); }
.player-error.is-hidden { display:none; }
.player-error h3 { margin:0 0 12px; font-size:2rem; }
.player-error p { margin:0 0 28px; color:#c8ccd1; font-size:1.3125rem; line-height:30px; }
.player-error-actions { display:flex; }
.player-error-actions button { height:58px; margin-right:14px; border:0; padding:0 24px; background:var(--action-surface); color:var(--action-text); font:inherit; font-size:1.25rem; }
.player-error-actions button.is-focused { box-shadow:var(--focus-shadow); }

.queue-gap-dialog { position:absolute; z-index:22; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; background:rgba(4,6,9,.64); color:#fff; }
.queue-gap-dialog.is-hidden { display:none; }
.queue-gap-panel { width:760px; padding:36px; background:var(--panel-surface); box-shadow:var(--panel-shadow); }
.queue-gap-panel h3 { margin:0 0 12px; font-size:2.125rem; }
.queue-gap-panel > p { margin:0 0 26px; color:#c8ccd1; font-size:1.3125rem; line-height:30px; }
.queue-gap-target { display:flex; min-height:213px; margin-bottom:28px; background:#111419; }
.queue-gap-image { width:142px; height:213px; flex:0 0 142px; object-fit:cover; background:#20242a; }
.queue-gap-target-copy { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:24px 28px; }
.queue-gap-target-copy strong { overflow:hidden; font-size:1.75rem; line-height:34px; text-overflow:ellipsis; white-space:nowrap; }
.queue-gap-target-copy span { margin-top:10px; color:#aeb5bd; font-size:1.25rem; }
.queue-gap-actions { display:flex; justify-content:flex-end; }
.queue-gap-actions button + button { margin-left:14px; }
.queue-gap-actions button { min-width:180px; height:60px; border:0; padding:0 24px; background:var(--action-surface); color:var(--action-text); font:inherit; font-size:1.25rem; }
.queue-gap-actions button.is-focused { box-shadow:var(--focus-shadow); }
.resume-choice { position:absolute; z-index:21; top:50%; left:50%; width:720px; padding:34px; background:var(--panel-surface); color:#fff; box-shadow:var(--panel-shadow); transform:translate(-50%,-50%); }
.resume-choice.is-hidden { display:none; }
.resume-choice h3 { margin:0 0 26px; font-size:2rem; }
.resume-choice-actions { display:flex; }
.resume-choice-actions button { min-width:180px; height:60px; margin-right:14px; border:0; padding:0 22px; background:var(--action-surface); color:var(--action-text); font:inherit; font-size:1.25rem; }
.resume-choice-actions button.is-focused { box-shadow:var(--focus-shadow); }
.view-state { position:fixed; z-index:80; top:50%; left:50%; width:620px; padding:34px; background:var(--panel-surface); color:#fff; box-shadow:var(--panel-shadow); text-align:center; transform:translate(-50%,-50%); }
.view-state.is-hidden { display:none; }
.view-state-spinner { display:none; width:46px; height:46px; margin:0 auto 18px; border:5px solid rgba(255,255,255,.25); border-top-color:var(--accent, #13b8ad); border-radius:50%; animation:player-spin .8s linear infinite; }
.view-state.is-loading .view-state-spinner { display:block; }
.view-state h2 { margin:0 0 12px; font-size:1.875rem; }
.view-state p { margin:0; color:#c8ccd1; font-size:1.25rem; line-height:29px; }
.view-state-actions { display:flex; justify-content:center; margin-top:26px; }
.view-state-actions button { height:56px; margin:0 7px; border:0; padding:0 24px; background:var(--action-surface); color:var(--action-text); font:inherit; font-size:1.25rem; }
.view-state-actions button.is-focused { box-shadow:var(--focus-shadow); }
.player-end-pause { position:absolute; z-index:11; top:50%; left:50%; box-sizing:border-box; min-width:230px; padding:22px 34px; background:rgba(18,20,24,.9); color:#fff; box-shadow:var(--panel-shadow); font-size:2.125rem; font-weight:bold; text-align:center; pointer-events:none; transform:translate(-50%,-50%); }
.player-end-pause.is-hidden { display:none; }
.player-skip-marker { position:absolute; z-index:12; right:6%; bottom:12%; min-width:250px; height:64px; border:0; padding:0 28px; background:var(--accent, #13b8ad); color:#111; font:inherit; font-size:1.5rem; font-weight:bold; transition:bottom .22s ease-out; }
.player-skip-marker.is-controls-full { bottom:318px; }
.player-skip-marker.is-controls-timeline { bottom:112px; }
.player-skip-marker.is-focused { box-shadow:var(--primary-focus-shadow); }
.player-skip-marker.is-hidden { display:none; }
.player-controls { box-sizing:border-box; position:absolute; z-index:3; right:0; bottom:0; left:0; min-height:296px; overflow:hidden; padding:20px 6% 18px; background:rgba(0,0,0,.82); opacity:1; transition:bottom .22s ease-out, opacity .22s ease-out, min-height .22s ease-out, padding .22s ease-out, background-color .22s ease-out; }
.player-controls.is-hidden { opacity:0; pointer-events:none; }
.player-controls.is-timeline-only { min-height:96px; padding:14px 6% 12px; background:rgba(0,0,0,.72); }
.player-heading { min-height:62px; max-height:66px; display:flex; align-items:flex-start; justify-content:space-between; margin:0 0 2px; overflow:hidden; opacity:1; transition:max-height .22s ease-out, min-height .22s ease-out, margin .22s ease-out, opacity .16s linear; }
.player-title { max-width:72%; margin:0; overflow:hidden; }
.player-title-primary, .player-title-secondary { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.player-title-primary { font-size:1.875rem; line-height:34px; }
.player-title-secondary { color:#d4d7da; font-size:1.5rem; font-weight:normal; line-height:26px; }
.player-track-summary { max-width:27%; padding-top:3px; color:#d4d7da; font-size:1.25rem; line-height:18px; text-align:right; }
.player-track-row { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.player-subtitle-renderer-badge { display:inline-block; min-height:18px; margin-top:6px; padding:0 8px; border:1px solid rgba(255,255,255,.5); border-radius:999px; color:#fff; font-size:inherit; font-weight:normal; line-height:inherit; white-space:nowrap; }
.player-subtitle-renderer-badge.is-hidden { display:none; }
.player-status-row { position:relative; top:10px; min-height:24px; max-height:24px; display:flex; align-items:center; justify-content:flex-start; overflow:hidden; opacity:1; transition:max-height .22s ease-out, min-height .22s ease-out, opacity .16s linear; }
.player-status { color:#c2c6cb; font-size:1.25rem; }
.player-quality { margin-right:22px; color:#d4d7da; font-size:1.25rem; }
.player-connection-route { margin-right:22px; color:var(--accent, #13b8ad); font-size:1.25rem; font-weight:bold; }
.player-delivery-mode { margin-right:22px; color:#d4d7da; font-size:1.25rem; }
.player-end-time { min-height:24px; max-height:28px; margin-top:4px; overflow:hidden; color:#d4d7da; font-size:1.375rem; font-weight:bold; text-align:right; opacity:1; transition:max-height .22s ease-out, min-height .22s ease-out, margin .22s ease-out, opacity .16s linear; }
.player-timeline-button { display:block; width:100%; height:30px; margin-top:6px; border:0; padding:11px 0; background:transparent; }
.player-timeline { display:block; height:8px; background:rgba(255,255,255,.3); }
.player-progress { position:relative; display:block; width:0; height:100%; background:var(--accent, #13b8ad); }
.player-progress:after { position:absolute; top:50%; right:-9px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 0 0 3px rgba(0,0,0,.35); content:""; transform:translateY(-50%); }
.player-timeline-button.is-focused { box-shadow:0 0 0 4px var(--focus-color, #fff); }
.player-times { display:flex; justify-content:space-between; margin-top:6px; font-size:1.6875rem; font-weight:bold; }
.player-buttons { position:relative; max-height:70px; display:flex; justify-content:center; margin-top:12px; overflow:hidden; opacity:1; transition:max-height .22s ease-out, margin .22s ease-out, opacity .16s linear; }
.player-controls.is-timeline-only .player-heading,
.player-controls.is-timeline-only .player-status-row,
.player-controls.is-timeline-only .player-end-time,
.player-controls.is-timeline-only .player-buttons { min-height:0; max-height:0; margin-top:0; margin-bottom:0; opacity:0; pointer-events:none; }
.player-controls.is-timeline-only .player-timeline-button { margin-top:0; }
.player-controls.is-timeline-only .player-timeline-button.is-focused { box-shadow:none; }
.player-button { height:58px; margin-right:14px; border:0; padding:0 22px; background:var(--action-surface); color:var(--action-text); font:inherit; font-size:1.5rem; }
.player-icon-button { width:64px; padding:0; font-size:1.875rem; }
.player-settings-command { position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center; margin:0; }
.options-dot { display:block; width:7px; height:7px; margin:0 3px; border-radius:50%; background:#fff; }
.player-button.is-unavailable { visibility:hidden; }
.player-skip { display:flex; align-items:center; justify-content:center; }
.skip-bar { display:block; width:5px; height:27px; background:#fff; }
.skip-triangle { display:block; width:0; height:0; border-top:14px solid transparent; border-bottom:14px solid transparent; }
.player-previous .skip-triangle { border-right:22px solid #fff; }
.player-next .skip-triangle { border-left:22px solid #fff; }
.player-toggle { display:flex; align-items:center; justify-content:center; }
.player-toggle:before { display:block; width:0; height:0; margin:auto; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:24px solid #fff; content:""; }
.player-toggle.is-playing:before, .player-toggle.is-playing:after { display:block; width:7px; height:29px; margin:0 4px; border:0; background:#fff; content:""; }
.player-button.is-focused { box-shadow:var(--focus-shadow-inset); }
.player-chapters-hint { position:absolute; z-index:5; bottom:20px; left:6%; height:54px; border:0; padding:0 18px; background:var(--action-surface); color:var(--action-text); font:inherit; font-size:1.375rem; font-weight:bold; opacity:1; visibility:visible; transform:translateY(0); transition:opacity .18s linear, transform .22s ease-out, visibility 0s linear; }
.player-chapters-hint.is-hidden { opacity:0; visibility:hidden; pointer-events:none; transform:translateY(12px); transition:opacity .14s linear, transform .18s ease-in, visibility 0s linear .18s; }
.player-chapters-hint.is-returning { animation:player-chapters-return .22s ease-out; }
.player-chapters-hint.is-focused { box-shadow:var(--focus-shadow-inset); }
.player-chapters-chevron { display:inline-block; width:12px; height:12px; margin:0 14px 5px 2px; border-right:3px solid var(--accent, #13b8ad); border-bottom:3px solid var(--accent, #13b8ad); transform:rotate(45deg); }
.player-chapters-drawer { box-sizing:border-box; position:absolute; z-index:4; right:0; bottom:0; left:0; height:264px; display:flex; flex-direction:column; padding:18px 6% 20px; background:transparent; opacity:1; transition:opacity .18s linear; }
.player-chapters-drawer.is-hidden { display:none; }
.player-chapters-drawer h3 { height:32px; margin:0 70px 12px 0; font-size:1.6875rem; line-height:32px; }
.player-chapters-list { display:flex; flex:1 1 auto; overflow:hidden; padding:5px; }
.chapter-card { box-sizing:border-box; flex:0 0 300px; width:300px; height:174px; margin-right:18px; border:0; padding:0; overflow:hidden; background:#111418; color:#fff; font:inherit; text-align:left; }
.chapter-card-image-frame { position:relative; display:block; width:300px; height:132px; overflow:hidden; }
.chapter-card-image-frame:before { position:absolute; top:0; right:0; bottom:0; left:0; background:var(--control-surface, #202328); opacity:0.7; content:""; }
.chapter-card-image { position:relative; z-index:1; display:block; width:300px; height:132px; object-fit:cover; opacity:0; transition:opacity 120ms linear; }
.chapter-card-image.is-loaded { opacity:1; }
.chapter-card-caption { box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; height:42px; padding:0 12px; }
.chapter-card-title { max-width:220px; overflow:hidden; font-size:1.25rem; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; }
.chapter-card-time { color:#c7cbd0; font-size:1.25rem; }
body .chapter-card.is-current { box-shadow:0 0 0 4px var(--accent, #13b8ad); }
.chapter-card.is-focused { box-shadow:var(--focus-shadow); }
body .chapter-card.is-current.is-focused { box-shadow:0 0 0 3px var(--accent, #13b8ad), 0 0 0 8px var(--focus-color, #fff); }
.player-view.has-chapters-open .player-controls { bottom:0; min-height:560px; }
.player-view.has-chapters-open .player-skip-marker.is-controls-full { bottom:582px; }
@keyframes player-chapters-return {
  from { opacity:0; }
  to { opacity:1; }
}

.setting-row > span:last-child,
.subtitle-editor-row > span:last-child {
  color: var(--control-value);
}

.setting-row.is-focused {
  background: var(--control-surface-focused);
  box-shadow: var(--focus-shadow);
}
.choice-dialog { position:fixed; z-index:140; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; background:var(--panel-overlay); color:#fff; }
.choice-dialog.is-hidden { display:none; }
.choice-dialog-panel { box-sizing:border-box; width:620px; max-height:76vh; padding:28px; background:var(--panel-surface); box-shadow:var(--panel-shadow); }
.choice-dialog h3 { margin:0 0 18px; border-bottom:1px solid var(--control-divider); padding:0 0 16px; font-size:1.8125rem; }
.choice-dialog-preview.is-hidden { display:none; }
.choice-dialog-preview.is-card-scale { height:474px; display:flex; align-items:center; justify-content:center; margin:0; overflow:hidden; border:1px solid var(--control-divider); background:linear-gradient(145deg,#263b4a,#111820 58%,#2d2434); }
.choice-dialog-preview.is-artwork-quality { height:474px; display:flex; align-items:center; justify-content:center; margin:0; overflow:hidden; border:1px solid var(--control-divider); background:linear-gradient(145deg,#263b4a,#111820 58%,#2d2434); }
.choice-dialog-preview.is-backdrop-quality { height:360px; display:flex; align-items:center; justify-content:center; margin:0 6px 18px; overflow:hidden; border:1px solid var(--control-divider); background:#101820; }
.choice-backdrop-preview { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.choice-backdrop-preview-placeholder { display:block; width:100%; height:100%; background:linear-gradient(145deg,#263b4a,#111820 58%,#2d2434); }
.choice-card-preview-row { box-sizing:border-box; width:100%; height:474px; display:flex; align-items:center; justify-content:center; overflow:hidden; padding:8px 12px; }
.choice-card-preview-item { flex:0 0 auto; transform-origin:bottom center; }
.choice-card-preview-placeholder { display:block; flex:0 0 84px; width:84px; height:126px; margin:0 9px; background:linear-gradient(155deg,#4f8aa9,#725d8c); box-shadow:0 8px 18px rgba(0,0,0,.32); transform:scale(.42); transform-origin:bottom center; }
.choice-dialog.is-card-scale .choice-dialog-panel,
.choice-dialog.is-artwork-quality .choice-dialog-panel { position:relative; box-sizing:border-box; width:1080px; height:760px; max-height:98vh; padding:22px; overflow:hidden; }
.choice-dialog.is-card-scale .choice-dialog-preview,
.choice-dialog.is-artwork-quality .choice-dialog-preview { position:absolute; top:84px; right:410px; bottom:22px; left:22px; height:auto; transform:none; }
.choice-dialog.is-card-scale .choice-dialog-list,
.choice-dialog.is-artwork-quality .choice-dialog-list { width:360px; height:auto; max-height:none; margin-left:auto; overflow:visible; padding:6px; box-sizing:border-box; }
.choice-dialog.is-card-scale .choice-dialog-actions,
.choice-dialog.is-artwork-quality .choice-dialog-actions { width:348px; margin-left:auto; }
.choice-dialog.is-backdrop-quality { align-items:stretch; justify-content:stretch; background:#000; }
.choice-dialog.is-backdrop-quality .choice-dialog-panel { position:relative; width:100%; max-width:none; height:100%; max-height:none; padding:0; overflow:hidden; background:#000; box-shadow:none; }
.choice-dialog.is-backdrop-quality h3 { position:absolute; z-index:3; top:38px; left:5%; margin:0; border:0; padding:12px 18px; background:rgba(0,0,0,.68); text-shadow:0 2px 4px #000; }
.choice-dialog.is-backdrop-quality .choice-dialog-preview { position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; width:100%; height:100%; margin:0; border:0; }
.choice-dialog.is-backdrop-quality .choice-dialog-list { position:absolute; z-index:3; top:50%; right:5%; width:360px; height:auto; max-height:none; padding:10px; overflow:visible; background:rgba(0,0,0,.68); box-sizing:border-box; transform:translateY(-50%); }
.choice-dialog.is-backdrop-quality .choice-dialog-actions { position:absolute; z-index:3; top:calc(50% + 174px); right:5%; bottom:auto; width:360px; margin:0; border:0; padding:0; background:transparent; box-sizing:border-box; }
.choice-dialog.is-backdrop-quality .choice-dialog-actions button { width:100%; display:flex; align-items:center; justify-content:center; padding:0 18px; text-align:center; }
.choice-dialog-list { max-height:52vh; overflow:hidden; padding:6px; }
.choice-dialog-option { box-sizing:border-box; width:100%; min-height:54px; display:flex; align-items:center; margin:0 0 8px; border:0; padding:0 18px; background:var(--control-surface); color:#fff; font:inherit; font-size:1.25rem; text-align:left; }
.choice-dialog-swatch { display:inline-block; width:26px; height:26px; margin-right:16px; border:1px solid rgba(255,255,255,.55); box-sizing:border-box; vertical-align:middle; }
.language-flag { position:relative; box-sizing:border-box; display:inline-block; flex:0 0 30px; width:30px; height:22px; margin-right:16px; overflow:hidden; border:1px solid rgba(255,255,255,.58); background:#555; box-shadow:0 1px 3px rgba(0,0,0,.45); object-fit:cover; vertical-align:middle; }
.language-editor-identity,
.setup-language-identity { display:flex; align-items:center; min-width:0; }
.app-setting-value > .language-flag { margin-right:10px; }
.choice-dialog-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.choice-dialog-option.is-selected:after { margin-left:auto; color:var(--accent, #13b8ad); font-size:1.5rem; content:'\2713'; }
.choice-dialog-option.has-status.is-selected:after { display:none; }
.choice-dialog-status { margin-left:auto; flex:0 0 auto; font-size:1.625rem; font-weight:700; line-height:1; }
.choice-dialog-status.is-matched { color:#45d483; }
.choice-dialog-status.is-unmatched { color:#ef6c73; }
.choice-dialog-option.is-focused { background:var(--control-surface-focused); box-shadow:var(--focus-shadow); }
.choice-dialog-actions { display:flex; justify-content:flex-end; margin-top:10px; border-top:1px solid var(--panel-divider); padding:18px 6px 0; }
.choice-dialog-actions button { min-width:160px; min-height:56px; padding:10px 22px; font-size:1.25rem; }
.choice-dialog.is-full-screen { align-items:stretch; justify-content:stretch; padding:0; }
body .choice-dialog.is-full-screen .choice-dialog-panel { box-sizing:border-box; width:100%; max-width:none; height:100%; max-height:none; min-height:100%; margin:0; border-radius:0; display:flex; flex-direction:column; justify-content:center; padding:8vh 10vw; box-shadow:none; }
.choice-dialog.is-full-screen h3 { width:100%; max-width:760px; margin:0 auto 28px; font-size:2.5rem; }
.choice-dialog.is-full-screen .choice-dialog-list { width:100%; max-width:760px; max-height:none; margin:0 auto; }
.choice-dialog.is-full-screen .choice-dialog-option { min-height:72px; font-size:1.625rem; }
.choice-dialog.is-full-screen .choice-dialog-actions { width:100%; max-width:760px; margin:0 auto; flex-direction:column; border-top:0; padding:0 6px; }
.choice-dialog.is-full-screen .choice-dialog-actions button { width:100%; min-height:72px; padding:0 18px; background:var(--control-surface); font-size:1.625rem; text-align:left; }
.choice-dialog.is-full-screen .choice-dialog-actions button.is-focused { background:var(--control-surface-focused); }
.up-next-layout-dialog { position:fixed; z-index:145; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.58); color:#fff; }
.up-next-layout-dialog.is-hidden { display:none; }
.up-next-layout-panel { box-sizing:border-box; width:830px; overflow:hidden; background:var(--panel-surface); box-shadow:var(--panel-shadow); }
.up-next-layout-panel h3 { margin:0; padding:22px 30px 18px; border-bottom:1px solid rgba(255,255,255,.14); font-size:1.8125rem; }
.up-next-layout-options { padding:16px 26px 12px; }
.up-next-layout-option { position:relative; box-sizing:border-box; width:100%; min-height:138px; display:flex; align-items:center; border:0; padding:12px; background:var(--control-surface); color:#fff; font:inherit; text-align:left; }
.up-next-layout-option + .up-next-layout-option { margin-top:9px; }
.up-next-layout-option.is-focused { background:var(--control-surface-focused); box-shadow:var(--focus-shadow); }
.up-next-layout-option.is-selected:after { position:absolute; top:14px; right:17px; color:var(--accent,#13b8ad); font-size:1.25rem; font-weight:bold; content:'✓'; }
.up-next-layout-option strong { display:block; margin-left:22px; font-size:1.5rem; }
.up-next-layout-preview { position:relative; box-sizing:border-box; width:210px; height:118px; flex:0 0 210px; overflow:hidden; background:linear-gradient(130deg,#31506b,#172735 55%,#213845); }
.up-next-layout-preview:before { position:absolute; top:0; right:0; bottom:0; left:0; opacity:.28; background:linear-gradient(110deg,#142636,#281d31); content:''; }
.up-next-layout-preview > * { position:absolute; z-index:1; }
.up-next-layout-preview .preview-brand { top:12px; left:13px; color:rgba(255,255,255,.72); font-size:0.6875rem; font-weight:bold; }
.up-next-layout-preview .preview-card { box-sizing:border-box; right:8px; bottom:16px; width:72px; height:41px; padding:5px; background:rgba(17,21,27,.96); color:#fff; }
.up-next-layout-preview .preview-card i,.up-next-layout-preview .preview-card b { display:block; overflow:hidden; font-style:normal; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.up-next-layout-preview .preview-card i { margin-bottom:3px; color:var(--accent,#13b8ad); font-size:0.3125rem; font-weight:bold; }
.up-next-layout-preview .preview-card b { font-size:0.375rem; }
.up-next-layout-preview .preview-timeline { right:11px; bottom:9px; left:11px; height:3px; background:var(--accent,#13b8ad); }
.up-next-layout-preview.is-bottom .preview-card { right:0; bottom:0; left:0; width:auto; height:38px; padding:8px 11px; }
.up-next-layout-preview.is-bottom .preview-card i { display:inline; margin-right:8px; }
.up-next-layout-preview.is-bottom .preview-card b { display:inline; font-size:0.4375rem; }
.up-next-layout-actions { display:flex; justify-content:flex-end; margin-top:0; border-top:1px solid rgba(255,255,255,.14); padding:17px 30px 22px; }
.up-next-layout-actions button + button { margin-left:14px; }
.up-next-layout-actions button { min-width:150px; min-height:58px; border:0; background:var(--action-surface); color:var(--action-text); font:inherit; font-size:1.3125rem; }
.up-next-layout-actions button:last-child { background:var(--accent,#13b8ad); color:#111; }
.up-next-layout-actions button.is-focused { box-shadow:var(--focus-shadow); }
.up-next-layout-actions button:last-child.is-focused { box-shadow:var(--primary-focus-shadow); }
.privacy-dialog { position:fixed; z-index:145; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; padding:70px 150px; background:rgba(0,0,0,.72); color:#fff; }
.privacy-dialog.is-hidden { display:none; }
.privacy-dialog-panel { box-sizing:border-box; width:1180px; max-height:900px; padding:42px 48px; background:var(--panel-surface); box-shadow:var(--panel-shadow); }
.privacy-dialog-panel h2 { margin:0 0 26px; font-size:2.25rem; }
.privacy-dialog-content { max-height:610px; overflow:hidden; padding:0 12px 0 0; font-size:1.375rem; line-height:1.45; color:#e6e7e9; }
.privacy-dialog-content p { margin:0 0 22px; }
.privacy-dialog-content strong { color:#fff; }
.privacy-dialog-close { min-width:190px; min-height:62px; margin-top:26px; padding:12px 24px; font-size:1.375rem; }
.player-settings { position:absolute; z-index:20; top:50%; left:50%; width:560px; padding:28px; background:var(--panel-surface); box-shadow:var(--panel-shadow); opacity:1; transform:translate(-50%,-50%); transition:opacity 100ms linear; }
.player-settings.is-transitioning-in,
.subtitle-editor.is-transitioning-in { animation:player-panel-in 100ms ease-out both; }
.player-settings.is-transitioning-out,
.subtitle-editor.is-transitioning-out { pointer-events:none; animation:player-panel-out 100ms ease-in both; }
@keyframes player-panel-in { from { opacity:0; } to { opacity:1; } }
@keyframes player-panel-out { from { opacity:1; } to { opacity:0; } }
.player-settings h3 { margin:0 0 18px; border-bottom:1px solid var(--control-divider); padding:0 0 16px; font-size:1.6875rem; }
.setting-row { width:100%; height:58px; display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; border:0; padding:0 18px; background:var(--control-surface); color:#fff; font:inherit; font-size:1.25rem; text-align:left; }
.setting-row.is-disabled { background:var(--control-surface-disabled); color:var(--text-disabled); }
.player-settings .setting-row.is-cycle > span:last-child { display:flex; align-items:center; justify-content:flex-end; }
.player-settings .setting-row.is-cycle > span:last-child:before { margin-right:14px; color:var(--accent, #13b8ad); font-size:1.75rem; line-height:1; content:'\2039'; }
.player-settings .setting-row.is-cycle > span:last-child:after { margin-left:14px; color:var(--accent, #13b8ad); font-size:1.75rem; line-height:1; content:'\203a'; }
.player-settings-close { justify-content:center; margin-top:18px; border-top:1px solid var(--panel-divider); background:var(--action-surface); color:var(--action-text); text-align:center; }
.subtitle-editor { position:absolute; z-index:22; top:32px; right:auto; left:20%; width:60%; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; padding:20px 24px; background:rgba(10,12,16,.46); color:#fff; box-shadow:var(--panel-shadow); transform:none; }
.subtitle-editor.is-hidden { display:none; }
.subtitle-editor h3 { box-sizing:border-box; width:45%; margin:0 0 14px; font-size:1.875rem; }
.subtitle-editor-status { box-sizing:border-box; width:55%; min-height:28px; margin:0 0 14px; overflow:hidden; color:#c8ccd1; font-size:1.125rem; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
.subtitle-editor-grid { box-sizing:border-box; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; }
.subtitle-editor-grid > .subtitle-editor-row { box-sizing:border-box; width:calc(50% - 5px); min-height:52px; display:flex; justify-content:space-between; align-items:center; margin:0 0 8px; border:0; padding:0 16px; background:var(--control-surface); color:#fff; font:inherit; font-size:1.1875rem; text-align:left; }
.subtitle-editor-grid > .subtitle-editor-row > span:first-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.subtitle-editor-grid > .subtitle-editor-row > span:last-child { max-width:48%; overflow:hidden; color:#dce0e4; font-weight:bold; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
.subtitle-editor-toggle-row > span:last-child { display:flex; align-items:center; justify-content:flex-end; }
.subtitle-editor-toggle-row > span:last-child:before { box-sizing:border-box; width:24px; height:24px; margin-right:10px; border:2px solid rgba(255,255,255,.72); color:#111; content:''; font-size:1.125rem; line-height:20px; text-align:center; }
.subtitle-editor-toggle-row.is-checked > span:last-child:before { border-color:var(--accent, #13b8ad); background:var(--accent, #13b8ad); content:'\2713'; }
.subtitle-editor-editable.is-editing { background:rgba(19,184,173,.22); box-shadow:inset 0 0 0 3px var(--accent, #13b8ad), var(--focus-shadow); }
.subtitle-editor-grid > .subtitle-editor-editable.is-editing > span:last-child:before { margin-right:10px; color:var(--accent, #13b8ad); content:'\2039'; }
.subtitle-editor-grid > .subtitle-editor-editable.is-editing > span:last-child:after { margin-left:10px; color:var(--accent, #13b8ad); content:'\203a'; }
.subtitle-editor-timeline-button { box-sizing:border-box; width:100%; display:block; margin:4px 0 0; border:0; padding:9px 8px 3px; background:transparent; color:#fff; font:inherit; }
.subtitle-editor-timeline-button.is-editing { background:rgba(19,184,173,.12); box-shadow:inset 0 0 0 3px var(--accent, #13b8ad), var(--focus-shadow); }
.subtitle-editor-timeline { display:block; height:8px; background:rgba(255,255,255,.28); }
.subtitle-editor-timeline span { display:block; width:0; height:100%; background:var(--accent, #13b8ad); }
.subtitle-editor-timeline span:after { float:right; width:16px; height:16px; margin-top:-4px; margin-right:-8px; border-radius:50%; background:#fff; content:''; }
.subtitle-editor-times { display:flex; justify-content:space-between; margin-top:8px; font-size:1.125rem; font-weight:bold; }
.subtitle-editor-action-row { box-sizing:border-box; width:100%; min-height:52px; display:flex; align-items:center; justify-content:flex-end; margin-top:12px; }
.subtitle-editor-action-row button { box-sizing:border-box; min-width:120px; min-height:52px; margin-left:10px; border:0; padding:0 20px; background:var(--action-surface); color:var(--action-text); font:inherit; font-size:1.125rem; }
.subtitle-editor-action-row button:first-child { margin-left:0; }
.subtitle-editor-action-row button.is-primary { background:var(--accent, #13b8ad); color:#111; }
.subtitle-editor-row.is-focused,
.subtitle-editor-timeline-button.is-focused,
.subtitle-editor-action-row button.is-focused { box-shadow:var(--focus-shadow); }
.subtitle-editor-action-row button.is-primary.is-focused { box-shadow:var(--primary-focus-shadow); }
.subtitle-editor button.is-active { background:var(--accent, #13b8ad); color:#111; }
.subtitle-editor button.is-active.is-focused { box-shadow:var(--primary-focus-shadow); }
.subtitle-editor-row.is-disabled,
.subtitle-editor-timeline-button.is-disabled,
.subtitle-editor-action-row button.is-disabled { background:var(--control-surface-disabled); color:var(--text-disabled); opacity:.72; box-shadow:none; }
.subtitle-editor-grid > .subtitle-editor-row.is-disabled > span:last-child,
.subtitle-editor-timeline-button.is-disabled .subtitle-editor-times { color:var(--text-disabled); }
.subtitle-editor-toggle-row.is-disabled > span:last-child:before { border-color:var(--text-disabled); background:transparent; content:''; }
.playback-info { display:block; width:100%; height:auto; min-height:0; margin-top:24px; border:0; border-top:1px solid var(--panel-divider); padding:18px 14px 0; background:transparent; color:inherit; font:inherit; text-align:left; }
.playback-info.is-focused { box-shadow:inset 0 0 0 4px var(--focus-color, #fff); }
.playback-info-row { min-height:34px; display:flex; justify-content:space-between; align-items:flex-start; color:#c2c6cb; font-size:1.25rem; }
.playback-info-row span:first-child { flex:0 0 34%; color:#fff; }
.playback-info-row span:last-child { max-width:64%; overflow:hidden; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
.autoplay-prompt { position:absolute; z-index:12; right:5%; bottom:6%; box-sizing:border-box; width:660px; max-width:90%; min-height:224px; display:block; overflow:hidden; padding:20px 20px 18px; background:rgba(18,20,24,.96); box-shadow:0 10px 36px rgba(0,0,0,.7); opacity:1; transition:opacity 160ms ease-out; }
.autoplay-prompt.is-hidden { display:none; }
.autoplay-image { float:left; width:136px; height:184px; margin-right:22px; background:#272a2f; object-fit:cover; }
.autoplay-copy { min-width:0; min-height:112px; display:flex; flex-direction:column; margin-left:158px; padding-top:1px; }
.autoplay-countdown { order:0; overflow:hidden; color:var(--accent, #13b8ad); font-size:1.25rem; font-weight:bold; line-height:1.2; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.autoplay-series { order:1; display:block; overflow:hidden; margin-top:6px; color:#fff; font-size:1.8125rem; font-weight:bold; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
.autoplay-prompt h3 { order:2; overflow:hidden; margin:7px 0 0; color:#dce0e4; font-size:1.375rem; font-weight:normal; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.autoplay-actions { display:flex; position:static; justify-content:flex-end; margin:16px 0 0 158px; }
.autoplay-actions button { box-sizing:border-box; min-width:150px; height:54px; margin:0 0 0 12px; border:0; padding:0 22px; background:var(--action-surface); color:var(--action-text); font:inherit; font-size:1.25rem; font-weight:bold; white-space:nowrap; }
.autoplay-actions button:first-child { margin-left:0; }
.autoplay-actions #autoplay-play { background:var(--accent, #13b8ad); color:#111; }
.autoplay-actions button.is-focused { box-shadow:var(--focus-shadow); }
.autoplay-actions #autoplay-play.is-focused { box-shadow:var(--primary-focus-shadow); }
.autoplay-progress { position:absolute; right:0; bottom:0; left:0; height:6px; background:rgba(255,255,255,.18); }
.autoplay-progress span { display:block; width:100%; height:100%; background:var(--accent, #13b8ad); transition:none; }
.autoplay-prompt.is-bottom-panel { right:0; bottom:0; left:0; width:auto; max-width:none; min-height:0; height:156px; display:flex; align-items:center; overflow:hidden; padding:14px 6% 18px; background:rgba(18,20,24,.94); box-shadow:none; }
.autoplay-prompt.is-bottom-panel .autoplay-image { float:none; width:164px; height:104px; flex:0 0 164px; margin:0 20px 0 0; }
.autoplay-prompt.is-bottom-panel .autoplay-copy { min-height:0; flex:1 1 auto; margin-left:0; padding-top:0; }
.autoplay-prompt.is-bottom-panel .autoplay-countdown { font-size:1.125rem; }
.autoplay-prompt.is-bottom-panel .autoplay-series { margin-top:3px; font-size:1.75rem; }
.autoplay-prompt.is-bottom-panel h3 { margin-top:4px; font-size:1.3125rem; }
.autoplay-prompt.is-bottom-panel .autoplay-actions { flex:0 0 auto; margin:0 0 0 30px; }
.autoplay-prompt.is-home-target .autoplay-image { object-fit:contain; object-position:center; }


.media-section {
  margin: 0 0 2.5%;
}

.section-title {
  height: 43px;
  margin: 0 0 23px;
  font-size: 2rem;
  line-height: 43px;
}


.media-row {
  display: flex;
  align-items: flex-start;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.media-row::-webkit-scrollbar,
.library-recommendation-row::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.media-card {
  position: relative;
  flex: 0 0 auto;
  margin-right: var(--poster-card-gap, 24px);
  border: 0;
  padding: 0;
  background: var(--theme-media-card-surface);
  color: #ffffff;
  text-align: left;
  transform: scale(1);
  transition: transform 120ms ease-out;
}

.media-card.wide {
  width: var(--wide-card-width, 338px);
  height: var(--wide-card-height, 294px);
  padding-bottom: 0;
}

.media-card.poster {
  width: var(--poster-card-width, 248px);
  height: var(--poster-card-height, 474px);
  padding-bottom: 0;
}

.card-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: var(--poster-caption-height, 104px);
  left: 0;
  width: 100%;
  height: calc(100% - var(--poster-caption-height, 104px));
  object-fit: contain;
  opacity: 0;
  transition: opacity 120ms linear;
}

.card-image.is-loaded { opacity: 1; }

.card-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: var(--poster-caption-height, 104px);
  padding: 11px 12px 9px;
  background: var(--theme-card-caption-surface);
}

.card-title,
.card-meta,
.card-detail {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.card-title {
  font-size: var(--poster-title-font, 1.4375rem);
  font-weight: bold;
}

.card-meta,
.card-detail {
  margin-top: 4px;
  color: var(--text-secondary);
  font-size: var(--poster-meta-font, 1.125rem);
}

.progress-track {
  position: absolute;
  right: 0;
  bottom: var(--poster-caption-height, 104px);
  left: 0;
  height: 6px;
  background: rgba(0, 0, 0, 0.65);
}

.progress-value {
  display: block;
  height: 100%;
  background: var(--accent, #13b8ad);
}

.is-focused {
  z-index: 5;
  outline: 0;
  box-shadow: var(--focus-shadow);
  transform: none;
}

.media-card.is-focused {
  box-shadow: var(--focus-shadow);
}

.message {
  position: fixed;
  z-index: 20;
  right: 3.2%;
  bottom: 2.5%;
  max-width: 42%;
  padding: 10px 14px;
  background: var(--accent, #13b8ad);
  color: #111111;
  font-size: 1.25rem;
  font-weight: bold;
  opacity: 0;
  transition: opacity 100ms linear;
}

.message.is-visible {
  opacity: 1;
}

@media (max-height: 650px) {
  .topbar {
    min-height: 58px;
  }

  .content {
    padding-top: 1.5%;
  }

  .media-section {
    margin-bottom: 1.5%;
  }
}

@media (max-width: 1400px) {
  .brand {
    width:58px;
    height:58px;
    margin-right:24px;
  }

  .brand-logo { width:58px; height:58px; }

  .nav-item {
    min-width: 92px;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 1.25rem;
  }

  .clock {
    font-size: 1.25rem;
  }

  .active-profile { font-size:1.25rem; }
  .active-profile-name { max-width:120px; }
  .server-activity { width:54px; max-width:54px; font-size:1.25rem; }
  .server-activity-title { width:320px; max-width:320px; }
  .server-activity-panel { width:400px; }

  .section-title {
    height: 36px;
    font-size: 1.5625rem;
    line-height: 36px;
  }

  .media-card.wide {
    padding-bottom: 0;
  }

  .media-card.poster {
    padding-bottom: 0;
  }

  .card-image {
    bottom: var(--poster-caption-height, 104px);
    height: calc(100% - var(--poster-caption-height, 104px));
  }

  .card-caption {
    height: var(--poster-caption-height, 104px);
    padding: 9px 10px 7px;
  }

  .card-title {
    font-size: 1.25rem;
  }

  .card-meta,
  .card-detail {
    font-size: 1.25rem;
  }

  .progress-track {
    bottom: var(--poster-caption-height, 104px);
  }

  .detail-title {
    font-size: 2.375rem;
  }

  .detail-subtitle {
    font-size: 1.3125rem;
  }

  .detail-summary {
    font-size: 1.25rem;
  }
}

/* Direct playlist playback transition. */
body:after {
  content:'';
  position:fixed;
  z-index:160;
  top:0;
  right:0;
  bottom:0;
  left:0;
  visibility:hidden;
  background:radial-gradient(circle at 50% 45%, #20242b 0, #0a0b0e 64%, #050607 100%);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease-in, visibility 0s linear .2s;
}
body.is-container-direct-start:after {
  visibility:visible;
  opacity:1;
  transition:opacity .2s ease-in, visibility 0s linear;
}
body.is-container-direct-start #library-view {
  pointer-events:none;
  animation:detail-surface-out 200ms ease-in both;
}
body.is-container-origin-restoring #library-view {
  pointer-events:none;
}

/* Playlist playback queue drawer. */
.player-playlist-queue-command { position:absolute; top:0; right:78px; display:flex; flex-direction:column; align-items:center; justify-content:center; margin:0; }
.playlist-queue-icon-line { display:block; width:30px; height:4px; margin:3px 0; background:#fff; }
.playlist-queue-icon-line:before { display:block; width:5px; height:5px; margin-left:-9px; border-radius:50%; background:var(--accent, #13b8ad); content:''; }
.player-playlist-queue { box-sizing:border-box; position:absolute; z-index:32; top:0; right:0; bottom:0; width:440px; padding:26px 24px 20px; overflow:visible; background:linear-gradient(to right, rgba(14,16,20,.97), #111317 86px); box-shadow:-18px 0 42px rgba(0,0,0,.58); opacity:0; visibility:hidden; -webkit-transform:none; transform:none; -webkit-transition:opacity .18s linear, visibility 0s linear .18s; transition:opacity .18s linear, visibility 0s linear .18s; }
.player-playlist-queue:before { position:absolute; top:0; right:100%; bottom:0; width:150px; background:linear-gradient(to right, rgba(5,6,8,0), rgba(14,16,20,.97)); content:''; pointer-events:none; }
.player-playlist-queue.is-open { right:0; opacity:1; visibility:visible; -webkit-transform:none; transform:none; -webkit-transition:opacity .18s linear, visibility 0s linear; transition:opacity .18s linear, visibility 0s linear; }
.player-playlist-queue-header { position:relative; z-index:1; height:40px; border-bottom:1px solid #34383e; }
.player-playlist-queue-title { position:absolute; top:0; right:84px; left:0; max-width:none; margin:0; overflow:hidden; font-size:1.75rem; line-height:34px; white-space:nowrap; }
.player-playlist-queue-title-text { display:inline-block; white-space:nowrap; -webkit-transform:translateX(0); transform:translateX(0); }
.player-playlist-queue-title-text.is-overflowing,
.episode-card.is-focused .episode-label-text.is-overflowing.is-pan-active { -webkit-animation:text-overflow-bounce 8s ease-in-out infinite alternate; animation:text-overflow-bounce 8s ease-in-out infinite alternate; }
.player-playlist-queue-position { position:absolute; top:0; right:0; margin:0; padding:0; color:#c7cbd0; font-size:1.25rem; line-height:34px; white-space:nowrap; }
.player-playlist-queue-list { position:absolute; z-index:1; top:76px; right:18px; bottom:18px; left:18px; overflow:hidden; padding:6px; }
.playlist-queue-spacer { width:100%; height:0; display:block; pointer-events:none; }
.playlist-queue-card { position:relative; width:100%; height:196px; display:block; margin:0 0 18px; overflow:hidden; }
.playlist-queue-card-image-frame { position:relative; display:block; width:100%; height:154px; overflow:hidden; }
.playlist-queue-card-image { width:100%; height:154px; }
.playlist-queue-card-duration { position:absolute; z-index:2; bottom:8px; left:10px; min-width:54px; height:28px; padding:0 7px; background:rgba(8,10,13,.86); color:#fff; font-size:1.25rem; line-height:28px; text-align:center; }
.playlist-queue-card-duration.is-hidden { display:none; }
.playlist-queue-card-badge { position:absolute; z-index:2; top:10px; left:10px; min-width:58px; height:28px; padding:0 9px; border:1px solid rgba(255,255,255,.52); background:rgba(8,10,13,.86); color:#fff; font-size:1rem; font-weight:bold; line-height:27px; text-align:center; }
.playlist-queue-card-now-playing { position:absolute; z-index:3; top:9px; right:9px; width:42px; height:42px; border:3px solid var(--accent, #13b8ad); border-radius:50%; background:rgba(8,10,13,.88); box-shadow:0 0 0 2px rgba(255,255,255,.92), 0 0 14px rgba(0,0,0,.72); }
.playlist-queue-card-now-playing:before, .playlist-queue-card-now-playing:after { position:absolute; top:9px; bottom:9px; width:5px; background:#fff; box-shadow:0 0 0 1px var(--accent, #13b8ad); content:''; }
.playlist-queue-card-now-playing:before { left:10px; }
.playlist-queue-card-now-playing:after { right:10px; }
.playlist-queue-card-now-playing.is-playing:before { top:8px; bottom:auto; left:13px; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:17px solid #fff; background:transparent; box-shadow:none; }
.playlist-queue-card-now-playing.is-playing:after { display:none; }
.playlist-queue-card-title { max-width:310px; }
.playlist-queue-card.is-current { box-shadow:0 0 0 4px var(--accent, #13b8ad); }
@-webkit-keyframes text-overflow-bounce { 0%, 12% { -webkit-transform:translateX(0); transform:translateX(0); } 88%, 100% { -webkit-transform:translateX(var(--text-marquee-distance, -100px)); transform:translateX(var(--text-marquee-distance, -100px)); } }
@keyframes text-overflow-bounce { 0%, 12% { -webkit-transform:translateX(0); transform:translateX(0); } 88%, 100% { -webkit-transform:translateX(var(--text-marquee-distance, -100px)); transform:translateX(var(--text-marquee-distance, -100px)); } }
@-webkit-keyframes playlist-queue-focus-breathe { 0%, 100% { -webkit-transform:scale(1.009); transform:scale(1.009); } 50% { -webkit-transform:scale(1.002); transform:scale(1.002); } }
@keyframes playlist-queue-focus-breathe { 0%, 100% { -webkit-transform:scale(1.009); transform:scale(1.009); } 50% { -webkit-transform:scale(1.002); transform:scale(1.002); } }
.playlist-queue-card.is-focused { z-index:2; box-shadow:var(--focus-shadow); -webkit-transform-origin:center; transform-origin:center; -webkit-animation:playlist-queue-focus-breathe 1.7s ease-in-out infinite; animation:playlist-queue-focus-breathe 1.7s ease-in-out infinite; }
.playlist-queue-card.is-current.is-focused { box-shadow:0 0 0 3px var(--accent, #13b8ad), 0 0 0 8px var(--focus-color, #fff); }
.update-dialog { position:fixed; z-index:145; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; padding:70px 150px; background:var(--panel-overlay); color:#fff; }
.update-dialog.is-hidden { display:none; }
.update-dialog-panel { box-sizing:border-box; width:920px; padding:38px 44px; background:var(--panel-surface); box-shadow:var(--panel-shadow); }
.update-dialog-panel h2 { margin:0 0 24px; border-bottom:1px solid var(--panel-divider); padding-bottom:18px; font-size:2.125rem; }
.update-dialog-body { display:flex; align-items:center; }
.update-dialog-copy { flex:1; margin-right:36px; min-width:0; }
.update-dialog-details { margin:0; }
.update-dialog-details div { display:flex; justify-content:space-between; min-height:44px; border-bottom:1px solid var(--control-divider); padding:8px 0; font-size:1.3125rem; }
.update-dialog-details dt { margin-right:28px; color:var(--text-secondary); }
.update-dialog-details dd { margin:0; text-align:right; }
.update-dialog-status { margin:24px 0 8px; font-size:1.4375rem; }
.update-dialog-hint { margin:0; color:var(--text-secondary); font-size:1.125rem; line-height:1.4; }
.update-dialog-qr { width:220px; height:220px; padding:10px; background:#fff; object-fit:contain; }
.update-dialog-actions { display:flex; justify-content:flex-end; margin-top:28px; border-top:1px solid var(--panel-divider); padding-top:20px; }
.update-dialog-actions button { min-width:190px; min-height:58px; border:0; padding:10px 22px; background:var(--action-surface); color:#fff; font:inherit; font-size:1.25rem; }
.update-dialog-actions button + button { margin-left:14px; }
.update-dialog-actions button.is-primary { background:var(--accent); color:#071313; }
.update-dialog-actions button.is-focused { box-shadow:var(--focus-shadow); }
.update-dialog-actions button.is-primary.is-focused { box-shadow:var(--primary-focus-shadow); }

/* Accessibility and TV calibration */
:root {
  --safe-top: 0%;
  --safe-right: 0%;
  --safe-bottom: 0%;
  --safe-left: 0%;
  --subtitle-position: 7%;
  --subtitle-background: rgba(0,0,0,0);
  --subtitle-shadow: 0 2px 5px #000, 0 0 3px #000;
  --subtitle-font-size: 2.625rem;
}

body {
  box-sizing: border-box;
  padding: var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);
}

body.high-contrast {
  --control-surface: #111317;
  --control-surface-focused: #252a31;
  --control-value: #ffffff;
  --control-divider: #666d76;
  --action-surface: #14171b;
  --text-secondary: #f0f2f4;
  --text-disabled: #aeb4bb;
  --panel-divider: #747b84;
  --panel-surface: #090b0e;
  --panel-overlay: rgba(0,0,0,.82);
}

body.high-contrast .backdrop-shade { background: rgba(0,0,0,.68); }
body.high-contrast .topbar,
body.high-contrast .app-settings-view,
body.high-contrast .search-view { background-color: rgba(4,5,7,.94); }
body.strong-focus .is-focused { outline-color: var(--focus-color); }

.player-controls {
  right: var(--safe-right);
  bottom: var(--safe-bottom);
  left: var(--safe-left);
}

.choice-dialog,
.up-next-layout-dialog,
.privacy-dialog,
.update-dialog,
.playback-compatibility-dialog {
  padding-top: calc(48px + var(--safe-top));
  padding-right: calc(80px + var(--safe-right));
  padding-bottom: calc(48px + var(--safe-bottom));
  padding-left: calc(80px + var(--safe-left));
}

.subtitle-preview-overlay {
  bottom: var(--subtitle-position);
  z-index: 6;
  font-size: var(--subtitle-font-size, 42px);
  text-shadow: var(--subtitle-shadow);
  transition: bottom .22s ease-out;
}

.player-view.has-player-controls-full .subtitle-preview-overlay {
  bottom: calc(var(--subtitle-position) + 296px);
}

.player-view.has-player-controls-timeline .subtitle-preview-overlay {
  bottom: calc(var(--subtitle-position) + 96px);
}

.player-view.has-chapters-open .subtitle-preview-overlay {
  bottom: calc(var(--subtitle-position) + 560px);
}

.player-view.has-player-panel-open .subtitle-preview-overlay {
  bottom: var(--subtitle-position);
}

.player-view.has-player-panel-open .ass-subtitle-overlay {
  transform:translateY(0);
}

.subtitle-preview-overlay.srt-align-top {
  top:var(--subtitle-position);
  bottom:auto;
}

.subtitle-preview-overlay.srt-align-middle {
  top:50%;
  bottom:auto;
  transform:translateY(-50%);
}

.subtitle-preview-overlay.srt-align-left { text-align:left; }
.subtitle-preview-overlay.srt-align-center { text-align:center; }
.subtitle-preview-overlay.srt-align-right { text-align:right; }

.player-view .subtitle-preview-overlay.srt-align-top,
.player-view .subtitle-preview-overlay.srt-align-middle {
  bottom:auto;
}

.subtitle-preview-overlay .subtitle-preview-text,
.subtitle-style-preview-text {
  display: inline-block;
  padding: 4px 10px;
  background: var(--subtitle-background);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  text-shadow: var(--subtitle-shadow);
}

.player-video::cue {
  background: var(--subtitle-background);
  color: #fff;
  text-shadow: var(--subtitle-shadow);
}

.subtitle-style-preview {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 190px;
  margin: 10px 0 16px;
  overflow: hidden;
  border: 1px solid var(--control-divider);
  background: linear-gradient(145deg,#283b4c,#121820 58%,#2c2230);
}

.safe-area-dialog {
  position: fixed;
  z-index: 160;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  padding: 30px 54px;
  background: rgba(7,9,12,.97);
  color: #fff;
}
.safe-area-dialog.is-hidden { display: none; }
.safe-area-dialog-panel {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.safe-area-dialog-header { flex: 0 0 auto; }
.safe-area-dialog-header h2 { margin: 0 0 8px; font-size: 2.125rem; }
.safe-area-dialog-header p { max-width: 900px; margin: 0; color: var(--text-secondary); font-size: 1.3125rem; line-height: 1.35; }
.safe-area-stage {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  margin: 22px 0 18px;
  overflow: hidden;
  border: 2px solid #444b54;
  background: linear-gradient(145deg,#263b4a,#111820 58%,#2d2434);
}
.safe-area-guide {
  position: absolute;
  top: var(--safe-top);
  right: var(--safe-right);
  bottom: var(--safe-bottom);
  left: var(--safe-left);
  border: 3px solid var(--accent,#13b8ad);
  box-shadow: 0 0 0 1px rgba(255,255,255,.78), inset 0 0 0 1px rgba(255,255,255,.18);
}
.safe-area-guide-corner {
  position: absolute;
  width: 34px;
  height: 34px;
  border-color: #fff;
  border-style: solid;
}
.safe-area-guide-corner.is-top-left { top: -3px; left: -3px; border-width: 5px 0 0 5px; }
.safe-area-guide-corner.is-top-right { top: -3px; right: -3px; border-width: 5px 5px 0 0; }
.safe-area-guide-corner.is-bottom-left { bottom: -3px; left: -3px; border-width: 0 0 5px 5px; }
.safe-area-guide-corner.is-bottom-right { right: -3px; bottom: -3px; border-width: 0 5px 5px 0; }
.safe-area-dialog-message {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 48%;
  margin: 0;
  padding: 18px 24px;
  transform: translate(-50%,-50%);
  background: rgba(8,11,15,.72);
  color: #fff;
  font-size: 1.5625rem;
  font-weight: bold;
  line-height: 1.35;
  text-align: center;
}
.safe-area-edge {
  position: absolute;
  z-index: 2;
  display: flex;
  min-width: 188px;
  min-height: 58px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  border: 2px solid #5e6670;
  padding: 10px 16px;
  background: rgba(14,18,23,.92);
  color: #fff;
  font: inherit;
  font-size: 1.3125rem;
  text-align: left;
}
.safe-area-edge strong { margin-left: 18px; color: var(--accent,#13b8ad); font-size: 1.5rem; }
.safe-area-edge.is-focused { border-color: #fff; box-shadow: var(--focus-shadow); }
.safe-area-edge.is-focused strong { color: #fff; }
.safe-area-edge.is-editing { border-color: var(--accent,#13b8ad); background: var(--control-surface-focused); box-shadow: var(--primary-focus-shadow); }
.safe-area-edge.is-editing strong { color: #fff; }
.safe-area-edge.is-editing strong:before { margin-right: 8px; color: var(--accent,#13b8ad); content: '\2039'; }
.safe-area-edge.is-editing strong:after { margin-left: 8px; color: var(--accent,#13b8ad); content: '\203a'; }
.safe-area-edge:focus { outline: none; }
.safe-area-edge#safe-area-edge-top { top: 18px; left: 50%; transform: translateX(-50%); }
.safe-area-edge#safe-area-edge-right { top: 50%; right: 18px; transform: translateY(-50%); }
.safe-area-edge#safe-area-edge-bottom { bottom: 18px; left: 50%; transform: translateX(-50%); }
.safe-area-edge#safe-area-edge-left { top: 50%; left: 18px; transform: translateY(-50%); }
.safe-area-dialog-actions { display: flex; flex: 0 0 auto; min-height: 66px; align-items: center; }
.safe-area-dialog-action-spacer { flex: 1 1 auto; }
.safe-area-action {
  min-width: 170px;
  min-height: 60px;
  border: 2px solid #4d555e;
  padding: 10px 22px;
  background: var(--action-surface);
  color: #fff;
  font: inherit;
  font-size: 1.375rem;
}
.safe-area-action + .safe-area-action { margin-left: 16px; }
.safe-area-action.is-secondary { color: var(--text-secondary); }
.safe-area-action.is-primary { border-color: var(--accent,#13b8ad); background: var(--accent,#13b8ad); color: #071313; }
.safe-area-action.is-focused { box-shadow: var(--focus-shadow); }
.safe-area-action.is-primary.is-focused { box-shadow: var(--primary-focus-shadow); }
.safe-area-action:focus { outline: none; }

.subtitle-style-dialog { position:fixed; z-index:160; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; padding:36px 64px; box-sizing:border-box; background:rgba(7,9,12,.94); color:#fff; }
.subtitle-style-dialog.is-hidden { display:none; }
.subtitle-style-dialog-panel { width:900px; max-width:100%; box-sizing:border-box; padding:26px 30px; background:var(--panel-surface); box-shadow:var(--panel-shadow); }
.subtitle-style-dialog-panel h2 { margin:0 0 18px; font-size:2.125rem; }
.subtitle-style-dialog-preview { position:relative; height:245px; overflow:hidden; margin-bottom:18px; border:1px solid var(--control-divider); background:linear-gradient(145deg,#263b4a,#111820 58%,#2d2434); }
.subtitle-style-dialog-preview:before { position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(0deg,rgba(0,0,0,.38),rgba(255,255,255,.04)); content:''; }
.subtitle-style-dialog-preview > span { position:absolute; z-index:1; right:15%; bottom:var(--subtitle-position); left:15%; box-sizing:border-box; padding:4px 10px; background:var(--subtitle-background); color:#fff; font-size:2rem; font-weight:bold; line-height:1.25; text-align:center; text-shadow:var(--subtitle-shadow); }
.subtitle-style-dialog-controls { display:block; }
.subtitle-style-control { width:100%; min-width:0; min-height:64px; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; border:0; padding:0 18px; background:var(--control-surface); color:#fff; font:inherit; font-size:1.3125rem; text-align:left; }
.subtitle-style-control + .subtitle-style-control { margin-top:10px; }
.subtitle-style-control strong { margin-left:14px; color:var(--control-value); font-size:1.3125rem; }
.subtitle-style-control strong:before { margin-right:10px; color:var(--accent,#13b8ad); font-size:1.6875rem; content:'\2039'; }
.subtitle-style-control strong:after { margin-left:10px; color:var(--accent,#13b8ad); font-size:1.6875rem; content:'\203a'; }
.subtitle-style-control.is-focused { background:var(--control-surface-focused); box-shadow:var(--focus-shadow); }
.subtitle-style-dialog-actions { min-height:62px; display:flex; align-items:center; margin-top:18px; }
.subtitle-style-dialog-actions > span { flex:1 1 auto; }
.subtitle-style-action { min-width:160px; min-height:58px; border:0; padding:10px 22px; background:var(--action-surface); color:#fff; font:inherit; font-size:1.3125rem; }
.subtitle-style-action + .subtitle-style-action { margin-left:12px; }
.subtitle-style-action.is-secondary { color:var(--text-secondary); }
.subtitle-style-action.is-primary { background:var(--accent,#13b8ad); color:#071313; }
.subtitle-style-action.is-focused { box-shadow:var(--focus-shadow); }
.subtitle-style-action.is-primary.is-focused { box-shadow:var(--primary-focus-shadow); }

.subtitle-style-preview {
  height: 230px;
}
.subtitle-style-preview:before {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background: linear-gradient(0deg,rgba(0,0,0,.32),rgba(255,255,255,.04));
  content:'';
}
.subtitle-style-preview-text {
  position:absolute;
  z-index:1;
  right:8%;
  bottom:var(--subtitle-position);
  left:8%;
  margin:0 auto;
  color:#fff;
  font-size:1.875rem;
  font-weight:bold;
  line-height:1.25;
  text-align:center;
}

/* source: styles/themes/immersive.css */
body.visual-theme-immersive {
  --detail-preference-badge-background: rgba(99,74,86,.34);
  --detail-preference-badge-border: rgba(218,185,199,.38);
  --detail-preference-badge-text: #eadce2;
  --theme-app-background: #0b0c0e;
  --theme-app-text: #f5f5f5;
  --theme-scroll-track: #292d32;
  --theme-scroll-thumb: #737b84;
  --theme-backdrop-shade: linear-gradient(to right, rgba(10,8,9,.82) 0%, rgba(10,8,9,.48) 52%, rgba(10,8,9,.58) 100%);
  --theme-media-card-surface: rgba(24,20,22,.76);
  --theme-card-caption-surface: rgba(24,20,22,.96);
  --theme-corner-radius: 6px;
  --control-surface: #242124;
  --control-surface-focused: #332f32;
  --control-surface-disabled: #191b1f;
  --control-value: #c9cdd2;
  --control-divider: #363a40;
  --action-surface: #2d282b;
  --action-text: #ffffff;
  --text-secondary: #d0c8c5;
  --text-disabled: #777d84;
  --panel-divider: #4a4246;
  --panel-surface: #171416;
  --panel-overlay: rgba(0,0,0,.64);
  --panel-shadow: 0 18px 60px rgba(0,0,0,.72);
}


body.visual-theme-immersive .topbar {
  border-bottom: 0;
  background: linear-gradient(180deg, rgba(11,9,10,.94) 0%, rgba(11,9,10,.82) 58%, rgba(11,9,10,0) 100%);
}

body.visual-theme-immersive .topbar:after {
  content: '';
  position: absolute;
  right: 3.2%;
  bottom: 0;
  left: 3.2%;
  height: 1px;
  background: linear-gradient(to right, rgba(226,178,163,0) 0%, rgba(226,178,163,.22) 50%, rgba(226,178,163,0) 100%);
  pointer-events: none;
}

body.visual-theme-immersive.is-home-surface-active .home-preview {
  box-sizing:border-box;
  position: absolute;
  z-index: 2;
  top: 9%;
  right: 0;
  left: 0;
  display: block;
  height: 23%;
  padding: 2.6% 3.5% .8%;
  overflow: hidden;
  pointer-events: none;
}

body.visual-theme-immersive.is-home-surface-active .home-preview.is-empty { visibility: hidden; }
body.visual-theme-immersive .home-preview-copy { box-sizing: border-box; width: 100%; max-width: none; }
body.visual-theme-immersive .home-preview-kicker {
  display: block;
  overflow: hidden;
  margin-bottom: 6px;
  color: var(--accent, #13b8ad);
  font-size: 20px;
  font-weight: bold;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
body.visual-theme-immersive .home-preview-title {
  overflow: hidden;
  margin: 0;
  color: #fff;
  font-size: 48px;
  line-height: 1.08;
  letter-spacing: -.01em;
  text-shadow: 0 2px 24px rgba(0,0,0,.5);
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.visual-theme-immersive .home-preview-meta {
  overflow: hidden;
  margin: 10px 0 0;
  color: #d6d0ce;
  font-size: 22px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.visual-theme-immersive .home-preview-summary {
  display: -webkit-box;
  overflow: hidden;
  max-width: none;
  max-height: 60px;
  margin: 14px 0 0;
  color: #f2efed;
  font-size: 20px;
  line-height: 27px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.visual-theme-immersive.is-home-surface-active .content {
  box-sizing:border-box;
  position: absolute;
  top: 32%;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  padding: 0 3.5% 2%;
  overflow-y:auto;
}


body.visual-theme-immersive .media-card { overflow: hidden; }
body.visual-theme-immersive .section-title { margin-bottom: 14px; }

body.visual-theme-immersive .search-t9-legend,
body.visual-theme-immersive .library-filter-drawer,
body.visual-theme-immersive .choice-dialog-panel,
body.visual-theme-immersive .text-input-dialog-panel,
body.visual-theme-immersive .update-dialog-panel,
body.visual-theme-immersive .detail-summary-dialog-panel,
body.visual-theme-immersive .media-info-dialog-panel,
body.visual-theme-immersive .privacy-dialog-panel {
  border: 1px solid rgba(225,205,198,.14);
  border-radius: var(--theme-corner-radius);
  background: linear-gradient(165deg, rgba(23,19,21,.98) 0%, rgba(18,15,16,.98) 100%);
}

body.visual-theme-immersive .library-filter-drawer {
  border-left: 3px solid var(--accent, #13b8ad);
}

/* source: styles/themes/premiere.css */
body.visual-theme-premiere {
  --detail-preference-badge-background: rgba(224,181,111,.12);
  --detail-preference-badge-border: rgba(224,181,111,.48);
  --detail-preference-badge-text: #f0d2a2;
  --accent: #e0b56f;
  --theme-app-background: #06070b;
  --theme-app-text: #f6f1e9;
  --theme-scroll-track: #171a22;
  --theme-scroll-thumb: #5f6679;
  --theme-backdrop-shade: linear-gradient(to right, rgba(6,7,11,.96) 0%, rgba(8,10,15,.84) 36%, rgba(10,12,18,.52) 66%, rgba(8,10,16,.78) 100%);
  --theme-media-card-surface: rgba(12,16,24,.72);
  --theme-card-caption-surface: linear-gradient(to bottom, rgba(9,12,19,.18) 0%, rgba(9,12,19,.88) 42%, rgba(9,12,19,.98) 100%);
  --theme-corner-radius: 22px;
  --control-surface: rgba(19,24,35,.9);
  --control-surface-focused: rgba(31,38,54,.98);
  --control-surface-disabled: rgba(15,17,22,.72);
  --control-value: #d6cfbf;
  --control-divider: rgba(227,214,186,.14);
  --action-surface: linear-gradient(135deg, rgba(31,38,53,.96) 0%, rgba(22,28,40,.98) 100%);
  --action-text: #fff8ec;
  --text-secondary: #c2baa8;
  --text-disabled: #777d8d;
  --panel-divider: rgba(224,210,180,.14);
  --panel-surface: rgba(10,13,20,.96);
  --panel-overlay: rgba(4,6,10,.72);
  --panel-shadow: 0 26px 80px rgba(0,0,0,.58);
  --focus-color: #fff4d7;
  --focus-shadow: 0 0 0 3px rgba(10,13,18,.95), 0 0 0 7px rgba(255,244,215,.96), 0 18px 44px rgba(0,0,0,.48);
  --focus-shadow-inset: inset 0 0 0 2px rgba(10,13,18,.95), inset 0 0 0 6px rgba(255,244,215,.94);
  --navigation-focus-gutter: 6px;
  --primary-focus-shadow: 0 0 0 2px rgba(10,13,18,.95), 0 0 0 6px rgba(255,210,133,.96), 0 16px 40px rgba(0,0,0,.42);
}

body.visual-theme-premiere {
  background:
    radial-gradient(circle at 18% 14%, rgba(180,136,81,.18) 0%, rgba(180,136,81,0) 28%),
    radial-gradient(circle at 82% 18%, rgba(71,98,152,.22) 0%, rgba(71,98,152,0) 34%),
    linear-gradient(180deg, #111725 0%, #090b10 54%, #05060a 100%);
}

body.visual-theme-premiere .topbar {
  position: relative;
  overflow: visible;
  padding: 1.15% 3.2% 1.1%;
  background: linear-gradient(180deg, rgba(8,11,18,.92) 0%, rgba(8,10,15,.66) 78%, rgba(8,10,15,0) 100%);
}

body.visual-theme-premiere .topbar:before {
  content: '';
  position: absolute;
  right: 3.2%;
  bottom: 0;
  left: 3.2%;
  height: 1px;
  background: linear-gradient(to right, rgba(255,255,255,.04) 0%, rgba(225,202,162,.4) 14%, rgba(225,202,162,.08) 100%);
  pointer-events: none;
}

body.visual-theme-premiere .brand,
body.visual-theme-premiere .brand-logo {
  width: 74px;
  height: 74px;
}

body.visual-theme-premiere .brand {
  margin-right: 30px;
  border-radius: 24px;
  box-shadow: 0 12px 26px rgba(0,0,0,.28);
}

body.visual-theme-premiere .nav-item,
body.visual-theme-premiere .active-profile,
body.visual-theme-premiere .server-activity {
  transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease;
}

body.visual-theme-premiere .nav-item {
  height: 54px;
  min-width: 118px;
  margin-right: 14px;
  padding: 0 24px;
  border-radius: 27px;
  color: #beb7aa;
  font-size: 25px;
  letter-spacing: .01em;
}

body.visual-theme-premiere .nav-item.is-selected {
  background: linear-gradient(135deg, rgba(37,46,63,.92) 0%, rgba(21,26,37,.98) 100%);
  color: #fff9ef;
  box-shadow: inset 0 0 0 1px rgba(225,202,162,.14), 0 10px 28px rgba(0,0,0,.26);
}

body.visual-theme-premiere .nav-item.is-selected:after {
  right: 16px;
  bottom: 6px;
  left: 16px;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(to right, rgba(255,210,133,.96) 0%, rgba(197,220,255,.85) 100%);
}

body.visual-theme-premiere .navigation-libraries .nav-item.is-focused,
body.visual-theme-premiere .nav-item.is-focused {
  background: linear-gradient(135deg, rgba(40,49,67,.96) 0%, rgba(23,29,41,.98) 100%);
}

body.visual-theme-premiere .navigation-libraries .nav-item.is-focused {
  box-shadow: var(--navigation-focus-shadow);
}

body.visual-theme-premiere .server-activity,
body.visual-theme-premiere .active-profile {
  border-radius: 24px;
  background: rgba(15,18,26,.46);
}

body.visual-theme-premiere .server-activity-panel {
  background: rgba(11,14,21,.98);
  border: 1px solid rgba(225,202,162,.14);
  box-shadow: 0 18px 48px rgba(0,0,0,.46);
}

body.visual-theme-premiere .server-activity-panel:before {
  border-bottom-color: rgba(11,14,21,.98);
}

body.visual-theme-premiere .clock,
body.visual-theme-premiere .activity-network-status,
body.visual-theme-premiere .activity-subtitle,
body.visual-theme-premiere .player-status,
body.visual-theme-premiere .player-title-secondary,
body.visual-theme-premiere .player-quality,
body.visual-theme-premiere .player-delivery-mode,
body.visual-theme-premiere .player-end-time {
  color: #c8c1b1;
}

body.visual-theme-premiere .content {
  height: 91%;
  padding: 2.6% 3.2% 2%;
}

body.visual-theme-premiere.is-home-surface-active .home-preview {
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  top: 6.7%;
  right: 0;
  left: 0;
  display: block;
  height: 27.5%;
  padding: 0 3.2%;
  overflow: hidden;
  pointer-events: none;
}

body.visual-theme-premiere.is-home-surface-active .home-preview.is-empty {
  visibility: hidden;
}

body.visual-theme-premiere .home-preview-copy {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  padding: 2.2% 2.4% 2.4%;
  border-radius: 30px;
  background: linear-gradient(135deg, rgba(9,12,20,.92) 0%, rgba(9,12,20,.72) 54%, rgba(9,12,20,.24) 100%);
  box-shadow: 0 20px 48px rgba(0,0,0,.34);
}

body.visual-theme-premiere .home-preview-copy:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  border-radius: 30px 0 0 30px;
  background: linear-gradient(180deg, rgba(255,210,133,.95) 0%, rgba(133,188,255,.88) 100%);
}

body.visual-theme-premiere .home-preview-kicker {
  display: inline-block;
  max-width: 100%;
  margin: 0 0 14px;
  padding: 8px 14px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #ffe2ad;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .14em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.visual-theme-premiere .home-preview-title {
  overflow: hidden;
  margin: 0;
  color: #fffdf9;
  font-size: 54px;
  line-height: 1.04;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.visual-theme-premiere .home-preview-meta {
  overflow: hidden;
  margin: 12px 0 0;
  color: #ddd2bf;
  font-size: 22px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.visual-theme-premiere .home-preview-summary {
  display: -webkit-box;
  overflow: hidden;
  max-width: none;
  max-height: 64px;
  margin: 14px 0 0;
  color: #f4eee4;
  font-size: 21px;
  line-height: 31px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.visual-theme-premiere.is-home-surface-active .content {
  position: absolute;
  top: 35.2%;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  padding: 0 3.2% 2%;
  overflow-y: auto;
}

body.visual-theme-premiere .media-section {
  margin-bottom: 2.1%;
  padding: 18px 20px 16px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(12,15,23,.18) 8%, rgba(12,15,23,.48) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 40px rgba(0,0,0,.22);
}

body.visual-theme-premiere .section-title,
body.visual-theme-premiere .library-recommendation-title {
  height: auto;
  margin: 0 0 16px;
  color: #fff9ee;
  font-size: 30px;
  line-height: 1.18;
  letter-spacing: .01em;
}

body.visual-theme-premiere .media-card,
body.visual-theme-premiere .search-card,
body.visual-theme-premiere .library-card,
body.visual-theme-premiere .watchlist-card,
body.visual-theme-premiere .chapter-card,
body.visual-theme-premiere .playlist-queue-card {
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(18,22,32,.56) 0%, rgba(11,14,20,.86) 100%);
  box-shadow: 0 16px 32px rgba(0,0,0,.22);
  transition: background-color 120ms ease;
}

body.visual-theme-premiere .media-card.is-focused,
body.visual-theme-premiere .search-card.is-focused,
body.visual-theme-premiere .library-card.is-focused,
body.visual-theme-premiere .watchlist-card.is-focused,
body.visual-theme-premiere .chapter-card.is-focused,
body.visual-theme-premiere .playlist-queue-card.is-focused {
  box-shadow: var(--focus-shadow), 0 24px 48px rgba(0,0,0,.34);
}

body.visual-theme-premiere .card-image,
body.visual-theme-premiere .search-card-image,
body.visual-theme-premiere .library-card-image,
body.visual-theme-premiere .watchlist-card-image,
body.visual-theme-premiere .chapter-card-image,
body.visual-theme-premiere .playlist-queue-card-image {
  background: linear-gradient(145deg, rgba(47,56,74,.92) 0%, rgba(16,20,29,.94) 100%);
  object-fit: cover;
}

body.visual-theme-premiere .card-caption,
body.visual-theme-premiere .search-card-caption,
body.visual-theme-premiere .library-card-caption,
body.visual-theme-premiere .chapter-card-caption {
  background: var(--theme-card-caption-surface);
}

body.visual-theme-premiere .card-title,
body.visual-theme-premiere .search-card-title,
body.visual-theme-premiere .library-card-title,
body.visual-theme-premiere .chapter-card-title,
body.visual-theme-premiere .playlist-queue-card-title,
body.visual-theme-premiere .detail-title,
body.visual-theme-premiere .detail-subtitle {
  color: #fff9ef;
}

body.visual-theme-premiere .card-meta,
body.visual-theme-premiere .card-detail,
body.visual-theme-premiere .search-card-meta,
body.visual-theme-premiere .search-card-detail,
body.visual-theme-premiere .library-card-meta,
body.visual-theme-premiere .library-card-detail,
body.visual-theme-premiere .detail-facts,
body.visual-theme-premiere .detail-summary,
body.visual-theme-premiere .detail-choice-label,
body.visual-theme-premiere .library-status,
body.visual-theme-premiere .app-settings-notice,
body.visual-theme-premiere .server-editor-hint,
body.visual-theme-premiere .app-settings-credit {
  color: #c8c1b1;
}

body.visual-theme-premiere .progress-track {
  height: 8px;
  bottom: var(--poster-caption-height, 104px);
  background: rgba(255,255,255,.12);
}

body.visual-theme-premiere .progress-value {
  background: linear-gradient(to right, rgba(255,210,133,.98) 0%, rgba(133,188,255,.94) 100%);
}

body.visual-theme-premiere .library-view,
body.visual-theme-premiere .watchlist-view,
body.visual-theme-premiere .search-view,
body.visual-theme-premiere .app-settings-view,
body.visual-theme-premiere .detail-view {
  background: transparent;
}

body.visual-theme-premiere .library-controls,
body.visual-theme-premiere .app-settings-title,
body.visual-theme-premiere .search-query,
body.visual-theme-premiere .detail-copy,
body.visual-theme-premiere .detail-playback-controls,
body.visual-theme-premiere .library-filter-drawer,
body.visual-theme-premiere .app-settings-list,
body.visual-theme-premiere .player-playlist-queue,
body.visual-theme-premiere .player-chapters-drawer {
  border-radius: 28px;
}

body.visual-theme-premiere .library-controls {
  margin-bottom: 10px;
  padding: 0 18px;
  background: rgba(12,15,23,.52);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

body.visual-theme-premiere .library-subnav {
  margin-bottom: 10px;
  background: transparent;
}

body.visual-theme-premiere .library-tabs {
  box-sizing: border-box;
  flex: 0 1 auto;
  min-width: 0;
  height: 64px;
  padding: 0 18px;
  overflow: hidden;
  border-radius: 28px;
  background: rgba(12,15,23,.52);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

body.visual-theme-premiere .library-actions {
  flex: 0 0 auto;
  margin-left: auto;
}

body.visual-theme-premiere .library-tab {
  height: 50px;
  margin-right: 12px;
  padding: 0 18px;
  border-radius: 25px;
  color: #bdb5a7;
}

body.visual-theme-premiere .library-tab.is-active {
  background: linear-gradient(135deg, rgba(35,43,59,.9) 0%, rgba(20,26,36,.96) 100%);
  color: #fff9ef;
}

body.visual-theme-premiere .library-tab.is-active:after {
  right: 16px;
  bottom: 4px;
  left: 16px;
  height: 3px;
  border-radius: 3px;
}

body.visual-theme-premiere .library-action,
body.visual-theme-premiere .library-control,
body.visual-theme-premiere .app-setting-row,
body.visual-theme-premiere .language-editor-row,
body.visual-theme-premiere .server-editor-row,
body.visual-theme-premiere .search-key,
body.visual-theme-premiere .detail-action,
body.visual-theme-premiere .player-button,
body.visual-theme-premiere .player-chapters-hint,
body.visual-theme-premiere .update-dialog-actions button,
body.visual-theme-premiere .text-input-dialog-actions button,
body.visual-theme-premiere .choice-dialog-actions button,
body.visual-theme-premiere .detail-summary-dialog-close,
body.visual-theme-premiere .media-info-dialog-close,
body.visual-theme-premiere .media-info-dialog-apply,
body.visual-theme-premiere .media-info-dialog-version-value,
body.visual-theme-premiere .privacy-dialog-close {
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body.visual-theme-premiere .detail-action.is-focused,
body.visual-theme-premiere .detail-summary-button.is-focused {
  box-shadow: var(--focus-shadow);
}

body.visual-theme-premiere .library-action.is-focused {
  box-shadow: var(--focus-shadow);
}

body.visual-theme-premiere .library-control.is-focused {
  box-shadow: var(--focus-shadow);
}

body.visual-theme-premiere .library-control.is-active.is-focused {
  box-shadow: var(--primary-focus-shadow);
}

body.visual-theme-premiere .detail-action:not(.detail-action-secondary).is-focused {
  box-shadow: var(--primary-focus-shadow);
}

body.visual-theme-premiere .detail-choice.is-focused {
  box-shadow: var(--focus-shadow-inset);
}

body.visual-theme-premiere .player-button.is-focused,
body.visual-theme-premiere .player-chapters-hint.is-focused {
  box-shadow: var(--focus-shadow-inset);
}

body.visual-theme-premiere .library-control.is-active,
body.visual-theme-premiere .detail-action:not(.detail-action-secondary),
body.visual-theme-premiere .update-dialog-actions button.is-primary,
body.visual-theme-premiere .text-input-dialog-actions button.is-primary {
  background: linear-gradient(135deg, rgba(255,210,133,.98) 0%, rgba(222,178,106,.98) 44%, rgba(209,127,82,.98) 100%);
  color: #14181f;
}

body.visual-theme-premiere .app-settings-view {
  padding: 2.6% 5.6%;
}

body.visual-theme-premiere .app-settings-list {
  width: 76%;
  max-height: calc(100% - 108px);
  padding: 24px 26px 20px;
  background: linear-gradient(180deg, rgba(10,13,20,.92) 0%, rgba(10,13,20,.76) 100%);
  box-shadow: 0 24px 54px rgba(0,0,0,.28);
}

body.visual-theme-premiere .app-settings-section {
  border-bottom: 1px solid rgba(225,202,162,.12);
  color: #ffe2ad;
}

body.visual-theme-premiere .search-view,
body.visual-theme-premiere .library-view,
body.visual-theme-premiere .watchlist-view {
  padding-top: 1.5%;
}

body.visual-theme-premiere .search-query {
  margin-bottom: 12px;
  border-bottom: 0;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(12,16,23,.9) 0%, rgba(13,18,27,.72) 100%);
  box-shadow: inset 0 -2px 0 rgba(255,210,133,.6);
}

body.visual-theme-premiere .search-t9-legend,
body.visual-theme-premiere .library-filter-drawer,
body.visual-theme-premiere .choice-dialog-panel,
body.visual-theme-premiere .text-input-dialog-panel,
body.visual-theme-premiere .update-dialog-panel,
body.visual-theme-premiere .detail-summary-dialog-panel,
body.visual-theme-premiere .media-info-dialog-panel,
body.visual-theme-premiere .privacy-dialog-panel {
  background: linear-gradient(180deg, rgba(12,15,22,.98) 0%, rgba(9,11,17,.98) 100%);
  border: 1px solid rgba(225,202,162,.14);
  box-shadow: var(--panel-shadow);
}

body.visual-theme-premiere .detail-view {
  padding: 4.5% 6.2% 4%;
}

body.visual-theme-premiere .season-tabs {
  top: calc(1% + 10px);
  right: 26%;
  left: 6.2%;
}

body.visual-theme-premiere .season-tab {
  height: 50px;
  margin-right: 14px;
  padding: 0 18px;
  border-radius: 25px;
  color: #bbb4a6;
}

body.visual-theme-premiere .season-tab.is-current {
  background: rgba(255,255,255,.06);
  color: #fff9ef;
}

body.visual-theme-premiere .season-tab.is-current:after {
  right: 16px;
  bottom: 4px;
  left: 16px;
  height: 3px;
  border-radius: 3px;
}

body.visual-theme-premiere .detail-copy {
  width: 63%;
  padding: 26px 28px 30px;
  background: linear-gradient(135deg, rgba(9,12,20,.88) 0%, rgba(9,12,20,.64) 100%);
  box-shadow: 0 26px 60px rgba(0,0,0,.3);
}

body.visual-theme-premiere .detail-summary-button.is-overflowing:after {
  background: linear-gradient(to bottom, rgba(9,12,20,0) 0%, rgba(9,12,20,.96) 100%);
}

body.visual-theme-premiere .detail-poster {
  border-radius: var(--theme-corner-radius);
  overflow: hidden;
  box-shadow: 0 20px 48px rgba(0,0,0,.34);
}

body.visual-theme-premiere .detail-action {
  min-width: 190px;
  height: 58px;
  padding: 0 24px;
}

body.visual-theme-premiere .player-controls {
  padding: 22px 5.5% 20px;
  background: linear-gradient(180deg, rgba(5,6,10,0) 0%, rgba(7,9,13,.76) 22%, rgba(7,9,13,.95) 100%);
}

body.visual-theme-premiere .player-timeline {
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
}

body.visual-theme-premiere .player-progress {
  background: linear-gradient(to right, rgba(255,210,133,.98) 0%, rgba(138,194,255,.96) 100%);
}

body.visual-theme-premiere .player-progress:after {
  width: 20px;
  height: 20px;
  box-shadow: 0 0 0 3px rgba(10,12,17,.48), 0 0 18px rgba(255,210,133,.34);
}

body.visual-theme-premiere .player-playlist-queue {
  background: linear-gradient(180deg, rgba(10,13,20,.98) 0%, rgba(9,11,17,.98) 100%);
  box-shadow: -20px 0 52px rgba(0,0,0,.44);
}

body.visual-theme-premiere .player-playlist-queue:before {
  background: linear-gradient(to right, rgba(5,6,8,0), rgba(10,13,20,.96));
}

body.visual-theme-premiere .player-chapters-drawer {
  padding-top: 24px;
  background: linear-gradient(180deg, rgba(10,12,18,0) 0%, rgba(10,12,18,.56) 22%, rgba(10,12,18,.86) 100%);
}

body.visual-theme-premiere .chapter-card-caption,
body.visual-theme-premiere .playlist-queue-card-image-frame {
  background: linear-gradient(180deg, rgba(9,12,19,.1) 0%, rgba(9,12,19,.32) 100%);
}

body.visual-theme-premiere .playlist-queue-card-badge,
body.visual-theme-premiere .media-library-badge,
body.visual-theme-premiere .library-rating-badge {
  border-radius: 999px;
  background: rgba(8,10,15,.84);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

body.visual-theme-premiere .message {
  border-radius: 18px;
  padding: 12px 18px;
  background: linear-gradient(135deg, rgba(255,210,133,.98) 0%, rgba(181,216,255,.96) 100%);
  color: #13171d;
  box-shadow: 0 16px 34px rgba(0,0,0,.28);
}

/* source: styles/themes/aurora.css */
body.visual-theme-aurora {
  --detail-preference-badge-background: rgba(60,230,168,.10);
  --detail-preference-badge-border: rgba(60,230,168,.48);
  --detail-preference-badge-text: #9df5d5;
  --accent: #3ce6a8;
  --theme-app-background: #05070c;
  --theme-app-text: #eef6f2;
  --theme-scroll-track: #10151d;
  --theme-scroll-thumb: #3c5a56;
  --theme-backdrop-shade: linear-gradient(to right, rgba(4,6,10,.96) 0%, rgba(5,9,14,.8) 40%, rgba(6,11,17,.46) 68%, rgba(4,7,12,.74) 100%);
  --theme-media-card-surface: rgba(9,15,20,.86);
  --theme-card-caption-surface: linear-gradient(to bottom, rgba(6,11,15,.12) 0%, rgba(6,11,15,.86) 46%, rgba(6,11,15,.98) 100%);
  --theme-corner-radius: 14px;
  --control-surface: rgba(12,20,24,.92);
  --control-surface-focused: rgba(17,32,34,.98);
  --control-surface-disabled: rgba(9,13,17,.76);
  --control-value: #a9d8ca;
  --control-divider: rgba(120,224,190,.16);
  --action-surface: linear-gradient(135deg, rgba(15,29,32,.96) 0%, rgba(15,18,32,.98) 100%);
  --action-text: #f2fffa;
  --text-secondary: #8fa8ad;
  --text-disabled: #526064;
  --panel-divider: rgba(120,224,190,.16);
  --panel-surface: rgba(7,12,17,.97);
  --panel-overlay: rgba(2,4,7,.78);
  --panel-shadow: 0 26px 76px rgba(0,0,0,.66);
  --focus-color: #66f2c4;
  --focus-shadow: 0 0 0 2px #041713, 0 0 0 5px #52ecc1, 0 0 26px rgba(66,235,182,.5), 0 0 54px rgba(140,104,255,.26);
  --focus-shadow-inset: inset 0 0 0 2px #041713, inset 0 0 0 5px #52ecc1, 0 0 22px rgba(66,235,182,.38);
  --navigation-focus-shadow: inset 0 0 0 2px #041713, inset 0 0 0 5px #52ecc1;
  --primary-focus-shadow: 0 0 0 2px #041713, 0 0 0 5px #8f6bff, 0 0 26px rgba(143,107,255,.46), 0 0 50px rgba(66,235,182,.22);
}

body.visual-theme-aurora {
  background:
    radial-gradient(circle at 14% 79%, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) .4%),
    radial-gradient(circle at 63% 88%, rgba(255,255,255,.045) 0%, rgba(255,255,255,0) .3%),
    radial-gradient(circle at 37% 22%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) .35%),
    radial-gradient(circle at 91% 41%, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) .3%),
    radial-gradient(circle at 8% 12%, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) .35%),
    radial-gradient(circle at 22% 10%, rgba(60,230,168,.22) 0%, rgba(60,230,168,0) 32%),
    radial-gradient(circle at 84% 20%, rgba(143,107,255,.2) 0%, rgba(143,107,255,0) 36%),
    radial-gradient(circle at 55% 92%, rgba(34,199,217,.14) 0%, rgba(34,199,217,0) 40%),
    linear-gradient(180deg, #070c11 0%, #05080d 46%, #030405 100%);
}

body.visual-theme-aurora .topbar {
  position: relative;
  overflow: visible;
  border-bottom: 0;
  padding: 1% 3.2%;
  background: linear-gradient(180deg, rgba(3,6,10,.96) 0%, rgba(4,8,12,.86) 62%, rgba(4,8,12,0) 100%);
}

body.visual-theme-aurora .topbar:before {
  content: '';
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(to right, rgba(60,230,168,0) 0%, rgba(60,230,168,.6) 26%, rgba(34,199,217,.5) 50%, rgba(143,107,255,.6) 74%, rgba(143,107,255,0) 100%);
  box-shadow: 0 0 14px rgba(66,224,201,.3);
  pointer-events: none;
}

body.visual-theme-aurora .topbar > * {
  position: relative;
  z-index: 1;
}

body.visual-theme-aurora .brand {
  width: 68px;
  height: 68px;
  margin-right: 30px;
  border: 1px solid rgba(120,224,190,.24);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(9,28,26,.8) 0%, rgba(13,10,30,.8) 100%);
  box-shadow: 0 0 18px rgba(60,225,168,.14);
}

body.visual-theme-aurora .brand-logo {
  width: 68px;
  height: 68px;
}

body.visual-theme-aurora .nav-item,
body.visual-theme-aurora .server-activity,
body.visual-theme-aurora .active-profile {
  transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease;
}

body.visual-theme-aurora .nav-item {
  height: 50px;
  min-width: 110px;
  margin-right: 10px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #7c9b96;
  font-size: 24px;
  letter-spacing: .015em;
}

body.visual-theme-aurora .nav-item.is-selected {
  border-color: rgba(90,224,190,.2);
  background: linear-gradient(90deg, rgba(10,32,30,.92) 0%, rgba(13,15,32,.9) 100%);
  color: #eefffa;
  box-shadow: inset 3px 0 0 #3ce6a8, inset -1px 0 0 rgba(143,107,255,.4);
}

body.visual-theme-aurora .nav-item.is-selected:after {
  right: 12px;
  bottom: 5px;
  left: 12px;
  height: 2px;
  background: linear-gradient(to right, #3ce6a8 0%, #8f6bff 100%);
  box-shadow: 0 0 10px rgba(66,224,201,.4);
}

body.visual-theme-aurora .navigation-libraries .nav-item.is-focused,
body.visual-theme-aurora .nav-item.is-focused {
  border-color: rgba(102,242,196,.7);
  background: linear-gradient(90deg, rgba(9,40,36,.96) 0%, rgba(19,17,42,.96) 100%);
}

body.visual-theme-aurora .navigation-libraries .nav-item.is-focused {
  box-shadow: var(--navigation-focus-shadow);
}

body.visual-theme-aurora .server-activity,
body.visual-theme-aurora .active-profile {
  border: 1px solid transparent;
  border-radius: 12px;
  background: rgba(8,15,18,.62);
}

body.visual-theme-aurora .server-activity.is-focused,
body.visual-theme-aurora .active-profile:focus {
  border-color: rgba(102,242,196,.7);
  outline: 0;
  box-shadow: var(--focus-shadow);
}

body.visual-theme-aurora .server-activity-panel {
  border: 1px solid rgba(102,224,196,.2);
  border-radius: 12px;
  background: rgba(6,12,16,.98);
  box-shadow: 0 20px 56px rgba(0,0,0,.6), 0 0 22px rgba(60,225,168,.08);
}

body.visual-theme-aurora .server-activity-panel:before {
  border-bottom-color: rgba(6,12,16,.98);
}

body.visual-theme-aurora .activity-row,
body.visual-theme-aurora .activity-network-status {
  border-bottom-color: rgba(120,224,190,.14);
}

body.visual-theme-aurora .clock,
body.visual-theme-aurora .activity-network-status,
body.visual-theme-aurora .activity-subtitle,
body.visual-theme-aurora .player-status,
body.visual-theme-aurora .player-title-secondary,
body.visual-theme-aurora .player-quality,
body.visual-theme-aurora .player-delivery-mode,
body.visual-theme-aurora .player-end-time {
  color: #7d9c98;
}

body.visual-theme-aurora .content {
  height: 91%;
  padding: 2.3% 3.2% 1.8%;
}

body.visual-theme-aurora.is-home-surface-active .home-preview {
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  top: 8.6%;
  right: 3.2%;
  left: 3.2%;
  display: block;
  width: auto;
  height: 25%;
  padding: 0;
  overflow: hidden;
  pointer-events: none;
}

body.visual-theme-aurora.is-home-surface-active .home-preview.is-empty {
  visibility: hidden;
}

body.visual-theme-aurora .home-preview-copy {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: none;
  min-height: 220px;
  padding: 26px 32px;
  border: 1px solid rgba(110,224,196,.16);
  border-radius: 18px;
  background: linear-gradient(120deg, rgba(6,13,17,.94) 0%, rgba(7,12,20,.84) 60%, rgba(11,9,22,.7) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 22px 54px rgba(0,0,0,.4);
}

body.visual-theme-aurora .home-preview-copy:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 160px;
  height: 2px;
  border-radius: 0 0 18px 0;
  background: linear-gradient(to left, #8f6bff 0%, rgba(143,107,255,0) 100%);
}

body.visual-theme-aurora .home-preview-kicker {
  display: block;
  overflow: hidden;
  margin: 0 0 8px;
  color: #52ecc1;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .18em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.visual-theme-aurora .home-preview-title {
  overflow: hidden;
  margin: 0;
  color: #f4fffb;
  font-size: 50px;
  line-height: 1.06;
  letter-spacing: -.012em;
  text-shadow: 0 2px 26px rgba(0,0,0,.5), 0 0 34px rgba(66,224,201,.14);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.visual-theme-aurora .home-preview-meta {
  overflow: hidden;
  margin: 10px 0 0;
  color: #a6c7bf;
  font-size: 21px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.visual-theme-aurora .home-preview-summary {
  display: -webkit-box;
  overflow: hidden;
  max-width: none;
  max-height: 58px;
  margin: 12px 0 0;
  color: #d9ece6;
  font-size: 19px;
  line-height: 28px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.visual-theme-aurora.is-home-surface-active .content {
  position: absolute;
  top: 34%;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  padding: 0 3.2% 1.8%;
  overflow-y: auto;
}

body.visual-theme-aurora .media-section {
  position: relative;
  margin-bottom: 2%;
  padding: 14px 16px 16px 20px;
  border-left: 2px solid rgba(82,236,193,.3);
  background: linear-gradient(90deg, rgba(7,16,18,.4) 0%, rgba(7,14,17,.16) 55%, rgba(11,9,20,.08) 100%);
}

body.visual-theme-aurora .section-title,
body.visual-theme-aurora .library-recommendation-title {
  height: auto;
  margin: 0 0 14px;
  color: #edfffa;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: .015em;
}

body.visual-theme-aurora .media-card,
body.visual-theme-aurora .search-card,
body.visual-theme-aurora .library-card,
body.visual-theme-aurora .watchlist-card,
body.visual-theme-aurora .chapter-card,
body.visual-theme-aurora .playlist-queue-card {
  overflow: hidden;
  border: 1px solid rgba(120,224,190,.14);
  background: linear-gradient(165deg, rgba(11,20,24,.92) 0%, rgba(6,10,14,.98) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 14px 30px rgba(0,0,0,.32);
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

body.visual-theme-aurora .media-card.is-focused,
body.visual-theme-aurora .search-card.is-focused,
body.visual-theme-aurora .library-card.is-focused,
body.visual-theme-aurora .watchlist-card.is-focused,
body.visual-theme-aurora .chapter-card.is-focused,
body.visual-theme-aurora .playlist-queue-card.is-focused {
  border-color: rgba(102,242,196,.86);
  box-shadow: var(--focus-shadow), 0 24px 44px rgba(0,0,0,.42);
}

body.visual-theme-aurora .media-card.is-focused:before,
body.visual-theme-aurora .search-card.is-focused:before,
body.visual-theme-aurora .library-card.is-focused:before,
body.visual-theme-aurora .watchlist-card.is-focused:before {
  content: '';
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(to right, #52ecc1 0%, #3fd0c9 48%, #8f6bff 100%);
  box-shadow: 0 0 12px rgba(66,224,201,.5);
  pointer-events: none;
}

body.visual-theme-aurora .card-image,
body.visual-theme-aurora .search-card-image,
body.visual-theme-aurora .library-card-image,
body.visual-theme-aurora .watchlist-card-image,
body.visual-theme-aurora .chapter-card-image,
body.visual-theme-aurora .playlist-queue-card-image {
  background: linear-gradient(150deg, #0f2622 0%, #0a1216 48%, #171130 100%);
  object-fit: cover;
}

body.visual-theme-aurora .card-caption,
body.visual-theme-aurora .search-card-caption,
body.visual-theme-aurora .library-card-caption,
body.visual-theme-aurora .chapter-card-caption {
  background: var(--theme-card-caption-surface);
}

body.visual-theme-aurora .card-title,
body.visual-theme-aurora .search-card-title,
body.visual-theme-aurora .library-card-title,
body.visual-theme-aurora .chapter-card-title,
body.visual-theme-aurora .playlist-queue-card-title,
body.visual-theme-aurora .detail-title,
body.visual-theme-aurora .detail-subtitle,
body.visual-theme-aurora .player-title-primary {
  color: #edfffa;
}

body.visual-theme-aurora .card-meta,
body.visual-theme-aurora .card-detail,
body.visual-theme-aurora .search-card-meta,
body.visual-theme-aurora .search-card-detail,
body.visual-theme-aurora .library-card-meta,
body.visual-theme-aurora .library-card-detail,
body.visual-theme-aurora .detail-facts,
body.visual-theme-aurora .detail-summary,
body.visual-theme-aurora .detail-choice-label,
body.visual-theme-aurora .library-status,
body.visual-theme-aurora .app-settings-notice,
body.visual-theme-aurora .server-editor-hint,
body.visual-theme-aurora .app-settings-credit {
  color: #83a29d;
}

body.visual-theme-aurora .progress-track {
  height: 7px;
  background: rgba(60,110,101,.24);
}

body.visual-theme-aurora .progress-value {
  background: linear-gradient(to right, #3ce6a8 0%, #3fc9cf 55%, #8f6bff 100%);
  box-shadow: 0 0 10px rgba(66,224,201,.3);
}

body.visual-theme-aurora .library-view,
body.visual-theme-aurora .watchlist-view,
body.visual-theme-aurora .search-view,
body.visual-theme-aurora .app-settings-view,
body.visual-theme-aurora .detail-view {
  background: transparent;
}

body.visual-theme-aurora .library-view,
body.visual-theme-aurora .watchlist-view,
body.visual-theme-aurora .search-view {
  padding-top: 1.35%;
}

body.visual-theme-aurora .library-controls,
body.visual-theme-aurora .library-tabs {
  position: relative;
  margin-bottom: 10px;
  padding: 0 16px;
  border: 1px solid rgba(102,206,180,.14);
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(7,16,18,.8) 0%, rgba(8,11,20,.68) 100%);
}

body.visual-theme-aurora .library-tabs {
  box-sizing: border-box;
  flex: 0 1 auto;
  min-width: 0;
  height: 64px;
  overflow: hidden;
}

body.visual-theme-aurora .library-controls:after,
body.visual-theme-aurora .library-tabs:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 110px;
  height: 2px;
  background: linear-gradient(to left, #8f6bff 0%, rgba(143,107,255,0) 100%);
  pointer-events: none;
}

body.visual-theme-aurora .library-subnav {
  margin-bottom: 10px;
  background: transparent;
}

body.visual-theme-aurora .library-actions {
  flex: 0 0 auto;
  margin-left: auto;
}

body.visual-theme-aurora .library-tab,
body.visual-theme-aurora .library-action,
body.visual-theme-aurora .library-control,
body.visual-theme-aurora .search-key,
body.visual-theme-aurora .app-setting-row,
body.visual-theme-aurora .language-editor-row,
body.visual-theme-aurora .server-editor-row,
body.visual-theme-aurora .detail-action,
body.visual-theme-aurora .detail-choice,
body.visual-theme-aurora .player-button,
body.visual-theme-aurora .player-chapters-hint,
body.visual-theme-aurora .choice-dialog-actions button,
body.visual-theme-aurora .update-dialog-actions button,
body.visual-theme-aurora .text-input-dialog-actions button,
body.visual-theme-aurora .detail-summary-dialog-close,
body.visual-theme-aurora .media-info-dialog-close,
body.visual-theme-aurora .media-info-dialog-apply,
body.visual-theme-aurora .media-info-dialog-version-value,
body.visual-theme-aurora .privacy-dialog-close {
  border-radius: 12px;
  transition: background-color 140ms ease, box-shadow 140ms ease, transform 140ms ease, border-color 140ms ease;
}

body.visual-theme-aurora .library-tab {
  height: 50px;
  margin-right: 10px;
  border: 1px solid transparent;
  color: #74938e;
}

body.visual-theme-aurora .library-tab.is-active {
  border-color: rgba(90,224,190,.18);
  background: rgba(9,30,28,.8);
  color: #edfffa;
}

body.visual-theme-aurora .library-tab.is-active:after {
  right: 12px;
  bottom: 4px;
  left: 12px;
  height: 2px;
  background: linear-gradient(to right, #52ecc1 0%, #8f6bff 100%);
}

body.visual-theme-aurora .library-action,
body.visual-theme-aurora .library-control,
body.visual-theme-aurora .search-key,
body.visual-theme-aurora .app-setting-row,
body.visual-theme-aurora .language-editor-row,
body.visual-theme-aurora .server-editor-row,
body.visual-theme-aurora .detail-choice,
body.visual-theme-aurora .player-button,
body.visual-theme-aurora .player-chapters-hint {
  border: 1px solid rgba(102,196,178,.14);
  background: linear-gradient(135deg, rgba(9,20,22,.92) 0%, rgba(11,13,24,.92) 100%);
}

body.visual-theme-aurora .search-key.is-destructive {
  background: linear-gradient(135deg, rgba(58,16,46,.92) 0%, rgba(24,10,26,.92) 100%);
  color: #ff8fcf;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 0 12px rgba(255,110,199,.16);
}

body.visual-theme-aurora .library-control.is-active,
body.visual-theme-aurora .detail-action:not(.detail-action-secondary),
body.visual-theme-aurora .update-dialog-actions button.is-primary,
body.visual-theme-aurora .text-input-dialog-actions button.is-primary {
  border: 1px solid rgba(102,242,196,.5);
  background: linear-gradient(100deg, #52ecc1 0%, #3fc9cf 48%, #8f6bff 100%);
  color: #041713;
  box-shadow: 0 0 18px rgba(66,224,201,.22);
}

body.visual-theme-aurora .detail-action.is-focused,
body.visual-theme-aurora .detail-summary-button.is-focused {
  box-shadow: var(--focus-shadow);
}

body.visual-theme-aurora .detail-choice.is-focused {
  box-shadow: var(--focus-shadow-inset);
}

body.visual-theme-aurora .library-control.is-active.is-focused {
  border-color: rgba(102,242,196,.8);
  background: linear-gradient(100deg, #6ff2cf 0%, #57d3d8 48%, #a186ff 100%);
  color: #041713;
  box-shadow: var(--primary-focus-shadow);
}

body.visual-theme-aurora .detail-action:not(.detail-action-secondary).is-focused {
  box-shadow: var(--primary-focus-shadow);
}

body.visual-theme-aurora .app-setting-row.is-focused,
body.visual-theme-aurora .language-editor-row.is-focused,
body.visual-theme-aurora .server-editor-row.is-focused,
body.visual-theme-aurora .search-key.is-focused,
body.visual-theme-aurora .library-action.is-focused,
body.visual-theme-aurora .library-control.is-focused {
  border-color: rgba(102,242,196,.7);
  background: linear-gradient(90deg, rgba(9,38,35,.96) 0%, rgba(17,15,34,.96) 100%);
}

body.visual-theme-aurora .search-query {
  margin-bottom: 12px;
  border: 1px solid rgba(102,224,196,.2);
  border-bottom: 2px solid #52ecc1;
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(7,20,20,.9) 0%, rgba(9,11,22,.84) 100%);
  box-shadow: 0 0 18px rgba(60,225,168,.08);
}

body.visual-theme-aurora .search-t9-legend,
body.visual-theme-aurora .library-filter-drawer,
body.visual-theme-aurora .choice-dialog-panel,
body.visual-theme-aurora .text-input-dialog-panel,
body.visual-theme-aurora .update-dialog-panel,
body.visual-theme-aurora .detail-summary-dialog-panel,
body.visual-theme-aurora .media-info-dialog-panel,
body.visual-theme-aurora .privacy-dialog-panel {
  border: 1px solid rgba(110,224,196,.18);
  border-radius: var(--theme-corner-radius);
  background: linear-gradient(150deg, rgba(6,12,16,.98) 0%, rgba(8,8,18,.98) 100%);
  box-shadow: var(--panel-shadow), 0 0 26px rgba(60,225,168,.06);
  -webkit-animation: aurora-panel-in 180ms ease-out;
  animation: aurora-panel-in 180ms ease-out;
}

body.visual-theme-aurora .library-filter-drawer {
  border-left: 3px solid #3ce6a8;
  box-shadow: -18px 0 46px rgba(0,0,0,.58), -4px 0 22px rgba(60,225,168,.1);
}

@-webkit-keyframes aurora-panel-in {
  from { opacity: 0; -webkit-transform: translateX(16px); transform: translateX(16px); }
  to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes aurora-panel-in {
  from { opacity: 0; transform: translateX(16px); }
  to { opacity: 1; transform: translateX(0); }
}

body.visual-theme-aurora .app-settings-view {
  padding: 2.5% 5.2%;
}

body.visual-theme-aurora .app-settings-title {
  margin-bottom: 10px;
  color: #edfffa;
  letter-spacing: .015em;
}

body.visual-theme-aurora .app-settings-list {
  position: relative;
  width: 78%;
  max-height: calc(100% - 108px);
  padding: 22px 24px 18px;
  border: 1px solid rgba(102,206,180,.12);
  border-left: 3px solid rgba(82,236,193,.66);
  border-radius: var(--theme-corner-radius);
  background: linear-gradient(90deg, rgba(6,14,17,.9) 0%, rgba(8,9,18,.86) 100%);
  box-shadow: 0 20px 52px rgba(0,0,0,.3);
}

body.visual-theme-aurora .app-settings-section {
  border-bottom: 1px solid rgba(102,206,180,.16);
  color: #52ecc1;
  letter-spacing: .05em;
}

body.visual-theme-aurora .app-setting-stepper-track {
  background: rgba(80,120,113,.22);
}

body.visual-theme-aurora .app-setting-stepper-fill {
  background: linear-gradient(to right, #3ce6a8 0%, #8f6bff 100%);
  box-shadow: 0 0 10px rgba(66,224,201,.24);
}

body.visual-theme-aurora .app-setting-stepper-marker {
  border-color: #33473f;
  background: #081411;
}

body.visual-theme-aurora .app-setting-stepper-marker.is-active {
  border-color: #52ecc1;
  background: #52ecc1;
  box-shadow: 0 0 10px rgba(66,224,201,.38);
}

body.visual-theme-aurora .detail-view {
  padding: 4.2% 5.8% 4%;
}

body.visual-theme-aurora .season-tabs {
  top: calc(1% + 12px);
  right: 27%;
  left: 5.8%;
}

body.visual-theme-aurora .season-tab {
  height: 50px;
  margin-right: 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #78a099;
}

body.visual-theme-aurora .season-tab.is-current {
  border-color: rgba(90,224,190,.18);
  background: linear-gradient(90deg, rgba(8,29,26,.86) 0%, rgba(13,12,29,.86) 100%);
  color: #edfffa;
}

body.visual-theme-aurora .season-tab.is-current:after {
  right: 10px;
  bottom: 3px;
  left: 10px;
  height: 2px;
  background: linear-gradient(to right, #52ecc1 0%, #8f6bff 100%);
}

body.visual-theme-aurora .detail-copy {
  position: relative;
  width: 68%;
  margin-top: 16px;
  padding: 24px 28px 28px 32px;
  border: 1px solid rgba(102,206,180,.14);
  border-left: 3px solid #52ecc1;
  border-radius: var(--theme-corner-radius);
  background: linear-gradient(100deg, rgba(6,14,17,.9) 0%, rgba(7,9,18,.76) 70%, rgba(13,8,26,.6) 100%);
  box-shadow: 0 22px 54px rgba(0,0,0,.32);
}

body.visual-theme-aurora .detail-summary-button {
  width: 100%;
  max-width: 100%;
}

body.visual-theme-aurora .detail-title {
  font-size: 50px;
  letter-spacing: -.012em;
  text-shadow: 0 2px 24px rgba(0,0,0,.5), 0 0 30px rgba(66,224,201,.12);
}

body.visual-theme-aurora .detail-summary-button.is-overflowing:after {
  background: linear-gradient(to bottom, rgba(6,13,17,0) 0%, rgba(6,13,17,.96) 100%);
}

body.visual-theme-aurora .detail-poster {
  overflow: hidden;
  border: 1px solid rgba(102,206,180,.18);
  border-radius: var(--theme-corner-radius);
  box-shadow: 0 22px 48px rgba(0,0,0,.4), 0 0 24px rgba(60,225,168,.08);
}

body.visual-theme-aurora .detail-action {
  min-width: 190px;
  height: 58px;
  border: 1px solid rgba(102,206,180,.18);
}

body.visual-theme-aurora .detail-metadata-status {
  border-left: 3px solid #52ecc1;
  border-radius: 8px;
  background: rgba(6,15,17,.94);
  box-shadow: 0 0 16px rgba(60,225,168,.1);
}

body.visual-theme-aurora .player-controls {
  padding: 22px 5.5% 20px;
  background: linear-gradient(180deg, rgba(3,5,7,0) 0%, rgba(4,9,12,.78) 20%, rgba(4,9,12,.97) 100%);
  box-shadow: inset 0 1px 0 rgba(102,224,196,.12);
}

body.visual-theme-aurora .player-controls:before {
  content: '';
  position: absolute;
  top: 0;
  right: 5.5%;
  left: 5.5%;
  height: 2px;
  background: linear-gradient(to right, rgba(82,236,193,0) 0%, rgba(82,236,193,.8) 30%, rgba(143,107,255,.72) 70%, rgba(143,107,255,0) 100%);
  box-shadow: 0 0 14px rgba(66,224,201,.28);
}

body.visual-theme-aurora .player-timeline {
  height: 9px;
  border: 1px solid rgba(102,206,180,.18);
  border-radius: 4px;
  background: rgba(30,68,63,.22);
}

body.visual-theme-aurora .player-progress {
  background: linear-gradient(to right, #3ce6a8 0%, #3fc9cf 52%, #8f6bff 100%);
  box-shadow: 0 0 12px rgba(66,224,201,.32);
}

body.visual-theme-aurora .player-progress:after {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: #eefffa;
  box-shadow: 0 0 0 2px #051512, 0 0 14px rgba(82,236,193,.58);
  transform: translateY(-50%) rotate(45deg);
}

body.visual-theme-aurora .player-button.is-focused,
body.visual-theme-aurora .player-chapters-hint.is-focused {
  transform: translateY(-2px);
}

body.visual-theme-aurora .player-playlist-queue {
  border-left: 1px solid rgba(102,206,180,.2);
  border-radius: 0;
  background: linear-gradient(180deg, rgba(6,12,16,.98) 0%, rgba(7,8,17,.98) 100%);
  box-shadow: -22px 0 52px rgba(0,0,0,.54), -3px 0 20px rgba(60,225,168,.1);
}

body.visual-theme-aurora .player-playlist-queue:before {
  background: linear-gradient(to right, rgba(3,5,8,0), rgba(6,12,16,.98));
}

body.visual-theme-aurora .player-playlist-queue-header {
  border-bottom-color: rgba(102,206,180,.18);
}

body.visual-theme-aurora .playlist-queue-card-now-playing {
  border-color: #52ecc1;
  border-radius: 6px;
  background: rgba(6,15,17,.94);
  box-shadow: 0 0 0 2px rgba(143,107,255,.6), 0 0 16px rgba(66,224,201,.24);
}

body.visual-theme-aurora .player-chapters-drawer {
  border-top: 1px solid rgba(102,206,180,.1);
  border-radius: 0;
  background: linear-gradient(180deg, rgba(5,10,14,0) 0%, rgba(5,10,14,.56) 24%, rgba(5,9,14,.9) 100%);
}

body.visual-theme-aurora .playlist-queue-card-badge,
body.visual-theme-aurora .media-library-badge,
body.visual-theme-aurora .library-rating-badge {
  border: 1px solid rgba(102,224,196,.25);
  border-radius: 5px;
  background: rgba(5,12,15,.9);
  color: #dffff6;
}

body.visual-theme-aurora .message {
  border: 1px solid rgba(102,242,196,.4);
  border-radius: 10px;
  background: linear-gradient(100deg, rgba(60,230,168,.98) 0%, rgba(143,107,255,.98) 100%);
  color: #04120e;
  box-shadow: 0 0 22px rgba(66,224,201,.26), 0 16px 32px rgba(0,0,0,.32);
}

body.visual-theme-aurora .setup-title-spinner,
body.visual-theme-aurora .player-loading-spinner,
body.visual-theme-aurora .view-state-spinner {
  border-color: rgba(102,206,180,.22);
  border-top-color: #52ecc1;
  box-shadow: 0 0 10px rgba(66,224,201,.24);
}

body.visual-theme-aurora .server-activity.is-active .server-activity-spinner,
body.visual-theme-aurora .server-activity.is-home-refreshing .server-activity-spinner,
body.visual-theme-aurora .server-activity.is-stopping .server-activity-spinner {
  -webkit-filter: drop-shadow(0 0 5px rgba(82,236,193,.6));
  filter: drop-shadow(0 0 5px rgba(82,236,193,.6));
}

/* source: styles/themes/mahogany.css */
body.visual-theme-mahogany {
  --detail-preference-badge-background: rgba(201,151,79,.12);
  --detail-preference-badge-border: rgba(201,151,79,.52);
  --detail-preference-badge-text: #e5c28c;
  --accent: #c9974f;
  --theme-app-background: #140d09;
  --theme-app-text: #f0e6d8;
  --theme-scroll-track: #241813;
  --theme-scroll-thumb: #6b4a30;
  --theme-backdrop-shade: linear-gradient(to right, rgba(18,12,8,.97) 0%, rgba(20,14,10,.84) 40%, rgba(22,15,11,.5) 68%, rgba(18,12,8,.76) 100%);
  --theme-media-card-surface: rgba(30,20,14,.92);
  --theme-card-caption-surface: linear-gradient(to bottom, rgba(20,14,10,.14) 0%, rgba(20,14,10,.86) 46%, rgba(18,12,9,.98) 100%);
  --theme-corner-radius: 5px;
  --control-surface: rgba(36,24,17,.92);
  --control-surface-focused: rgba(50,33,23,.98);
  --control-surface-disabled: rgba(22,15,11,.76);
  --control-value: #d8c3a1;
  --control-divider: rgba(201,151,79,.16);
  --action-surface: linear-gradient(135deg, rgba(41,27,19,.96) 0%, rgba(30,19,13,.98) 100%);
  --action-text: #fbf1e0;
  --text-secondary: #b9a688;
  --text-disabled: #6b5c48;
  --panel-divider: rgba(201,151,79,.16);
  --panel-surface: rgba(24,16,11,.97);
  --panel-overlay: rgba(9,6,4,.8);
  --panel-shadow: 0 26px 76px rgba(0,0,0,.7);
  --focus-color: #e8c07e;
  --focus-shadow: 0 0 0 2px #140d09, 0 0 0 5px #dba85e, 0 0 24px rgba(201,151,79,.48), 0 0 46px rgba(122,46,46,.24);
  --focus-shadow-inset: inset 0 0 0 2px #140d09, inset 0 0 0 5px #dba85e, 0 0 20px rgba(201,151,79,.36);
  --navigation-focus-shadow: inset 0 0 0 2px #140d09, inset 0 0 0 5px #dba85e;
  --primary-focus-shadow: 0 0 0 2px #140d09, 0 0 0 5px #e8c07e, 0 0 26px rgba(232,192,126,.42), 0 0 44px rgba(122,46,46,.22);
}

body.visual-theme-mahogany {
  background:
    radial-gradient(circle at 24% 6%, rgba(232,192,126,.1) 0%, rgba(232,192,126,0) 30%),
    radial-gradient(circle at 82% 68%, rgba(122,46,46,.1) 0%, rgba(122,46,46,0) 36%),
    linear-gradient(180deg, #1c130d 0%, #150e09 48%, #0f0a06 100%);
}

body.visual-theme-mahogany:before {
  content: '';
  position: fixed;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: repeating-linear-gradient(90deg, rgba(0,0,0,.05) 0px, rgba(0,0,0,.05) 1px, transparent 1px, transparent 5px, rgba(255,255,255,.012) 5px, rgba(255,255,255,.012) 6px, transparent 6px, transparent 34px);
  opacity: .5;
  pointer-events: none;
}

body.visual-theme-mahogany .topbar {
  position: relative;
  overflow: visible;
  border-bottom: 0;
  padding: 1% 3.2%;
  background: linear-gradient(180deg, rgba(15,10,6,.97) 0%, rgba(17,11,7,.88) 62%, rgba(17,11,7,0) 100%);
}

body.visual-theme-mahogany .topbar:before {
  content: '';
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(to right, rgba(201,151,79,0) 0%, rgba(201,151,79,.6) 30%, rgba(201,151,79,.6) 70%, rgba(201,151,79,0) 100%);
  box-shadow: 0 0 10px rgba(201,151,79,.24);
  pointer-events: none;
}

body.visual-theme-mahogany .topbar > * {
  position: relative;
  z-index: 1;
}

body.visual-theme-mahogany .brand {
  width: 66px;
  height: 66px;
  margin-right: 30px;
  border: 1px solid rgba(201,151,79,.32);
  border-radius: 4px;
  background: linear-gradient(150deg, rgba(41,27,19,.9) 0%, rgba(24,16,11,.9) 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}

body.visual-theme-mahogany .brand-logo {
  width: 66px;
  height: 66px;
}

body.visual-theme-mahogany .nav-item,
body.visual-theme-mahogany .server-activity,
body.visual-theme-mahogany .active-profile {
  transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease;
}

body.visual-theme-mahogany .nav-item {
  height: 50px;
  min-width: 108px;
  margin-right: 8px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #a08a6c;
  font-size: 24px;
  letter-spacing: .02em;
}

body.visual-theme-mahogany .nav-item.is-selected {
  border-color: rgba(201,151,79,.24);
  background: linear-gradient(180deg, rgba(41,27,19,.9) 0%, rgba(28,18,13,.94) 100%);
  color: #f7ecd9;
  box-shadow: inset 0 -3px 0 #c9974f;
}

body.visual-theme-mahogany .nav-item.is-selected:after {
  display: none;
}

body.visual-theme-mahogany .navigation-libraries .nav-item.is-focused,
body.visual-theme-mahogany .nav-item.is-focused {
  border-color: rgba(232,192,126,.7);
  background: linear-gradient(180deg, rgba(48,32,22,.96) 0%, rgba(33,21,15,.96) 100%);
}

body.visual-theme-mahogany .navigation-libraries .nav-item.is-focused {
  box-shadow: var(--navigation-focus-shadow);
}

body.visual-theme-mahogany .server-activity,
body.visual-theme-mahogany .active-profile {
  border: 1px solid transparent;
  border-radius: 4px;
  background: rgba(30,20,14,.6);
}

body.visual-theme-mahogany .server-activity.is-focused,
body.visual-theme-mahogany .active-profile:focus {
  border-color: rgba(232,192,126,.7);
  outline: 0;
  box-shadow: var(--focus-shadow);
}

body.visual-theme-mahogany .server-activity-panel {
  border: 1px solid rgba(201,151,79,.24);
  border-radius: 4px;
  background: rgba(20,13,9,.98);
  box-shadow: 0 20px 54px rgba(0,0,0,.62);
}

body.visual-theme-mahogany .server-activity-panel:before {
  border-bottom-color: rgba(20,13,9,.98);
}

body.visual-theme-mahogany .activity-row,
body.visual-theme-mahogany .activity-network-status {
  border-bottom-color: rgba(201,151,79,.14);
}

body.visual-theme-mahogany .clock,
body.visual-theme-mahogany .activity-network-status,
body.visual-theme-mahogany .activity-subtitle,
body.visual-theme-mahogany .player-status,
body.visual-theme-mahogany .player-title-secondary,
body.visual-theme-mahogany .player-quality,
body.visual-theme-mahogany .player-delivery-mode,
body.visual-theme-mahogany .player-end-time {
  color: #a08a6c;
}

body.visual-theme-mahogany .content {
  height: 91%;
  padding: 2.3% 3.2% 1.8%;
}

body.visual-theme-mahogany.is-home-surface-active .home-preview {
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  top: 8.6%;
  right: 3.2%;
  left: 3.2%;
  display: block;
  width: auto;
  height: 25%;
  padding: 0;
  overflow: hidden;
  pointer-events: none;
}

body.visual-theme-mahogany.is-home-surface-active .home-preview.is-empty {
  visibility: hidden;
}

body.visual-theme-mahogany .home-preview-copy {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: none;
  min-height: 220px;
  padding: 26px 32px 26px 34px;
  border: 1px solid rgba(201,151,79,.2);
  border-left: 4px solid #c9974f;
  border-radius: 3px;
  background: linear-gradient(100deg, rgba(18,12,8,.95) 0%, rgba(20,13,9,.86) 62%, rgba(23,14,10,.7) 100%);
  box-shadow: 0 22px 54px rgba(0,0,0,.44);
}

body.visual-theme-mahogany .home-preview-copy:after {
  content: '';
  position: absolute;
  right: 22px;
  bottom: 18px;
  width: 40px;
  height: 1px;
  background: rgba(201,151,79,.5);
}

body.visual-theme-mahogany .home-preview-kicker {
  display: block;
  overflow: hidden;
  margin: 0 0 10px;
  color: #dba85e;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: .24em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.visual-theme-mahogany .home-preview-title {
  overflow: hidden;
  margin: 0;
  color: #f7ecd9;
  font-size: 48px;
  line-height: 1.08;
  letter-spacing: .006em;
  text-shadow: 0 2px 22px rgba(0,0,0,.6);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.visual-theme-mahogany .home-preview-meta {
  overflow: hidden;
  margin: 10px 0 0;
  color: #c2ac89;
  font-size: 21px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.visual-theme-mahogany .home-preview-summary {
  display: -webkit-box;
  overflow: hidden;
  max-width: none;
  max-height: 58px;
  margin: 12px 0 0;
  color: #e2d5bd;
  font-size: 19px;
  line-height: 28px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.visual-theme-mahogany.is-home-surface-active .content {
  position: absolute;
  top: 34%;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  padding: 0 3.2% 1.8%;
  overflow-y: auto;
}

body.visual-theme-mahogany .media-section {
  position: relative;
  margin-bottom: 2%;
  padding: 14px 16px 16px 20px;
  border-left: 2px solid rgba(201,151,79,.3);
  background: linear-gradient(90deg, rgba(30,20,14,.32) 0%, rgba(24,16,11,.14) 55%, transparent 100%);
}

body.visual-theme-mahogany .section-title,
body.visual-theme-mahogany .library-recommendation-title {
  height: auto;
  margin: 0 0 14px;
  color: #f2e6cf;
  font-size: 27px;
  line-height: 1.2;
  letter-spacing: .02em;
}

body.visual-theme-mahogany .media-card,
body.visual-theme-mahogany .search-card,
body.visual-theme-mahogany .library-card,
body.visual-theme-mahogany .watchlist-card,
body.visual-theme-mahogany .chapter-card,
body.visual-theme-mahogany .playlist-queue-card {
  overflow: hidden;
  border: 1px solid rgba(201,151,79,.16);
  border-radius: 3px;
  background: linear-gradient(165deg, rgba(34,23,16,.92) 0%, rgba(18,12,8,.98) 100%);
  box-shadow: 0 12px 26px rgba(0,0,0,.36);
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

body.visual-theme-mahogany .media-card.is-focused,
body.visual-theme-mahogany .search-card.is-focused,
body.visual-theme-mahogany .library-card.is-focused,
body.visual-theme-mahogany .watchlist-card.is-focused,
body.visual-theme-mahogany .chapter-card.is-focused,
body.visual-theme-mahogany .playlist-queue-card.is-focused {
  border-color: rgba(232,192,126,.86);
  box-shadow: var(--focus-shadow), 0 22px 40px rgba(0,0,0,.46);
}

body.visual-theme-mahogany .media-card.is-focused:before,
body.visual-theme-mahogany .search-card.is-focused:before,
body.visual-theme-mahogany .library-card.is-focused:before,
body.visual-theme-mahogany .watchlist-card.is-focused:before {
  content: '';
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(to right, #e8c07e 0%, #c9974f 55%, #7a2e2e 100%);
  pointer-events: none;
}

body.visual-theme-mahogany .card-image,
body.visual-theme-mahogany .search-card-image,
body.visual-theme-mahogany .library-card-image,
body.visual-theme-mahogany .watchlist-card-image,
body.visual-theme-mahogany .chapter-card-image,
body.visual-theme-mahogany .playlist-queue-card-image {
  background: linear-gradient(150deg, #2c1e15 0%, #17100b 60%, #260f0f 100%);
  object-fit: cover;
}

body.visual-theme-mahogany .card-caption,
body.visual-theme-mahogany .search-card-caption,
body.visual-theme-mahogany .library-card-caption,
body.visual-theme-mahogany .chapter-card-caption {
  background: var(--theme-card-caption-surface);
}

body.visual-theme-mahogany .card-title,
body.visual-theme-mahogany .search-card-title,
body.visual-theme-mahogany .library-card-title,
body.visual-theme-mahogany .chapter-card-title,
body.visual-theme-mahogany .playlist-queue-card-title,
body.visual-theme-mahogany .detail-title,
body.visual-theme-mahogany .detail-subtitle,
body.visual-theme-mahogany .player-title-primary {
  color: #f2e6cf;
}

body.visual-theme-mahogany .card-meta,
body.visual-theme-mahogany .card-detail,
body.visual-theme-mahogany .search-card-meta,
body.visual-theme-mahogany .search-card-detail,
body.visual-theme-mahogany .library-card-meta,
body.visual-theme-mahogany .library-card-detail,
body.visual-theme-mahogany .detail-facts,
body.visual-theme-mahogany .detail-summary,
body.visual-theme-mahogany .detail-choice-label,
body.visual-theme-mahogany .library-status,
body.visual-theme-mahogany .app-settings-notice,
body.visual-theme-mahogany .server-editor-hint,
body.visual-theme-mahogany .app-settings-credit {
  color: #a4906f;
}

body.visual-theme-mahogany .progress-track {
  height: 7px;
  background: rgba(90,68,45,.28);
}

body.visual-theme-mahogany .progress-value {
  background: linear-gradient(to right, #e8c07e 0%, #c9974f 60%, #7a2e2e 100%);
}

body.visual-theme-mahogany .library-view,
body.visual-theme-mahogany .watchlist-view,
body.visual-theme-mahogany .search-view,
body.visual-theme-mahogany .app-settings-view,
body.visual-theme-mahogany .detail-view {
  background: transparent;
}

body.visual-theme-mahogany .library-view,
body.visual-theme-mahogany .watchlist-view,
body.visual-theme-mahogany .search-view {
  padding-top: 1.35%;
}

body.visual-theme-mahogany .library-controls,
body.visual-theme-mahogany .library-tabs {
  position: relative;
  margin-bottom: 10px;
  padding: 0 16px;
  border: 1px solid rgba(201,151,79,.16);
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(30,20,14,.72) 0%, rgba(22,15,10,.62) 100%);
}

body.visual-theme-mahogany .library-tabs {
  box-sizing: border-box;
  flex: 0 1 auto;
  min-width: 0;
  height: 64px;
  overflow: hidden;
}

body.visual-theme-mahogany .library-subnav {
  margin-bottom: 10px;
  background: transparent;
}

body.visual-theme-mahogany .library-actions {
  flex: 0 0 auto;
  margin-left: auto;
}

body.visual-theme-mahogany .library-tab,
body.visual-theme-mahogany .library-action,
body.visual-theme-mahogany .library-control,
body.visual-theme-mahogany .search-key,
body.visual-theme-mahogany .app-setting-row,
body.visual-theme-mahogany .language-editor-row,
body.visual-theme-mahogany .server-editor-row,
body.visual-theme-mahogany .detail-action,
body.visual-theme-mahogany .detail-choice,
body.visual-theme-mahogany .player-button,
body.visual-theme-mahogany .player-chapters-hint,
body.visual-theme-mahogany .choice-dialog-actions button,
body.visual-theme-mahogany .update-dialog-actions button,
body.visual-theme-mahogany .text-input-dialog-actions button,
body.visual-theme-mahogany .detail-summary-dialog-close,
body.visual-theme-mahogany .media-info-dialog-close,
body.visual-theme-mahogany .media-info-dialog-apply,
body.visual-theme-mahogany .media-info-dialog-version-value,
body.visual-theme-mahogany .privacy-dialog-close {
  border-radius: 4px;
  transition: background-color 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

body.visual-theme-mahogany .library-tab {
  height: 50px;
  margin-right: 8px;
  border: 1px solid transparent;
  color: #9a8567;
}

body.visual-theme-mahogany .library-tab.is-active {
  border-color: rgba(201,151,79,.22);
  background: rgba(38,25,17,.86);
  color: #f7ecd9;
}

body.visual-theme-mahogany .library-tab.is-active:after {
  right: 10px;
  bottom: 3px;
  left: 10px;
  height: 2px;
  background: #c9974f;
}

body.visual-theme-mahogany .library-action,
body.visual-theme-mahogany .library-control,
body.visual-theme-mahogany .search-key,
body.visual-theme-mahogany .app-setting-row,
body.visual-theme-mahogany .language-editor-row,
body.visual-theme-mahogany .server-editor-row,
body.visual-theme-mahogany .detail-choice,
body.visual-theme-mahogany .player-button,
body.visual-theme-mahogany .player-chapters-hint {
  border: 1px solid rgba(201,151,79,.14);
  background: linear-gradient(180deg, rgba(34,23,16,.9) 0%, rgba(22,15,10,.94) 100%);
}

body.visual-theme-mahogany .search-key.is-destructive {
  background: linear-gradient(180deg, rgba(52,20,20,.92) 0%, rgba(30,12,12,.94) 100%);
  color: #e8a89c;
}

body.visual-theme-mahogany .library-control.is-active,
body.visual-theme-mahogany .detail-action:not(.detail-action-secondary),
body.visual-theme-mahogany .update-dialog-actions button.is-primary,
body.visual-theme-mahogany .text-input-dialog-actions button.is-primary {
  border: 1px solid rgba(232,192,126,.5);
  background: linear-gradient(180deg, #e8c07e 0%, #c9974f 100%);
  color: #211406;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
}

body.visual-theme-mahogany .detail-action.is-focused,
body.visual-theme-mahogany .detail-summary-button.is-focused {
  box-shadow: var(--focus-shadow);
}

body.visual-theme-mahogany .detail-choice.is-focused {
  box-shadow: var(--focus-shadow-inset);
}

body.visual-theme-mahogany .library-control.is-active.is-focused {
  border-color: rgba(247,220,168,.9);
  background: linear-gradient(180deg, #f7dca8 0%, #dba85e 100%);
  color: #211406;
  box-shadow: var(--primary-focus-shadow);
}

body.visual-theme-mahogany .detail-action:not(.detail-action-secondary).is-focused {
  box-shadow: var(--primary-focus-shadow);
}

body.visual-theme-mahogany .app-setting-row.is-focused,
body.visual-theme-mahogany .language-editor-row.is-focused,
body.visual-theme-mahogany .server-editor-row.is-focused,
body.visual-theme-mahogany .search-key.is-focused,
body.visual-theme-mahogany .library-action.is-focused,
body.visual-theme-mahogany .library-control.is-focused {
  border-color: rgba(232,192,126,.7);
  background: linear-gradient(180deg, rgba(50,33,23,.96) 0%, rgba(33,22,15,.96) 100%);
}

body.visual-theme-mahogany .search-query {
  margin-bottom: 12px;
  border: 1px solid rgba(201,151,79,.22);
  border-bottom: 2px solid #c9974f;
  border-radius: 3px;
  background: linear-gradient(180deg, rgba(30,20,14,.86) 0%, rgba(20,13,9,.9) 100%);
}

body.visual-theme-mahogany .search-t9-legend,
body.visual-theme-mahogany .library-filter-drawer,
body.visual-theme-mahogany .choice-dialog-panel,
body.visual-theme-mahogany .text-input-dialog-panel,
body.visual-theme-mahogany .update-dialog-panel,
body.visual-theme-mahogany .detail-summary-dialog-panel,
body.visual-theme-mahogany .media-info-dialog-panel,
body.visual-theme-mahogany .privacy-dialog-panel {
  border: 1px solid rgba(201,151,79,.22);
  border-radius: var(--theme-corner-radius);
  background: linear-gradient(165deg, rgba(22,15,10,.98) 0%, rgba(16,10,7,.98) 100%);
  box-shadow: var(--panel-shadow);
}

body.visual-theme-mahogany .library-filter-drawer {
  border-left: 4px solid #c9974f;
  box-shadow: -18px 0 46px rgba(0,0,0,.62);
}

body.visual-theme-mahogany .app-settings-view {
  padding: 2.5% 5.2%;
}

body.visual-theme-mahogany .app-settings-title {
  margin-bottom: 10px;
  color: #f2e6cf;
  letter-spacing: .02em;
}

body.visual-theme-mahogany .app-settings-list {
  position: relative;
  width: 78%;
  max-height: calc(100% - 108px);
  padding: 22px 24px 18px;
  border: 1px solid rgba(201,151,79,.16);
  border-left: 4px solid rgba(201,151,79,.6);
  border-radius: var(--theme-corner-radius);
  background: linear-gradient(180deg, rgba(24,16,11,.92) 0%, rgba(18,12,8,.9) 100%);
  box-shadow: 0 20px 52px rgba(0,0,0,.4);
}

body.visual-theme-mahogany .app-settings-section {
  border-bottom: 1px solid rgba(201,151,79,.18);
  color: #dba85e;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.visual-theme-mahogany .app-setting-stepper-track {
  background: rgba(90,68,45,.26);
}

body.visual-theme-mahogany .app-setting-stepper-fill {
  background: linear-gradient(to right, #c9974f 0%, #7a2e2e 100%);
}

body.visual-theme-mahogany .app-setting-stepper-marker {
  border-color: #4a3722;
  background: #1c130d;
}

body.visual-theme-mahogany .app-setting-stepper-marker.is-active {
  border-color: #e8c07e;
  background: #e8c07e;
}

body.visual-theme-mahogany .detail-view {
  padding: 4.2% 5.8% 4%;
}

body.visual-theme-mahogany .season-tabs {
  top: calc(1% + 12px);
  right: 27%;
  left: 5.8%;
}

body.visual-theme-mahogany .season-tab {
  height: 50px;
  margin-right: 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #9a8567;
}

body.visual-theme-mahogany .season-tab.is-current {
  border-color: rgba(201,151,79,.22);
  background: linear-gradient(180deg, rgba(38,25,17,.86) 0%, rgba(26,17,12,.9) 100%);
  color: #f7ecd9;
}

body.visual-theme-mahogany .season-tab.is-current:after {
  right: 10px;
  bottom: 3px;
  left: 10px;
  height: 2px;
  background: #c9974f;
}

body.visual-theme-mahogany .detail-copy {
  position: relative;
  width: 68%;
  margin-top: 16px;
  padding: 24px 28px 28px 32px;
  border: 1px solid rgba(201,151,79,.16);
  border-left: 4px solid #c9974f;
  border-radius: 3px;
  background: linear-gradient(100deg, rgba(20,13,9,.92) 0%, rgba(18,12,8,.78) 70%, rgba(24,12,12,.6) 100%);
  box-shadow: 0 22px 54px rgba(0,0,0,.46);
}

body.visual-theme-mahogany .detail-summary-button {
  width: 100%;
  max-width: 100%;
}

body.visual-theme-mahogany .detail-title {
  font-size: 48px;
  letter-spacing: .006em;
  text-shadow: 0 2px 22px rgba(0,0,0,.55);
}

body.visual-theme-mahogany .detail-summary-button.is-overflowing:after {
  background: linear-gradient(to bottom, rgba(20,13,9,0) 0%, rgba(20,13,9,.96) 100%);
}

body.visual-theme-mahogany .detail-poster {
  overflow: hidden;
  border: 1px solid rgba(201,151,79,.24);
  border-radius: var(--theme-corner-radius);
  box-shadow: 0 22px 48px rgba(0,0,0,.5);
}

body.visual-theme-mahogany .detail-action {
  min-width: 190px;
  height: 58px;
  border: 1px solid rgba(201,151,79,.16);
}

body.visual-theme-mahogany .detail-metadata-status {
  border-left: 4px solid #c9974f;
  border-radius: 3px;
  background: rgba(20,13,9,.94);
}

body.visual-theme-mahogany .player-controls {
  padding: 22px 5.5% 20px;
  background: linear-gradient(180deg, rgba(10,7,4,0) 0%, rgba(12,8,5,.82) 20%, rgba(12,8,5,.97) 100%);
}

body.visual-theme-mahogany .player-controls:before {
  content: '';
  position: absolute;
  top: 0;
  right: 5.5%;
  left: 5.5%;
  height: 1px;
  background: linear-gradient(to right, rgba(201,151,79,0) 0%, rgba(201,151,79,.7) 30%, rgba(122,46,46,.6) 70%, rgba(122,46,46,0) 100%);
}

body.visual-theme-mahogany .player-timeline {
  height: 8px;
  border: 1px solid rgba(201,151,79,.16);
  border-radius: 3px;
  background: rgba(60,44,29,.26);
}

body.visual-theme-mahogany .player-progress {
  background: linear-gradient(to right, #e8c07e 0%, #c9974f 60%, #7a2e2e 100%);
}

body.visual-theme-mahogany .player-progress:after {
  width: 17px;
  height: 17px;
  border-radius: 3px;
  background: #f7ecd9;
  box-shadow: 0 0 0 2px #140d09, 0 0 10px rgba(201,151,79,.5);
  transform: translateY(-50%) rotate(45deg);
}

body.visual-theme-mahogany .player-button.is-focused,
body.visual-theme-mahogany .player-chapters-hint.is-focused {
  transform: translateY(-2px);
}

body.visual-theme-mahogany .player-playlist-queue {
  border-left: 1px solid rgba(201,151,79,.2);
  border-radius: 0;
  background: linear-gradient(180deg, rgba(20,13,9,.98) 0%, rgba(16,10,7,.98) 100%);
  box-shadow: -22px 0 52px rgba(0,0,0,.58);
}

body.visual-theme-mahogany .player-playlist-queue:before {
  background: linear-gradient(to right, rgba(9,6,4,0), rgba(20,13,9,.98));
}

body.visual-theme-mahogany .player-playlist-queue-header {
  border-bottom-color: rgba(201,151,79,.18);
}

body.visual-theme-mahogany .playlist-queue-card-now-playing {
  border-color: #c9974f;
  border-radius: 3px;
  background: rgba(20,13,9,.94);
  box-shadow: 0 0 0 2px rgba(122,46,46,.5);
}

body.visual-theme-mahogany .player-chapters-drawer {
  border-top: 1px solid rgba(201,151,79,.12);
  border-radius: 0;
  background: linear-gradient(180deg, rgba(16,10,7,0) 0%, rgba(16,10,7,.6) 24%, rgba(15,10,7,.92) 100%);
}

body.visual-theme-mahogany .playlist-queue-card-badge,
body.visual-theme-mahogany .media-library-badge,
body.visual-theme-mahogany .library-rating-badge {
  border: 1px solid rgba(201,151,79,.3);
  border-radius: 3px;
  background: rgba(18,12,8,.9);
  color: #f0e6d8;
}

body.visual-theme-mahogany .message {
  border: 1px solid rgba(232,192,126,.4);
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(232,192,126,.98) 0%, rgba(201,151,79,.98) 100%);
  color: #211406;
  box-shadow: 0 16px 32px rgba(0,0,0,.36);
}

body.visual-theme-mahogany .setup-title-spinner,
body.visual-theme-mahogany .player-loading-spinner,
body.visual-theme-mahogany .view-state-spinner {
  border-color: rgba(201,151,79,.24);
  border-top-color: #dba85e;
}

body.visual-theme-mahogany .server-activity.is-active .server-activity-spinner,
body.visual-theme-mahogany .server-activity.is-home-refreshing .server-activity-spinner,
body.visual-theme-mahogany .server-activity.is-stopping .server-activity-spinner {
  -webkit-filter: drop-shadow(0 0 4px rgba(201,151,79,.5));
  filter: drop-shadow(0 0 4px rgba(201,151,79,.5));
}

/* source: styles/themes/atelier.css */
body.visual-theme-atelier {
  --detail-preference-badge-background: rgba(199,173,122,.10);
  --detail-preference-badge-border: rgba(199,173,122,.44);
  --detail-preference-badge-text: #d7c49c;
  --accent: #c7ad7a;
  --theme-app-background: #0d0d0c;
  --theme-app-text: #f3efe6;
  --theme-scroll-track: #1b1a18;
  --theme-scroll-thumb: #736d62;
  --theme-backdrop-shade: linear-gradient(to right, rgba(13,13,12,.97) 0%, rgba(13,13,12,.82) 42%, rgba(13,13,12,.44) 72%, rgba(13,13,12,.72) 100%);
  --theme-media-card-surface: rgba(22,21,19,.94);
  --theme-card-caption-surface: linear-gradient(to bottom, rgba(18,17,15,.08) 0%, rgba(18,17,15,.82) 46%, rgba(18,17,15,.98) 100%);
  --theme-corner-radius: 4px;
  --control-surface: #1b1a18;
  --control-surface-focused: #292724;
  --control-surface-disabled: #151412;
  --control-value: #d0c8b9;
  --control-divider: rgba(222,211,190,.16);
  --action-surface: #24221f;
  --action-text: #f7f2e9;
  --text-secondary: #b7afa1;
  --text-disabled: #777166;
  --panel-divider: rgba(222,211,190,.17);
  --panel-surface: #151412;
  --panel-overlay: rgba(7,7,6,.78);
  --panel-shadow: 0 22px 64px rgba(0,0,0,.54);
  --focus-color: #f1e8d8;
  --focus-shadow: 0 0 0 1px #0d0d0c, 0 0 0 4px #f1e8d8, 0 14px 36px rgba(0,0,0,.42);
  --focus-shadow-inset: inset 0 0 0 1px #0d0d0c, inset 0 0 0 4px #f1e8d8;
  --primary-focus-shadow: 0 0 0 1px #0d0d0c, 0 0 0 4px #c7ad7a, 0 14px 36px rgba(0,0,0,.4);
}

body.visual-theme-atelier {
  background:
    linear-gradient(115deg, rgba(194,168,118,.055) 0%, rgba(194,168,118,0) 28%),
    linear-gradient(180deg, #151411 0%, #0f0f0d 46%, #0b0b0a 100%);
}

body.visual-theme-atelier:before {
  content: '';
  position: fixed;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(255,255,255,.012) 0%, rgba(255,255,255,0) 22%, rgba(255,255,255,.008) 74%, rgba(255,255,255,0) 100%);
  pointer-events: none;
}

body.visual-theme-atelier .topbar {
  position: relative;
  padding: .95% 3.2%;
  background: rgba(13,13,12,.9);
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
}

body.visual-theme-atelier .topbar:after {
  content: '';
  position: absolute;
  right: 3.2%;
  bottom: 0;
  left: 3.2%;
  height: 1px;
  background: rgba(222,211,190,.22);
  pointer-events: none;
}

body.visual-theme-atelier .brand,
body.visual-theme-atelier .brand-logo {
  width: 66px;
  height: 66px;
}

body.visual-theme-atelier .brand {
  margin-right: 34px;
  opacity: .94;
}

body.visual-theme-atelier .nav-item,
body.visual-theme-atelier .server-activity,
body.visual-theme-atelier .active-profile {
  -webkit-transition: color 120ms ease, background-color 120ms ease;
  transition: color 120ms ease, background-color 120ms ease;
}

body.visual-theme-atelier .nav-item {
  height: 48px;
  min-width: 108px;
  margin-right: 18px;
  padding: 0 12px;
  color: #aaa295;
  font-size: 23px;
  font-weight: normal;
  letter-spacing: .035em;
}

body.visual-theme-atelier .nav-item.is-selected {
  color: #f5f0e7;
}

body.visual-theme-atelier .nav-item.is-selected:after {
  right: 12px;
  bottom: 2px;
  left: 12px;
  height: 2px;
  background: #c7ad7a;
}

body.visual-theme-atelier .nav-item.is-focused,
body.visual-theme-atelier .navigation-libraries .nav-item.is-focused {
  background: rgba(255,255,255,.045);
  box-shadow: inset 0 -2px 0 #eadfca;
}

body.visual-theme-atelier .server-activity,
body.visual-theme-atelier .active-profile {
  border: 1px solid transparent;
  border-radius: 3px;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

body.visual-theme-atelier .server-activity.is-focused,
body.visual-theme-atelier .active-profile.is-focused,
body.visual-theme-atelier .active-profile:focus {
  border-color: rgba(241,232,216,.72);
  outline: 0;
  background: rgba(255,255,255,.045);
  box-shadow: var(--focus-shadow);
}

body.visual-theme-atelier .server-activity-panel {
  border: 1px solid rgba(222,211,190,.18);
  border-radius: 3px;
  background: #171614;
  box-shadow: 0 18px 42px rgba(0,0,0,.42);
}

body.visual-theme-atelier .server-activity-panel:before {
  border-bottom-color: #171614;
}

body.visual-theme-atelier .clock,
body.visual-theme-atelier .activity-network-status,
body.visual-theme-atelier .activity-subtitle,
body.visual-theme-atelier .player-status,
body.visual-theme-atelier .player-title-secondary,
body.visual-theme-atelier .player-quality,
body.visual-theme-atelier .player-delivery-mode,
body.visual-theme-atelier .player-end-time {
  color: #aaa295;
}

body.visual-theme-atelier .content {
  height: 91%;
  padding: 2.2% 3.2% 1.8%;
}

body.visual-theme-atelier.is-home-surface-active .home-preview {
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  top: 9%;
  right: 0;
  left: 0;
  display: block;
  height: 24%;
  padding: 0 3.2%;
  overflow: hidden;
  pointer-events: none;
}

body.visual-theme-atelier.is-home-surface-active .home-preview.is-empty {
  visibility: hidden;
}

body.visual-theme-atelier .home-preview-copy {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  padding: 18px 0 20px 30px;
  border-left: 2px solid #c7ad7a;
  background: linear-gradient(to right, rgba(13,13,12,.9) 0%, rgba(13,13,12,.62) 60%, rgba(13,13,12,0) 100%);
}

body.visual-theme-atelier .home-preview-kicker {
  display: block;
  overflow: hidden;
  margin: 0 0 12px;
  color: #c7ad7a;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .2em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.visual-theme-atelier .home-preview-title {
  overflow: hidden;
  margin: 0;
  color: #fbf7ef;
  font-size: 56px;
  font-weight: normal;
  line-height: 1.02;
  letter-spacing: -.018em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.visual-theme-atelier .home-preview-meta {
  overflow: hidden;
  margin: 12px 0 0;
  color: #d0c8b9;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: .02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.visual-theme-atelier .home-preview-summary {
  display: -webkit-box;
  overflow: hidden;
  max-width: none;
  max-height: 60px;
  margin: 13px 0 0;
  color: #e3dccf;
  font-size: 20px;
  line-height: 29px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.visual-theme-atelier.is-home-surface-active .content {
  position: absolute;
  top: 33.5%;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  padding: 0 3.2% 2%;
  overflow-y: auto;
}

body.visual-theme-atelier .media-section {
  margin-bottom: 2.2%;
  padding: 0 0 20px;
  border-bottom: 1px solid rgba(222,211,190,.1);
}

body.visual-theme-atelier .section-title,
body.visual-theme-atelier .library-recommendation-title {
  height: auto;
  margin: 0 0 15px;
  color: #eee7db;
  font-size: 27px;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: .045em;
}

body.visual-theme-atelier .media-card,
body.visual-theme-atelier .search-card,
body.visual-theme-atelier .library-card,
body.visual-theme-atelier .watchlist-card,
body.visual-theme-atelier .chapter-card,
body.visual-theme-atelier .playlist-queue-card {
  overflow: hidden;
  border: 1px solid rgba(222,211,190,.1);
  border-radius: 4px;
  background: #171614;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  -webkit-transition: border-color 120ms ease;
  transition: border-color 120ms ease;
}

body.visual-theme-atelier .media-card.is-focused,
body.visual-theme-atelier .search-card.is-focused,
body.visual-theme-atelier .library-card.is-focused,
body.visual-theme-atelier .watchlist-card.is-focused,
body.visual-theme-atelier .chapter-card.is-focused,
body.visual-theme-atelier .playlist-queue-card.is-focused {
  border-color: rgba(234,223,202,.62);
  box-shadow: var(--focus-shadow);
}

body.visual-theme-atelier .card-image,
body.visual-theme-atelier .search-card-image,
body.visual-theme-atelier .library-card-image,
body.visual-theme-atelier .watchlist-card-image,
body.visual-theme-atelier .chapter-card-image,
body.visual-theme-atelier .playlist-queue-card-image {
  background: #1b1a18;
  object-fit: cover;
}

body.visual-theme-atelier .card-caption,
body.visual-theme-atelier .search-card-caption,
body.visual-theme-atelier .library-card-caption,
body.visual-theme-atelier .chapter-card-caption {
  background: var(--theme-card-caption-surface);
}

body.visual-theme-atelier .card-title,
body.visual-theme-atelier .search-card-title,
body.visual-theme-atelier .library-card-title,
body.visual-theme-atelier .chapter-card-title,
body.visual-theme-atelier .playlist-queue-card-title,
body.visual-theme-atelier .detail-title,
body.visual-theme-atelier .detail-subtitle {
  color: #f4eee4;
}

body.visual-theme-atelier .card-title,
body.visual-theme-atelier .search-card-title,
body.visual-theme-atelier .library-card-title {
  font-weight: normal;
  letter-spacing: .015em;
}

body.visual-theme-atelier .card-meta,
body.visual-theme-atelier .card-detail,
body.visual-theme-atelier .search-card-meta,
body.visual-theme-atelier .search-card-detail,
body.visual-theme-atelier .library-card-meta,
body.visual-theme-atelier .library-card-detail,
body.visual-theme-atelier .detail-facts,
body.visual-theme-atelier .detail-summary,
body.visual-theme-atelier .detail-choice-label,
body.visual-theme-atelier .library-status,
body.visual-theme-atelier .app-settings-notice,
body.visual-theme-atelier .server-editor-hint,
body.visual-theme-atelier .app-settings-credit {
  color: #aaa295;
}

body.visual-theme-atelier .progress-track {
  height: 5px;
  background: rgba(255,255,255,.1);
}

body.visual-theme-atelier .progress-value {
  background: #c7ad7a;
}

body.visual-theme-atelier .library-view,
body.visual-theme-atelier .watchlist-view,
body.visual-theme-atelier .search-view,
body.visual-theme-atelier .app-settings-view,
body.visual-theme-atelier .detail-view {
  background: transparent;
}

body.visual-theme-atelier .library-subnav,
body.visual-theme-atelier .library-controls {
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(222,211,190,.12);
  background: transparent;
}

body.visual-theme-atelier .library-tab {
  height: 50px;
  margin-right: 18px;
  padding: 0 10px;
  color: #999184;
  font-size: 21px;
  font-weight: normal;
  letter-spacing: .04em;
}

body.visual-theme-atelier .library-tab.is-active {
  color: #f4eee4;
}

body.visual-theme-atelier .library-tab.is-active:after {
  right: 10px;
  bottom: 1px;
  left: 10px;
  height: 2px;
  background: #c7ad7a;
}

body.visual-theme-atelier .library-action,
body.visual-theme-atelier .library-control,
body.visual-theme-atelier .app-setting-row,
body.visual-theme-atelier .language-editor-row,
body.visual-theme-atelier .server-editor-row,
body.visual-theme-atelier .search-key,
body.visual-theme-atelier .detail-action,
body.visual-theme-atelier .detail-choice,
body.visual-theme-atelier .player-button,
body.visual-theme-atelier .player-chapters-hint,
body.visual-theme-atelier .update-dialog-actions button,
body.visual-theme-atelier .text-input-dialog-actions button,
body.visual-theme-atelier .choice-dialog-actions button,
body.visual-theme-atelier .detail-summary-dialog-close,
body.visual-theme-atelier .media-info-dialog-close,
body.visual-theme-atelier .media-info-dialog-apply,
body.visual-theme-atelier .media-info-dialog-version-value,
body.visual-theme-atelier .privacy-dialog-close {
  border: 1px solid rgba(222,211,190,.12);
  border-radius: 3px;
  background: #201f1c;
  box-shadow: none;
  -webkit-transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease, -webkit-transform 140ms ease;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

body.visual-theme-atelier .library-control.is-active,
body.visual-theme-atelier .detail-action:not(.detail-action-secondary),
body.visual-theme-atelier .update-dialog-actions button.is-primary,
body.visual-theme-atelier .text-input-dialog-actions button.is-primary {
  border-color: #c7ad7a;
  background: #c7ad7a;
  color: #171511;
}

body.visual-theme-atelier .library-action.is-focused,
body.visual-theme-atelier .library-control.is-focused,
body.visual-theme-atelier .app-setting-row.is-focused,
body.visual-theme-atelier .language-editor-row.is-focused,
body.visual-theme-atelier .server-editor-row.is-focused,
body.visual-theme-atelier .search-key.is-focused,
body.visual-theme-atelier .detail-action.is-focused,
body.visual-theme-atelier .detail-choice.is-focused,
body.visual-theme-atelier .player-button.is-focused,
body.visual-theme-atelier .player-chapters-hint.is-focused {
  border-color: rgba(241,232,216,.72);
  background: #2b2925;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

body.visual-theme-atelier .library-control.is-active.is-focused,
body.visual-theme-atelier .detail-action:not(.detail-action-secondary).is-focused,
body.visual-theme-atelier .update-dialog-actions button.is-primary.is-focused,
body.visual-theme-atelier .text-input-dialog-actions button.is-primary.is-focused {
  border-color: #ead7ae;
  background: #d8c18f;
  color: #171511;
  box-shadow: var(--primary-focus-shadow);
}

body.visual-theme-atelier .player-button.is-focused,
body.visual-theme-atelier .player-chapters-hint.is-focused {
  border-color: #ffffff;
  box-shadow: inset 0 0 0 5px #ffffff;
  -webkit-transform: none;
  transform: none;
}

body.visual-theme-atelier .app-settings-view {
  padding: 2.8% 7%;
}

body.visual-theme-atelier .app-settings-title {
  margin-bottom: 12px;
  color: #f5efe5;
  font-size: 42px;
  font-weight: normal;
  letter-spacing: .02em;
}

body.visual-theme-atelier .app-settings-list {
  width: 70%;
  padding: 24px 26px 26px;
  border: 1px solid rgba(222,211,190,.1);
  background: rgba(20,19,17,.82);
  box-shadow: 0 18px 46px rgba(0,0,0,.22);
}

body.visual-theme-atelier .app-settings-section {
  margin-top: 26px;
  border-bottom: 1px solid rgba(222,211,190,.14);
  color: #c7ad7a;
  font-size: 17px;
  font-weight: normal;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.visual-theme-atelier .app-setting-row,
body.visual-theme-atelier .language-editor-row {
  min-height: 58px;
  margin-bottom: 6px;
  padding: 0 20px;
}

body.visual-theme-atelier .search-view {
  padding-top: 1.35%;
}

body.visual-theme-atelier .search-query {
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(199,173,122,.72);
  background: transparent;
  color: #f4eee4;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: .025em;
}

body.visual-theme-atelier .search-t9-legend,
body.visual-theme-atelier .library-filter-drawer,
body.visual-theme-atelier .choice-dialog-panel,
body.visual-theme-atelier .text-input-dialog-panel,
body.visual-theme-atelier .update-dialog-panel,
body.visual-theme-atelier .detail-summary-dialog-panel,
body.visual-theme-atelier .media-info-dialog-panel,
body.visual-theme-atelier .privacy-dialog-panel {
  border: 1px solid rgba(222,211,190,.16);
  border-radius: 3px;
  background: #171614;
  box-shadow: var(--panel-shadow);
}

body.visual-theme-atelier .library-filter-drawer {
  border-left: 2px solid #c7ad7a;
}

body.visual-theme-atelier .detail-view {
  padding: 4.6% 6.4% 4%;
}

body.visual-theme-atelier .season-tabs {
  top: calc(1% + 12px);
  right: 25%;
  left: 6.4%;
}

body.visual-theme-atelier .season-tab {
  height: 48px;
  margin-right: 18px;
  padding: 0 10px;
  color: #a59d90;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: .035em;
}

body.visual-theme-atelier .season-tab.is-current {
  color: #f5efe5;
}

body.visual-theme-atelier .season-tab.is-current:after {
  right: 10px;
  bottom: 1px;
  left: 10px;
  height: 2px;
  background: #c7ad7a;
}

body.visual-theme-atelier .detail-copy {
  width: 62%;
  padding: 22px 28px 26px;
  border-left: 1px solid rgba(199,173,122,.7);
  background: linear-gradient(to right, rgba(17,16,14,.82) 0%, rgba(17,16,14,.34) 72%, rgba(17,16,14,0) 100%);
}

body.visual-theme-atelier .detail-title {
  font-size: 50px;
  font-weight: normal;
  letter-spacing: -.012em;
}

body.visual-theme-atelier .detail-subtitle {
  font-weight: normal;
}

body.visual-theme-atelier .detail-summary-button.is-overflowing:after {
  background: linear-gradient(to bottom, rgba(17,16,14,0) 0%, rgba(17,16,14,.96) 100%);
}

body.visual-theme-atelier .detail-poster {
  overflow: hidden;
  border: 1px solid rgba(222,211,190,.12);
  border-radius: var(--theme-corner-radius);
  box-shadow: 0 18px 44px rgba(0,0,0,.28);
}

body.visual-theme-atelier .detail-action {
  min-width: 184px;
  height: 56px;
  padding: 0 24px;
  font-size: 21px;
  font-weight: normal;
  letter-spacing: .02em;
}

body.visual-theme-atelier .player-controls {
  padding: 22px 6% 18px;
  border-top: 1px solid rgba(222,211,190,.11);
  background: linear-gradient(180deg, rgba(12,12,11,.1) 0%, rgba(12,12,11,.78) 18%, rgba(12,12,11,.96) 100%);
}

body.visual-theme-atelier .player-title-primary {
  color: #f5efe5;
  font-weight: normal;
  letter-spacing: .015em;
}

body.visual-theme-atelier .player-timeline {
  height: 6px;
  border-radius: 0;
  background: rgba(255,255,255,.14);
}

body.visual-theme-atelier .player-progress {
  background: #c7ad7a;
}

body.visual-theme-atelier .player-progress:after {
  width: 16px;
  height: 16px;
  border-radius: 0;
  background: #f2e9d8;
  box-shadow: 0 0 0 2px rgba(13,13,12,.72);
}

body.visual-theme-atelier .player-playlist-queue {
  border-left: 1px solid rgba(222,211,190,.14);
  border-radius: 0;
  background: #151412;
  box-shadow: -18px 0 46px rgba(0,0,0,.38);
}

body.visual-theme-atelier .player-playlist-queue:before {
  background: linear-gradient(to right, rgba(13,13,12,0), rgba(21,20,18,.97));
}

body.visual-theme-atelier .player-playlist-queue-header {
  border-bottom-color: rgba(222,211,190,.14);
}

body.visual-theme-atelier .player-chapters-drawer {
  border-radius: 0;
  background: linear-gradient(180deg, rgba(13,13,12,0) 0%, rgba(13,13,12,.58) 28%, rgba(13,13,12,.9) 100%);
}

body.visual-theme-atelier .playlist-queue-card-badge,
body.visual-theme-atelier .media-library-badge,
body.visual-theme-atelier .library-rating-badge {
  border: 1px solid rgba(234,223,202,.2);
  border-radius: 2px;
  background: rgba(14,14,13,.86);
  color: #eee6d8;
}

body.visual-theme-atelier .message {
  border: 1px solid rgba(23,21,17,.22);
  border-radius: 2px;
  background: #c7ad7a;
  color: #171511;
  box-shadow: 0 14px 32px rgba(0,0,0,.28);
}

@-webkit-keyframes atelier-copy-in {
  from { opacity: 0; -webkit-transform: translateX(-8px); transform: translateX(-8px); }
  to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes atelier-copy-in {
  from { opacity: 0; transform: translateX(-8px); }
  to { opacity: 1; transform: translateX(0); }
}

/* source: styles/themes/nova.css */
body.visual-theme-nova {
  --detail-preference-badge-background: rgba(99,239,255,.10);
  --detail-preference-badge-border: rgba(99,239,255,.50);
  --detail-preference-badge-text: #a8f6ff;
  --accent: #63efff;
  --theme-app-background: #03050a;
  --theme-app-text: #eefaff;
  --theme-scroll-track: #0c1320;
  --theme-scroll-thumb: #355b72;
  --theme-backdrop-shade: linear-gradient(to right, rgba(2,5,10,.98) 0%, rgba(3,8,16,.82) 38%, rgba(4,10,18,.48) 68%, rgba(2,5,10,.76) 100%);
  --theme-media-card-surface: rgba(7,14,23,.9);
  --theme-card-caption-surface: linear-gradient(to bottom, rgba(5,12,20,.1) 0%, rgba(5,12,20,.88) 48%, rgba(4,9,16,.98) 100%);
  --theme-corner-radius: 8px;
  --control-surface: rgba(8,18,30,.94);
  --control-surface-focused: rgba(12,31,48,.98);
  --control-surface-disabled: rgba(8,12,19,.78);
  --control-value: #8cd9e7;
  --control-divider: rgba(83,197,224,.18);
  --action-surface: linear-gradient(135deg, rgba(10,28,43,.98) 0%, rgba(16,17,38,.98) 100%);
  --action-text: #eefdff;
  --text-secondary: #83a6b4;
  --text-disabled: #4a6270;
  --panel-divider: rgba(91,214,237,.2);
  --panel-surface: rgba(4,10,18,.98);
  --panel-overlay: rgba(1,3,7,.8);
  --panel-shadow: 0 24px 72px rgba(0,0,0,.68);
  --focus-color: #7ef7ff;
  --focus-shadow: 0 0 0 2px #03101a, 0 0 0 5px #73f3ff, 0 0 24px rgba(79,226,255,.54), 0 0 52px rgba(121,82,255,.24);
  --focus-shadow-inset: inset 0 0 0 2px #03101a, inset 0 0 0 5px #73f3ff, 0 0 20px rgba(79,226,255,.42);
  --navigation-focus-shadow: inset 0 0 0 2px #03101a, inset 0 0 0 5px #73f3ff;
  --primary-focus-shadow: 0 0 0 2px #03101a, 0 0 0 5px #a07cff, 0 0 24px rgba(130,93,255,.48), 0 0 48px rgba(64,231,255,.2);
}

body.visual-theme-nova {
  background:
    radial-gradient(circle at 78% 9%, rgba(82,57,174,.2) 0%, rgba(82,57,174,0) 27%),
    radial-gradient(circle at 17% 26%, rgba(0,177,210,.16) 0%, rgba(0,177,210,0) 24%),
    linear-gradient(180deg, #07101b 0%, #03070e 52%, #020409 100%);
}

body.visual-theme-nova:before {
  content: '';
  position: fixed;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image:
    linear-gradient(rgba(73,192,220,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(73,192,220,.035) 1px, transparent 1px);
  background-size: 72px 72px;
  pointer-events: none;
}

body.visual-theme-nova .topbar {
  position: relative;
  overflow: visible;
  padding: 1% 3.2%;
  background: linear-gradient(180deg, rgba(3,7,13,.98) 0%, rgba(4,9,16,.9) 70%, rgba(4,9,16,.36) 100%);
  box-shadow: 0 14px 34px rgba(0,0,0,.34);
}

body.visual-theme-nova .topbar:before {
  content: '';
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(to right, rgba(41,235,255,0) 0%, rgba(41,235,255,.76) 20%, rgba(139,91,255,.82) 52%, rgba(41,235,255,.5) 78%, rgba(41,235,255,0) 100%);
  box-shadow: 0 0 14px rgba(57,225,255,.35);
  pointer-events: none;
}

body.visual-theme-nova .topbar > * {
  position: relative;
  z-index: 1;
}

body.visual-theme-nova .brand {
  width: 70px;
  height: 70px;
  margin-right: 28px;
  border: 1px solid rgba(93,225,246,.24);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(10,31,45,.74) 0%, rgba(21,12,42,.74) 100%);
  box-shadow: 0 0 20px rgba(50,215,243,.14);
}

body.visual-theme-nova .brand-logo {
  width: 70px;
  height: 70px;
}

body.visual-theme-nova .nav-item,
body.visual-theme-nova .server-activity,
body.visual-theme-nova .active-profile {
  transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease;
}

body.visual-theme-nova .nav-item {
  height: 50px;
  min-width: 112px;
  margin-right: 10px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #789aa8;
  font-size: 24px;
  letter-spacing: .02em;
}

body.visual-theme-nova .nav-item.is-selected {
  border-color: rgba(74,220,244,.22);
  background: linear-gradient(90deg, rgba(11,34,49,.94) 0%, rgba(15,21,42,.92) 100%);
  color: #ecfdff;
  box-shadow: inset 3px 0 0 #63efff, inset -1px 0 0 rgba(145,90,255,.5), 0 0 18px rgba(49,212,241,.12);
}

body.visual-theme-nova .nav-item.is-selected:after {
  right: 10px;
  bottom: 4px;
  left: 10px;
  height: 2px;
  background: linear-gradient(to right, #61f1ff 0%, #9b72ff 100%);
  box-shadow: 0 0 10px rgba(89,235,255,.42);
}

body.visual-theme-nova .navigation-libraries .nav-item.is-focused,
body.visual-theme-nova .nav-item.is-focused {
  border-color: rgba(126,247,255,.78);
  background: linear-gradient(90deg, rgba(10,42,56,.98) 0%, rgba(27,21,57,.98) 100%);
}

body.visual-theme-nova .navigation-libraries .nav-item.is-focused {
  box-shadow: var(--navigation-focus-shadow);
}

body.visual-theme-nova .server-activity,
body.visual-theme-nova .active-profile {
  border: 1px solid transparent;
  border-radius: 6px;
  background: rgba(4,14,23,.7);
}

body.visual-theme-nova .server-activity.is-focused,
body.visual-theme-nova .active-profile:focus {
  border-color: rgba(126,247,255,.78);
  outline: 0;
  box-shadow: var(--focus-shadow);
}

body.visual-theme-nova .server-activity-panel {
  border: 1px solid rgba(93,224,246,.2);
  border-radius: 6px;
  background: rgba(4,11,19,.99);
  box-shadow: 0 18px 54px rgba(0,0,0,.6), 0 0 20px rgba(63,212,239,.08);
}

body.visual-theme-nova .server-activity-panel:before {
  border-bottom-color: rgba(4,11,19,.99);
}

body.visual-theme-nova .activity-row,
body.visual-theme-nova .activity-network-status {
  border-bottom-color: rgba(91,214,237,.16);
}

body.visual-theme-nova .clock,
body.visual-theme-nova .activity-network-status,
body.visual-theme-nova .activity-subtitle,
body.visual-theme-nova .player-status,
body.visual-theme-nova .player-title-secondary,
body.visual-theme-nova .player-quality,
body.visual-theme-nova .player-delivery-mode,
body.visual-theme-nova .player-end-time {
  color: #82a7b5;
}

body.visual-theme-nova .content {
  height: 91%;
  padding: 2.25% 3.2% 1.7%;
}

body.visual-theme-nova.is-home-surface-active .home-preview {
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  top: 8.5%;
  right: 3.2%;
  left: 3.2%;
  display: block;
  width: auto;
  height: 25%;
  padding: 0;
  overflow: hidden;
  pointer-events: none;
}

body.visual-theme-nova.is-home-surface-active .home-preview.is-empty {
  visibility: hidden;
}

body.visual-theme-nova .home-preview-copy {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: none;
  min-height: 226px;
  padding: 24px 30px 24px 34px;
  border: 1px solid rgba(74,220,244,.18);
  border-right-color: rgba(151,94,255,.34);
  background:
    linear-gradient(90deg, rgba(5,17,27,.96) 0%, rgba(7,17,31,.9) 62%, rgba(19,10,39,.86) 100%);
  box-shadow: inset 5px 0 0 rgba(74,229,248,.92), inset -2px 0 0 rgba(155,101,255,.8), 0 20px 50px rgba(0,0,0,.36);
}

body.visual-theme-nova .home-preview-copy:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 150px;
  height: 2px;
  background: linear-gradient(to left, #a275ff 0%, rgba(94,236,255,0) 100%);
  box-shadow: 0 0 14px rgba(158,102,255,.35);
}

body.visual-theme-nova .home-preview-kicker {
  display: block;
  overflow: hidden;
  margin: 0 0 10px;
  color: #68efff;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: .2em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.visual-theme-nova .home-preview-title {
  overflow: hidden;
  margin: 0;
  color: #effdff;
  font-size: 50px;
  line-height: 1.02;
  text-shadow: 0 0 18px rgba(90,224,255,.1);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.visual-theme-nova .home-preview-meta {
  overflow: hidden;
  margin: 10px 0 0;
  color: #a9c5cf;
  font-size: 21px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.visual-theme-nova .home-preview-summary {
  display: -webkit-box;
  overflow: hidden;
  max-width: none;
  max-height: 58px;
  margin: 12px 0 0;
  color: #dbe9ee;
  font-size: 19px;
  line-height: 28px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.visual-theme-nova.is-home-surface-active .content {
  position: absolute;
  top: 34.2%;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  padding: 0 3.2% 1.7%;
  overflow-y: auto;
}

body.visual-theme-nova .media-section {
  position: relative;
  margin-bottom: 2%;
  padding: 14px 16px 16px 22px;
  border-top: 1px solid rgba(77,219,242,.08);
  border-left: 2px solid rgba(80,229,249,.36);
  background: linear-gradient(90deg, rgba(5,17,27,.42) 0%, rgba(5,13,22,.18) 50%, rgba(9,7,22,.1) 100%);
}

body.visual-theme-nova .media-section:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -2px;
  width: 120px;
  height: 2px;
  background: linear-gradient(to right, #63f0ff 0%, rgba(99,240,255,0) 100%);
  box-shadow: 0 0 12px rgba(80,230,249,.28);
}

body.visual-theme-nova .section-title,
body.visual-theme-nova .library-recommendation-title {
  height: auto;
  margin: 0 0 14px;
  color: #eafdff;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: .025em;
}

body.visual-theme-nova .media-card,
body.visual-theme-nova .search-card,
body.visual-theme-nova .library-card,
body.visual-theme-nova .watchlist-card,
body.visual-theme-nova .chapter-card,
body.visual-theme-nova .playlist-queue-card {
  overflow: hidden;
  border: 1px solid rgba(72,176,198,.16);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(8,19,30,.88) 0%, rgba(5,11,19,.98) 100%);
  box-shadow: 0 14px 28px rgba(0,0,0,.28);
  transition: border-color 120ms ease, opacity 120ms ease;
}

body.visual-theme-nova .media-card.is-focused,
body.visual-theme-nova .search-card.is-focused,
body.visual-theme-nova .library-card.is-focused,
body.visual-theme-nova .watchlist-card.is-focused,
body.visual-theme-nova .chapter-card.is-focused,
body.visual-theme-nova .playlist-queue-card.is-focused {
  border-color: rgba(111,244,255,.86);
  box-shadow: var(--focus-shadow), 0 22px 42px rgba(0,0,0,.4);
}

body.visual-theme-nova .media-card.is-focused:before,
body.visual-theme-nova .search-card.is-focused:before,
body.visual-theme-nova .library-card.is-focused:before,
body.visual-theme-nova .watchlist-card.is-focused:before {
  content: '';
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(to right, #61f1ff 0%, #7dc2ff 48%, #a273ff 100%);
  box-shadow: 0 0 12px rgba(91,234,255,.5);
  pointer-events: none;
}

body.visual-theme-nova .card-image,
body.visual-theme-nova .search-card-image,
body.visual-theme-nova .library-card-image,
body.visual-theme-nova .watchlist-card-image,
body.visual-theme-nova .chapter-card-image,
body.visual-theme-nova .playlist-queue-card-image {
  background: linear-gradient(145deg, #102d3a 0%, #0b1622 48%, #1a1236 100%);
  object-fit: cover;
}

body.visual-theme-nova .card-caption,
body.visual-theme-nova .search-card-caption,
body.visual-theme-nova .library-card-caption,
body.visual-theme-nova .chapter-card-caption {
  background: var(--theme-card-caption-surface);
}

body.visual-theme-nova .card-title,
body.visual-theme-nova .search-card-title,
body.visual-theme-nova .library-card-title,
body.visual-theme-nova .chapter-card-title,
body.visual-theme-nova .playlist-queue-card-title,
body.visual-theme-nova .detail-title,
body.visual-theme-nova .detail-subtitle,
body.visual-theme-nova .player-title-primary {
  color: #effdff;
}

body.visual-theme-nova .card-meta,
body.visual-theme-nova .card-detail,
body.visual-theme-nova .search-card-meta,
body.visual-theme-nova .search-card-detail,
body.visual-theme-nova .library-card-meta,
body.visual-theme-nova .library-card-detail,
body.visual-theme-nova .detail-facts,
body.visual-theme-nova .detail-summary,
body.visual-theme-nova .detail-choice-label,
body.visual-theme-nova .library-status,
body.visual-theme-nova .app-settings-notice,
body.visual-theme-nova .server-editor-hint,
body.visual-theme-nova .app-settings-credit {
  color: #84a9b7;
}

body.visual-theme-nova .progress-track {
  height: 7px;
  background: rgba(61,117,139,.22);
}

body.visual-theme-nova .progress-value {
  background: linear-gradient(to right, #52edff 0%, #6eb7ff 50%, #9b6fff 100%);
  box-shadow: 0 0 10px rgba(71,227,255,.32);
}

body.visual-theme-nova .library-view,
body.visual-theme-nova .watchlist-view,
body.visual-theme-nova .search-view,
body.visual-theme-nova .app-settings-view,
body.visual-theme-nova .detail-view {
  background: transparent;
}

body.visual-theme-nova .library-view,
body.visual-theme-nova .watchlist-view,
body.visual-theme-nova .search-view {
  padding-top: 1.35%;
}

body.visual-theme-nova .library-controls {
  position: relative;
  margin-bottom: 10px;
  padding: 0 16px;
  border: 1px solid rgba(73,203,226,.12);
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(5,18,29,.86) 0%, rgba(8,12,24,.76) 100%);
}

body.visual-theme-nova .library-controls:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 110px;
  height: 2px;
  background: linear-gradient(to left, #976cff 0%, rgba(151,108,255,0) 100%);
  pointer-events: none;
}

body.visual-theme-nova .library-subnav {
  margin-bottom: 10px;
  background: transparent;
}

body.visual-theme-nova .library-tabs {
  position: relative;
  box-sizing: border-box;
  flex: 0 1 auto;
  min-width: 0;
  height: 64px;
  padding: 0 16px;
  overflow: hidden;
  border: 1px solid rgba(73,203,226,.12);
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(5,18,29,.86) 0%, rgba(8,12,24,.76) 100%);
}

body.visual-theme-nova .library-tabs:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 110px;
  height: 2px;
  background: linear-gradient(to left, #976cff 0%, rgba(151,108,255,0) 100%);
  pointer-events: none;
}

body.visual-theme-nova .library-actions {
  flex: 0 0 auto;
  margin-left: auto;
}

body.visual-theme-nova .library-tab,
body.visual-theme-nova .library-action,
body.visual-theme-nova .library-control,
body.visual-theme-nova .search-key,
body.visual-theme-nova .app-setting-row,
body.visual-theme-nova .language-editor-row,
body.visual-theme-nova .server-editor-row,
body.visual-theme-nova .detail-action,
body.visual-theme-nova .detail-choice,
body.visual-theme-nova .player-button,
body.visual-theme-nova .player-chapters-hint,
body.visual-theme-nova .choice-dialog-actions button,
body.visual-theme-nova .update-dialog-actions button,
body.visual-theme-nova .text-input-dialog-actions button,
body.visual-theme-nova .detail-summary-dialog-close,
body.visual-theme-nova .media-info-dialog-close,
body.visual-theme-nova .media-info-dialog-apply,
body.visual-theme-nova .media-info-dialog-version-value,
body.visual-theme-nova .privacy-dialog-close {
  border-radius: 6px;
  transition: background-color 140ms ease, box-shadow 140ms ease, transform 140ms ease, border-color 140ms ease;
}

body.visual-theme-nova .library-tab {
  height: 50px;
  margin-right: 10px;
  border: 1px solid transparent;
  color: #7399a7;
}

body.visual-theme-nova .library-tab.is-active {
  border-color: rgba(72,220,244,.16);
  background: rgba(7,28,40,.84);
  color: #eefdff;
}

body.visual-theme-nova .library-tab.is-active:after {
  right: 12px;
  bottom: 3px;
  left: 12px;
  height: 2px;
  background: linear-gradient(to right, #5defff 0%, #9870ff 100%);
}

body.visual-theme-nova .library-action,
body.visual-theme-nova .library-control,
body.visual-theme-nova .search-key,
body.visual-theme-nova .app-setting-row,
body.visual-theme-nova .language-editor-row,
body.visual-theme-nova .server-editor-row,
body.visual-theme-nova .detail-choice,
body.visual-theme-nova .player-button,
body.visual-theme-nova .player-chapters-hint {
  border: 1px solid rgba(73,194,216,.12);
  background: linear-gradient(135deg, rgba(8,25,38,.94) 0%, rgba(12,14,30,.94) 100%);
}

body.visual-theme-nova .library-control.is-active,
body.visual-theme-nova .detail-action:not(.detail-action-secondary),
body.visual-theme-nova .update-dialog-actions button.is-primary,
body.visual-theme-nova .text-input-dialog-actions button.is-primary {
  border: 1px solid rgba(110,244,255,.5);
  background: linear-gradient(100deg, #55eaff 0%, #6ebcff 48%, #9a6cff 100%);
  color: #031018;
  box-shadow: 0 0 18px rgba(79,226,255,.2);
}

body.visual-theme-nova .detail-action.is-focused,
body.visual-theme-nova .detail-summary-button.is-focused {
  box-shadow: var(--focus-shadow);
}

body.visual-theme-nova .detail-choice.is-focused {
  box-shadow: var(--focus-shadow-inset);
}

body.visual-theme-nova .library-control.is-active.is-focused,
body.visual-theme-nova .detail-action:not(.detail-action-secondary).is-focused {
  box-shadow: var(--primary-focus-shadow);
}

body.visual-theme-nova .search-query {
  margin-bottom: 12px;
  border: 1px solid rgba(85,221,244,.22);
  border-bottom: 2px solid #66eefd;
  border-radius: 5px;
  background: linear-gradient(90deg, rgba(5,21,33,.94) 0%, rgba(10,12,27,.88) 100%);
  box-shadow: 0 0 18px rgba(67,214,239,.08);
}

body.visual-theme-nova .search-t9-legend,
body.visual-theme-nova .library-filter-drawer,
body.visual-theme-nova .choice-dialog-panel,
body.visual-theme-nova .text-input-dialog-panel,
body.visual-theme-nova .update-dialog-panel,
body.visual-theme-nova .detail-summary-dialog-panel,
body.visual-theme-nova .media-info-dialog-panel,
body.visual-theme-nova .privacy-dialog-panel {
  border: 1px solid rgba(88,218,239,.2);
  border-radius: 6px;
  background: linear-gradient(145deg, rgba(5,15,24,.99) 0%, rgba(8,8,22,.99) 100%);
  box-shadow: var(--panel-shadow), 0 0 26px rgba(73,202,229,.06);
}

body.visual-theme-nova .library-filter-drawer {
  border-left: 3px solid #5ceefe;
  box-shadow: -18px 0 44px rgba(0,0,0,.56), -4px 0 22px rgba(66,218,242,.1);
}

body.visual-theme-nova .app-settings-view {
  padding: 2.5% 5.2%;
}

body.visual-theme-nova .app-settings-title {
  margin-bottom: 10px;
  color: #effdff;
  letter-spacing: .02em;
}

body.visual-theme-nova .app-settings-list {
  position: relative;
  width: 78%;
  max-height: calc(100% - 108px);
  padding: 22px 24px 18px;
  border: 1px solid rgba(76,209,232,.13);
  border-left: 3px solid rgba(91,236,253,.72);
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(4,16,26,.92) 0%, rgba(7,9,21,.88) 100%);
  box-shadow: 0 20px 52px rgba(0,0,0,.3);
}

body.visual-theme-nova .app-settings-section {
  border-bottom: 1px solid rgba(83,207,229,.16);
  color: #62efff;
  letter-spacing: .06em;
}

body.visual-theme-nova .app-setting-row.is-focused,
body.visual-theme-nova .language-editor-row.is-focused,
body.visual-theme-nova .server-editor-row.is-focused,
body.visual-theme-nova .search-key.is-focused,
body.visual-theme-nova .library-action.is-focused,
body.visual-theme-nova .library-control.is-focused {
  border-color: rgba(111,244,255,.72);
  background: linear-gradient(90deg, rgba(9,39,53,.98) 0%, rgba(25,17,51,.98) 100%);
}

body.visual-theme-nova .library-control.is-active.is-focused {
  border-color: rgba(110,244,255,.72);
  background: linear-gradient(100deg, #55eaff 0%, #6ebcff 48%, #9a6cff 100%);
  color: #031018;
  box-shadow: var(--primary-focus-shadow);
}

body.visual-theme-nova .app-setting-stepper-track {
  background: rgba(74,125,145,.22);
}

body.visual-theme-nova .app-setting-stepper-fill {
  background: linear-gradient(to right, #54edff 0%, #9a70ff 100%);
  box-shadow: 0 0 10px rgba(80,229,249,.26);
}

body.visual-theme-nova .app-setting-stepper-marker {
  border-color: #355a6a;
  background: #08131f;
}

body.visual-theme-nova .app-setting-stepper-marker.is-active {
  border-color: #6ef4ff;
  background: #6ef4ff;
  box-shadow: 0 0 10px rgba(82,235,255,.38);
}

body.visual-theme-nova .detail-view {
  padding: 4.2% 5.8% 4%;
}

body.visual-theme-nova .season-tabs {
  top: calc(1% + 12px);
  right: 27%;
  left: 5.8%;
}

body.visual-theme-nova .season-tab {
  height: 50px;
  margin-right: 10px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #7d9eaa;
}

body.visual-theme-nova .season-tab.is-current {
  border-color: rgba(75,219,243,.18);
  background: linear-gradient(90deg, rgba(7,29,42,.86) 0%, rgba(13,12,31,.86) 100%);
  color: #ecfdff;
}

body.visual-theme-nova .season-tab.is-current:after {
  right: 10px;
  bottom: 3px;
  left: 10px;
  height: 2px;
  background: linear-gradient(to right, #5cefff 0%, #9870ff 100%);
}

body.visual-theme-nova .detail-copy {
  position: relative;
  width: 68%;
  margin-top: 16px;
  padding: 24px 28px 28px 32px;
  border: 1px solid rgba(71,207,231,.14);
  border-left: 3px solid #5cefff;
  border-radius: 6px;
  background: linear-gradient(100deg, rgba(4,16,26,.9) 0%, rgba(7,9,22,.76) 70%, rgba(15,8,31,.62) 100%);
  box-shadow: 0 22px 54px rgba(0,0,0,.32);
}

body.visual-theme-nova .detail-summary-button {
  width: 100%;
  max-width: 100%;
}

body.visual-theme-nova .detail-copy:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 110px;
  height: 2px;
  background: linear-gradient(to left, #9c70ff 0%, rgba(156,112,255,0) 100%);
}

body.visual-theme-nova .detail-title {
  font-size: 50px;
  letter-spacing: -.01em;
}

body.visual-theme-nova .detail-summary-button.is-overflowing:after {
  background: linear-gradient(to bottom, rgba(5,14,24,0) 0%, rgba(5,14,24,.96) 100%);
}

body.visual-theme-nova .detail-poster {
  overflow: hidden;
  border: 1px solid rgba(74,212,235,.18);
  border-radius: var(--theme-corner-radius);
  box-shadow: 0 22px 48px rgba(0,0,0,.38), 0 0 24px rgba(80,215,241,.08);
}

body.visual-theme-nova .detail-action {
  min-width: 190px;
  height: 58px;
  border: 1px solid rgba(84,213,235,.18);
}

body.visual-theme-nova .detail-metadata-status {
  border-left: 3px solid #65efff;
  border-radius: 4px;
  background: rgba(4,17,27,.94);
  box-shadow: 0 0 16px rgba(66,216,240,.1);
}

body.visual-theme-nova .player-controls {
  padding: 22px 5.5% 20px;
  background: linear-gradient(180deg, rgba(2,4,8,0) 0%, rgba(3,8,14,.76) 18%, rgba(3,8,14,.97) 100%);
  box-shadow: inset 0 1px 0 rgba(78,220,243,.14);
}

body.visual-theme-nova .player-controls:before {
  content: '';
  position: absolute;
  top: 0;
  right: 5.5%;
  left: 5.5%;
  height: 2px;
  background: linear-gradient(to right, rgba(89,237,255,0) 0%, rgba(89,237,255,.85) 28%, rgba(149,96,255,.78) 70%, rgba(149,96,255,0) 100%);
  box-shadow: 0 0 14px rgba(75,224,248,.3);
}

body.visual-theme-nova .player-timeline {
  height: 9px;
  border: 1px solid rgba(95,211,230,.18);
  border-radius: 2px;
  background: rgba(34,78,94,.22);
}

body.visual-theme-nova .player-progress {
  background: linear-gradient(to right, #54efff 0%, #71baff 52%, #9b6dff 100%);
  box-shadow: 0 0 12px rgba(70,225,250,.34);
}

body.visual-theme-nova .player-progress:after {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  background: #eefdff;
  box-shadow: 0 0 0 2px #07131d, 0 0 14px rgba(80,235,255,.62);
  transform: translateY(-50%) rotate(45deg);
}

body.visual-theme-nova .player-button.is-focused,
body.visual-theme-nova .player-chapters-hint.is-focused {
  transform: translateY(-2px);
}

body.visual-theme-nova .player-playlist-queue {
  border-left: 1px solid rgba(83,216,238,.2);
  border-radius: 0;
  background: linear-gradient(180deg, rgba(4,13,21,.99) 0%, rgba(5,8,18,.99) 100%);
  box-shadow: -22px 0 52px rgba(0,0,0,.52), -3px 0 20px rgba(67,218,242,.1);
}

body.visual-theme-nova .player-playlist-queue:before {
  background: linear-gradient(to right, rgba(2,5,9,0), rgba(4,13,21,.98));
}

body.visual-theme-nova .player-playlist-queue-header {
  border-bottom-color: rgba(82,212,234,.18);
}

body.visual-theme-nova .playlist-queue-card-now-playing {
  border-color: #63f0ff;
  border-radius: 4px;
  background: rgba(4,15,24,.94);
  box-shadow: 0 0 0 2px rgba(159,104,255,.62), 0 0 16px rgba(78,230,252,.24);
}

body.visual-theme-nova .player-chapters-drawer {
  border-top: 1px solid rgba(82,212,234,.1);
  border-radius: 0;
  background: linear-gradient(180deg, rgba(4,10,17,0) 0%, rgba(4,10,17,.54) 24%, rgba(4,9,17,.9) 100%);
}

body.visual-theme-nova .playlist-queue-card-badge,
body.visual-theme-nova .media-library-badge,
body.visual-theme-nova .library-rating-badge {
  border: 1px solid rgba(111,233,250,.25);
  border-radius: 3px;
  background: rgba(3,12,20,.9);
  color: #dffcff;
}

body.visual-theme-nova .message {
  border: 1px solid rgba(110,244,255,.42);
  border-radius: 5px;
  background: linear-gradient(100deg, rgba(64,225,246,.98) 0%, rgba(125,116,255,.98) 100%);
  color: #021016;
  box-shadow: 0 0 22px rgba(72,223,246,.26), 0 16px 32px rgba(0,0,0,.32);
}

body.visual-theme-nova .setup-title-spinner,
body.visual-theme-nova .player-loading-spinner,
body.visual-theme-nova .view-state-spinner {
  border-color: rgba(94,216,237,.22);
  border-top-color: #66efff;
  box-shadow: 0 0 10px rgba(78,225,248,.24);
}

body.visual-theme-nova .server-activity.is-active .server-activity-spinner,
body.visual-theme-nova .server-activity.is-home-refreshing .server-activity-spinner,
body.visual-theme-nova .server-activity.is-stopping .server-activity-spinner {
  -webkit-filter: drop-shadow(0 0 5px rgba(83,232,251,.64));
  filter: drop-shadow(0 0 5px rgba(83,232,251,.64));
}


@-webkit-keyframes nova-panel-in {
  from { opacity: 0; -webkit-transform: translateX(18px); transform: translateX(18px); }
  to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes nova-panel-in {
  from { opacity: 0; transform: translateX(18px); }
  to { opacity: 1; transform: translateX(0); }
}

@-webkit-keyframes nova-signal-pulse {
  from { opacity: .58; }
  to { opacity: 1; }
}

@keyframes nova-signal-pulse {
  from { opacity: .58; }
  to { opacity: 1; }
}

@-webkit-keyframes nova-focus-line {
  from { opacity: .7; }
  to { opacity: 1; }
}

@keyframes nova-focus-line {
  from { opacity: .7; }
  to { opacity: 1; }
}

/* source: styles/themes/classic.css */
body.visual-theme-classic {
  --detail-preference-badge-background: rgba(255,255,255,.08);
  --detail-preference-badge-border: rgba(255,255,255,.28);
  --detail-preference-badge-text: #dfe3e8;
  --theme-app-background: #0b0c0e;
  --theme-app-text: #f5f5f5;
  --theme-scroll-track: #292d32;
  --theme-scroll-thumb: #737b84;
  --theme-backdrop-shade: rgba(5,6,8,.48);
  --theme-media-card-surface: rgba(17,19,23,.56);
  --theme-card-caption-surface: #111317;
  --theme-corner-radius: 0;
  --control-surface: #202328;
  --control-surface-focused: #2b2f35;
  --control-surface-disabled: #191b1f;
  --control-value: #c9cdd2;
  --control-divider: #363a40;
  --action-surface: #292c31;
  --action-text: #ffffff;
  --text-secondary: #b9bec4;
  --text-disabled: #777d84;
  --panel-divider: #3a3e45;
  --panel-surface: #15171b;
  --panel-overlay: rgba(0,0,0,.64);
  --panel-shadow: 0 18px 60px rgba(0,0,0,.72);
}

body.visual-theme-classic .home-preview-copy {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
}

body.visual-theme-classic .home-preview-summary {
  max-width: none;
}