@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lobster&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");



.slideandfade-enter-from, .slideandfade-leave-to {
  opacity: 0;
  transform: translateY(-20px);
}
.slideandfade-enter-to, .slideandfade-leave-from {
  opacity: 1;
  transform: translateY(0);
}
.slideandfade-enter-active, .slideandfade-leave-active {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.route-enter-from {
  opacity: 0;
  transform: translate(100px);
}
.route-enter-active {
  transition: all 0.3s ease-out;
}
.route-leave-to {
  opacity: 0;
  transform: translate(-100px);
}
.route-leave-active {
  transition: all 0.3s ease-in;
}
.melt-enter-from, .melt-leave-to {
  opacity: 0;
  transform: skewY(3deg) scaleY(1.2);
  filter: blur(2px);
}
.melt-enter-to, .melt-leave-from {
  opacity: 1;
  transform: skewY(0) scaleY(1);
  filter: blur(0);
}
.melt-enter-active, .melt-leave-active {
  transition: all 0.6s ease-out;
}
.lofi-enter-from, .lofi-leave-to {
  opacity: 0;
  transform: scale(0.95) rotateX(5deg);
  filter: saturate(0.5) contrast(0.8);
}
.lofi-enter-to, .lofi-leave-from {
  opacity: 1;
  transform: scale(1) rotateX(0);
  filter: saturate(1) contrast(1);
}
.lofi-enter-active, .lofi-leave-active {
  transition: all 0.5s ease-in-out;
  /* Optional: smoother hardware acceleration */
}
.tilde-enter-active, .tilde-leave-active {
  transition: all 0.8s ease-in-out;
  transform-origin: center;
  clip-path: path("M0,50 Q25,0 50,50 T100,50 L100,100 L0,100 Z");
}
.tilde-enter-from {
  clip-path: path("M0,50 Q25,100 50,50 T100,50 L100,100 L0,100 Z");
  transform: rotate(180deg);
  opacity: 0;
}
.tilde-enter-to {
  clip-path: path("M0,50 Q25,0 50,50 T100,50 L100,100 L0,100 Z");
  transform: rotate(0deg);
  opacity: 1;
}
.tilde-leave-from {
  clip-path: path("M0,50 Q25,0 50,50 T100,50 L100,100 L0,100 Z");
  transform: rotate(0deg);
  opacity: 1;
}
.tilde-leave-to {
  clip-path: path("M0,50 Q25,100 50,50 T100,50 L100,100 L0,100 Z");
  transform: rotate(-180deg);
  opacity: 0;
}
.techy-enter-from, .techy-leave-to {
  clip-path: circle(0% at 0% 0%);
  opacity: 0;
}
.techy-enter-to, .techy-leave-from {
  clip-path: circle(150% at 50% 50%);
  opacity: 1;
}
.techy-enter-active, .techy-leave-active {
  transition: clip-path 0.5s ease, opacity 0.3s ease;
}
.emerge-enter-from, .emerge-leave-to {
  transform: scale(0.3);
  transform-origin: top left;
  opacity: 0;
}
.emerge-enter-to, .emerge-leave-from {
  transform: scale(1);
  opacity: 1;
}
.emerge-enter-active, .emerge-leave-active {
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.fadeDown-enter-from, .fadeDown-leave-to {
  opacity: 0;
  transform: translateY(-500px);
}
.fadeDown-enter-active, .fadeDown-leave-active {
  transition: all 0.6s ease;
}
.fade-enter-from, .fade-leave-to {
  opacity: 0;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s ease;
}
.fadeUp-enter-from, .fadeUp-leave-to {
  opacity: 0;
  transform: translateY(20px);
}
.fadeUp-enter-to, .fadeUp-leave-from {
  opacity: 1;
  transform: translateY(0);
}
.fadeUp-enter-active, .fadeInUp-leave-active {
  transition: all 0.5s ease;
}
.shrink-enter-from, .shrink-leave-to {
  scale: 0;
}
.shrink-enter-to, .shrink-leave-from {
  scale: 1;
}
.shrink-enter-active {
  transition: scale 1s ease;
}
.slideUpPop-enter-from, .slideUpPop-leave-to {
  opacity: 0;
  transform: translateY(30px) scale(0.97);
}
.slideUpPop-enter-to, .slideUpPop-leave-from {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.slideUpPop-enter-active, .slideUpPop-leave-active {
  transition: all 0.4s cubic-bezier(0.26, 1, 0.48, 1.2);
}
.shrink2-enter-from, .shrink2-leave-to {
  scale: 0.3;
}
.shrink2-enter-to, .shrink2-leave-from {
  scale: 1;
}
.shrink2-enter-active, .shrink2-leave-active {
  transition: scale 0.2s;
}
.popeasescale-enter-from, .popeasescale-leave-to {
  opacity: 0;
  scale: 0.7;
}
.popeasescale-enter-to, .popeasescale-leave-from {
  opacity: 1;
  scale: 1;
}
.popeasescale-enter-active, .popeasescale-leave-active {
  transition: scale 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
}
.grow-enter-active,
.grow-leave-active {
  transition: all 0.3s ease;
}
.grow-enter-from,
.grow-leave-to {
  opacity: 0;
  transform: scaleY(0.95);
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.grow-enter-to,
.grow-leave-from {
  opacity: 1;
  transform: scaleY(1);
  max-height: 200px;
}
.pulse {
  animation: pulse 1s infinite alternate;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}
.bounceMe {
  animation: bounce 3s ease;
  animation-iteration-count: 20;
  animation-delay: 6s;
}
@keyframes bounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1.15);
  }
  to {
    transform: scale(1);
  }
}
.bounceInRight-enter-active, .bounceInRight-leave-active {
  transition: all 3s ease;
}
.bounceInRight-enter-active {
  animation: bounceInRight 2s ease;
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translate(2000px);
  }
  60% {
    transform: translate(-20px);
  }
  80% {
    transform: translate(5px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.bounceInRight-enter-active {
  animation: bounceInLeft 2s ease;
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translate(-2000px);
  }
  60% {
    transform: translate(20px);
  }
  80% {
    transform: translate(-5px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.bounceIn-enter-active {
  animation: bounceIn 2s ease;
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.spinMe {
  animation: spang 15s linear;
  animation-iteration-count: infinite;
}
@keyframes spang {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
:where(h1) {
  margin-block: 0.67em;
  font-size: 2em;
}
.center-text {
  text-align: center;
}
*, *:before, *:after {
  box-sizing: border-box;
}
html, body, #app, #appWrapper {
  margin: 0;
  max-width: 100%;
  text-rendering: optimizeLegibility;
}
@media screen and (max-width: 449px) {
  #app {
    overflow-wrap: break-word;
  }
}
#loading {
  z-index: 1;
  display: flex;
  flex-grow: 1;
}
.loading-spinner-image {
  border-radius: 50%;
  margin: auto;
}
#appWrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100vw;
  text-align: center;
  justify-content: flex-start;
}
@media screen and (min-width: 1024px) {
  #appWrapper .flex-column p {
    text-align: left;
  }
}
a, router-link {
  text-decoration: none;
  align-items: flex-end;
  justify-content: flex-end;
  margin-block: auto;
  padding: 0;
}
.flex-column {
  display: grid;
  grid-auto-rows: min-content min-content auto min-content;
  margin-block-start: 50px;
  flex-grow: 1;
}
.flex {
  display: flex;
}
.home-page {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .home-page {
    text-align: justify;
  }
}
.home-content {
  max-width: 100vw;
  padding: 0;
  padding-inline: 0.4em;
  display: flex;
  flex-direction: column;
}
.home-content a:not(.stu-banner) {
  display: inline;
  color: #37cefc;
}
.home-content a {
  text-decoration: none;
}
.home-content p {
  padding-block: 0.2em;
  margin-inline: 1.3em;
}
.home-content p a {
  margin-inline: 0;
}
.home-content p, .home-content a, .home-content span, .home-content h1, .home-content h2, .home-content h3, .home-content h4 {
  justify-self: center;
  max-width: 50ch;
}
.home-content .integral-theory {
  margin: 3rem;
}
.home-content .integral-theory .hero {
  background: url("/assets/aqalalatas-C0CQ3EjJ.webp") center/cover no-repeat;
  background-position: left top;
  padding-inline: 1rem;
  border: 2px solid white;
}
@media screen and (max-width: 449px) {
  .home-content .integral-theory {
    margin: 0;
    border: none;
  }
}
.home-content .hero {
  min-height: 35rem;
  max-width: 95vw;
  margin-inline: auto;
  border-radius: 0.5rem;
  background-color: blue;
}
.home-content .hero .overlay p {
  max-width: 35ch;
}
@media screen and (min-width: 450px) {
  .home-content .overlay p {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .home-content .overlay p {
    display: block;
  }
}
@media screen and (max-width: 449px) {
  .home-content .overlay p {
    display: none;
  }
  .home-content .integralTheory, .home-content .overlay, .home-content .hero {
    margin: 0;
    padding: 0;
    width: 100vw;
  }
}
.active-link {
  color: #37cefc;
}
.social-grp {
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0px;
  width: 100vw;
  padding: 0.2rem;
}
.social-grp a {
  display: flex;
}
#style-selector {
  position: fixed;
  z-index: 2;
  width: 100vw;
  padding-block-end: 4px;
}
.style-selector-buttons {
  display: flex;
  flex-direction: row-reverse;
  width: 100vw;
  grid-template-columns: repeat(7, 10%);
  margin-block: 3px;
  padding-inline: 1em;
  cursor: pointer;
}
.style-selector-buttons * {
  max-width: 100%;
  align-self: center;
  justify-self: center;
  border-radius: 0.6rem;
  padding: 0.23em;
}
@media screen and (max-width: 449px) {
  .style-selector-buttons * {
    padding: 0.1em;
  }
  .style-selector-buttons * i, .style-selector-buttons * span {
    margin-inline: 0.2em;
  }
}
.stu-banner {
  display: inline-block;
  height: auto;
  margin-inline: auto;
  max-width: 94%;
  border-radius: 0.5rem;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .stu-banner {
    max-width: 90%;
  }
}
.sidebar-wrapper {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-image: url(/assets/keys-r-WuqN00.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: contain;
  transition: 0.3s ease;
  padding: 0.6rem;
  margin-top: 2.7rem;
}
@media screen and (min-width: 768px) {
  .sidebar-wrapper {
    margin-top: 0;
  }
}
.sidebar-wrapper:not(.sidebar-wrapper:has(.collapse-icon-closed)) {
  border-right: 2px solid #2c3e50;
  border: 1px solid #18222c;
  border-radius: 0.5rem;
}
.sidebar-wrapper:has(.collapse-icon-closed) {
  padding: 0;
}
.sidebar-wrapper .christmas-icon {
  display: flex;
  margin-block: 1em;
  margin-top: 2rem;
  padding-block: 0.2em 2.5em;
  justify-content: center;
  flex-direction: column;
}
.sidebar-wrapper a, .sidebar-wrapper router-link {
  border-radius: 6px;
}
.sidebar-wrapper .navItem {
  border-radius: 10px;
  white-space: nowrap;
  list-style-type: none;
  justify-content: center;
  border-radius: 0.6rem;
  margin-block: 0.4em;
  white-space: nowrap;
  cursor: pointer;
  list-style-type: none;
  justify-content: center;
}
.sidebar-wrapper .navItem span {
  font-size: 2rem;
}
.collapse-icon-closed {
  transform: rotate(180deg);
  transition: 0.2s linear;
  top: 0;
  padding: 6px 1rem;
  margin: 0;
  border-radius: 0.5rem;
}
#appWrapper:has(.integral-wrapper) .collapse-icon-closed {
  margin-top: 4.1rem;
}
@media screen and (min-width: 768px) {
  #appWrapper:has(.integral-wrapper) .collapse-icon-closed {
    margin-top: 0;
  }
}
.collapse-icon {
  transition: 0.2s linear;
  z-index: 90;
  cursor: pointer;
}
.collapse-icon i {
  font-size: 2.4rem;
}
.sidebar-link {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 700;
  -webkit-user-select: none;
          user-select: none;
  margin: 0.1rem 0;
  padding: 0.4rem;
  border-radius: 0.25em;
  color: white;
  text-decoration: none;
}
#player {
  max-width: 100vw;
}
.pointer {
  cursor: pointer;
}
.center-text {
  text-align: center;
}
.work-schedules {
  margin: auto;
}
@media screen and (max-width: 449px) {
  .work-schedules {
    display: none;
  }
}
.home-logo, #landing-title {
  justify-self: center;
  margin-top: 3em;
}
.technomancy {
  text-indent: none;
  max-width: 45em;
  padding: 1em 2em;
  display: block;
  flex-direction: column;
  margin-top: 4rem;
  margin-inline: auto;
  font-size-adjust: 0.7;
}
.technomancy ul {
  line-height: 3em;
}
.technomancy ul li {
  list-style: none;
}
.technomancy img {
  width: 100%;
  border-radius: 0.6rem;
}
.technomancy .content h1 a, .technomancy h2 a, .technomancy h3 a, .technomancy h4 a, .technomancy h1, .technomancy h2, .technomancy h3, .technomancy h4 {
  line-height: 1.6;
}
.technomancy ul, .technomancy p, .technomancy h1, .technomancy h2, .technomancy h3, .technomancy h4 {
  margin-bock: 2rem;
  text-indent: none;
}
.technomancy td {
  box-shadow: 2px 2px rgb(74, 32, 126), -2px -2px rgb(126, 220, 74);
}
.float-image-left {
  display: flex;
  flex-wrap: wrap;
}
.float-image-left img {
  width: max-content;
  border-radius: 0.7rem;
  max-width: 700px;
}
.float-image-left div {
  margin: auto;
  width: clamp(200px, 450px, 85ch);
}
.float-image {
  margin: auto;
  border-radius: 0.2em;
  height: 40vh;
  max-height: 90vw;
  width: 100%;
}
.time-link {
  text-decoration: none;
}
.pitch-container audio {
  max-width: 80vw;
}
#namaste-div p {
  text-align: justify;
}
#namaste-div .stu p {
  text-align: justify;
}
.navigation-cards {
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.5rem;
  justify-content: space-evenly;
  align-content: space-evenly;
}
@media screen and (min-width: 450px) {
  .navigation-cards {
    padding: 1rem;
  }
}
.home-navigation-card {
  width: 18rem;
  max-width: 90vw;
  margin-block: 0.4rem;
  margin-inline: 0.4rem;
}
.home-navigation-card * {
  max-width: 20ch;
  display: block;
  padding-bottom: 0.3rem;
}
.hero {
  max-width: 90vw;
  max-height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.overlay {
  background: rgba(0, 0, 0, 0.7);
  padding: 2rem;
  margin-inline: 2rem;
  border-radius: 1rem;
  color: white;
}
.overlay .title {
  font-size: clamp(2rem, 5vw, 4rem);
  font-weight: 700;
}
.overlay .subtitle {
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  font-weight: 400;
}
body:has(#beacon-div) {
  line-height: 1.6;
}
#beacon-div {
  max-width: 800px;
  margin: 3em auto;
  padding: 20px;
  border-radius: 8px;
  text-align: justify;
  border-radius: 8px;
}
#beacon-div p {
  text-indent: 2em;
}
@media screen and (min-width: 768px) {
  .novel-container {
    max-width: 95%;
    padding: 15px;
  }
}
.novel, .content {
  margin: auto;
}
.novel p, .content p {
  line-height: 1.8rem;
  max-width: 85ch;
  margin-inline: auto;
  text-align: justify;
}
.novel ul, .content ul {
  justify-self: center;
}
.novel ul li, .content ul li {
  list-style: none;
  max-width: 40ch;
}
@media screen and (min-width: 768px) {
  .novel ul li, .content ul li {
    list-style-image: url("favicon.ico");
  }
}
.novel h1, .novel h2, .novel h3, .novel h4, .novel div, .content h1, .content h2, .content h3, .content h4, .content div {
  text-align: center;
}
.novel p, .content p {
  text-indent: 1.5em;
  margin: 0;
  line-height: 1.8em;
  font-size: large;
}
.novel h1, .novel h2, .novel h3, .novel h4, .content h1, .content h2, .content h3, .content h4 {
  text-align: center;
  line-height: 1.8rem;
}
@media screen and (min-width: 768px) {
  .novel .novel-container, .content .novel-container {
    max-width: 95%;
    padding: 15px;
  }
  .novel .novel p, .content .novel p {
    text-indent: 1em;
  }
}
@media screen and (min-width: 768px) {
  .novel p, .content p {
    text-indent: 1em;
  }
}
#zen-wrapper #content-section p {
  text-indent: 1.5em;
  margin: 0;
  line-height: 1.8em;
  font-size: large;
}
#zen-wrapper #content-section h1, #zen-wrapper #content-section h2, #zen-wrapper #content-section h3, #zen-wrapper #content-section h4 {
  text-align: center;
  line-height: 1.8rem;
}
@media screen and (min-width: 768px) {
  #zen-wrapper #content-section .novel-container {
    max-width: 95%;
    padding: 15px;
  }
  #zen-wrapper #content-section .novel p {
    text-indent: 1em;
  }
}
.time-widget {
  border-radius: 4px;
  padding: 1rem;
  margin: auto;
}
.admin {
  background: linear-gradient(217deg, rgba(255, 0, 0, 0.8), rgba(255, 0, 0, 0) 70.71%), linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%);
}
#struggles-theme {
  color: rgb(31.77, 10.35, 41.85);
  background-color: rgb(134.5749206897, 113.9107758621, 144.2992241379);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#flowers-theme {
  color: rgb(237.495, 155.805, 168.1144520548);
  background-color: rgb(123.29955, 93.01545, 97.5788075342);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#elders-theme {
  color: rgb(215.1, 215.1, 215.1);
  background-color: rgb(118.305, 118.305, 118.305);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#vivid-theme {
  color: rgb(174.6286363636, 76.4713636364, 97.7768181818);
  background-color: rgb(189.36885, 178.23615, 180.65255);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#peace-theme {
  color: rgb(51.12, 95.76, 193.68);
  background-color: rgb(173.5758, 178.8954, 190.5642);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#harvests-theme {
  color: rgb(170.1357024793, 119.9023140496, 71.0642975207);
  background-color: rgb(187.1524363636, 180.9944727273, 175.0075636364);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#hallows-theme {
  color: rgb(53.91, 108.09, 81);
  background-color: rgb(152.8987333333, 165.7012666667, 159.3);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#feasts-theme {
  color: rgb(14.4, 14.4, 14.4);
  background-color: rgb(122.67, 122.67, 122.67);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#appWrapper.struggles {
  background-color: #000000;
  color: #cfb0ef;
}
#appWrapper.struggles a {
  color: #9d5fa5;
}
#appWrapper.struggles .theme-image {
  filter: hue-rotate(10deg) saturate(180%) brightness(100%);
}
#appWrapper.struggles #loading {
  filter: invert(1);
  background-color: #000000;
}
#appWrapper.struggles .christmas-icon {
  color: rgb(49, 232, 51);
}
#appWrapper.struggles .navItem {
  box-shadow: 0 0 5px #6f8d7d;
  border: solid 1px white;
}
#appWrapper.struggles .nav-item-dark {
  box-shadow: 0 0 40px #cfb0ef;
}
#appWrapper.struggles a:hover, #appWrapper.struggles router-link:hover {
  color: #92099e;
}
#appWrapper.struggles .social-grp {
  background-color: #040007;
}
#appWrapper.struggles .social-grp * {
  color: #92099e;
}
#appWrapper.struggles .social-grp .social {
  border-radius: 0.6rem;
  background-color: #4a6cb6;
  padding: 0.07em;
}
#appWrapper.struggles .social-grp .social:hover {
  background-color: rgb(176.5, 92.5, 198.5);
}
#appWrapper.struggles .social-grp *:hover {
  color: rgb(176.5, 92.5, 198.5);
}
#appWrapper.struggles:has(#beacon-div) {
  background-color: #15082e;
}
#appWrapper.struggles #beacon-div {
  background-color: #000000;
  color: #cfb0ef;
  box-shadow: 0 0 10px #cfb0ef;
}
#appWrapper.struggles #videos-container .stu-banner {
  box-shadow: 2px 2px #92099e, -2px -2px #6f8d7d;
}
#appWrapper.struggles #videos-container button {
  background-color: #040007;
  color: #cfb0ef;
}
#appWrapper.struggles #videos-container button:hover {
  background-color: #0e031b;
}
#appWrapper.struggles #videos-container button.active {
  background-color: #15082e;
}
#appWrapper.struggles #videos-container div:hover {
  background-color: #1e0127;
}
#appWrapper.struggles #videos-container div {
  background-color: #040007;
  box-shadow: -2px -2px 8px #92099e, 2px 2px 8px #6f8d7d;
}
#appWrapper.struggles #videos-container a {
  color: #cfb0ef;
}
#appWrapper.struggles #videos-container a:visited {
  color: #9d5fa5;
}
#appWrapper.struggles #videos-container .member-berries {
  box-shadow: 2px 2px #92099e, -2px -2px #6f8d7d;
}
#appWrapper.struggles .lime-green {
  color: limegreen;
}
#appWrapper.struggles .collapse-icon-closed {
  background-color: #15082e;
}
#appWrapper.struggles #style-selector {
  background-color: #0e031b;
}
#appWrapper.struggles #style-selector i {
  border: 1px solid #1e0127;
}
#appWrapper.struggles #style-selector i:hover, #appWrapper.struggles #style-selector .tinytext {
  background-color: #1e0127;
}
#appWrapper.struggles .activeStyle {
  background-color: rgb(102.2, 6.3, 110.6);
}
#appWrapper.struggles .sidebar-wrapper {
  background-color: #0e031b;
}
#appWrapper.struggles .pedantic {
  color: rgb(188.5, 10, 84.5);
  font-weight: 600;
}
#appWrapper.struggles .navigation-cards {
  background-color: #9d5fa5;
}
#appWrapper.struggles .home-navigation-card {
  background-image: linear-gradient(to bottom, #040007, #15082e);
  border-radius: 10px;
  padding: 13px;
  text-align: center;
}
#appWrapper.struggles .home-navigation-card b {
  color: #92099e;
}
#appWrapper.struggles .clue-button {
  box-shadow: 1px 1px 5px #4a6cb6;
}
#appWrapper.struggles .buttons {
  background-color: #1e0127;
  color: #cfb0ef;
}
#appWrapper.struggles .buttons span {
  background-color: #92099e;
}
#appWrapper.struggles .buttons span:hover {
  color: hsl(269.5238095238, 66.3157894737%, 101.3725490196%);
  background-color: rgb(56.8263473054, 3.502994012, 61.497005988);
}
#appWrapper.struggles #puzzle-clues {
  background-color: #0e031b;
  box-shadow: 1px 1px 5px #0e031b;
}
#appWrapper.struggles #puzzle-clues span:hover {
  background-color: #4a6cb6;
}
#appWrapper.struggles .clue-button:hover {
  background-color: #4a6cb6;
}
#appWrapper.struggles #puzzle-body:not(.clearme) {
  color: #cfb0ef;
}
#appWrapper.struggles #puzzle-body .clearme {
  color: #6f8d7d;
}
#appWrapper.struggles #puzzle td {
  box-shadow: 0 0 5px #6f8d7d;
}
#appWrapper.struggles .navItem, #appWrapper.struggles #puzzle-body .clearme, #appWrapper.struggles #puzzle td:has(.clearme) {
  background-color: #15082e;
}
#appWrapper.struggles .video-div {
  background-color: #040007;
  border-color: #92099e;
}
#appWrapper.struggles .login-page {
  background-color: #1e0127;
  box-shadow: 1px 1px 5px 1px #92099e;
  border-radius: 8px;
}
#appWrapper.struggles .login-page h2 {
  color: #92099e;
}
#appWrapper.struggles .login-page input {
  background-color: #000000;
  border: 1px solid #040007;
  color: #cfb0ef;
}
#appWrapper.struggles .login-page input[name=submit] {
  border-radius: 8px;
  color: #92099e;
}
#appWrapper.struggles .login-page i {
  color: #000000;
  text-shadow: -1px -2px #92099e;
}
#appWrapper.struggles .login-page a, #appWrapper.struggles .login-page router-link {
  color: #cfb0ef;
  padding-block: 3px;
}
#appWrapper.struggles .login-page button, #appWrapper.struggles .login-page .login-submit-button {
  cursor: pointer;
  background-color: #15082e;
  margin: 3em;
  padding: 1rem;
  margin: 1rem auto;
  color: #cfb0ef;
  border-radius: 8px;
  border: 1px solid #cfb0ef;
  padding: 0.6rem 1rem;
}
#appWrapper.struggles .time-gui-container {
  background-color: rgba(207, 176, 239, 0.1);
}
#appWrapper.struggles .time-widget {
  background: #000000;
  box-shadow: -5px -5px 21px rgba(146, 9, 158, 0.2), 5px 5px 21px rgba(111, 141, 125, 0.2);
}
#appWrapper.struggles .content-selector * {
  box-shadow: 1px 1px 1px #cfb0ef;
}
#appWrapper.struggles #content-section h1, #appWrapper.struggles #content-section h2, #appWrapper.struggles #content-section h3 {
  padding: 0 3rem;
  text-shadow: 1px 1px 10px #0e031b;
}
#appWrapper.struggles .unlimited-time-logo {
  border: 0.2rem solid #0e031b;
}
#appWrapper.struggles .smiley {
  background-image: linear-gradient(to bottom, #0e031b, #92099e, #0e031b);
}
#appWrapper.struggles .time-info-buttons i:hover {
  color: #15082e;
  box-shadow: 0 0 2px #92099e;
}
#appWrapper.struggles .active {
  stroke: #92099e;
  fill: #92099e;
  color: #4a6cb6;
}
#appWrapper.struggles .zenwheel text:not(.year-markers) {
  fill: #cfb0ef;
  stroke: #cfb0ef;
}
#appWrapper.struggles .zenwheel text.active {
  fill: #92099e;
  stroke: #92099e;
}
#appWrapper.struggles .zenwheel .pie-chart {
  fill: #1e0127;
}
#appWrapper.struggles .zenwheel .zen-cycle-arm {
  stroke: #15082e;
}
#appWrapper.struggles .zenwheel .habit-divider {
  fill: #000000;
  stroke: #15082e;
}
#appWrapper.struggles .holiday {
  color: #92099e;
}
#appWrapper.struggles .clock-hand {
  stroke: #6f8d7d;
  stroke-width: 2;
}
#appWrapper.struggles .greg-dark, #appWrapper.struggles .greg-light, #appWrapper.struggles .greg-text {
  stroke: #cfb0ef;
}
#appWrapper.struggles .greg-number {
  stroke: #cfb0ef;
}
#appWrapper.struggles .zen-borders {
  stroke: #92099e;
  stroke: #cfb0ef;
  stroke: #15082e;
}
#appWrapper.struggles .greg-dark {
  fill: #15082e;
}
#appWrapper.struggles .greg-light {
  fill: #040007;
}
#appWrapper.struggles .greg-text {
  fill: #cfb0ef;
}
#appWrapper.struggles .zen-mint {
  fill: #cfb0ef;
}
#appWrapper.struggles .inner-rect {
  opacity: 0.5;
  fill: #92099e;
}
#appWrapper.struggles .daytop-bg {
  fill: #15082e;
}
#appWrapper.struggles .daytop-tx {
  fill: #cfb0ef;
  stroke: #cfb0ef;
}
#appWrapper.struggles .alt-fill {
  fill: #1e0127;
}
#appWrapper.struggles .black-fill {
  fill: #040007;
}
#appWrapper.struggles .session-before {
  fill: #0e031b;
}
#appWrapper.struggles .sessionActive {
  fill: #92099e;
}
#appWrapper.struggles .session-after {
  fill: #040007;
}
#appWrapper.struggles .year-hand {
  stroke: #6f8d7d;
}
#appWrapper.struggles .year-clock-hand-axis {
  fill: #92099e;
}
#appWrapper.struggles .baheader-zen {
  background-color: #1e0127;
  color: #cfb0ef;
}
#appWrapper.struggles .unchunk {
  color: #6f8d7d;
}
#appWrapper.struggles .uncell {
  background-color: #0e031b;
  transition: background-color 80ms linear;
}
#appWrapper.struggles .uncell:hover {
  background-color: #15082e;
}
#appWrapper.struggles .selected-date {
  background-color: #1e0127;
  color: #92099e;
}
#appWrapper.struggles .uncell-zen {
  border: 1px solid #1e0127;
}
#appWrapper.struggles .zen-borders:hover {
  fill: #15082e;
}
#appWrapper.struggles .conversion-table {
  background-color: #000000;
}
#appWrapper.struggles .conversion-table table {
  color: #cfb0ef;
  box-shadow: 0 0 8px 1px #6f8d7d;
}
#appWrapper.struggles .conversion-table table .th {
  border: 1px solid #92099e;
}
#appWrapper.struggles .conversion-table table .th-blue {
  border: 1px solid #0e031b;
}
#appWrapper.struggles .info-panel {
  z-index: 6000;
}
#appWrapper.struggles .info-panel .style-selector-buttons {
  background-color: #1e0127;
}
#appWrapper.struggles .info-panel .style-selector-buttons a:hover {
  color: green;
}
#appWrapper.struggles .info-panel .style-selector-buttons .active {
  color: blue;
}
#appWrapper.struggles .info-panel i, #appWrapper.struggles .info-panel .tinytext {
  background-color: #1e0127;
}
#appWrapper.struggles .info-panel i:hover, #appWrapper.struggles .info-panel .tinytext:hover {
  background-color: #0e031b;
}
#appWrapper.struggles .hilight {
  color: #92099e;
}
#appWrapper.struggles .home-changer-int a {
  color: #1e0127;
  background-color: #cfb0ef;
  box-shadow: 2px 2px 4px #15082e, -2px -2px 4px #92099e;
}
#appWrapper.struggles .home-changer-int a:hover {
  background-color: #92099e;
}
#appWrapper.struggles .btn-group:hover {
  background-color: #0e031b;
}
#appWrapper.struggles .btn-group button {
  background-color: #15082e;
  color: #cfb0ef;
}
#appWrapper.struggles .btn-group button:hover {
  background-color: rgb(62.2857142857, 0, 109);
}
#appWrapper.struggles .btn-group .darken {
  background-color: hsl(260.5263157895, 70.3703703704%, -19.4117647059%);
}
#appWrapper.struggles .bisque {
  stroke: #92099e;
  fill: #1e0127;
}
#appWrapper.struggles #arrow path {
  fill: #6f8d7d;
}
#appWrapper.struggles .year-markers {
  fill: #15082e;
  stroke: #cfb0ef;
  opacity: 1;
}
#appWrapper.struggles .work-schedules td, #appWrapper.struggles .work-schedules th {
  border: 1px solid #cfb0ef;
}
#appWrapper.struggles .work-schedules .border-red {
  border: 2px solid red;
}
#appWrapper.struggles .work-schedules .border-black {
  border: 2px solid black;
}
#appWrapper.struggles .work-schedules .border-blue {
  border: 2px solid dodgerblue;
}
#appWrapper.struggles .work-schedules .border-pink {
  border: 2px solid hotpink;
}
#appWrapper.struggles #music-main h2, #appWrapper.struggles #music-main h1, #appWrapper.struggles #music-main .shadow-me {
  color: #cfb0ef;
  text-shadow: 2px 1px 4px #6f8d7d;
}
#appWrapper.struggles #music-main .testimonial {
  text-shadow: 2px 1px 4px #040007;
}
#appWrapper.struggles #music-main .double-width {
  background-color: #040007;
  box-shadow: 1px 0 10px #92099e;
}
#appWrapper.struggles .glow {
  animation: glow 4s infinite alternate;
}
#appWrapper.struggles .zenwheel text.active {
  animation: glow 2s infinite alternate;
}
@keyframes glow {
  0% {
    text-shadow: 0px 0px 3px #92099e, 3px 3px 6px #92099e;
  }
  to {
    text-shadow: 0px 0px 4px #92099e, 0px 0px 6px #92099e;
  }
}
#appWrapper.flowers {
  background-color: #c9b8bd;
  color: #46071a;
}
#appWrapper.flowers a {
  color: #4a0e2a;
}
#appWrapper.flowers .theme-image {
  filter: hue-rotate(33deg) saturate(169%) brightness(120%);
}
#appWrapper.flowers #loading {
  filter: invert(1);
  background-color: #c9b8bd;
}
#appWrapper.flowers .christmas-icon {
  color: rgb(49, 232, 51);
}
#appWrapper.flowers .navItem {
  box-shadow: 0 0 5px #dda0dd;
  border: solid 1px white;
}
#appWrapper.flowers .nav-item-dark {
  box-shadow: 0 0 40px #46071a;
}
#appWrapper.flowers a:hover, #appWrapper.flowers router-link:hover {
  color: #800080;
}
#appWrapper.flowers .social-grp {
  background-color: #db7093;
}
#appWrapper.flowers .social-grp * {
  color: #800080;
}
#appWrapper.flowers .social-grp .social {
  border-radius: 0.6rem;
  background-color: #e6ca7e;
  padding: 0.07em;
}
#appWrapper.flowers .social-grp .social:hover {
  background-color: rgb(99, 3.5, 77);
}
#appWrapper.flowers .social-grp *:hover {
  color: rgb(99, 3.5, 77);
}
#appWrapper.flowers:has(#beacon-div) {
  background-color: #ff69b4;
}
#appWrapper.flowers #beacon-div {
  background-color: #c9b8bd;
  color: #46071a;
  box-shadow: 0 0 10px #46071a;
}
#appWrapper.flowers #videos-container .stu-banner {
  box-shadow: 2px 2px #ffe6f2, -2px -2px #dda0dd;
}
#appWrapper.flowers #videos-container button {
  background-color: #db7093;
  color: #46071a;
}
#appWrapper.flowers #videos-container button:hover {
  background-color: #885988;
}
#appWrapper.flowers #videos-container button.active {
  background-color: #ff69b4;
}
#appWrapper.flowers #videos-container div:hover {
  background-color: #cf83b3;
}
#appWrapper.flowers #videos-container div {
  background-color: #db7093;
  box-shadow: -2px -2px 8px #ffe6f2, 2px 2px 8px #dda0dd;
}
#appWrapper.flowers #videos-container a {
  color: #46071a;
}
#appWrapper.flowers #videos-container a:visited {
  color: #4a0e2a;
}
#appWrapper.flowers #videos-container .member-berries {
  box-shadow: 2px 2px #ffe6f2, -2px -2px #dda0dd;
}
#appWrapper.flowers .lime-green {
  color: limegreen;
}
#appWrapper.flowers .collapse-icon-closed {
  background-color: #ff69b4;
}
#appWrapper.flowers #style-selector {
  background-color: #885988;
}
#appWrapper.flowers #style-selector i {
  border: 1px solid #cf83b3;
}
#appWrapper.flowers #style-selector i:hover, #appWrapper.flowers #style-selector .tinytext {
  background-color: #cf83b3;
}
#appWrapper.flowers .activeStyle {
  background-color: rgb(255, 84.5, 166.34);
}
#appWrapper.flowers .sidebar-wrapper {
  background-color: #885988;
}
#appWrapper.flowers .pedantic {
  color: rgb(179.5, 5.5, 69.5);
  font-weight: 600;
}
#appWrapper.flowers .navigation-cards {
  background-color: #4a0e2a;
}
#appWrapper.flowers .home-navigation-card {
  background-image: linear-gradient(to bottom, #db7093, #ff69b4);
  border-radius: 10px;
  padding: 13px;
  text-align: center;
}
#appWrapper.flowers .home-navigation-card b {
  color: #800080;
}
#appWrapper.flowers .clue-button {
  box-shadow: 1px 1px 5px #e6ca7e;
}
#appWrapper.flowers .buttons {
  background-color: #cf83b3;
  color: #46071a;
}
#appWrapper.flowers .buttons span {
  background-color: #800080;
}
#appWrapper.flowers .buttons span:hover {
  color: rgb(162.7272727273, 16.2727272727, 60.4415584416);
  background-color: #1a001a;
}
#appWrapper.flowers #puzzle-clues {
  background-color: #885988;
  box-shadow: 1px 1px 5px #885988;
}
#appWrapper.flowers #puzzle-clues span:hover {
  background-color: #e6ca7e;
}
#appWrapper.flowers .clue-button:hover {
  background-color: #e6ca7e;
}
#appWrapper.flowers #puzzle-body:not(.clearme) {
  color: #46071a;
}
#appWrapper.flowers #puzzle-body .clearme {
  color: #dda0dd;
}
#appWrapper.flowers #puzzle td {
  box-shadow: 0 0 5px #dda0dd;
}
#appWrapper.flowers .navItem, #appWrapper.flowers #puzzle-body .clearme, #appWrapper.flowers #puzzle td:has(.clearme) {
  background-color: #ff69b4;
}
#appWrapper.flowers .video-div {
  background-color: #db7093;
  border-color: #800080;
}
#appWrapper.flowers .login-page {
  background-color: #cf83b3;
  box-shadow: 1px 1px 5px 1px #800080;
  border-radius: 8px;
}
#appWrapper.flowers .login-page h2 {
  color: #800080;
}
#appWrapper.flowers .login-page input {
  background-color: #c9b8bd;
  border: 1px solid #db7093;
  color: #46071a;
}
#appWrapper.flowers .login-page input[name=submit] {
  border-radius: 8px;
  color: #ffe6f2;
}
#appWrapper.flowers .login-page i {
  color: #c9b8bd;
  text-shadow: -1px -2px #800080;
}
#appWrapper.flowers .login-page a, #appWrapper.flowers .login-page router-link {
  color: #46071a;
  padding-block: 3px;
}
#appWrapper.flowers .login-page button, #appWrapper.flowers .login-page .login-submit-button {
  cursor: pointer;
  background-color: #ff69b4;
  margin: 3em;
  padding: 1rem;
  margin: 1rem auto;
  color: #46071a;
  border-radius: 8px;
  border: 1px solid #46071a;
  padding: 0.6rem 1rem;
}
#appWrapper.flowers .time-gui-container {
  background-color: rgba(70, 7, 26, 0.1);
}
#appWrapper.flowers .time-widget {
  background: #c9b8bd;
  box-shadow: -5px -5px 21px rgba(128, 0, 128, 0.2), 5px 5px 21px rgba(221, 160, 221, 0.2);
}
#appWrapper.flowers .content-selector * {
  box-shadow: 1px 1px 1px #46071a;
}
#appWrapper.flowers #content-section h1, #appWrapper.flowers #content-section h2, #appWrapper.flowers #content-section h3 {
  padding: 0 3rem;
  text-shadow: 1px 1px 10px #885988;
}
#appWrapper.flowers .unlimited-time-logo {
  border: 0.2rem solid #885988;
}
#appWrapper.flowers .smiley {
  background-image: linear-gradient(to bottom, #885988, #ffe6f2, #885988);
}
#appWrapper.flowers .time-info-buttons i:hover {
  color: #ff69b4;
  box-shadow: 0 0 2px #800080;
}
#appWrapper.flowers .active {
  stroke: #800080;
  fill: #800080;
  color: #e6ca7e;
}
#appWrapper.flowers .zenwheel text:not(.year-markers) {
  fill: #46071a;
  stroke: #46071a;
}
#appWrapper.flowers .zenwheel text.active {
  fill: #800080;
  stroke: #800080;
}
#appWrapper.flowers .zenwheel .pie-chart {
  fill: #cf83b3;
}
#appWrapper.flowers .zenwheel .zen-cycle-arm {
  stroke: #ff69b4;
}
#appWrapper.flowers .zenwheel .habit-divider {
  fill: #c9b8bd;
  stroke: #ff69b4;
}
#appWrapper.flowers .holiday {
  color: #800080;
}
#appWrapper.flowers .clock-hand {
  stroke: #dda0dd;
  stroke-width: 2;
}
#appWrapper.flowers .greg-dark, #appWrapper.flowers .greg-light, #appWrapper.flowers .greg-text {
  stroke: #46071a;
}
#appWrapper.flowers .greg-number {
  stroke: #46071a;
}
#appWrapper.flowers .zen-borders {
  stroke: #ffe6f2;
  stroke: #46071a;
  stroke: #ff69b4;
}
#appWrapper.flowers .greg-dark {
  fill: #ff69b4;
}
#appWrapper.flowers .greg-light {
  fill: #db7093;
}
#appWrapper.flowers .greg-text {
  fill: #46071a;
}
#appWrapper.flowers .zen-mint {
  fill: #46071a;
}
#appWrapper.flowers .inner-rect {
  opacity: 0.5;
  fill: #800080;
}
#appWrapper.flowers .daytop-bg {
  fill: #ff69b4;
}
#appWrapper.flowers .daytop-tx {
  fill: #46071a;
  stroke: #46071a;
}
#appWrapper.flowers .alt-fill {
  fill: #cf83b3;
}
#appWrapper.flowers .black-fill {
  fill: #db7093;
}
#appWrapper.flowers .session-before {
  fill: #885988;
}
#appWrapper.flowers .sessionActive {
  fill: #800080;
}
#appWrapper.flowers .session-after {
  fill: #db7093;
}
#appWrapper.flowers .year-hand {
  stroke: #dda0dd;
}
#appWrapper.flowers .year-clock-hand-axis {
  fill: #800080;
}
#appWrapper.flowers .baheader-zen {
  background-color: #cf83b3;
  color: #46071a;
}
#appWrapper.flowers .unchunk {
  color: #dda0dd;
}
#appWrapper.flowers .uncell {
  background-color: #885988;
  transition: background-color 80ms linear;
}
#appWrapper.flowers .uncell:hover {
  background-color: #ff69b4;
}
#appWrapper.flowers .selected-date {
  background-color: #cf83b3;
  color: #800080;
}
#appWrapper.flowers .uncell-zen {
  border: 1px solid #cf83b3;
}
#appWrapper.flowers .zen-borders:hover {
  fill: #ff69b4;
}
#appWrapper.flowers .conversion-table {
  background-color: #c9b8bd;
}
#appWrapper.flowers .conversion-table table {
  color: #46071a;
  box-shadow: 0 0 8px 1px #dda0dd;
}
#appWrapper.flowers .conversion-table table .th {
  border: 1px solid #ffe6f2;
}
#appWrapper.flowers .conversion-table table .th-blue {
  border: 1px solid #885988;
}
#appWrapper.flowers .info-panel {
  z-index: 6000;
}
#appWrapper.flowers .info-panel .style-selector-buttons {
  background-color: #cf83b3;
}
#appWrapper.flowers .info-panel .style-selector-buttons a:hover {
  color: green;
}
#appWrapper.flowers .info-panel .style-selector-buttons .active {
  color: blue;
}
#appWrapper.flowers .info-panel i, #appWrapper.flowers .info-panel .tinytext {
  background-color: #cf83b3;
}
#appWrapper.flowers .info-panel i:hover, #appWrapper.flowers .info-panel .tinytext:hover {
  background-color: #885988;
}
#appWrapper.flowers .hilight {
  color: #800080;
}
#appWrapper.flowers .home-changer-int a {
  color: #cf83b3;
  background-color: #46071a;
  box-shadow: 2px 2px 4px #ff69b4, -2px -2px 4px #800080;
}
#appWrapper.flowers .home-changer-int a:hover {
  background-color: #800080;
}
#appWrapper.flowers .btn-group:hover {
  background-color: #885988;
}
#appWrapper.flowers .btn-group button {
  background-color: #ff69b4;
  color: #46071a;
}
#appWrapper.flowers .btn-group button:hover {
  background-color: rgb(239.5139664804, 193.4860335196, 208.5418994413);
}
#appWrapper.flowers .btn-group .darken {
  background-color: rgb(207, 0, 103.5);
}
#appWrapper.flowers .bisque {
  stroke: #ffe6f2;
  fill: #cf83b3;
}
#appWrapper.flowers #arrow path {
  fill: #dda0dd;
}
#appWrapper.flowers .year-markers {
  fill: #ff69b4;
  stroke: #46071a;
  opacity: 1;
}
#appWrapper.flowers .work-schedules td, #appWrapper.flowers .work-schedules th {
  border: 1px solid #46071a;
}
#appWrapper.flowers .work-schedules .border-red {
  border: 2px solid red;
}
#appWrapper.flowers .work-schedules .border-black {
  border: 2px solid black;
}
#appWrapper.flowers .work-schedules .border-blue {
  border: 2px solid dodgerblue;
}
#appWrapper.flowers .work-schedules .border-pink {
  border: 2px solid hotpink;
}
#appWrapper.flowers #music-main h2, #appWrapper.flowers #music-main h1, #appWrapper.flowers #music-main .shadow-me {
  color: #46071a;
  text-shadow: 2px 1px 4px #dda0dd;
}
#appWrapper.flowers #music-main .testimonial {
  text-shadow: 2px 1px 4px #db7093;
}
#appWrapper.flowers #music-main .double-width {
  background-color: #db7093;
  box-shadow: 1px 0 10px #ffe6f2;
}
#appWrapper.flowers .glow {
  animation: glow 4s infinite alternate;
}
#appWrapper.flowers .zenwheel text.active {
  animation: glow 2s infinite alternate;
}
@keyframes glow {
  0% {
    text-shadow: 0px 0px 3px #ffe6f2, 3px 3px 6px #800080;
  }
  to {
    text-shadow: 0px 0px 4px #ffe6f2, 0px 0px 6px #800080;
  }
}
#appWrapper.elders {
  background-color: #333;
  color: rgb(249, 194, 159);
}
#appWrapper.elders a {
  color: #945f5f;
}
#appWrapper.elders .theme-image {
  filter: hue-rotate(140deg) saturate(58%) brightness(120%);
}
#appWrapper.elders #loading {
  filter: invert(1);
  background-color: #333;
}
#appWrapper.elders .christmas-icon {
  color: rgb(49, 232, 51);
}
#appWrapper.elders .navItem {
  box-shadow: 0 0 5px #704433;
  border: solid 1px white;
}
#appWrapper.elders .nav-item-dark {
  box-shadow: 0 0 40px rgb(249, 194, 159);
}
#appWrapper.elders a:hover, #appWrapper.elders router-link:hover {
  color: rgb(245, 120, 89);
}
#appWrapper.elders .social-grp {
  background-color: #444;
}
#appWrapper.elders .social-grp * {
  color: rgb(245, 120, 89);
}
#appWrapper.elders .social-grp .social {
  border-radius: 0.6rem;
  background-color: #ff5050;
  padding: 0.07em;
}
#appWrapper.elders .social-grp .social:hover {
  background-color: #f79d7c;
}
#appWrapper.elders .social-grp *:hover {
  color: #f79d7c;
}
#appWrapper.elders:has(#beacon-div) {
  background-color: #2f1b14;
}
#appWrapper.elders #beacon-div {
  background-color: #333;
  color: rgb(249, 194, 159);
  box-shadow: 0 0 10px rgb(249, 194, 159);
}
#appWrapper.elders #videos-container .stu-banner {
  box-shadow: 2px 2px rgb(245, 120, 89), -2px -2px #704433;
}
#appWrapper.elders #videos-container button {
  background-color: #444;
  color: rgb(249, 194, 159);
}
#appWrapper.elders #videos-container button:hover {
  background-color: #555;
}
#appWrapper.elders #videos-container button.active {
  background-color: #2f1b14;
}
#appWrapper.elders #videos-container div:hover {
  background-color: #1b0c10;
}
#appWrapper.elders #videos-container div {
  background-color: #444;
  box-shadow: -2px -2px 8px rgb(245, 120, 89), 2px 2px 8px #704433;
}
#appWrapper.elders #videos-container a {
  color: rgb(249, 194, 159);
}
#appWrapper.elders #videos-container a:visited {
  color: #945f5f;
}
#appWrapper.elders #videos-container .member-berries {
  box-shadow: 2px 2px rgb(245, 120, 89), -2px -2px #704433;
}
#appWrapper.elders .lime-green {
  color: limegreen;
}
#appWrapper.elders .collapse-icon-closed {
  background-color: #2f1b14;
}
#appWrapper.elders #style-selector {
  background-color: #555;
}
#appWrapper.elders #style-selector i {
  border: 1px solid #1b0c10;
}
#appWrapper.elders #style-selector i:hover, #appWrapper.elders #style-selector .tinytext {
  background-color: #1b0c10;
}
#appWrapper.elders .activeStyle {
  background-color: rgb(220.5159090909, 54.4647727273, 13.2840909091);
}
#appWrapper.elders .sidebar-wrapper {
  background-color: #555;
}
#appWrapper.elders .pedantic {
  color: rgb(238, 65.5, 50);
  font-weight: 600;
}
#appWrapper.elders .navigation-cards {
  background-color: #945f5f;
}
#appWrapper.elders .home-navigation-card {
  background-image: linear-gradient(to bottom, #444, #2f1b14);
  border-radius: 10px;
  padding: 13px;
  text-align: center;
}
#appWrapper.elders .home-navigation-card b {
  color: rgb(245, 120, 89);
}
#appWrapper.elders .clue-button {
  box-shadow: 1px 1px 5px #ff5050;
}
#appWrapper.elders .buttons {
  background-color: #1b0c10;
  color: rgb(249, 194, 159);
}
#appWrapper.elders .buttons span {
  background-color: rgb(245, 120, 89);
}
#appWrapper.elders .buttons span:hover {
  color: white;
  background-color: rgb(218.8181818182, 54.0454545455, 13.1818181818);
}
#appWrapper.elders #puzzle-clues {
  background-color: #555;
  box-shadow: 1px 1px 5px #555;
}
#appWrapper.elders #puzzle-clues span:hover {
  background-color: #ff5050;
}
#appWrapper.elders .clue-button:hover {
  background-color: #ff5050;
}
#appWrapper.elders #puzzle-body:not(.clearme) {
  color: rgb(249, 194, 159);
}
#appWrapper.elders #puzzle-body .clearme {
  color: #704433;
}
#appWrapper.elders #puzzle td {
  box-shadow: 0 0 5px #704433;
}
#appWrapper.elders .navItem, #appWrapper.elders #puzzle-body .clearme, #appWrapper.elders #puzzle td:has(.clearme) {
  background-color: #2f1b14;
}
#appWrapper.elders .video-div {
  background-color: #444;
  border-color: rgb(245, 120, 89);
}
#appWrapper.elders .login-page {
  background-color: #1b0c10;
  box-shadow: 1px 1px 5px 1px rgb(245, 120, 89);
  border-radius: 8px;
}
#appWrapper.elders .login-page h2 {
  color: rgb(245, 120, 89);
}
#appWrapper.elders .login-page input {
  background-color: #333;
  border: 1px solid #444;
  color: rgb(249, 194, 159);
}
#appWrapper.elders .login-page input[name=submit] {
  border-radius: 8px;
  color: rgb(245, 120, 89);
}
#appWrapper.elders .login-page i {
  color: #333;
  text-shadow: -1px -2px rgb(245, 120, 89);
}
#appWrapper.elders .login-page a, #appWrapper.elders .login-page router-link {
  color: rgb(249, 194, 159);
  padding-block: 3px;
}
#appWrapper.elders .login-page button, #appWrapper.elders .login-page .login-submit-button {
  cursor: pointer;
  background-color: #2f1b14;
  margin: 3em;
  padding: 1rem;
  margin: 1rem auto;
  color: rgb(249, 194, 159);
  border-radius: 8px;
  border: 1px solid rgb(249, 194, 159);
  padding: 0.6rem 1rem;
}
#appWrapper.elders .time-gui-container {
  background-color: rgba(249, 194, 159, 0.1);
}
#appWrapper.elders .time-widget {
  background: #333;
  box-shadow: -5px -5px 21px rgba(245, 120, 89, 0.2), 5px 5px 21px rgba(112, 68, 51, 0.2);
}
#appWrapper.elders .content-selector * {
  box-shadow: 1px 1px 1px rgb(249, 194, 159);
}
#appWrapper.elders #content-section h1, #appWrapper.elders #content-section h2, #appWrapper.elders #content-section h3 {
  padding: 0 3rem;
  text-shadow: 1px 1px 10px #555;
}
#appWrapper.elders .unlimited-time-logo {
  border: 0.2rem solid #555;
}
#appWrapper.elders .smiley {
  background-image: linear-gradient(to bottom, #555, rgb(245, 120, 89), #555);
}
#appWrapper.elders .time-info-buttons i:hover {
  color: #2f1b14;
  box-shadow: 0 0 2px rgb(245, 120, 89);
}
#appWrapper.elders .active {
  stroke: rgb(245, 120, 89);
  fill: rgb(245, 120, 89);
  color: #ff5050;
}
#appWrapper.elders .zenwheel text:not(.year-markers) {
  fill: rgb(249, 194, 159);
  stroke: rgb(249, 194, 159);
}
#appWrapper.elders .zenwheel text.active {
  fill: rgb(245, 120, 89);
  stroke: rgb(245, 120, 89);
}
#appWrapper.elders .zenwheel .pie-chart {
  fill: #1b0c10;
}
#appWrapper.elders .zenwheel .zen-cycle-arm {
  stroke: #2f1b14;
}
#appWrapper.elders .zenwheel .habit-divider {
  fill: #333;
  stroke: #2f1b14;
}
#appWrapper.elders .holiday {
  color: rgb(245, 120, 89);
}
#appWrapper.elders .clock-hand {
  stroke: #704433;
  stroke-width: 2;
}
#appWrapper.elders .greg-dark, #appWrapper.elders .greg-light, #appWrapper.elders .greg-text {
  stroke: rgb(249, 194, 159);
}
#appWrapper.elders .greg-number {
  stroke: rgb(249, 194, 159);
}
#appWrapper.elders .zen-borders {
  stroke: rgb(245, 120, 89);
  stroke: rgb(249, 194, 159);
  stroke: #2f1b14;
}
#appWrapper.elders .greg-dark {
  fill: #2f1b14;
}
#appWrapper.elders .greg-light {
  fill: #444;
}
#appWrapper.elders .greg-text {
  fill: rgb(249, 194, 159);
}
#appWrapper.elders .zen-mint {
  fill: rgb(249, 194, 159);
}
#appWrapper.elders .inner-rect {
  opacity: 0.5;
  fill: rgb(245, 120, 89);
}
#appWrapper.elders .daytop-bg {
  fill: #2f1b14;
}
#appWrapper.elders .daytop-tx {
  fill: rgb(249, 194, 159);
  stroke: rgb(249, 194, 159);
}
#appWrapper.elders .alt-fill {
  fill: #1b0c10;
}
#appWrapper.elders .black-fill {
  fill: #444;
}
#appWrapper.elders .session-before {
  fill: #555;
}
#appWrapper.elders .sessionActive {
  fill: rgb(245, 120, 89);
}
#appWrapper.elders .session-after {
  fill: #444;
}
#appWrapper.elders .year-hand {
  stroke: #704433;
}
#appWrapper.elders .year-clock-hand-axis {
  fill: rgb(245, 120, 89);
}
#appWrapper.elders .baheader-zen {
  background-color: #1b0c10;
  color: rgb(249, 194, 159);
}
#appWrapper.elders .unchunk {
  color: #704433;
}
#appWrapper.elders .uncell {
  background-color: #555;
  transition: background-color 80ms linear;
}
#appWrapper.elders .uncell:hover {
  background-color: #2f1b14;
}
#appWrapper.elders .selected-date {
  background-color: #1b0c10;
  color: rgb(245, 120, 89);
}
#appWrapper.elders .uncell-zen {
  border: 1px solid #1b0c10;
}
#appWrapper.elders .zen-borders:hover {
  fill: #2f1b14;
}
#appWrapper.elders .conversion-table {
  background-color: #333;
}
#appWrapper.elders .conversion-table table {
  color: rgb(249, 194, 159);
  box-shadow: 0 0 8px 1px #704433;
}
#appWrapper.elders .conversion-table table .th {
  border: 1px solid rgb(245, 120, 89);
}
#appWrapper.elders .conversion-table table .th-blue {
  border: 1px solid #555;
}
#appWrapper.elders .info-panel {
  z-index: 6000;
}
#appWrapper.elders .info-panel .style-selector-buttons {
  background-color: #1b0c10;
}
#appWrapper.elders .info-panel .style-selector-buttons a:hover {
  color: green;
}
#appWrapper.elders .info-panel .style-selector-buttons .active {
  color: blue;
}
#appWrapper.elders .info-panel i, #appWrapper.elders .info-panel .tinytext {
  background-color: #1b0c10;
}
#appWrapper.elders .info-panel i:hover, #appWrapper.elders .info-panel .tinytext:hover {
  background-color: #555;
}
#appWrapper.elders .hilight {
  color: rgb(245, 120, 89);
}
#appWrapper.elders .home-changer-int a {
  color: #1b0c10;
  background-color: rgb(249, 194, 159);
  box-shadow: 2px 2px 4px #2f1b14, -2px -2px 4px rgb(245, 120, 89);
}
#appWrapper.elders .home-changer-int a:hover {
  background-color: rgb(245, 120, 89);
}
#appWrapper.elders .btn-group:hover {
  background-color: #555;
}
#appWrapper.elders .btn-group button {
  background-color: #2f1b14;
  color: rgb(249, 194, 159);
}
#appWrapper.elders .btn-group button:hover {
  background-color: #777777;
}
#appWrapper.elders .btn-group .darken {
  background-color: hsl(15.5555555556, 40.2985074627%, -16.862745098%);
}
#appWrapper.elders .bisque {
  stroke: rgb(245, 120, 89);
  fill: #1b0c10;
}
#appWrapper.elders #arrow path {
  fill: #704433;
}
#appWrapper.elders .year-markers {
  fill: #2f1b14;
  stroke: rgb(249, 194, 159);
  opacity: 1;
}
#appWrapper.elders .work-schedules td, #appWrapper.elders .work-schedules th {
  border: 1px solid rgb(249, 194, 159);
}
#appWrapper.elders .work-schedules .border-red {
  border: 2px solid red;
}
#appWrapper.elders .work-schedules .border-black {
  border: 2px solid black;
}
#appWrapper.elders .work-schedules .border-blue {
  border: 2px solid dodgerblue;
}
#appWrapper.elders .work-schedules .border-pink {
  border: 2px solid hotpink;
}
#appWrapper.elders #music-main h2, #appWrapper.elders #music-main h1, #appWrapper.elders #music-main .shadow-me {
  color: rgb(249, 194, 159);
  text-shadow: 2px 1px 4px #704433;
}
#appWrapper.elders #music-main .testimonial {
  text-shadow: 2px 1px 4px #444;
}
#appWrapper.elders #music-main .double-width {
  background-color: #444;
  box-shadow: 1px 0 10px rgb(245, 120, 89);
}
#appWrapper.elders .glow {
  animation: glow 4s infinite alternate;
}
#appWrapper.elders .zenwheel text.active {
  animation: glow 2s infinite alternate;
}
@keyframes glow {
  0% {
    text-shadow: 0px 0px 3px rgb(245, 120, 89), 3px 3px 6px rgb(245, 120, 89);
  }
  to {
    text-shadow: 0px 0px 4px rgb(245, 120, 89), 0px 0px 6px rgb(245, 120, 89);
  }
}
#appWrapper.vivid {
  background-color: #e4e6d6;
  color: rgb(6, 1, 17);
}
#appWrapper.vivid a {
  color: #9e2b2b;
}
#appWrapper.vivid .theme-image {
  filter: hue-rotate(113deg) saturate(71%) brightness(120%);
}
#appWrapper.vivid #loading {
  filter: invert(1);
  background-color: #e4e6d6;
}
#appWrapper.vivid .christmas-icon {
  color: rgb(49, 232, 51);
}
#appWrapper.vivid .navItem {
  box-shadow: 0 0 5px #00e1ff;
  border: solid 1px white;
}
#appWrapper.vivid .nav-item-dark {
  box-shadow: 0 0 40px rgb(6, 1, 17);
}
#appWrapper.vivid a:hover, #appWrapper.vivid router-link:hover {
  color: #db8896;
}
#appWrapper.vivid .social-grp {
  background-color: #b8cce6;
}
#appWrapper.vivid .social-grp * {
  color: #db8896;
}
#appWrapper.vivid .social-grp .social {
  border-radius: 0.6rem;
  background-color: #fa0303;
  padding: 0.07em;
}
#appWrapper.vivid .social-grp .social:hover {
  background-color: rgb(112.5, 68.5, 83.5);
}
#appWrapper.vivid .social-grp *:hover {
  color: rgb(112.5, 68.5, 83.5);
}
#appWrapper.vivid:has(#beacon-div) {
  background-color: #a1a2af;
}
#appWrapper.vivid #beacon-div {
  background-color: #e4e6d6;
  color: rgb(6, 1, 17);
  box-shadow: 0 0 10px rgb(6, 1, 17);
}
#appWrapper.vivid #videos-container .stu-banner {
  box-shadow: 2px 2px #115f83, -2px -2px #00e1ff;
}
#appWrapper.vivid #videos-container button {
  background-color: #b8cce6;
  color: rgb(6, 1, 17);
}
#appWrapper.vivid #videos-container button:hover {
  background-color: #e4cbc4;
}
#appWrapper.vivid #videos-container button.active {
  background-color: #a1a2af;
}
#appWrapper.vivid #videos-container div:hover {
  background-color: #ac91a3;
}
#appWrapper.vivid #videos-container div {
  background-color: #b8cce6;
  box-shadow: -2px -2px 8px #115f83, 2px 2px 8px #00e1ff;
}
#appWrapper.vivid #videos-container a {
  color: rgb(6, 1, 17);
}
#appWrapper.vivid #videos-container a:visited {
  color: #9e2b2b;
}
#appWrapper.vivid #videos-container .member-berries {
  box-shadow: 2px 2px #115f83, -2px -2px #00e1ff;
}
#appWrapper.vivid .lime-green {
  color: limegreen;
}
#appWrapper.vivid .collapse-icon-closed {
  background-color: #a1a2af;
}
#appWrapper.vivid #style-selector {
  background-color: #e4cbc4;
}
#appWrapper.vivid #style-selector i {
  border: 1px solid #ac91a3;
}
#appWrapper.vivid #style-selector i:hover, #appWrapper.vivid #style-selector .tinytext {
  background-color: #ac91a3;
}
#appWrapper.vivid .activeStyle {
  background-color: rgb(11.9, 66.5, 91.7);
}
#appWrapper.vivid .sidebar-wrapper {
  background-color: #e4cbc4;
}
#appWrapper.vivid .pedantic {
  color: rgb(225, 73.5, 80.5);
  font-weight: 600;
}
#appWrapper.vivid .navigation-cards {
  background-color: #9e2b2b;
}
#appWrapper.vivid .home-navigation-card {
  background-image: linear-gradient(to bottom, #b8cce6, #a1a2af);
  border-radius: 10px;
  padding: 13px;
  text-align: center;
}
#appWrapper.vivid .home-navigation-card b {
  color: #db8896;
}
#appWrapper.vivid .clue-button {
  box-shadow: 1px 1px 5px #fa0303;
}
#appWrapper.vivid .buttons {
  background-color: #ac91a3;
  color: rgb(6, 1, 17);
}
#appWrapper.vivid .buttons span {
  background-color: #db8896;
}
#appWrapper.vivid .buttons span:hover {
  color: rgb(40, 6.6666666667, 113.3333333333);
  background-color: rgb(194.2387096774, 58.7612903226, 81.6129032258);
}
#appWrapper.vivid #puzzle-clues {
  background-color: #e4cbc4;
  box-shadow: 1px 1px 5px #e4cbc4;
}
#appWrapper.vivid #puzzle-clues span:hover {
  background-color: #fa0303;
}
#appWrapper.vivid .clue-button:hover {
  background-color: #fa0303;
}
#appWrapper.vivid #puzzle-body:not(.clearme) {
  color: rgb(6, 1, 17);
}
#appWrapper.vivid #puzzle-body .clearme {
  color: #00e1ff;
}
#appWrapper.vivid #puzzle td {
  box-shadow: 0 0 5px #00e1ff;
}
#appWrapper.vivid .navItem, #appWrapper.vivid #puzzle-body .clearme, #appWrapper.vivid #puzzle td:has(.clearme) {
  background-color: #a1a2af;
}
#appWrapper.vivid .video-div {
  background-color: #b8cce6;
  border-color: #db8896;
}
#appWrapper.vivid .login-page {
  background-color: #ac91a3;
  box-shadow: 1px 1px 5px 1px #db8896;
  border-radius: 8px;
}
#appWrapper.vivid .login-page h2 {
  color: #db8896;
}
#appWrapper.vivid .login-page input {
  background-color: #e4e6d6;
  border: 1px solid #b8cce6;
  color: rgb(6, 1, 17);
}
#appWrapper.vivid .login-page input[name=submit] {
  border-radius: 8px;
  color: #115f83;
}
#appWrapper.vivid .login-page i {
  color: #e4e6d6;
  text-shadow: -1px -2px #db8896;
}
#appWrapper.vivid .login-page a, #appWrapper.vivid .login-page router-link {
  color: rgb(6, 1, 17);
  padding-block: 3px;
}
#appWrapper.vivid .login-page button, #appWrapper.vivid .login-page .login-submit-button {
  cursor: pointer;
  background-color: #a1a2af;
  margin: 3em;
  padding: 1rem;
  margin: 1rem auto;
  color: rgb(6, 1, 17);
  border-radius: 8px;
  border: 1px solid rgb(6, 1, 17);
  padding: 0.6rem 1rem;
}
#appWrapper.vivid .time-gui-container {
  background-color: rgba(6, 1, 17, 0.1);
}
#appWrapper.vivid .time-widget {
  background: #e4e6d6;
  box-shadow: -5px -5px 21px rgba(219, 136, 150, 0.2), 5px 5px 21px rgba(0, 225, 255, 0.2);
}
#appWrapper.vivid .content-selector * {
  box-shadow: 1px 1px 1px rgb(6, 1, 17);
}
#appWrapper.vivid #content-section h1, #appWrapper.vivid #content-section h2, #appWrapper.vivid #content-section h3 {
  padding: 0 3rem;
  text-shadow: 1px 1px 10px #e4cbc4;
}
#appWrapper.vivid .unlimited-time-logo {
  border: 0.2rem solid #e4cbc4;
}
#appWrapper.vivid .smiley {
  background-image: linear-gradient(to bottom, #e4cbc4, #115f83, #e4cbc4);
}
#appWrapper.vivid .time-info-buttons i:hover {
  color: #a1a2af;
  box-shadow: 0 0 2px #db8896;
}
#appWrapper.vivid .active {
  stroke: #db8896;
  fill: #db8896;
  color: #fa0303;
}
#appWrapper.vivid .zenwheel text:not(.year-markers) {
  fill: rgb(6, 1, 17);
  stroke: rgb(6, 1, 17);
}
#appWrapper.vivid .zenwheel text.active {
  fill: #db8896;
  stroke: #db8896;
}
#appWrapper.vivid .zenwheel .pie-chart {
  fill: #ac91a3;
}
#appWrapper.vivid .zenwheel .zen-cycle-arm {
  stroke: #a1a2af;
}
#appWrapper.vivid .zenwheel .habit-divider {
  fill: #e4e6d6;
  stroke: #a1a2af;
}
#appWrapper.vivid .holiday {
  color: #db8896;
}
#appWrapper.vivid .clock-hand {
  stroke: #00e1ff;
  stroke-width: 2;
}
#appWrapper.vivid .greg-dark, #appWrapper.vivid .greg-light, #appWrapper.vivid .greg-text {
  stroke: rgb(6, 1, 17);
}
#appWrapper.vivid .greg-number {
  stroke: rgb(6, 1, 17);
}
#appWrapper.vivid .zen-borders {
  stroke: #115f83;
  stroke: rgb(6, 1, 17);
  stroke: #a1a2af;
}
#appWrapper.vivid .greg-dark {
  fill: #a1a2af;
}
#appWrapper.vivid .greg-light {
  fill: #b8cce6;
}
#appWrapper.vivid .greg-text {
  fill: rgb(6, 1, 17);
}
#appWrapper.vivid .zen-mint {
  fill: rgb(6, 1, 17);
}
#appWrapper.vivid .inner-rect {
  opacity: 0.5;
  fill: #db8896;
}
#appWrapper.vivid .daytop-bg {
  fill: #a1a2af;
}
#appWrapper.vivid .daytop-tx {
  fill: rgb(6, 1, 17);
  stroke: rgb(6, 1, 17);
}
#appWrapper.vivid .alt-fill {
  fill: #ac91a3;
}
#appWrapper.vivid .black-fill {
  fill: #b8cce6;
}
#appWrapper.vivid .session-before {
  fill: #e4cbc4;
}
#appWrapper.vivid .sessionActive {
  fill: #db8896;
}
#appWrapper.vivid .session-after {
  fill: #b8cce6;
}
#appWrapper.vivid .year-hand {
  stroke: #00e1ff;
}
#appWrapper.vivid .year-clock-hand-axis {
  fill: #db8896;
}
#appWrapper.vivid .baheader-zen {
  background-color: #ac91a3;
  color: rgb(6, 1, 17);
}
#appWrapper.vivid .unchunk {
  color: #00e1ff;
}
#appWrapper.vivid .uncell {
  background-color: #e4cbc4;
  transition: background-color 80ms linear;
}
#appWrapper.vivid .uncell:hover {
  background-color: #a1a2af;
}
#appWrapper.vivid .selected-date {
  background-color: #ac91a3;
  color: #db8896;
}
#appWrapper.vivid .uncell-zen {
  border: 1px solid #ac91a3;
}
#appWrapper.vivid .zen-borders:hover {
  fill: #a1a2af;
}
#appWrapper.vivid .conversion-table {
  background-color: #e4e6d6;
}
#appWrapper.vivid .conversion-table table {
  color: rgb(6, 1, 17);
  box-shadow: 0 0 8px 1px #00e1ff;
}
#appWrapper.vivid .conversion-table table .th {
  border: 1px solid #115f83;
}
#appWrapper.vivid .conversion-table table .th-blue {
  border: 1px solid #e4cbc4;
}
#appWrapper.vivid .info-panel {
  z-index: 6000;
}
#appWrapper.vivid .info-panel .style-selector-buttons {
  background-color: #ac91a3;
}
#appWrapper.vivid .info-panel .style-selector-buttons a:hover {
  color: green;
}
#appWrapper.vivid .info-panel .style-selector-buttons .active {
  color: blue;
}
#appWrapper.vivid .info-panel i, #appWrapper.vivid .info-panel .tinytext {
  background-color: #ac91a3;
}
#appWrapper.vivid .info-panel i:hover, #appWrapper.vivid .info-panel .tinytext:hover {
  background-color: #e4cbc4;
}
#appWrapper.vivid .hilight {
  color: #db8896;
}
#appWrapper.vivid .home-changer-int a {
  color: #ac91a3;
  background-color: rgb(6, 1, 17);
  box-shadow: 2px 2px 4px #a1a2af, -2px -2px 4px #db8896;
}
#appWrapper.vivid .home-changer-int a:hover {
  background-color: #db8896;
}
#appWrapper.vivid .btn-group:hover {
  background-color: #e4cbc4;
}
#appWrapper.vivid .btn-group button {
  background-color: #a1a2af;
  color: rgb(6, 1, 17);
}
#appWrapper.vivid .btn-group button:hover {
  background-color: hsl(213.9130434783, 47.9166666667%, 101.1764705882%);
}
#appWrapper.vivid .btn-group .darken {
  background-color: rgb(84.1379310345, 85.1896551724, 98.8620689655);
}
#appWrapper.vivid .bisque {
  stroke: #115f83;
  fill: #ac91a3;
}
#appWrapper.vivid #arrow path {
  fill: #00e1ff;
}
#appWrapper.vivid .year-markers {
  fill: #a1a2af;
  stroke: rgb(6, 1, 17);
  opacity: 1;
}
#appWrapper.vivid .work-schedules td, #appWrapper.vivid .work-schedules th {
  border: 1px solid rgb(6, 1, 17);
}
#appWrapper.vivid .work-schedules .border-red {
  border: 2px solid red;
}
#appWrapper.vivid .work-schedules .border-black {
  border: 2px solid black;
}
#appWrapper.vivid .work-schedules .border-blue {
  border: 2px solid dodgerblue;
}
#appWrapper.vivid .work-schedules .border-pink {
  border: 2px solid hotpink;
}
#appWrapper.vivid #music-main h2, #appWrapper.vivid #music-main h1, #appWrapper.vivid #music-main .shadow-me {
  color: rgb(6, 1, 17);
  text-shadow: 2px 1px 4px #00e1ff;
}
#appWrapper.vivid #music-main .testimonial {
  text-shadow: 2px 1px 4px #b8cce6;
}
#appWrapper.vivid #music-main .double-width {
  background-color: #b8cce6;
  box-shadow: 1px 0 10px #115f83;
}
#appWrapper.vivid .glow {
  animation: glow 4s infinite alternate;
}
#appWrapper.vivid .zenwheel text.active {
  animation: glow 2s infinite alternate;
}
@keyframes glow {
  0% {
    text-shadow: 0px 0px 3px #115f83, 3px 3px 6px #db8896;
  }
  to {
    text-shadow: 0px 0px 4px #115f83, 0px 0px 6px #db8896;
  }
}
#appWrapper.peace {
  background-color: #faf0f0;
  color: #012121;
}
#appWrapper.peace a {
  color: #084955;
}
#appWrapper.peace .theme-image {
  filter: hue-rotate(10deg) saturate(30%) brightness(120%);
}
#appWrapper.peace #loading {
  filter: invert(1);
  background-color: #faf0f0;
}
#appWrapper.peace .christmas-icon {
  color: rgb(49, 232, 51);
}
#appWrapper.peace .navItem {
  box-shadow: 0 0 5px #022326;
  border: solid 1px white;
}
#appWrapper.peace .nav-item-dark {
  box-shadow: 0 0 40px #012121;
}
#appWrapper.peace a:hover, #appWrapper.peace router-link:hover {
  color: rgb(52, 42, 187);
}
#appWrapper.peace .social-grp {
  background-color: #797171;
}
#appWrapper.peace .social-grp * {
  color: rgb(52, 42, 187);
}
#appWrapper.peace .social-grp .social {
  border-radius: 0.6rem;
  background-color: #666;
  padding: 0.07em;
}
#appWrapper.peace .social-grp .social:hover {
  background-color: rgb(26.5, 37.5, 110);
}
#appWrapper.peace .social-grp *:hover {
  color: rgb(26.5, 37.5, 110);
}
#appWrapper.peace:has(#beacon-div) {
  background-color: #dad0d0;
}
#appWrapper.peace #beacon-div {
  background-color: #faf0f0;
  color: #012121;
  box-shadow: 0 0 10px #012121;
}
#appWrapper.peace #videos-container .stu-banner {
  box-shadow: 2px 2px #5a5a5a, -2px -2px #022326;
}
#appWrapper.peace #videos-container button {
  background-color: #797171;
  color: #012121;
}
#appWrapper.peace #videos-container button:hover {
  background-color: #d2b2e0;
}
#appWrapper.peace #videos-container button.active {
  background-color: #dad0d0;
}
#appWrapper.peace #videos-container div:hover {
  background-color: #9981a8;
}
#appWrapper.peace #videos-container div {
  background-color: #797171;
  box-shadow: -2px -2px 8px #5a5a5a, 2px 2px 8px #022326;
}
#appWrapper.peace #videos-container a {
  color: #012121;
}
#appWrapper.peace #videos-container a:visited {
  color: #084955;
}
#appWrapper.peace #videos-container .member-berries {
  box-shadow: 2px 2px #5a5a5a, -2px -2px #022326;
}
#appWrapper.peace .lime-green {
  color: limegreen;
}
#appWrapper.peace .collapse-icon-closed {
  background-color: #dad0d0;
}
#appWrapper.peace #style-selector {
  background-color: #d2b2e0;
}
#appWrapper.peace #style-selector i {
  border: 1px solid #9981a8;
}
#appWrapper.peace #style-selector i:hover, #appWrapper.peace #style-selector .tinytext {
  background-color: #9981a8;
}
#appWrapper.peace .activeStyle {
  background-color: #3f3f3f;
}
#appWrapper.peace .sidebar-wrapper {
  background-color: #d2b2e0;
}
#appWrapper.peace .pedantic {
  color: rgb(141.5, 26.5, 99);
  font-weight: 600;
}
#appWrapper.peace .navigation-cards {
  background-color: #084955;
}
#appWrapper.peace .home-navigation-card {
  background-image: linear-gradient(to bottom, #797171, #dad0d0);
  border-radius: 10px;
  padding: 13px;
  text-align: center;
}
#appWrapper.peace .home-navigation-card b {
  color: rgb(52, 42, 187);
}
#appWrapper.peace .clue-button {
  box-shadow: 1px 1px 5px #666;
}
#appWrapper.peace .buttons {
  background-color: #9981a8;
  color: #012121;
}
#appWrapper.peace .buttons span {
  background-color: rgb(52, 42, 187);
}
#appWrapper.peace .buttons span:hover {
  color: #048484;
  background-color: rgb(28.8384279476, 23.2925764192, 103.7074235808);
}
#appWrapper.peace #puzzle-clues {
  background-color: #d2b2e0;
  box-shadow: 1px 1px 5px #d2b2e0;
}
#appWrapper.peace #puzzle-clues span:hover {
  background-color: #666;
}
#appWrapper.peace .clue-button:hover {
  background-color: #666;
}
#appWrapper.peace #puzzle-body:not(.clearme) {
  color: #012121;
}
#appWrapper.peace #puzzle-body .clearme {
  color: #022326;
}
#appWrapper.peace #puzzle td {
  box-shadow: 0 0 5px #022326;
}
#appWrapper.peace .navItem, #appWrapper.peace #puzzle-body .clearme, #appWrapper.peace #puzzle td:has(.clearme) {
  background-color: #dad0d0;
}
#appWrapper.peace .video-div {
  background-color: #797171;
  border-color: rgb(52, 42, 187);
}
#appWrapper.peace .login-page {
  background-color: #9981a8;
  box-shadow: 1px 1px 5px 1px rgb(52, 42, 187);
  border-radius: 8px;
}
#appWrapper.peace .login-page h2 {
  color: rgb(52, 42, 187);
}
#appWrapper.peace .login-page input {
  background-color: #faf0f0;
  border: 1px solid #797171;
  color: #012121;
}
#appWrapper.peace .login-page input[name=submit] {
  border-radius: 8px;
  color: #5a5a5a;
}
#appWrapper.peace .login-page i {
  color: #faf0f0;
  text-shadow: -1px -2px rgb(52, 42, 187);
}
#appWrapper.peace .login-page a, #appWrapper.peace .login-page router-link {
  color: #012121;
  padding-block: 3px;
}
#appWrapper.peace .login-page button, #appWrapper.peace .login-page .login-submit-button {
  cursor: pointer;
  background-color: #dad0d0;
  margin: 3em;
  padding: 1rem;
  margin: 1rem auto;
  color: #012121;
  border-radius: 8px;
  border: 1px solid #012121;
  padding: 0.6rem 1rem;
}
#appWrapper.peace .time-gui-container {
  background-color: rgba(1, 33, 33, 0.1);
}
#appWrapper.peace .time-widget {
  background: #faf0f0;
  box-shadow: -5px -5px 21px rgba(52, 42, 187, 0.2), 5px 5px 21px rgba(2, 35, 38, 0.2);
}
#appWrapper.peace .content-selector * {
  box-shadow: 1px 1px 1px #012121;
}
#appWrapper.peace #content-section h1, #appWrapper.peace #content-section h2, #appWrapper.peace #content-section h3 {
  padding: 0 3rem;
  text-shadow: 1px 1px 10px #d2b2e0;
}
#appWrapper.peace .unlimited-time-logo {
  border: 0.2rem solid #d2b2e0;
}
#appWrapper.peace .smiley {
  background-image: linear-gradient(to bottom, #d2b2e0, #5a5a5a, #d2b2e0);
}
#appWrapper.peace .time-info-buttons i:hover {
  color: #dad0d0;
  box-shadow: 0 0 2px rgb(52, 42, 187);
}
#appWrapper.peace .active {
  stroke: rgb(52, 42, 187);
  fill: rgb(52, 42, 187);
  color: #666;
}
#appWrapper.peace .zenwheel text:not(.year-markers) {
  fill: #012121;
  stroke: #012121;
}
#appWrapper.peace .zenwheel text.active {
  fill: rgb(52, 42, 187);
  stroke: rgb(52, 42, 187);
}
#appWrapper.peace .zenwheel .pie-chart {
  fill: #9981a8;
}
#appWrapper.peace .zenwheel .zen-cycle-arm {
  stroke: #dad0d0;
}
#appWrapper.peace .zenwheel .habit-divider {
  fill: #faf0f0;
  stroke: #dad0d0;
}
#appWrapper.peace .holiday {
  color: rgb(52, 42, 187);
}
#appWrapper.peace .clock-hand {
  stroke: #022326;
  stroke-width: 2;
}
#appWrapper.peace .greg-dark, #appWrapper.peace .greg-light, #appWrapper.peace .greg-text {
  stroke: #012121;
}
#appWrapper.peace .greg-number {
  stroke: #012121;
}
#appWrapper.peace .zen-borders {
  stroke: #5a5a5a;
  stroke: #012121;
  stroke: #dad0d0;
}
#appWrapper.peace .greg-dark {
  fill: #dad0d0;
}
#appWrapper.peace .greg-light {
  fill: #797171;
}
#appWrapper.peace .greg-text {
  fill: #012121;
}
#appWrapper.peace .zen-mint {
  fill: #012121;
}
#appWrapper.peace .inner-rect {
  opacity: 0.5;
  fill: rgb(52, 42, 187);
}
#appWrapper.peace .daytop-bg {
  fill: #dad0d0;
}
#appWrapper.peace .daytop-tx {
  fill: #012121;
  stroke: #012121;
}
#appWrapper.peace .alt-fill {
  fill: #9981a8;
}
#appWrapper.peace .black-fill {
  fill: #797171;
}
#appWrapper.peace .session-before {
  fill: #d2b2e0;
}
#appWrapper.peace .sessionActive {
  fill: rgb(52, 42, 187);
}
#appWrapper.peace .session-after {
  fill: #797171;
}
#appWrapper.peace .year-hand {
  stroke: #022326;
}
#appWrapper.peace .year-clock-hand-axis {
  fill: rgb(52, 42, 187);
}
#appWrapper.peace .baheader-zen {
  background-color: #9981a8;
  color: #012121;
}
#appWrapper.peace .unchunk {
  color: #022326;
}
#appWrapper.peace .uncell {
  background-color: #d2b2e0;
  transition: background-color 80ms linear;
}
#appWrapper.peace .uncell:hover {
  background-color: #dad0d0;
}
#appWrapper.peace .selected-date {
  background-color: #9981a8;
  color: rgb(52, 42, 187);
}
#appWrapper.peace .uncell-zen {
  border: 1px solid #9981a8;
}
#appWrapper.peace .zen-borders:hover {
  fill: #dad0d0;
}
#appWrapper.peace .conversion-table {
  background-color: #faf0f0;
}
#appWrapper.peace .conversion-table table {
  color: #012121;
  box-shadow: 0 0 8px 1px #022326;
}
#appWrapper.peace .conversion-table table .th {
  border: 1px solid #5a5a5a;
}
#appWrapper.peace .conversion-table table .th-blue {
  border: 1px solid #d2b2e0;
}
#appWrapper.peace .info-panel {
  z-index: 6000;
}
#appWrapper.peace .info-panel .style-selector-buttons {
  background-color: #9981a8;
}
#appWrapper.peace .info-panel .style-selector-buttons a:hover {
  color: green;
}
#appWrapper.peace .info-panel .style-selector-buttons .active {
  color: blue;
}
#appWrapper.peace .info-panel i, #appWrapper.peace .info-panel .tinytext {
  background-color: #9981a8;
}
#appWrapper.peace .info-panel i:hover, #appWrapper.peace .info-panel .tinytext:hover {
  background-color: #d2b2e0;
}
#appWrapper.peace .hilight {
  color: rgb(52, 42, 187);
}
#appWrapper.peace .home-changer-int a {
  color: #9981a8;
  background-color: #012121;
  box-shadow: 2px 2px 4px #dad0d0, -2px -2px 4px rgb(52, 42, 187);
}
#appWrapper.peace .home-changer-int a:hover {
  background-color: rgb(52, 42, 187);
}
#appWrapper.peace .btn-group:hover {
  background-color: #d2b2e0;
}
#appWrapper.peace .btn-group button {
  background-color: #dad0d0;
  color: #012121;
}
#appWrapper.peace .btn-group button:hover {
  background-color: rgb(170.9743589744, 165.0256410256, 165.0256410256);
}
#appWrapper.peace .btn-group .darken {
  background-color: rgb(150.6071428571, 122.3928571429, 122.3928571429);
}
#appWrapper.peace .bisque {
  stroke: #5a5a5a;
  fill: #9981a8;
}
#appWrapper.peace #arrow path {
  fill: #022326;
}
#appWrapper.peace .year-markers {
  fill: #dad0d0;
  stroke: #012121;
  opacity: 1;
}
#appWrapper.peace .work-schedules td, #appWrapper.peace .work-schedules th {
  border: 1px solid #012121;
}
#appWrapper.peace .work-schedules .border-red {
  border: 2px solid red;
}
#appWrapper.peace .work-schedules .border-black {
  border: 2px solid black;
}
#appWrapper.peace .work-schedules .border-blue {
  border: 2px solid dodgerblue;
}
#appWrapper.peace .work-schedules .border-pink {
  border: 2px solid hotpink;
}
#appWrapper.peace #music-main h2, #appWrapper.peace #music-main h1, #appWrapper.peace #music-main .shadow-me {
  color: #012121;
  text-shadow: 2px 1px 4px #022326;
}
#appWrapper.peace #music-main .testimonial {
  text-shadow: 2px 1px 4px #797171;
}
#appWrapper.peace #music-main .double-width {
  background-color: #797171;
  box-shadow: 1px 0 10px #5a5a5a;
}
#appWrapper.peace .glow {
  animation: glow 4s infinite alternate;
}
#appWrapper.peace .zenwheel text.active {
  animation: glow 2s infinite alternate;
}
@keyframes glow {
  0% {
    text-shadow: 0px 0px 3px #5a5a5a, 3px 3px 6px rgb(52, 42, 187);
  }
  to {
    text-shadow: 0px 0px 4px #5a5a5a, 0px 0px 6px rgb(52, 42, 187);
  }
}
#appWrapper.harvests {
  background-color: #b5a59f;
  color: #14140f;
}
#appWrapper.harvests a {
  color: #ece6cc;
}
#appWrapper.harvests .theme-image {
  filter: hue-rotate(150deg) saturate(40%) brightness(200%);
}
#appWrapper.harvests #loading {
  filter: invert(1);
  background-color: #b5a59f;
}
#appWrapper.harvests .christmas-icon {
  color: rgb(49, 232, 51);
}
#appWrapper.harvests .navItem {
  box-shadow: 0 0 5px #deb887;
  border: solid 1px white;
}
#appWrapper.harvests .nav-item-dark {
  box-shadow: 0 0 40px #14140f;
}
#appWrapper.harvests a:hover, #appWrapper.harvests router-link:hover {
  color: #e9d949;
}
#appWrapper.harvests .social-grp {
  background-color: #7b7670;
}
#appWrapper.harvests .social-grp * {
  color: #e9d949;
}
#appWrapper.harvests .social-grp .social {
  border-radius: 0.6rem;
  background-color: #ff4500;
  padding: 0.07em;
}
#appWrapper.harvests .social-grp .social:hover {
  background-color: rgb(126.5, 118.5, 44);
}
#appWrapper.harvests .social-grp *:hover {
  color: rgb(126.5, 118.5, 44);
}
#appWrapper.harvests:has(#beacon-div) {
  background-color: #cd853f;
}
#appWrapper.harvests #beacon-div {
  background-color: #b5a59f;
  color: #14140f;
  box-shadow: 0 0 10px #14140f;
}
#appWrapper.harvests #videos-container .stu-banner {
  box-shadow: 2px 2px #daa520, -2px -2px #deb887;
}
#appWrapper.harvests #videos-container button {
  background-color: #7b7670;
  color: #14140f;
}
#appWrapper.harvests #videos-container button:hover {
  background-color: #8b5e3c;
}
#appWrapper.harvests #videos-container button.active {
  background-color: #cd853f;
}
#appWrapper.harvests #videos-container div:hover {
  background-color: #947422;
}
#appWrapper.harvests #videos-container div {
  background-color: #7b7670;
  box-shadow: -2px -2px 8px #daa520, 2px 2px 8px #deb887;
}
#appWrapper.harvests #videos-container a {
  color: #14140f;
}
#appWrapper.harvests #videos-container a:visited {
  color: #ece6cc;
}
#appWrapper.harvests #videos-container .member-berries {
  box-shadow: 2px 2px #daa520, -2px -2px #deb887;
}
#appWrapper.harvests .lime-green {
  color: limegreen;
}
#appWrapper.harvests .collapse-icon-closed {
  background-color: #cd853f;
}
#appWrapper.harvests #style-selector {
  background-color: #8b5e3c;
}
#appWrapper.harvests #style-selector i {
  border: 1px solid #947422;
}
#appWrapper.harvests #style-selector i:hover, #appWrapper.harvests #style-selector .tinytext {
  background-color: #947422;
}
#appWrapper.harvests .activeStyle {
  background-color: rgb(152.6, 115.5, 22.4);
}
#appWrapper.harvests .sidebar-wrapper {
  background-color: #8b5e3c;
}
#appWrapper.harvests .pedantic {
  color: #e8722a;
  font-weight: 600;
}
#appWrapper.harvests .navigation-cards {
  background-color: #ece6cc;
}
#appWrapper.harvests .home-navigation-card {
  background-image: linear-gradient(to bottom, #7b7670, #cd853f);
  border-radius: 10px;
  padding: 13px;
  text-align: center;
}
#appWrapper.harvests .home-navigation-card b {
  color: #e9d949;
}
#appWrapper.harvests .clue-button {
  box-shadow: 1px 1px 5px #ff4500;
}
#appWrapper.harvests .buttons {
  background-color: #947422;
  color: #14140f;
}
#appWrapper.harvests .buttons span {
  background-color: #e9d949;
}
#appWrapper.harvests .buttons span:hover {
  color: rgb(78.2857142857, 78.2857142857, 58.7142857143);
  background-color: #b6a616;
}
#appWrapper.harvests #puzzle-clues {
  background-color: #8b5e3c;
  box-shadow: 1px 1px 5px #8b5e3c;
}
#appWrapper.harvests #puzzle-clues span:hover {
  background-color: #ff4500;
}
#appWrapper.harvests .clue-button:hover {
  background-color: #ff4500;
}
#appWrapper.harvests #puzzle-body:not(.clearme) {
  color: #14140f;
}
#appWrapper.harvests #puzzle-body .clearme {
  color: #deb887;
}
#appWrapper.harvests #puzzle td {
  box-shadow: 0 0 5px #deb887;
}
#appWrapper.harvests .navItem, #appWrapper.harvests #puzzle-body .clearme, #appWrapper.harvests #puzzle td:has(.clearme) {
  background-color: #cd853f;
}
#appWrapper.harvests .video-div {
  background-color: #7b7670;
  border-color: #e9d949;
}
#appWrapper.harvests .login-page {
  background-color: #947422;
  box-shadow: 1px 1px 5px 1px #e9d949;
  border-radius: 8px;
}
#appWrapper.harvests .login-page h2 {
  color: #e9d949;
}
#appWrapper.harvests .login-page input {
  background-color: #b5a59f;
  border: 1px solid #7b7670;
  color: #14140f;
}
#appWrapper.harvests .login-page input[name=submit] {
  border-radius: 8px;
  color: #daa520;
}
#appWrapper.harvests .login-page i {
  color: #b5a59f;
  text-shadow: -1px -2px #e9d949;
}
#appWrapper.harvests .login-page a, #appWrapper.harvests .login-page router-link {
  color: #14140f;
  padding-block: 3px;
}
#appWrapper.harvests .login-page button, #appWrapper.harvests .login-page .login-submit-button {
  cursor: pointer;
  background-color: #cd853f;
  margin: 3em;
  padding: 1rem;
  margin: 1rem auto;
  color: #14140f;
  border-radius: 8px;
  border: 1px solid #14140f;
  padding: 0.6rem 1rem;
}
#appWrapper.harvests .time-gui-container {
  background-color: rgba(20, 20, 15, 0.1);
}
#appWrapper.harvests .time-widget {
  background: #b5a59f;
  box-shadow: -5px -5px 21px rgba(233, 217, 73, 0.2), 5px 5px 21px rgba(222, 184, 135, 0.2);
}
#appWrapper.harvests .content-selector * {
  box-shadow: 1px 1px 1px #14140f;
}
#appWrapper.harvests #content-section h1, #appWrapper.harvests #content-section h2, #appWrapper.harvests #content-section h3 {
  padding: 0 3rem;
  text-shadow: 1px 1px 10px #8b5e3c;
}
#appWrapper.harvests .unlimited-time-logo {
  border: 0.2rem solid #8b5e3c;
}
#appWrapper.harvests .smiley {
  background-image: linear-gradient(to bottom, #8b5e3c, #daa520, #8b5e3c);
}
#appWrapper.harvests .time-info-buttons i:hover {
  color: #cd853f;
  box-shadow: 0 0 2px #e9d949;
}
#appWrapper.harvests .active {
  stroke: #e9d949;
  fill: #e9d949;
  color: #ff4500;
}
#appWrapper.harvests .zenwheel text:not(.year-markers) {
  fill: #14140f;
  stroke: #14140f;
}
#appWrapper.harvests .zenwheel text.active {
  fill: #e9d949;
  stroke: #e9d949;
}
#appWrapper.harvests .zenwheel .pie-chart {
  fill: #947422;
}
#appWrapper.harvests .zenwheel .zen-cycle-arm {
  stroke: #cd853f;
}
#appWrapper.harvests .zenwheel .habit-divider {
  fill: #b5a59f;
  stroke: #cd853f;
}
#appWrapper.harvests .holiday {
  color: #e9d949;
}
#appWrapper.harvests .clock-hand {
  stroke: #deb887;
  stroke-width: 2;
}
#appWrapper.harvests .greg-dark, #appWrapper.harvests .greg-light, #appWrapper.harvests .greg-text {
  stroke: #14140f;
}
#appWrapper.harvests .greg-number {
  stroke: #14140f;
}
#appWrapper.harvests .zen-borders {
  stroke: #daa520;
  stroke: #14140f;
  stroke: #cd853f;
}
#appWrapper.harvests .greg-dark {
  fill: #cd853f;
}
#appWrapper.harvests .greg-light {
  fill: #7b7670;
}
#appWrapper.harvests .greg-text {
  fill: #14140f;
}
#appWrapper.harvests .zen-mint {
  fill: #14140f;
}
#appWrapper.harvests .inner-rect {
  opacity: 0.5;
  fill: #e9d949;
}
#appWrapper.harvests .daytop-bg {
  fill: #cd853f;
}
#appWrapper.harvests .daytop-tx {
  fill: #14140f;
  stroke: #14140f;
}
#appWrapper.harvests .alt-fill {
  fill: #947422;
}
#appWrapper.harvests .black-fill {
  fill: #7b7670;
}
#appWrapper.harvests .session-before {
  fill: #8b5e3c;
}
#appWrapper.harvests .sessionActive {
  fill: #e9d949;
}
#appWrapper.harvests .session-after {
  fill: #7b7670;
}
#appWrapper.harvests .year-hand {
  stroke: #deb887;
}
#appWrapper.harvests .year-clock-hand-axis {
  fill: #e9d949;
}
#appWrapper.harvests .baheader-zen {
  background-color: #947422;
  color: #14140f;
}
#appWrapper.harvests .unchunk {
  color: #deb887;
}
#appWrapper.harvests .uncell {
  background-color: #8b5e3c;
  transition: background-color 80ms linear;
}
#appWrapper.harvests .uncell:hover {
  background-color: #cd853f;
}
#appWrapper.harvests .selected-date {
  background-color: #947422;
  color: #e9d949;
}
#appWrapper.harvests .uncell-zen {
  border: 1px solid #947422;
}
#appWrapper.harvests .zen-borders:hover {
  fill: #cd853f;
}
#appWrapper.harvests .conversion-table {
  background-color: #b5a59f;
}
#appWrapper.harvests .conversion-table table {
  color: #14140f;
  box-shadow: 0 0 8px 1px #deb887;
}
#appWrapper.harvests .conversion-table table .th {
  border: 1px solid #daa520;
}
#appWrapper.harvests .conversion-table table .th-blue {
  border: 1px solid #8b5e3c;
}
#appWrapper.harvests .info-panel {
  z-index: 6000;
}
#appWrapper.harvests .info-panel .style-selector-buttons {
  background-color: #947422;
}
#appWrapper.harvests .info-panel .style-selector-buttons a:hover {
  color: green;
}
#appWrapper.harvests .info-panel .style-selector-buttons .active {
  color: blue;
}
#appWrapper.harvests .info-panel i, #appWrapper.harvests .info-panel .tinytext {
  background-color: #947422;
}
#appWrapper.harvests .info-panel i:hover, #appWrapper.harvests .info-panel .tinytext:hover {
  background-color: #8b5e3c;
}
#appWrapper.harvests .hilight {
  color: #e9d949;
}
#appWrapper.harvests .home-changer-int a {
  color: #947422;
  background-color: #14140f;
  box-shadow: 2px 2px 4px #cd853f, -2px -2px 4px #e9d949;
}
#appWrapper.harvests .home-changer-int a:hover {
  background-color: #e9d949;
}
#appWrapper.harvests .btn-group:hover {
  background-color: #8b5e3c;
}
#appWrapper.harvests .btn-group button {
  background-color: #cd853f;
  color: #14140f;
}
#appWrapper.harvests .btn-group button:hover {
  background-color: rgb(172.5489361702, 168.8680851064, 164.4510638298);
}
#appWrapper.harvests .btn-group .darken {
  background-color: rgb(91.2396694215, 57.0247933884, 23.7603305785);
}
#appWrapper.harvests .bisque {
  stroke: #daa520;
  fill: #947422;
}
#appWrapper.harvests #arrow path {
  fill: #deb887;
}
#appWrapper.harvests .year-markers {
  fill: #cd853f;
  stroke: #14140f;
  opacity: 1;
}
#appWrapper.harvests .work-schedules td, #appWrapper.harvests .work-schedules th {
  border: 1px solid #14140f;
}
#appWrapper.harvests .work-schedules .border-red {
  border: 2px solid red;
}
#appWrapper.harvests .work-schedules .border-black {
  border: 2px solid black;
}
#appWrapper.harvests .work-schedules .border-blue {
  border: 2px solid dodgerblue;
}
#appWrapper.harvests .work-schedules .border-pink {
  border: 2px solid hotpink;
}
#appWrapper.harvests #music-main h2, #appWrapper.harvests #music-main h1, #appWrapper.harvests #music-main .shadow-me {
  color: #14140f;
  text-shadow: 2px 1px 4px #deb887;
}
#appWrapper.harvests #music-main .testimonial {
  text-shadow: 2px 1px 4px #7b7670;
}
#appWrapper.harvests #music-main .double-width {
  background-color: #7b7670;
  box-shadow: 1px 0 10px #daa520;
}
#appWrapper.harvests .glow {
  animation: glow 4s infinite alternate;
}
#appWrapper.harvests .zenwheel text.active {
  animation: glow 2s infinite alternate;
}
@keyframes glow {
  0% {
    text-shadow: 0px 0px 3px #daa520, 3px 3px 6px #e9d949;
  }
  to {
    text-shadow: 0px 0px 4px #daa520, 0px 0px 6px #e9d949;
  }
}
#appWrapper.hallows {
  background-color: #161616;
  color: #68f78e;
}
#appWrapper.hallows a {
  color: #87cc9b;
}
#appWrapper.hallows .theme-image {
  filter: hue-rotate(200deg) saturate(70%) brightness(120%);
}
#appWrapper.hallows #loading {
  filter: invert(1);
  background-color: #161616;
}
#appWrapper.hallows .christmas-icon {
  color: rgb(49, 232, 51);
}
#appWrapper.hallows .navItem {
  box-shadow: 0 0 5px rgb(31, 237, 55);
  border: solid 1px white;
}
#appWrapper.hallows .nav-item-dark {
  box-shadow: 0 0 40px #68f78e;
}
#appWrapper.hallows a:hover, #appWrapper.hallows router-link:hover {
  color: #2f855a;
}
#appWrapper.hallows .social-grp {
  background-color: #070708;
}
#appWrapper.hallows .social-grp * {
  color: #2f855a;
}
#appWrapper.hallows .social-grp .social {
  border-radius: 0.6rem;
  background-color: #298372;
  padding: 0.07em;
}
#appWrapper.hallows .social-grp .social:hover {
  background-color: rgb(75.5, 190, 116);
}
#appWrapper.hallows .social-grp *:hover {
  color: rgb(75.5, 190, 116);
}
#appWrapper.hallows:has(#beacon-div) {
  background-color: rgb(0, 0, 0);
}
#appWrapper.hallows #beacon-div {
  background-color: #161616;
  color: #68f78e;
  box-shadow: 0 0 10px #68f78e;
}
#appWrapper.hallows #videos-container .stu-banner {
  box-shadow: 2px 2px #2f855a, -2px -2px rgb(31, 237, 55);
}
#appWrapper.hallows #videos-container button {
  background-color: #070708;
  color: #68f78e;
}
#appWrapper.hallows #videos-container button:hover {
  background-color: #0a270a;
}
#appWrapper.hallows #videos-container button.active {
  background-color: rgb(0, 0, 0);
}
#appWrapper.hallows #videos-container div:hover {
  background-color: #100a14;
}
#appWrapper.hallows #videos-container div {
  background-color: #070708;
  box-shadow: -2px -2px 8px #2f855a, 2px 2px 8px rgb(31, 237, 55);
}
#appWrapper.hallows #videos-container a {
  color: #68f78e;
}
#appWrapper.hallows #videos-container a:visited {
  color: #87cc9b;
}
#appWrapper.hallows #videos-container .member-berries {
  box-shadow: 2px 2px #2f855a, -2px -2px rgb(31, 237, 55);
}
#appWrapper.hallows .lime-green {
  color: limegreen;
}
#appWrapper.hallows .collapse-icon-closed {
  background-color: rgb(0, 0, 0);
}
#appWrapper.hallows #style-selector {
  background-color: #0a270a;
}
#appWrapper.hallows #style-selector i {
  border: 1px solid #100a14;
}
#appWrapper.hallows #style-selector i:hover, #appWrapper.hallows #style-selector .tinytext {
  background-color: #100a14;
}
#appWrapper.hallows .activeStyle {
  background-color: rgb(32.9, 93.1, 63);
}
#appWrapper.hallows .sidebar-wrapper {
  background-color: #0a270a;
}
#appWrapper.hallows .pedantic {
  color: rgb(139, 72, 50.5);
  font-weight: 600;
}
#appWrapper.hallows .navigation-cards {
  background-color: #87cc9b;
}
#appWrapper.hallows .home-navigation-card {
  background-image: linear-gradient(to bottom, #070708, rgb(0, 0, 0));
  border-radius: 10px;
  padding: 13px;
  text-align: center;
}
#appWrapper.hallows .home-navigation-card b {
  color: #2f855a;
}
#appWrapper.hallows .clue-button {
  box-shadow: 1px 1px 5px #298372;
}
#appWrapper.hallows .buttons {
  background-color: #100a14;
  color: #68f78e;
}
#appWrapper.hallows .buttons span {
  background-color: #2f855a;
}
#appWrapper.hallows .buttons span:hover {
  color: rgb(200.8679245283, 252.1320754717, 214.4905660377);
  background-color: rgb(20.3666666667, 57.6333333333, 39);
}
#appWrapper.hallows #puzzle-clues {
  background-color: #0a270a;
  box-shadow: 1px 1px 5px #0a270a;
}
#appWrapper.hallows #puzzle-clues span:hover {
  background-color: #298372;
}
#appWrapper.hallows .clue-button:hover {
  background-color: #298372;
}
#appWrapper.hallows #puzzle-body:not(.clearme) {
  color: #68f78e;
}
#appWrapper.hallows #puzzle-body .clearme {
  color: rgb(31, 237, 55);
}
#appWrapper.hallows #puzzle td {
  box-shadow: 0 0 5px rgb(31, 237, 55);
}
#appWrapper.hallows .navItem, #appWrapper.hallows #puzzle-body .clearme, #appWrapper.hallows #puzzle td:has(.clearme) {
  background-color: rgb(0, 0, 0);
}
#appWrapper.hallows .video-div {
  background-color: #070708;
  border-color: #2f855a;
}
#appWrapper.hallows .login-page {
  background-color: #100a14;
  box-shadow: 1px 1px 5px 1px #2f855a;
  border-radius: 8px;
}
#appWrapper.hallows .login-page h2 {
  color: #2f855a;
}
#appWrapper.hallows .login-page input {
  background-color: #161616;
  border: 1px solid #070708;
  color: #68f78e;
}
#appWrapper.hallows .login-page input[name=submit] {
  border-radius: 8px;
  color: #2f855a;
}
#appWrapper.hallows .login-page i {
  color: #161616;
  text-shadow: -1px -2px #2f855a;
}
#appWrapper.hallows .login-page a, #appWrapper.hallows .login-page router-link {
  color: #68f78e;
  padding-block: 3px;
}
#appWrapper.hallows .login-page button, #appWrapper.hallows .login-page .login-submit-button {
  cursor: pointer;
  background-color: rgb(0, 0, 0);
  margin: 3em;
  padding: 1rem;
  margin: 1rem auto;
  color: #68f78e;
  border-radius: 8px;
  border: 1px solid #68f78e;
  padding: 0.6rem 1rem;
}
#appWrapper.hallows .time-gui-container {
  background-color: rgba(104, 247, 142, 0.1);
}
#appWrapper.hallows .time-widget {
  background: #161616;
  box-shadow: -5px -5px 21px rgba(47, 133, 90, 0.2), 5px 5px 21px rgba(31, 237, 55, 0.2);
}
#appWrapper.hallows .content-selector * {
  box-shadow: 1px 1px 1px #68f78e;
}
#appWrapper.hallows #content-section h1, #appWrapper.hallows #content-section h2, #appWrapper.hallows #content-section h3 {
  padding: 0 3rem;
  text-shadow: 1px 1px 10px #0a270a;
}
#appWrapper.hallows .unlimited-time-logo {
  border: 0.2rem solid #0a270a;
}
#appWrapper.hallows .smiley {
  background-image: linear-gradient(to bottom, #0a270a, #2f855a, #0a270a);
}
#appWrapper.hallows .time-info-buttons i:hover {
  color: rgb(0, 0, 0);
  box-shadow: 0 0 2px #2f855a;
}
#appWrapper.hallows .active {
  stroke: #2f855a;
  fill: #2f855a;
  color: #298372;
}
#appWrapper.hallows .zenwheel text:not(.year-markers) {
  fill: #68f78e;
  stroke: #68f78e;
}
#appWrapper.hallows .zenwheel text.active {
  fill: #2f855a;
  stroke: #2f855a;
}
#appWrapper.hallows .zenwheel .pie-chart {
  fill: #100a14;
}
#appWrapper.hallows .zenwheel .zen-cycle-arm {
  stroke: rgb(0, 0, 0);
}
#appWrapper.hallows .zenwheel .habit-divider {
  fill: #161616;
  stroke: rgb(0, 0, 0);
}
#appWrapper.hallows .holiday {
  color: #2f855a;
}
#appWrapper.hallows .clock-hand {
  stroke: rgb(31, 237, 55);
  stroke-width: 2;
}
#appWrapper.hallows .greg-dark, #appWrapper.hallows .greg-light, #appWrapper.hallows .greg-text {
  stroke: #68f78e;
}
#appWrapper.hallows .greg-number {
  stroke: #68f78e;
}
#appWrapper.hallows .zen-borders {
  stroke: #2f855a;
  stroke: #68f78e;
  stroke: rgb(0, 0, 0);
}
#appWrapper.hallows .greg-dark {
  fill: rgb(0, 0, 0);
}
#appWrapper.hallows .greg-light {
  fill: #070708;
}
#appWrapper.hallows .greg-text {
  fill: #68f78e;
}
#appWrapper.hallows .zen-mint {
  fill: #68f78e;
}
#appWrapper.hallows .inner-rect {
  opacity: 0.5;
  fill: #2f855a;
}
#appWrapper.hallows .daytop-bg {
  fill: rgb(0, 0, 0);
}
#appWrapper.hallows .daytop-tx {
  fill: #68f78e;
  stroke: #68f78e;
}
#appWrapper.hallows .alt-fill {
  fill: #100a14;
}
#appWrapper.hallows .black-fill {
  fill: #070708;
}
#appWrapper.hallows .session-before {
  fill: #0a270a;
}
#appWrapper.hallows .sessionActive {
  fill: #2f855a;
}
#appWrapper.hallows .session-after {
  fill: #070708;
}
#appWrapper.hallows .year-hand {
  stroke: rgb(31, 237, 55);
}
#appWrapper.hallows .year-clock-hand-axis {
  fill: #2f855a;
}
#appWrapper.hallows .baheader-zen {
  background-color: #100a14;
  color: #68f78e;
}
#appWrapper.hallows .unchunk {
  color: rgb(31, 237, 55);
}
#appWrapper.hallows .uncell {
  background-color: #0a270a;
  transition: background-color 80ms linear;
}
#appWrapper.hallows .uncell:hover {
  background-color: rgb(0, 0, 0);
}
#appWrapper.hallows .selected-date {
  background-color: #100a14;
  color: #2f855a;
}
#appWrapper.hallows .uncell-zen {
  border: 1px solid #100a14;
}
#appWrapper.hallows .zen-borders:hover {
  fill: rgb(0, 0, 0);
}
#appWrapper.hallows .conversion-table {
  background-color: #161616;
}
#appWrapper.hallows .conversion-table table {
  color: #68f78e;
  box-shadow: 0 0 8px 1px rgb(31, 237, 55);
}
#appWrapper.hallows .conversion-table table .th {
  border: 1px solid #2f855a;
}
#appWrapper.hallows .conversion-table table .th-blue {
  border: 1px solid #0a270a;
}
#appWrapper.hallows .info-panel {
  z-index: 6000;
}
#appWrapper.hallows .info-panel .style-selector-buttons {
  background-color: #100a14;
}
#appWrapper.hallows .info-panel .style-selector-buttons a:hover {
  color: green;
}
#appWrapper.hallows .info-panel .style-selector-buttons .active {
  color: blue;
}
#appWrapper.hallows .info-panel i, #appWrapper.hallows .info-panel .tinytext {
  background-color: #100a14;
}
#appWrapper.hallows .info-panel i:hover, #appWrapper.hallows .info-panel .tinytext:hover {
  background-color: #0a270a;
}
#appWrapper.hallows .hilight {
  color: #2f855a;
}
#appWrapper.hallows .home-changer-int a {
  color: #100a14;
  background-color: #68f78e;
  box-shadow: 2px 2px 4px rgb(0, 0, 0), -2px -2px 4px #2f855a;
}
#appWrapper.hallows .home-changer-int a:hover {
  background-color: #2f855a;
}
#appWrapper.hallows .btn-group:hover {
  background-color: #0a270a;
}
#appWrapper.hallows .btn-group button {
  background-color: rgb(0, 0, 0);
  color: #68f78e;
}
#appWrapper.hallows .btn-group button:hover {
  background-color: rgb(54.6, 54.6, 62.4);
}
#appWrapper.hallows .btn-group .darken {
  background-color: hsl(0, 0%, -30%);
}
#appWrapper.hallows .bisque {
  stroke: #2f855a;
  fill: #100a14;
}
#appWrapper.hallows #arrow path {
  fill: rgb(31, 237, 55);
}
#appWrapper.hallows .year-markers {
  fill: rgb(0, 0, 0);
  stroke: #68f78e;
  opacity: 1;
}
#appWrapper.hallows .work-schedules td, #appWrapper.hallows .work-schedules th {
  border: 1px solid #68f78e;
}
#appWrapper.hallows .work-schedules .border-red {
  border: 2px solid red;
}
#appWrapper.hallows .work-schedules .border-black {
  border: 2px solid black;
}
#appWrapper.hallows .work-schedules .border-blue {
  border: 2px solid dodgerblue;
}
#appWrapper.hallows .work-schedules .border-pink {
  border: 2px solid hotpink;
}
#appWrapper.hallows #music-main h2, #appWrapper.hallows #music-main h1, #appWrapper.hallows #music-main .shadow-me {
  color: #68f78e;
  text-shadow: 2px 1px 4px rgb(31, 237, 55);
}
#appWrapper.hallows #music-main .testimonial {
  text-shadow: 2px 1px 4px #070708;
}
#appWrapper.hallows #music-main .double-width {
  background-color: #070708;
  box-shadow: 1px 0 10px #2f855a;
}
#appWrapper.hallows .glow {
  animation: glow 4s infinite alternate;
}
#appWrapper.hallows .zenwheel text.active {
  animation: glow 2s infinite alternate;
}
@keyframes glow {
  0% {
    text-shadow: 0px 0px 3px #2f855a, 3px 3px 6px #2f855a;
  }
  to {
    text-shadow: 0px 0px 4px #2f855a, 0px 0px 6px #2f855a;
  }
}
#appWrapper.feasts {
  background-color: #e2eeec;
  color: #4d1b13;
}
#appWrapper.feasts a {
  color: #1c3d5a;
}
#appWrapper.feasts .theme-image {
  filter: hue-rotate(330deg) saturate(100%) brightness(170%);
}
#appWrapper.feasts #loading {
  filter: invert(1);
  background-color: #e2eeec;
}
#appWrapper.feasts .christmas-icon {
  color: rgb(49, 232, 51);
}
#appWrapper.feasts .navItem {
  box-shadow: 0 0 5px #aed6f1;
  border: solid 1px white;
}
#appWrapper.feasts .nav-item-dark {
  box-shadow: 0 0 40px #4d1b13;
}
#appWrapper.feasts a:hover, #appWrapper.feasts router-link:hover {
  color: #7ab7be;
}
#appWrapper.feasts .social-grp {
  background-color: #2e86c1;
}
#appWrapper.feasts .social-grp * {
  color: #7ab7be;
}
#appWrapper.feasts .social-grp .social {
  border-radius: 0.6rem;
  background-color: #a3e3ee;
  padding: 0.07em;
}
#appWrapper.feasts .social-grp .social:hover {
  background-color: rgb(99.5, 105, 104.5);
}
#appWrapper.feasts .social-grp *:hover {
  color: rgb(99.5, 105, 104.5);
}
#appWrapper.feasts:has(#beacon-div) {
  background-color: #3498db;
}
#appWrapper.feasts #beacon-div {
  background-color: #e2eeec;
  color: #4d1b13;
  box-shadow: 0 0 10px #4d1b13;
}
#appWrapper.feasts #videos-container .stu-banner {
  box-shadow: 2px 2px #cee0e2, -2px -2px #aed6f1;
}
#appWrapper.feasts #videos-container button {
  background-color: #2e86c1;
  color: #4d1b13;
}
#appWrapper.feasts #videos-container button:hover {
  background-color: #335681;
}
#appWrapper.feasts #videos-container button.active {
  background-color: #3498db;
}
#appWrapper.feasts #videos-container div:hover {
  background-color: #2874a6;
}
#appWrapper.feasts #videos-container div {
  background-color: #2e86c1;
  box-shadow: -2px -2px 8px #cee0e2, 2px 2px 8px #aed6f1;
}
#appWrapper.feasts #videos-container a {
  color: #4d1b13;
}
#appWrapper.feasts #videos-container a:visited {
  color: #1c3d5a;
}
#appWrapper.feasts #videos-container .member-berries {
  box-shadow: 2px 2px #cee0e2, -2px -2px #aed6f1;
}
#appWrapper.feasts .lime-green {
  color: limegreen;
}
#appWrapper.feasts .collapse-icon-closed {
  background-color: #3498db;
}
#appWrapper.feasts #style-selector {
  background-color: #335681;
}
#appWrapper.feasts #style-selector i {
  border: 1px solid #2874a6;
}
#appWrapper.feasts #style-selector i:hover, #appWrapper.feasts #style-selector .tinytext {
  background-color: #2874a6;
}
#appWrapper.feasts .activeStyle {
  background-color: rgb(124.5846153846, 172.4923076923, 177.8153846154);
}
#appWrapper.feasts .sidebar-wrapper {
  background-color: #335681;
}
#appWrapper.feasts .pedantic {
  color: rgb(176.5, 97, 100.5);
  font-weight: 600;
}
#appWrapper.feasts .navigation-cards {
  background-color: #1c3d5a;
}
#appWrapper.feasts .home-navigation-card {
  background-image: linear-gradient(to bottom, #2e86c1, #3498db);
  border-radius: 10px;
  padding: 13px;
  text-align: center;
}
#appWrapper.feasts .home-navigation-card b {
  color: #7ab7be;
}
#appWrapper.feasts .clue-button {
  box-shadow: 1px 1px 5px #a3e3ee;
}
#appWrapper.feasts .buttons {
  background-color: #2874a6;
  color: #4d1b13;
}
#appWrapper.feasts .buttons span {
  background-color: #7ab7be;
}
#appWrapper.feasts .buttons span:hover {
  color: rgb(158.8125, 55.6875, 39.1875);
  background-color: rgb(68.9393939394, 133.6363636364, 141.0606060606);
}
#appWrapper.feasts #puzzle-clues {
  background-color: #335681;
  box-shadow: 1px 1px 5px #335681;
}
#appWrapper.feasts #puzzle-clues span:hover {
  background-color: #a3e3ee;
}
#appWrapper.feasts .clue-button:hover {
  background-color: #a3e3ee;
}
#appWrapper.feasts #puzzle-body:not(.clearme) {
  color: #4d1b13;
}
#appWrapper.feasts #puzzle-body .clearme {
  color: #aed6f1;
}
#appWrapper.feasts #puzzle td {
  box-shadow: 0 0 5px #aed6f1;
}
#appWrapper.feasts .navItem, #appWrapper.feasts #puzzle-body .clearme, #appWrapper.feasts #puzzle td:has(.clearme) {
  background-color: #3498db;
}
#appWrapper.feasts .video-div {
  background-color: #2e86c1;
  border-color: #7ab7be;
}
#appWrapper.feasts .login-page {
  background-color: #2874a6;
  box-shadow: 1px 1px 5px 1px #7ab7be;
  border-radius: 8px;
}
#appWrapper.feasts .login-page h2 {
  color: #7ab7be;
}
#appWrapper.feasts .login-page input {
  background-color: #e2eeec;
  border: 1px solid #2e86c1;
  color: #4d1b13;
}
#appWrapper.feasts .login-page input[name=submit] {
  border-radius: 8px;
  color: #cee0e2;
}
#appWrapper.feasts .login-page i {
  color: #e2eeec;
  text-shadow: -1px -2px #7ab7be;
}
#appWrapper.feasts .login-page a, #appWrapper.feasts .login-page router-link {
  color: #4d1b13;
  padding-block: 3px;
}
#appWrapper.feasts .login-page button, #appWrapper.feasts .login-page .login-submit-button {
  cursor: pointer;
  background-color: #3498db;
  margin: 3em;
  padding: 1rem;
  margin: 1rem auto;
  color: #4d1b13;
  border-radius: 8px;
  border: 1px solid #4d1b13;
  padding: 0.6rem 1rem;
}
#appWrapper.feasts .time-gui-container {
  background-color: rgba(77, 27, 19, 0.1);
}
#appWrapper.feasts .time-widget {
  background: #e2eeec;
  box-shadow: -5px -5px 21px rgba(122, 183, 190, 0.2), 5px 5px 21px rgba(174, 214, 241, 0.2);
}
#appWrapper.feasts .content-selector * {
  box-shadow: 1px 1px 1px #4d1b13;
}
#appWrapper.feasts #content-section h1, #appWrapper.feasts #content-section h2, #appWrapper.feasts #content-section h3 {
  padding: 0 3rem;
  text-shadow: 1px 1px 10px #335681;
}
#appWrapper.feasts .unlimited-time-logo {
  border: 0.2rem solid #335681;
}
#appWrapper.feasts .smiley {
  background-image: linear-gradient(to bottom, #335681, #cee0e2, #335681);
}
#appWrapper.feasts .time-info-buttons i:hover {
  color: #3498db;
  box-shadow: 0 0 2px #7ab7be;
}
#appWrapper.feasts .active {
  stroke: #7ab7be;
  fill: #7ab7be;
  color: #a3e3ee;
}
#appWrapper.feasts .zenwheel text:not(.year-markers) {
  fill: #4d1b13;
  stroke: #4d1b13;
}
#appWrapper.feasts .zenwheel text.active {
  fill: #7ab7be;
  stroke: #7ab7be;
}
#appWrapper.feasts .zenwheel .pie-chart {
  fill: #2874a6;
}
#appWrapper.feasts .zenwheel .zen-cycle-arm {
  stroke: #3498db;
}
#appWrapper.feasts .zenwheel .habit-divider {
  fill: #e2eeec;
  stroke: #3498db;
}
#appWrapper.feasts .holiday {
  color: #7ab7be;
}
#appWrapper.feasts .clock-hand {
  stroke: #aed6f1;
  stroke-width: 2;
}
#appWrapper.feasts .greg-dark, #appWrapper.feasts .greg-light, #appWrapper.feasts .greg-text {
  stroke: #4d1b13;
}
#appWrapper.feasts .greg-number {
  stroke: #4d1b13;
}
#appWrapper.feasts .zen-borders {
  stroke: #cee0e2;
  stroke: #4d1b13;
  stroke: #3498db;
}
#appWrapper.feasts .greg-dark {
  fill: #3498db;
}
#appWrapper.feasts .greg-light {
  fill: #2e86c1;
}
#appWrapper.feasts .greg-text {
  fill: #4d1b13;
}
#appWrapper.feasts .zen-mint {
  fill: #4d1b13;
}
#appWrapper.feasts .inner-rect {
  opacity: 0.5;
  fill: #7ab7be;
}
#appWrapper.feasts .daytop-bg {
  fill: #3498db;
}
#appWrapper.feasts .daytop-tx {
  fill: #4d1b13;
  stroke: #4d1b13;
}
#appWrapper.feasts .alt-fill {
  fill: #2874a6;
}
#appWrapper.feasts .black-fill {
  fill: #2e86c1;
}
#appWrapper.feasts .session-before {
  fill: #335681;
}
#appWrapper.feasts .sessionActive {
  fill: #7ab7be;
}
#appWrapper.feasts .session-after {
  fill: #2e86c1;
}
#appWrapper.feasts .year-hand {
  stroke: #aed6f1;
}
#appWrapper.feasts .year-clock-hand-axis {
  fill: #7ab7be;
}
#appWrapper.feasts .baheader-zen {
  background-color: #2874a6;
  color: #4d1b13;
}
#appWrapper.feasts .unchunk {
  color: #aed6f1;
}
#appWrapper.feasts .uncell {
  background-color: #335681;
  transition: background-color 80ms linear;
}
#appWrapper.feasts .uncell:hover {
  background-color: #3498db;
}
#appWrapper.feasts .selected-date {
  background-color: #2874a6;
  color: #7ab7be;
}
#appWrapper.feasts .uncell-zen {
  border: 1px solid #2874a6;
}
#appWrapper.feasts .zen-borders:hover {
  fill: #3498db;
}
#appWrapper.feasts .conversion-table {
  background-color: #e2eeec;
}
#appWrapper.feasts .conversion-table table {
  color: #4d1b13;
  box-shadow: 0 0 8px 1px #aed6f1;
}
#appWrapper.feasts .conversion-table table .th {
  border: 1px solid #cee0e2;
}
#appWrapper.feasts .conversion-table table .th-blue {
  border: 1px solid #335681;
}
#appWrapper.feasts .info-panel {
  z-index: 6000;
}
#appWrapper.feasts .info-panel .style-selector-buttons {
  background-color: #2874a6;
}
#appWrapper.feasts .info-panel .style-selector-buttons a:hover {
  color: green;
}
#appWrapper.feasts .info-panel .style-selector-buttons .active {
  color: blue;
}
#appWrapper.feasts .info-panel i, #appWrapper.feasts .info-panel .tinytext {
  background-color: #2874a6;
}
#appWrapper.feasts .info-panel i:hover, #appWrapper.feasts .info-panel .tinytext:hover {
  background-color: #335681;
}
#appWrapper.feasts .hilight {
  color: #7ab7be;
}
#appWrapper.feasts .home-changer-int a {
  color: #2874a6;
  background-color: #4d1b13;
  box-shadow: 2px 2px 4px #3498db, -2px -2px 4px #7ab7be;
}
#appWrapper.feasts .home-changer-int a:hover {
  background-color: #7ab7be;
}
#appWrapper.feasts .btn-group:hover {
  background-color: #335681;
}
#appWrapper.feasts .btn-group button {
  background-color: #3498db;
  color: #4d1b13;
}
#appWrapper.feasts .btn-group button:hover {
  background-color: rgb(118.5271966527, 180.7531380753, 222.4728033473);
}
#appWrapper.feasts .btn-group .darken {
  background-color: rgb(17.7740585774, 67.1464435146, 100.2259414226);
}
#appWrapper.feasts .bisque {
  stroke: #cee0e2;
  fill: #2874a6;
}
#appWrapper.feasts #arrow path {
  fill: #aed6f1;
}
#appWrapper.feasts .year-markers {
  fill: #3498db;
  stroke: #4d1b13;
  opacity: 1;
}
#appWrapper.feasts .work-schedules td, #appWrapper.feasts .work-schedules th {
  border: 1px solid #4d1b13;
}
#appWrapper.feasts .work-schedules .border-red {
  border: 2px solid red;
}
#appWrapper.feasts .work-schedules .border-black {
  border: 2px solid black;
}
#appWrapper.feasts .work-schedules .border-blue {
  border: 2px solid dodgerblue;
}
#appWrapper.feasts .work-schedules .border-pink {
  border: 2px solid hotpink;
}
#appWrapper.feasts #music-main h2, #appWrapper.feasts #music-main h1, #appWrapper.feasts #music-main .shadow-me {
  color: #4d1b13;
  text-shadow: 2px 1px 4px #aed6f1;
}
#appWrapper.feasts #music-main .testimonial {
  text-shadow: 2px 1px 4px #2e86c1;
}
#appWrapper.feasts #music-main .double-width {
  background-color: #2e86c1;
  box-shadow: 1px 0 10px #cee0e2;
}
#appWrapper.feasts .glow {
  animation: glow 4s infinite alternate;
}
#appWrapper.feasts .zenwheel text.active {
  animation: glow 2s infinite alternate;
}
@keyframes glow {
  0% {
    text-shadow: 0px 0px 3px #cee0e2, 3px 3px 6px #7ab7be;
  }
  to {
    text-shadow: 0px 0px 4px #cee0e2, 0px 0px 6px #7ab7be;
  }
}
.unthinkme {
  margin-block-start: 2em;
  padding: 1em;
  justify-content: center;
  overflow: hidden;
}
.unthinkme .video-div {
  max-width: 420px;
  border: 1px solid #7b919b;
  max-width: 100vw;
  border-radius: 8px;
  margin: 0.3em 0;
  padding-inline: 10px;
  display: flex;
  flex-direction: column;
}
.unthinkme .video-div div {
  align-items: center;
  justify-content: center;
}
.unthinkme .video-div img {
  min-width: 300px;
  border-radius: 8px;
  padding: 0;
  border: 1px solid #7b919b;
}
.unthinkme .video-div a {
  min-width: 300px;
}
.unthinkme .unthink-title {
  justify-content: center;
  align-items: center;
}
.unthinkme i {
  margin: 0 20px;
}
.unthinkme .video-container {
  display: flex;
  flex-direction: column;
}
.unthinkme .unthinkme-div {
  text-align: center;
  display: flex;
  flex-direction: column;
  margin: auto;
}
.unthinkme .utm-blog-article {
  margin-block: 10px;
  max-width: 700px;
  box-shadow: 0 0 5px white;
  padding: 1em 0;
}
.unthinkme .utm-blog-article .title-place {
  text-align: center;
}
.unthinkme .utm-blog-article .video-place {
  justify-content: center;
  max-width: 90%;
}
.unthinkme .utm-blog-article .desc-place {
  text-align: center;
  padding: 0 5em;
}
.unthinkme .utm-social {
  margin: auto;
  justify-self: flex-end;
  max-width: 1em;
  margin-inline: 0.3em;
}
.video-grid .scroll.trigger {
  display: block;
  height: 1px;
}
.video-grid img {
  transition: transform 0.2s ease;
}
.video-grid img:hover {
  transform: scale(1.05);
}
.video-grid .video-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
  justify-items: space-around;
}
@media screen and (min-width: 450px) {
  .video-grid .video-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .video-grid .video-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.video-grid .video-item {
  cursor: pointer;
}
.video-grid .video-thumb {
  width: 100%;
  max-width: 70rem;
  height: auto;
  border-radius: 0.5rem;
  transition: transform 0.2s ease;
}
.video-grid .video-thumb:hover {
  transform: scale(1.05);
}
.video-grid .video-title {
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
}
.video-grid .pagination-controls {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.video-grid .pagination-button {
  padding: 0.5rem 1rem;
  background-color: #e0e0e0;
  border-radius: 0.5rem;
  cursor: pointer;
}
.video-grid .pagination-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.video-grid .modal {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
}
.video-grid .modal-content {
  background-color: white;
  padding: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  width: 100%;
  max-width: 48rem;
}
.video-grid .modal-close-button {
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  background-color: #e53935;
  color: white;
  border-radius: 0.5rem;
}
.video-grid .video-enter-active, .video-grid .video-leave-active {
  transition: all 0.3s ease;
}
.video-grid .video-enter-from {
  opacity: 0;
  transform: translateY(10px);
}
.video-grid .video-enter-to {
  opacity: 1;
  transform: translateY(0);
}
.video-grid .video-leave-to {
  opacity: 0;
  transform: translateY(-10px);
}
.utm-bg-image-div-1 {
  background-image: url("/assets/unthinkme-CW83Htgk.webp");
  width: 100%;
  height: 100vh;
  max-width: 100vw;
  max-height: 30rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: auto;
  border-radius: 0.5rem;
}
.utm-bg-image-div-1 .glow {
  margin: auto;
  max-width: 600px;
  padding: 1rem 1rem;
  border-radius: 0.6rem;
  background-color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 768px) {
  .utm-bg-image-div-1 .glow {
    padding: 2rem 1rem;
  }
}
@media screen and (max-width: 449px) {
  .utm-bg-image-div-1 {
    background-size: contain;
  }
}
.pointer {
  cursor: pointer;
}
.hidden {
  visibility: hidden;
}
.text-center {
  text-align: center;
}
.color-logged-in {
  display: block;
  position: relative;
  top: -0.7em;
  color: #31e833;
}
.color-logged-out {
  display: block;
  position: relative;
  top: -0.7em;
  color: #da1a54;
}
.margin-bottom {
  margin-block-end: 3rem;
}
.padding-bottom {
  padding-bottom: 3rem;
}
button, a, router-link, RouterLink {
  cursor: pointer;
}
body {
  font-family: "Inter", "Helvetica Neue", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
}
p {
  line-height: 1.5;
  font-size: 1.2rem;
  font-weight: 400;
}
span {
  line-height: 1.6rem;
  font-size: 1.2rem;
  font-weight: 300;
}
div {
  line-height: 1.6rem;
  font-size: 1.2rem;
  font-weight: 500;
}
b {
  line-height: 1.6rem;
  font-size: 1.2rem;
  font-weight: 700;
}
h1 {
  font-family: "Rubik", "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: semi-bold;
  font-size: 2.2rem;
  font-weight: 700;
}
h2 {
  font-family: "Rubik", "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: semi-bold;
  font-size: 1.8rem;
  font-weight: 600;
}
h3 {
  font-family: "Rubik", "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: semi-bold;
  font-size: 1.5rem;
  font-weight: 600;
}
h4 {
  font-family: "Rubik", "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: semi-bold;
  font-size: 1.3rem;
  font-weight: 500;
}
.social {
  margin-inline: 0;
  margin-block: 0.5rem;
}
.social-grp a {
  font-size: 0.9rem;
}
.social-grp a:has(.social) .social {
  max-width: 100%;
  max-height: 2rem;
  margin-inline: 0.3em;
}
#style-selector .material-icons {
  font-size: 1.4em;
}
.sidebar-wrapper .christmas-icon {
  font-size: 1.8rem;
}
.sidebar-wrapper * {
  font-weight: 600;
}
.home-navigation-card b {
  font-size: 1.5rem;
}
.article-font {
  font-size: 20px;
  letter-spacing: -0.003em;
  line-height: 28px;
}
.article-font p {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}
.novel p {
  text-indent: 1.5em;
  margin-bottom: 1em;
}
.novel h1, .novel h2 {
  text-align: center;
  margin: 20px 0;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .novel-container {
    max-width: 95%;
    padding: 15px;
  }
  .novel p {
    text-indent: 1em;
  }
}
#beacon-div {
  text-align: justify;
}
#beacon-div p {
  text-indent: 2em;
}
@media screen and (max-width: 449px) {
  #beacon-div {
    text-align: left;
  }
}
.logo-frame {
  max-width: 300px;
  margin: 0 auto;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
}
.logo-frame img {
  cursor: pointer;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}div[data-v-f8fa912e] {
  text-align: center;
  max-width: 100%;
}
.guidebook-items[data-v-f8fa912e] {
  display: flex;
  flex-direction: column;
}
.guidebook-title[data-v-f8fa912e] {
  font-size-adjust: 0.9;
  line-height: 2em;
  padding-block: 1em;
}.center-text[data-v-83c8225d] {
  text-align: center;
}
.beacon-container[data-v-83c8225d] {
  box-shadow: 1px 1px gray, -1px -1px gray;
  display: flex;
  flex-direction: column;
}
.beacon-image[data-v-83c8225d] {
  background-image: url("/assets/spiralstairs-DSpXrsTo.jpeg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-width: 40vw;
  min-height: 50vh;
  margin: 1rem;
  padding: 0;
}
@media screen and (min-width: 1024px) {
h2[data-v-83c8225d] {
    text-align: center;
}
.beacon-container[data-v-83c8225d] {
    flex-direction: row;
}
.beacon-image[data-v-83c8225d] {
    justify-content: space-around;
    margin-inline: auto;
    padding-block: 1rem;
    margin-block: 5rem;
}
}