body,
  .admin-wrapper .sidebar-wrapper__inner {
    background: #11111b;
    color: #cbffe6;
  }


/* tooooooot!!! */
.compose-form__publish-button-wrapper .button.primary {
display: flex;
font-size: 0;
}

.compose-form__publish-button-wrapper .button.primary::after {
content: 'Beam!';
font-size: 1rem;
display: block;
}

/* indicate images without a description */
.media-gallery__item-thumbnail img:not([alt]) {
	border: 3px solid #ff4aa7;
}
  .account__header__bio .account__header__fields dt,
  .account__section-headline a.active,
  .account__section-headline button.active,
  .notification__filter-bar a.active,
  .notification__filter-bar button.active,
  .account__header__bio .account__header__content,
  .navigation-bar,
  .column-link__badge,
  .column-subheading,
  .account__display-name strong,
  .status__display-name strong,
  .notification__message,
  .public-layout .public-account-bio .account__header__content,
  .reply-indicator__content, .status__content {color: #cbffe6; }


  .account__header__tabs__name h1 small,
  .account__header__bio .account__header__fields dd,
  .empty-column-indicator,
  .follow_requests-unlocked_explanation,
  .account .account__display-name,
  .search__input,
  .search__input:focus,
  .account__header__fields dt {color: #98bdc1; }


  .account__header__tabs__name h1,
  .account__header__content a,
  .account__header__bio .account__header__fields a,
  .empty-column-indicator a,
  .follow_requests-unlocked_explanation a,
  .column-back-button,
  .icon-button,
  .icon-button.inverted,
  .text-icon-button,
  .icon-button.active,
  .public-layout .public-account-bio .account__header__fields a,
  .column-header__back-button,
  .notification__message .fa,
  .navigation-bar strong,
  .reply-indicator__content a.unhandled-link,
  .status__content a,
  .status__content a.unhandled-link {color: #feffbe; }


  .icon-button:active, .icon-button:focus, .icon-button:hover,
  .text-icon-button:active, .text-icon-button:focus, .text-icon-button:hover,
  .icon-button.inverted:active, .icon-button.inverted:focus, .icon-button.inverted:hover,
  .public-layout .public-account-bio .account__header__fields a:hover { color: #fc92fa; }

  .ui__header,
  .column-header,
  .column-header__button,
  .column-header__back-button,
  .column-back-button,
  .drawer--header,
  .account__section-headline,
  .notification__filter-bar,
  .account__section-headline button,
  .notification__filter-bar button,
  .account__header,
  .search__input,
  .search__input:focus,
  .column-link__badge,
  .column-subheading,
  .public-layout .header,
  .public-layout .public-account-header__bar::before,
  .account__header__fields,
  .account__header__fields dt,
  .account__header__fields dd:not(.account__header__bio .account__header__fields dd),
  .focusable:focus,
  .admin-wrapper .sidebar ul a:hover,
  .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,
  .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover {

   border-color: #181825;
   background: #313244;
  }

  .theme-mastodon-light .account__header__bar,
  .theme-mastodon-light .column-header__back-button,
  .account__header__bio .account__header__fields dl,
  .account__header__bio .account__header__fields,
  .empty-column-indicator,
  .column > .scrollable,
  .nothing-here,
  .public-layout .public-account-bio,
  .hero-widget__text,
  body.admin,
  .admin-wrapper .sidebar ul a.selected,
  .admin-wrapper .sidebar ul ul {

   border-color: #181825;
    background: #1e1e2e;
  }

  .public-layout .public-account-header__tabs__tabs .counter::after { border-color: #feffbe; }
  .public-layout .public-account-header__tabs__tabs .counter.active::after { border-color: #fc92fa; }

  .account,
  .load-gap { border-color: #181825; }

  .account__section-headline a.active::after,
  .account__section-headline a.active::before,
  .account__section-headline button.active::after,
  .account__section-headline button.active::before,
  .notification__filter-bar a.active::after,
  .notification__filter-bar a.active::before,
  .notification__filter-bar button.active::after,
  .notification__filter-bar button.active::before { border-color: transparent transparent #181825; }


  .drawer--header a:hover,
  .column-header__button:hover,
  .account__section-headline button:hover,
  .notification__filter-bar button:hover,
  .account__section-headline a:hover,
  .column-link:active, .column-link:focus, .column-link:hover {background: #585b70; }


  .button,
  .button.logo-button {

   background: #feffbe;
   color: #11111b;

  }

  .button.logo-button svg { fill: currentColor; }

  .public-layout .header .nav-button { background-color: #45475a; }
  .public-layout .header .nav-button:hover { background-color: #585b70; }

  .button:active, .button:focus, .button:hover,
  .button.logo-button:active, .button.logo-button:focus, .button.logo-button:hover{ background: #fc92fa; }

  .drawer--header,
  .drawer__inner { border: none; }

  .drawer__inner,
  .drawer__inner__mastodon { background-color: #1e1e2e; }

  .compose-form .compose-form__modifiers,
  .compose-form .autosuggest-textarea__textarea,
  .compose-form .spoiler-input__input,
  .column-link {

  background: #45475a;
  color: #cbffe6;

  }

  .compose-form .autosuggest-textarea__textarea::placeholder { color: #98bdc1); }
  .compose-form .compose-form__buttons-wrapper { background: #313244; }

  .load-more:hover { background-color: #181825; }
  .character-counter { color: #98bdc1; }

  .public-layout .header,
  .hero-widget,
  .public-layout .public-account-header,
  .public-layout .public-account-bio,
  .nothing-here { box-shadow: none; }

}


/* column icon */
.column-header.active, .column-header>button, .column-header__notif-cleaning-buttons button {
    color: #83ded2;
    text-shadow: 0 0 10px rgb(99 100 255 / 40%);
}

/* compact mode */
:root {
    --avatar-size: 36px;
  }
  .status__avatar,
  .notification-follow .account__avatar,
  .conversation__avatar .account__avatar-composite,
  .navigation-bar .account__avatar,
  .account__avatar-overlay {
    width: var(--avatar-size) !important;
    height: var(--avatar-size) !important;
    /*    background-size: var(--avatar-size) var(--avatar-size) !important;*/
  }
  .status__avatar {
    position: absolute;
    left: 10px;
    top: 10px;
  }
  .status__prepend + .status .status__avatar,
  .status-reply .status__avatar {
    top: 40px;
  }
  .status > .status__info,
  .status > .status__content,
  .status > .status__action-bar {
    margin-left: calc(var(--avatar-size) + 10px);
  }
  .status > .status__content {
    margin-top: 0px !important;
  }
  .status__avatar .account__avatar {
    width: var(--avatar-size) !important;
    height: var(--avatar-size) !important;
    background-size: var(--avatar-size) var(--avatar-size) !important;
  }
  .account__avatar-overlay .account__avatar-overlay-base,
  .account__avatar-overlay .account__avatar-overlay-base .account__avatar {
    width: calc(var(--avatar-size) * 0.75) !important;
    height: calc(var(--avatar-size) * 0.75) !important;
    background-size: calc(var(--avatar-size) * 0.75) calc(var(--avatar-size) * 0.75) !important;
  }
  .account__avatar-overlay .account__avatar-overlay-overlay,
  .account__avatar-overlay .account__avatar-overlay-overlay .account__avatar {
    width: calc(var(--avatar-size) * 0.5) !important;
    height: calc(var(--avatar-size) * 0.5) !important;
    background-size: calc(var(--avatar-size) * 0.5) calc(var(--avatar-size) * 0.5) !important;
  }
  .status__content {
    font-size: 14px;
    line-height: 1.4;
  }
  .column-link,
  .column-header {
    font-size: 14px;
  }
  .column-link,
  .column-header button {
    padding: 10px;
  }
  .column-header__buttons {
    height: 32px;
  }
  :is(.drawer--header, .drawer__header) > a {
    height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  :is(.drawer--header, .drawer__header) > a > i {
    font-size: 12px;
  }
  .column-subheading {
    padding-left: 15px;
    padding-right: 15px;
  }
  @media screen and (max-width: 1280px) {
    .columns-area > .drawer {
      flex-grow: 1;
      width: auto;
    }
  }
  .search input.search__input {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .search__icon .fa {
    top: 10px;
  }
  .search__icon .fa-times-circle {
    top: 12px;
  }
  .status__content blockquote,
  .status__content p,
  .status__content pre {
    margin-bottom: 12px;
  }
  .composer--reply > .content blockquote,
  .composer--reply > .content p,
  .composer--reply > .content pre {
    margin-bottom: 8px;
  }
  .composer--reply {
    font-size: 12px !important;
    padding-bottom: 0px;
  }
  .composer--reply,
  .compose-form .reply-indicator__content {
    font-size: 12px;
    line-height: 1.28;
  }
  .composer--reply .display-name.inline {
    height: auto;
    font-size: 13px;
  }
  .composer--reply > .content {
    margin-top: 0;
  }
  body.flavour-glitch .status__prepend {
    margin-top: -7px;
  }
  .status__prepend {
    font-size: 12px;
    padding: 4px 0 0px;
    margin-left: 30px;
    margin-bottom: 4px;
  }
  .status__action-bar-button.icon-button {
    font-size: 14px !important;
    line-height: 1 !important;
    width: 1em !important;
  }
  .status__relative-time {
    font-size: 12px;
  }
  @media screen and (min-width: 631px) {
    .drawer:first-child {
      padding-left: 5px;
    }
    .column,
    .drawer {
      flex: 0 0 auto;
      padding: 5px 3.5px;
    }
  }
  .account__section-headline a,
  .account__section-headline button,
  .notification__filter-bar a,
  .notification__filter-bar button {
    padding: 10px 0;
    font-size: 12px;
  }
  .account__section-headline a.active::after,
  .account__section-headline a.active::before,
  .account__section-headline button.active::after,
  .account__section-headline button.active::before,
  .notification__filter-bar a.active::after,
  .notification__filter-bar a.active::before,
  .notification__filter-bar button.active::after,
  .notification__filter-bar button.active::before {
    bottom: -4px;
  }
  .account__section-headline a.active::after,
  .account__section-headline button.active::after,
  .notification__filter-bar a.active::after,
  .notification__filter-bar button.active::after {
    bottom: -5px;
  }
  .status {
    padding: 7px 10px;
  }
  .composer--reply > .content {
    padding-left: 0;
    padding-right: 0;
  }
  .notification__message,
  :is(.status__info),
  :is(.status__info) .status__display-name {
    font-size: 13px;
  }
  :is(.status__info) {
    margin-bottom: 0;
  }
  :is(.status__info) > span {
    margin-right: 3px;
  }
  :is(.status__info),
  :is(.status__info) > span,
  :is(.status__info) > span > div,
  :is(.status__info) > span > div > .status__display-name,
  :is(.status__info) > span > div > .status__display-name > span,
  :is(.status__info, .status__prepend) > span > div > .status__display-name > span > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  :is(.status__info, .status__prepend) > span > div > .status__display-name > span > *:first-child {
    flex-shrink: 0;
  }
  .status__info__account .display-name,
  .status__info .status__display-name .display-name {
    display: flex;
    gap: 4px;
  }
  .app-body:not(.flavour-glitch) :is(.compose-form, .navigation-bar) {
    padding: 10px;
  }
  .app-body:not(.flavour-glitch) :is(.column, .drawer):not(:first-child) {
    width: 330px;
    flex: 0 0 auto;
    padding: 5px 3.5px;
  }
  .app-body:not(.flavour-glitch) .status__relative-time {
    height: auto;
  }
  .app-body:not(.flavour-glitch) .status-reply .status__avatar {
    top: 10px;
  }
  .app-body:not(.flavour-glitch) .status__prepend + .status-reply .status__avatar {
    top: 40px;
  }


/* debrand */
.navigation-panel__logo,
.ui__header__logo .logo,
.logo.logo--icon,
.logo.logo--wordmark {
display: none !important;
}