:root {
      /* my custom color variables */
      --color-black: #000;
      --color-darish-grey: rgb(0, 0, 0);
      --color-dark-gray: rgb(20, 23, 26);
      --color-darker-gray: rgb(4, 4, 4);
      --color-transparent-black-light: rgba(0, 0, 0, 0.07);
      --color-transparent-black-medium: rgba(0, 0, 0, 0.15);
      --color-transparent-black-med-dark: rgba(0, 0, 0, 0.25);
      --color-transparent-black-dark: rgba(0, 0, 0, 0.39);
      --color-transparent-black-darker: rgba(0, 0, 0, 0.4);
      --color-transparent-black-semi: rgba(0, 0, 0, 0.7);
      --color-transparent-black-almost: rgba(0, 0, 0, 0.9);
      
      
      /* my custom accent color variables */
      --relapse: #0890de;
      --relapse2: #0890ded6;
      --relapserefill: #0890dead;
      --relapsedeluxe: #0890decc;
      
      /* controlable variables */
      --tl-width: 750px;
      --radius: 12px;
      --radius-other: 25px;
      --radius-round: 24px;
      
      /* sys color variables */
      --input-background-color: var(--color-darish-grey);
      --hover-color: var(--color-transparent-black-light);
      --elevated-color: var(--color-dark-gray);
      --elevated-tint: var(--color-transparent-black-dark);
      --border-color: var(--color-dark-gray);
      --border-color-2: var(--color-dark-gray);
      --shadow: 0 10px 40px -10px var(--color-transparent-black-medium);
      --shadow-low: 0 8px 16px -10px var(--color-transparent-black-darker);
      --shadow-med: 0 8px 60px -30px var(--color-transparent-black-medium);
      --dropdown-border-color: var(--color-black);
      --dropdown-background-color: var(--color-transparent-black-almost);
      --dropdown-shadow: 0 20px 25px -5px var(--color-transparent-black-med-dark), 0 8px 10px -6px var(--color-transparent-black-med-dark);
      --modal-background-color: var(--color-transparent-black-semi);
      --modal-background-variant-color: var(--color-transparent-black-semi);
      --modal-border-color: var(--color-black);
      --background-border-color: var(--color-black);
      --background-filter: blur(10px) saturate(180%) contrast(75%) brightness(70%);
      --background-color: var(--color-black);
      --background-color-tint: var(--color-transparent-black-almost);
      --surface-background-color: var(--color-black);
      --surface-variant-background-color: var(--color-black);
      --surface-variant-active-background-color: var(--color-black);
   }
  
   
   html {
      scrollbar-color: var(--color-dark-gray) var(--color-transparent-black-light);
   }

   .layout-multiple-columns #mastodon .columns-area > div:first-child {
      background-color: var(--color-black);
   }

   body.app-body.flavour-glitch > #mastodon .compose-form__highlightable {
      background-color: var(--color-darish-grey);
      border-radius: var(--radius-other);
      transition: .1s;
   }

   body.app-body.flavour-glitch > #mastodon .compose-form__highlightable:hover {
      background: var(--color-darker-gray);
      transition: .1s;
      box-shadow: var(--relapsedeluxe) 0px -1px 5px -1px;
   }

   .compose-form__actions .icon-button {
      color: var(--relapse);
   }

   body.app-body.flavour-glitch > #mastodon .compose-form__submit button {
      background: var(--relapse);
   }

   body.app-body.flavour-glitch > #mastodon .compose-form__submit {
      border-radius: 50px;
      color: white;
      font-weight: bold;
   }

   body:not(.reduce-motion) .button,
   .button.button-secondary:disabled,
   #mastodon .status__content__spoiler-link {
      background-color: var(--relapse);
      border-radius: 50px;
      color: white;
      font-weight: bold;
   }

   #mastodon .hashtag-bar a,
   #mastodon .hashtag-bar button {
      color: white;
      font-size: 1em;
      font-weight: bold;
      background-color: var(--relapse);
   }

   #mastodon .column::before {
      border-left: var(--color-dark-gray) solid 1px !important;
      border: var(--color-dark-gray) solid 2px !important;
      border-radius: 15px;
   }

   #mastodon .column {
      margin: 10px;
      background: var(--color-darish-grey);
      transition: .1s;
   }

   #mastodon .column:hover {
      border-radius: 15px;
      margin: 6px;
      background: var(--color-darish-grey);
      transition: .1s;
      box-shadow: var(--relapsedeluxe) 0px -1px 5px -1px;
   }

   #mastodon .search input {
      border-radius: var(--radius-other) !important;
      margin: -4px -15px -14px -5px;
      background-color: var(--color-darish-grey);
      border-left: var(--color-dark-gray) solid 1px !important;
      border: var(--color-dark-gray) solid 1px !important;
   }
   
   #mastodon .search input:hover, [class="drawer__header"]:hover {
      background: var(--color-darker-gray);
      transition: .1s;
      box-shadow: var(--relapsedeluxe) 0px -1px 5px -1px;
   }

   .search__icon-wrapper:not(.has-value) {
      display: none;
   }

   .layout-multiple-columns #mastodon .columns-area .search {
      margin-left: 19px;
      margin-right: 10px;
   }

   .search__icon .icon-search.active,
   .drawer__inner__mastodon {
      display: none;
   }

   .edit-indicator__content a,
   .reply-indicator__content a,
   .status__content a {
      color: var(--relapse);
   }

   .account__action-bar {
      color: white !important;
   }

   [class="reply-indicator"] {
      margin-top: 15px;
   }

   #mastodon .compose-form > .navigation-bar {
      border-radius: 5px;
      padding: 10px;
      order: 999;
      margin-top: auto;
   }

   #mastodon .compose-form {
      display: flex;
      flex-direction: column;
   }

   .layout-multiple-columns #mastodon .columns-area .drawer .drawer__header {
      margin: 15px;
      padding-bottom: 5px;
      border: var(--color-dark-gray) solid 2px !important;
      border-radius: var(--radius-other);
      background: var(--color-darish-grey);
   }

   .icon {
      transform: scale(.8);
   }

   .column-header.active .column-header__icon {
      color: var(--relapsedeluxe);
   }

   .notification.unread::before,
   .status__wrapper.unread::before {
      border-left: 2px solid var(--relapsedeluxe);
   }

   .notification__filter-bar button.active::before {
      background: var(--relapsedeluxe);
      height: 1px;
      width: 100%;
   }

   .account__header__fields dl:not(.verified) {
      background-color: var(--color-dark-gray);
   }

   .account__header__bio .account__header__fields .verified {
      background-color: var(--relapserefill);
   }

   .notification-group--unread::before,
   .notification-ungrouped--unread::before {
      border-inline-start: 4px solid var(--relapserefill) !important;
   }

   .edit-indicator__content a.unhandled-link,
   .reply-indicator__content a.unhandled-link,
   .status__content a.unhandled-lin,
   [class="u-url mention status-link"],
   [class="icon icon-react"],
   .mention:not(:focus):not(:hover) span,
   .unhandled-link:not(:focus):not(:hover) span,
   .dropdown-button__label,
   .dropdown-button .icon,
   .status__content__translate-button,
   .timeline-hint a:active,
   .timeline-hint a:focus,
   .timeline-hint a:hover,
   .timeline-hint,
   .account__header__bio .account__header__fields a,
   .status__content a.unhandled-link {
      color: var(--relapse2) !important;
   }

   [class="status__relative-time"],
   .notification__filter-bar button,
   [class="display-name__account"] {
      color: var(--relapserefill);
   }

   [class="character-counter"],
   .timeline-hint a,
   .notification__filter-bar button.active {
      color: var(--relapse);
   }

   .notification-group__main__header__label bdi,
   .status__content p:last-child {
      color: #cdcdcd;
   }

   .edit-indicator__content p,
   .edit-indicator__content pre,
   .reply-indicator__content p,
   .reply-indicator__content pre,
   .status__content p,
   .status__content pre {
      color: #d2cfcf;
   }

   .column-header .icon,
   [class="icon-with-badge"],
   [class="icon icon-eraser"] {
      color: rgb(167, 167, 167);
   }

   [class="column-header__wrapper"] {
      background-color: var(--color-black);
   }

   [class="column-header__buttons"] {
      background-color: var(--color-black);
   }

   .column-header__buttons button:not(.active) {
      background: var(--color-transparent-black-light) !important;
   }

   body.app-body.flavour-glitch > #mastodon .local-settings {
      background: black;
      color: white;
      border: solid 5px;
   }

   .glitch.local-settings__navigation__item.active {
      background: var(--relapserefill);
   }

   /* Icon colors */
   /* Hamburger menu (triple bars) */
   [d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"] {
      color: rgb(255, 172, 27);
   }

   /* Globe (Public) */
   [d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-40-82v-78q-33 0-56.5-23.5T360-320v-40L168-552q-3 18-5.5 36t-2.5 36q0 121 79.5 212T440-162Zm276-102q20-22 36-47.5t26.5-53q10.5-27.5 16-56.5t5.5-59q0-98-54.5-179T600-776v16q0 33-23.5 56.5T520-680h-80v80q0 17-11.5 28.5T400-560h-80v80h240q17 0 28.5 11.5T600-440v120h40q26 0 47 15.5t29 40.5Z"] {
      color: rgb(30, 142, 237);
   }

   /* Settings/Gear (primary) */
   [d="m234-480-12-60q-12-5-22.5-10.5T178-564l-58 18-40-68 46-40q-2-13-2-26t2-26l-46-40 40-68 58 18q11-8 21.5-13.5T222-820l12-60h80l12 60q12 5 22.5 10.5T370-796l58-18 40 68-46 40q2 13 2 26t-2 26l46 40-40 68-58-18q-11 8-21.5 13.5T326-540l-12 60h-80Zm40-120q33 0 56.5-23.5T354-680q0-33-23.5-56.5T274-760q-33 0-56.5 23.5T194-680q0 33 23.5 56.5T274-600ZM592-40l-18-84q-17-6-31.5-14.5T514-158l-80 26-56-96 64-56q-2-18-2-36t2-36l-64-56 56-96 80 26q14-11 28.5-19.5T574-516l18-84h112l18 84q17 6 31.5 14.5T782-482l80-26 56 96-64 56q2 18 2 36t-2 36l64 56-56 96-80-26q-14 11-28.5 19.5T722-124l-18 84H592Zm56-160q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Z"] {
      color: rgb(99, 196, 86);
   }

   /* Another Settings/Gear (duplicate in original) */
   [d="m234-480-12-60q-12-5-22.5-10.5T178-564l-58 18-40-68 46-40q-2-13-2-26t2-26l-46-40 40-68 58 18q11-8 21.5-13.5T222-820l12-60h80l12 60q12 5 22.5 10.5T370-796l58-18 40 68-46 40q2 13 2 26t-2 26l46 40-40 68-58-18q-11 8-21.5 13.5T326-540l-12 60h-80Zm40-120q33 0 56.5-23.5T354-680q0-33-23.5-56.5T274-760q-33 0-56.5 23.5T194-680q0 33 23.5 56.5T274-600ZM592-40l-18-84q-17-6-31.5-14.5T514-158l-80 26-56-96 64-56q-2-18-2-36t2-36l-64-56 56-96 80 26q14-11 28.5-19.5T574-516l18-84h112l18 84q17 6 31.5 14.5T782-482l80-26 56 96-64 56q2 18 2 36t-2 36l64 56-56 96-80-26q-14 11-28.5 19.5T722-124l-18 84H592Zm56-160q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Z"] {
      color: rgb(99, 196, 86);
   }

   /* Logout/Exit */
   [d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h280v80H200Zm440-160-55-58 102-102H360v-80h327L585-622l55-58 200 200-200 200Z"] {
      color: rgb(254, 42, 12);
   }

   /* Compose dropdown (Globe for Public) */
   [class="dropdown-button"] [d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-40-82v-78q-33 0-56.5-23.5T360-320v-40L168-552q-3 18-5.5 36t-2.5 36q0 121 79.5 212T440-162Zm276-102q20-22 36-47.5t26.5-53q10.5-27.5 16-56.5t5.5-59q0-98-54.5-179T600-776v16q0 33-23.5 56.5T520-680h-80v80q0 17-11.5 28.5T400-560h-80v80h240q17 0 28.5 11.5T600-440v120h40q26 0 47 15.5t29 40.5Z"] {
      color: var(--relapse2);
   }

   /* Boost/Retweet (RT) */
   [d="M280-80 120-240l160-160 56 58-62 62h406v-160h80v240H274l62 62-56 58Zm-80-440v-240h486l-62-62 56-58 160 160-160 160-56-58 62-62H280v160h-80Z"] {
      color: rgb(0, 135, 99);
   }

   /* Edit/Undo icons (arrow/box) */
   [d="M7 22L3 18L7 14L8.4 15.45L6.85 17H17V13H19V19H6.85L8.4 20.55L7 22ZM5 11V5H17.15L15.6 3.45L17 2L21 6L17 10L15.6 8.55L17.15 7H7V11H5Z"],
   [d="M9 9H15V15H9V9Z"] {
      color: rgb(64, 215, 95);
   }

   /* Star/Favorite */
   [d="m354-287 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143ZM233-120l65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Zm247-350Z"] {
      color: rgb(97, 105, 0);
   }

   /* React (Thumbs Up) */
   [d="M480-480Zm0 400q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q43 0 83 8.5t77 24.5v90q-35-20-75.5-31.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-32-6.5-62T776-600h86q9 29 13.5 58.5T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm320-600v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80ZM620-520q25 0 42.5-17.5T680-580q0-25-17.5-42.5T620-640q-25 0-42.5 17.5T560-580q0 25 17.5 42.5T620-520Zm-280 0q25 0 42.5-17.5T400-580q0-25-17.5-42.5T340-640q-25 0-42.5 17.5T280-580q0 25 17.5 42.5T340-520Zm140 260q68 0 123.5-38.5T684-400H276q25 63 80.5 101.5T480-260Z"] {
      color: rgb(107, 26, 99);
   }

   /* Bookmark */
   [d="M200-120v-640q0-33 23.5-56.5T280-840h400q33 0 56.5 23.5T760-760v640L480-240 200-120Zm80-122 200-86 200 86v-518H280v518Zm0-518h400-400Z"] {
      color: rgb(26, 33, 107);
   }

   /* More (three dots) */
   [d="M240-400q-33 0-56.5-23.5T160-480q0-33 23.5-56.5T240-560q33 0 56.5 23.5T320-480q0 33-23.5 56.5T240-400Zm240 0q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm240 0q-33 0-56.5-23.5T640-480q0-33 23.5-56.5T720-560q33 0 56.5 23.5T800-480q0 33-23.5 56.5T720-400Z"] {
      color: rgb(109, 75, 24);
   }

   /* Reply */
   [d="M320-280 80-520l240-240 57 56-184 184 184 184-57 56Zm480 80v-160q0-50-35-85t-85-35H433l144 144-57 56-240-240 240-240 57 56-144 144h247q83 0 141.5 58.5T880-360v160h-80Z"],
   [d="M760-200v-160q0-50-35-85t-85-35H273l144 144-57 56-240-240 240-240 57 56-144 144h367q83 0 141.5 58.5T840-360v160h-80Z"] {
      color: rgb(128, 17, 17);
   }

   /* Polls */
   [d="M280-280h80v-280h-80v280Zm160 0h80v-400h-80v400Zm160 0h80v-160h-80v160ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z"] {
      color: rgb(55, 66, 125);
   }

   /* Local Timeline (House) */
   [class="notification__filter-bar"] [d="M160-120v-480l320-240 320 240v480H560v-280H400v280H160Z"] {
      color: rgb(94, 24, 93);
   }

   /* Follow Requests (Person + plus) */
   [d="M720-400v-120H600v-80h120v-120h80v120h120v80H800v120h-80Zm-360-80q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM40-160v-112q0-34 17.5-62.5T104-378q62-31 126-46.5T360-440q66 0 130 15.5T616-378q29 15 46.5 43.5T680-272v112H40Zm80-80h480v-32q0-11-5.5-20T580-306q-54-27-109-40.5T360-360q-56 0-111 13.5T140-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T440-640q0-33-23.5-56.5T360-720q-33 0-56.5 23.5T280-640q0 33 23.5 56.5T360-560Zm0-80Zm0 400Z"] {
      color: rgb(139, 35, 35);
   }

   /* ------- Mobile Support ---- */
   .ui__navigation-bar__items.active,
   tabs-bar__wrapper:before,
   .ui__navigation-bar:before {
      background-color: #000;
   }

   .ui__navigation-bar__item:after {
      display: none;
   }

   .custom-emoji:hover {
      transform: none;
      transition: auto;
   }