body { color-scheme: light; }
body.dark { color-scheme: dark; }
.lord-random-label { position: relative; display: inline-block; }
#header nav .lord-random {
  display: block;
  height: 100%;
  padding: 0;
  border: 0;
  background: none;
  color: var(--nav-color);
  font: 700 16px/70px Oswald, sans-serif;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .7;
  cursor: pointer;
}
#header nav .lord-random:is(:hover, :focus-visible) {
  opacity: 1;
  color: var(--main-color);
  box-shadow: inset 0 -3px var(--main-color);
}
.lord-random-label small { position: absolute; line-height: 1; top: 46px; left: 50%; transform: translateX(-50%); font-size: 9.4px; text-align: center; }
.search-result[hidden] { display: none; }
.search-result:not([hidden]) { display: block; }
#main-search > .search-result {
  position: absolute;
  inset: calc(100% + 4px) 0 auto;
  z-index: 102;
  width: auto;
}
@media (max-width: 1000px) {
  #header #main-search { max-width: 100%; }
  #main-search > .search-result {
    inset-inline: 10px;
    max-height: min(36rem, calc(100dvh - 89px));
  }
}
.lord-title-wrap { box-shadow: 0 0 60px rgba(0,0,0,.9); }
.lord-dimmed .lord-player { position: relative; z-index: 110; }
.lord-dimmed::after { content: ""; position: fixed; inset: 0; z-index: 109; background: #000c; pointer-events: none; }
#video-description .entries ul li ins > span { color: inherit; font-weight: inherit; }
:is(#main-text-content .content, #video-description .collapsible-text) table {
  width: 100%;
  border-collapse: collapse;
  overflow-wrap: anywhere;
}
:is(#main-text-content .content, #video-description .collapsible-text) :is(th, td) {
  padding: .5em;
  border: 1px solid var(--description-link-color);
  text-align: start;
  vertical-align: top;
}
.emojis button[aria-pressed="true"] svg { transform: scale(.95); }
.emojis button[aria-pressed="true"]::before { color: var(--main-color); }
.lord-comments .commentpro-item { margin-bottom: 20px; }
.lord-comments .commentpro-avatar { --avatar-background: #50634e; flex-shrink: 0; }
.lord-comments .commentpro-text { overflow-wrap: anywhere; white-space: pre-line; }
.lord-comments [hidden] { display: none; }
.lord-comments .commentpro-emoji button { border: 0; background: transparent; font-size: inherit; cursor: pointer; padding: 0; }
[data-lord-more-wrap][hidden] { display: none; }
.lord-pagination { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 0; }

.site-search-scroll { max-height: min(65vh, 36rem); overflow-y: auto; }
.site-search-list { list-style: none; margin: 0; padding: .5rem; display: grid; gap: .35rem; }
.site-search-list a {
  display: flex;
  align-items: center;
  gap: .8rem;
  min-height: 78px;
  padding: .35rem .65rem;
  color: var(--heading-color, var(--bs-body-color));
  text-decoration: none;
  border-radius: .45rem;
  overflow-wrap: anywhere;
}
.site-search-list a:is(:hover,:focus-visible) { background: color-mix(in srgb, currentColor 10%, transparent); }
.site-search-list strong { display: block; line-height: 1.3; }
.site-search-list small { display: block; opacity: .7; margin-top: .3rem; }
.site-search-poster {
  flex: 0 0 46px;
  height: 66px;
  border-radius: .3rem;
  overflow: hidden;
  background: color-mix(in srgb, currentColor 10%, transparent);
}
.site-search-poster img { display: block; width: 100%; height: 100%; object-fit: cover; }
.site-search-status { margin: 0; padding: .75rem 1rem; }
.site-search-status.is-loading::before {
  content: '';
  display: inline-block;
  vertical-align: -.18em;
  margin-inline-end: .6em;
  width: 1em;
  height: 1em;
  border: .14em solid currentColor;
  border-inline-end-color: transparent;
  border-radius: 50%;
  animation: site-search-spin .7s linear infinite;
}
@keyframes site-search-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .site-search-status.is-loading::before { animation: none; } }

#comments :is([data-comment-vote], [data-comment-reply], [data-reply-cancel]) {
  display: inline-flex;
  align-items: center;
  gap: .25em;
  width: auto;
  height: auto;
  border: 0;
  padding: .15em .25em;
  background: transparent;
  cursor: pointer;
}
#comments :is([data-comment-reply], [data-reply-cancel]) { color: inherit; font: inherit; font-size: .875em; }
#comments [data-comment-vote] svg { width: 1em; height: 1em; }
#comments [data-comment-vote][aria-pressed="true"] { color: var(--main-color, var(--bs-primary)); fill: currentColor; opacity: 1; }
#comments [data-comment-count] { font-size: .8rem; }
#comments .comment-parent { font-size: .875em; }
#comments .comment-parent a, #comments [data-reply-cancel] { color: var(--main-color, var(--bs-primary)); }
#comments .comment-reply-target button { margin-inline-start: .5em; }