:root {
  --bg: #ffffff;
  --sur: #fbfbfb;
  --sur2: #f3f3f3;
  --sur3: #e5e5e5;
  --tx: #000000;
  --mu: #666666;
  --mu2: rgba(0, 0, 0, 0.1);
  --ln: #000000;
  --ln2: #000000;
  --ac: #000000;
  --ac2: #666666;
  --ac3: rgba(0, 0, 0, 0.05);
}

body {
  background: var(--bg);
  color: var(--tx);
  background-image: repeating-linear-gradient(45deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 1px, transparent 1px, transparent 4px) !important;
}

.orb {
  display: none !important;
}

.hn .w1, .hn .w2 {
  color: #000000 !important;
  font-family: serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.05em !important;
}

.pc, .mc, .cn, .tlc, .cshy, .csprob, .cs2ci, .csins, .csfei, .cses, .csimi, .csnx, #csp, .pv-close, .cscl, .device-phone, .device-desktop, nav.s, .filter-tab {
  border-radius: 0px !important;
  border-top: 3px solid #000000 !important;
  border-bottom: 3px solid #000000 !important;
  border-left: 2px solid #000000 !important;
  border-right: 2px solid #000000 !important;
  background: #ffffff !important;
  color: #000000 !important;
  box-shadow: none !important;
}

.pc:hover, .mc:hover, .cn:hover, .cn.on, .csnx:hover, .filter-tab:hover, .filter-tab.active {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}
.pc:hover *, .mc:hover *, .cn:hover *, .cn.on *, .csnx:hover *, .filter-tab:hover *, .filter-tab.active * {
  color: #ffffff !important;
}

.bp {
  background: #000000 !important;
  color: #ffffff !important;
  border: 2px solid #000000 !important;
  border-radius: 0px !important;
}
.bp:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

.bg {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  border-radius: 0px !important;
}
.bg:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

#theme-switcher-container,
.custom-options-container {
  border: 2px solid #000000 !important;
  background: #ffffff !important;
  border-radius: 0px !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
.custom-option {
  color: #000000 !important;
}
.custom-option:hover,
.custom-option.selected {
  background: #000000 !important;
  color: #ffffff !important;
}
.custom-option.more-option {
  border-top: 2px solid #000000 !important;
  color: #000000 !important;
}
.custom-option.more-option:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

.about-photo-frame {
  background-color: #ffffff !important;
  background-image: repeating-linear-gradient(45deg, rgba(0,0,0,0.06) 0px, rgba(0,0,0,0.06) 1px, transparent 1px, transparent 6px) !important;
}