@glass-blur: 24px;
@panel-radius: 22px;
@menu-radius: 16px;
@control-radius: 999px;
@panel-gap: 16px;
@mobile-breakpoint: 900px;
@small-breakpoint: 600px;

:root {
  --apple-page: #060914;
  --apple-page-raised: #0b1222;
  --apple-glass: rgba(18, 24, 38, 0.64);
  --apple-glass-hover: rgba(25, 32, 48, 0.72);
  --apple-glass-solid: rgba(13, 18, 30, 0.96);
  --apple-control: rgba(255, 255, 255, 0.075);
  --apple-control-hover: rgba(255, 255, 255, 0.12);
  --apple-highlight: rgba(255, 255, 255, 0.16);
  --apple-edge: rgba(151, 181, 232, 0.14);
  --apple-divider: rgba(255, 255, 255, 0.08);
  --apple-text: #f5f7fb;
  --apple-muted: #aeb7c8;
  --apple-blue: #0a84ff;
  --apple-blue-hover: #409cff;
  --apple-shadow: 0 14px 34px rgba(0, 0, 0, 0.42), 0 2px 8px rgba(0, 0, 0, 0.34);
  --apple-inset: inset 0 1px 0 rgba(255, 255, 255, 0.13), inset 0 -1px 0 rgba(255, 255, 255, 0.025);
}

.apple-glass-panel() {
  color: var(--apple-text) !important;
  background: var(--apple-glass) !important;
  border: 1px solid var(--apple-edge) !important;
  border-top-color: var(--apple-highlight) !important;
  border-radius: @panel-radius !important;
  box-shadow: var(--apple-shadow), var(--apple-inset) !important;
  backdrop-filter: blur(@glass-blur) saturate(145%);
  -webkit-backdrop-filter: blur(@glass-blur) saturate(145%);
}

html,
body {
  color: var(--apple-text) !important;
  background-color: var(--apple-page) !important;
  background-image:
    radial-gradient(ellipse at 52% -18%, rgba(52, 72, 112, 0.22), transparent 48rem),
    linear-gradient(180deg, var(--apple-page-raised) 0, var(--apple-page) 30rem) !important;
  background-attachment: fixed !important;
}

body {
  overflow-x: clip;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
}

#searchform {
  background: rgba(8, 12, 22, 0.84) !important;
  border-bottom: 1px solid var(--apple-divider) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28), inset 0 -1px 0 rgba(255, 255, 255, 0.035) !important;
  backdrop-filter: blur(30px) saturate(140%);
  -webkit-backdrop-filter: blur(30px) saturate(140%);
}

.RNNXgb {
  color: var(--apple-text) !important;
  background: rgba(30, 36, 49, 0.78) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-top-color: rgba(255, 255, 255, 0.22) !important;
  border-radius: @control-radius !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.34), var(--apple-inset) !important;
  backdrop-filter: blur(@glass-blur) saturate(140%);
  -webkit-backdrop-filter: blur(@glass-blur) saturate(140%);
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.RNNXgb:hover,
.RNNXgb:focus-within {
  background: rgba(38, 45, 61, 0.86) !important;
  border-color: rgba(10, 132, 255, 0.58) !important;
  box-shadow: 0 0 0 3px rgba(10, 132, 255, 0.18), 0 10px 26px rgba(0, 0, 0, 0.36), var(--apple-inset) !important;
}

#searchform input,
#searchform textarea,
#searchform [contenteditable="true"] {
  color: var(--apple-text) !important;
  caret-color: var(--apple-blue) !important;
}

#searchform input::placeholder,
#searchform textarea::placeholder {
  color: var(--apple-muted) !important;
  opacity: 0.82;
}

#rso > .MjjYud,
#rso > .g,
#rso > div > .g,
#rso > div > .MjjYud,
.ULSxyf,
.kp-wholepage,
#botstuff {
  .apple-glass-panel();
}

#rso > .MjjYud,
#rso > .g,
#rso > div > .g,
#rso > div > .MjjYud,
.ULSxyf,
#botstuff {
  box-sizing: border-box !important;
  margin-bottom: @panel-gap !important;
  padding: 20px 22px !important;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

#rso > .MjjYud:hover,
#rso > .g:hover,
#rso > div > .g:hover,
#rso > div > .MjjYud:hover,
.ULSxyf:hover {
  background: var(--apple-glass-hover) !important;
  border-top-color: rgba(255, 255, 255, 0.24) !important;
  box-shadow: 0 17px 38px rgba(0, 0, 0, 0.46), var(--apple-inset) !important;
  transform: translateY(-1px);
}

.kp-wholepage {
  overflow: clip;
}

#rso,
#center_col,
#rcnt,
#rhs {
  color: var(--apple-text) !important;
}

#rso span,
#rso div,
#rhs span,
#rhs div,
#botstuff span,
#botstuff div {
  border-color: var(--apple-divider);
}

#rso a,
#rhs a,
#botstuff a,
a:link {
  color: var(--apple-blue) !important;
}

#rso a:hover,
#rhs a:hover,
#botstuff a:hover {
  color: var(--apple-blue-hover) !important;
}

#rso cite,
#rso [role="text"],
#rhs [role="text"],
#botstuff {
  color: var(--apple-muted);
}

#hdtb-sc,
#hdtb-msb,
.crJ18e,
.MUFPAc {
  border-color: var(--apple-divider) !important;
}

#hdtb-msb a,
#hdtb-msb button,
.MUFPAc a,
.MUFPAc button,
#botstuff a,
[role="tab"] {
  border-radius: @control-radius !important;
}

#hdtb-msb a,
#hdtb-msb button,
.MUFPAc a,
.MUFPAc button,
[role="tab"] {
  transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

#hdtb-msb a:hover,
#hdtb-msb button:hover,
.MUFPAc a:hover,
.MUFPAc button:hover,
[role="tab"]:hover {
  background: var(--apple-control-hover) !important;
}

[aria-selected="true"],
[role="tab"][aria-selected="true"] {
  color: #fff !important;
  background: rgba(10, 132, 255, 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(10, 132, 255, 0.3) !important;
}

[role="menu"],
[role="dialog"],
[role="listbox"] {
  color: var(--apple-text) !important;
  background: rgba(27, 32, 44, 0.9) !important;
  border: 1px solid var(--apple-highlight) !important;
  border-radius: @menu-radius !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.52), var(--apple-inset) !important;
  backdrop-filter: blur(30px) saturate(145%);
  -webkit-backdrop-filter: blur(30px) saturate(145%);
}

button,
[role="button"] {
  border-radius: @control-radius;
}

:where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 3px solid var(--apple-blue) !important;
  outline-offset: 3px !important;
}

@supports not ((backdrop-filter: blur(1px))) {
  #searchform,
  .RNNXgb,
  #rso > .MjjYud,
  #rso > .g,
  #rso > div > .g,
  #rso > div > .MjjYud,
  .ULSxyf,
  .kp-wholepage,
  #botstuff,
  [role="menu"],
  [role="dialog"],
  [role="listbox"] {
    background: var(--apple-glass-solid) !important;
  }
}

@media (max-width: 899px) {
  #rcnt,
  #center_col,
  #rso {
    display: block !important;
    grid-template-columns: none !important;
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }
  #cnt {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }


  #rso > .MjjYud,
  #rso > .g,
  #rso > div > .g,
  #rso > div > .MjjYud,
  .ULSxyf,
  .kp-wholepage,
  #botstuff {
    border-radius: 18px !important;
  }

  #rso > .MjjYud,
  #rso > .g,
  #rso > div > .g,
  #rso > div > .MjjYud,
  .ULSxyf,
  #botstuff {
    margin-bottom: 12px !important;
    padding: 16px 18px !important;
  }
}

@media (max-width: 599px) {
  #center_col,
  #rcnt,
  #rso,
  #rhs,
  #botstuff {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #rso > .MjjYud,
  #rso > .g,
  #rso > div > .g,
  #rso > div > .MjjYud,
  .ULSxyf,
  .kp-wholepage,
  #botstuff {
    border-radius: 16px !important;
    padding: 14px 15px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}