:root, html body, html body.force-light-mode, html body.force-dark-mode {
  --void: #07060b; --panel: #100e17; --raise: #15121f; --line: #2b2740; --text: #d6d2e6;
  --faint: #8a8599; --lilac: #aea3f0; --mint: #a4d1ad; --red: #e0707a;
  --light: #07060b !important; --dark: #d6d2e6 !important; --body-bg: #07060b !important;
  --body-color: #d6d2e6 !important; --nav-bg: rgba(7,6,11,.92) !important; --bg-light: #15121f !important;
  --primary: #aea3f0 !important; --light-gray: #15121f !important; --text-lighter: #8a8599 !important;
  --card-bg: rgba(16,14,23,.94) !important; --light-hover-bg: #15121f !important; --btn-light-border: #2b2740 !important;
  --input-border: #2b2740 !important; --comment-bg: #15121f !important; --border-color: #2b2740 !important;
  --card-header-accent: #15121f !important; --dropdown-item-hover-bg: #1b1728 !important;
  --dropdown-item-hover-color: #d6d2e6 !important; --dropdown-item-color: #8a8599 !important;
  --dropdown-item-active-color: #aea3f0 !important;
}
html { background: var(--void); color-scheme: dark; }
body {
  background: transparent !important; color: var(--text) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; font-size: 15px;
}
body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: repeating-linear-gradient(0deg, rgba(0,0,0,.28) 0 1px, transparent 1px 3px),
              linear-gradient(rgba(7,6,11,.72), rgba(7,6,11,.88)), url(/img/tc/bg.jpg) center/cover no-repeat;
}
h1, h2, h3, h4, h5, h6, .font-weight-bold, .fw-bold, .lead, .btn, .nav-link, .navbar-brand { font-family: inherit !important; }
::selection { background: var(--lilac); color: var(--void); }
a, .text-primary, .primary { color: var(--lilac) !important; }
a:hover { color: var(--mint) !important; }
.text-dark, .text-body, .text-black { color: var(--text) !important; }
.text-muted, .text-lighter, .text-secondary, small.text-muted { color: var(--faint) !important; }
.text-danger { color: var(--red) !important; }
.text-success { color: var(--mint) !important; }

.navbar, .navbar-laravel, .navbar-light, nav.navbar.bg-white {
  background: rgba(7,6,11,.92) !important; border-bottom: 1px solid var(--line) !important; box-shadow: none !important;
}
.navbar-brand { color: var(--text) !important; text-transform: lowercase; letter-spacing: .08em; font-weight: normal !important; }
.navbar-brand img { border-radius: 0; }
.navbar .nav-link, .navbar-light .navbar-nav .nav-link { color: var(--text) !important; }
.navbar .nav-link:hover { color: var(--lilac) !important; }

.card, .modal-content, .popover, .dropdown-menu, .list-group-item, .card-header, .card-footer, .ph-item, .jumbotron {
  background-color: var(--card-bg) !important; color: var(--text); border-color: var(--line) !important;
}
.card, .modal-content, .dropdown-menu, .jumbotron, .rounded-px { border-radius: 0 !important; }
.card { border: 1px solid var(--line) !important; box-shadow: 0 0 0 1px var(--void), 0 0 40px rgba(174,163,240,.06) !important; }
.card.shadow-none, .card.border-0 { box-shadow: none !important; }
.bg-white, .bg-light { background-color: var(--card-bg) !important; border-color: var(--line) !important; }
.border, .border-top, .border-bottom, .border-left, .border-right, hr, .dropdown-divider, .modal-header, .modal-footer { border-color: var(--line) !important; }
.dropdown-item { color: var(--text) !important; }
.dropdown-item:hover, .dropdown-item:focus { background: #1b1728 !important; color: var(--lilac) !important; }

.form-control, .custom-select, .autocomplete-input, input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]), textarea, select {
  background: var(--void) !important; color: var(--text) !important; border: 1px solid var(--line) !important;
  border-radius: 0 !important; font-family: inherit !important;
}
.form-control:focus, input:not([type=checkbox]):not([type=radio]):focus, textarea:focus {
  border-color: var(--lilac) !important; box-shadow: 0 0 0 1px var(--lilac), 0 0 12px rgba(174,163,240,.25) !important; outline: none;
}
.form-control::placeholder, textarea::placeholder { color: var(--faint) !important; }
.input-group-text, .input-group-append .btn { background: var(--raise) !important; border-color: var(--line) !important; color: var(--faint) !important; }

.btn-block, .btn-lg { padding: .4em 1em !important; font-size: .85rem !important; }
.btn-group > .btn { display: inline-flex !important; align-items: center; justify-content: center; }
.btn-group > .btn > i { margin-right: .4em; }
.btn { border-radius: 0 !important; text-transform: lowercase; letter-spacing: .06em; font-weight: normal !important; box-shadow: none !important; }
.btn-primary, .badge-primary, .bg-primary {
  background: var(--lilac) !important; border-color: var(--lilac) !important; color: var(--void) !important;
}
html body .btn-primary *, html body .badge-primary, html body .badge-primary * { color: var(--void) !important; }
.btn-primary:hover, .btn-primary:focus { background: var(--mint) !important; border-color: var(--mint) !important; color: var(--void) !important; box-shadow: 0 0 14px rgba(164,209,173,.35) !important; }
.btn-outline-primary { color: var(--lilac) !important; border-color: var(--lilac) !important; background: transparent !important; }
.btn-outline-primary:hover { background: rgba(174,163,240,.12) !important; color: var(--text) !important; }
.btn-light, .btn-outline-light, .btn-outline-secondary, .btn-secondary {
  background: transparent !important; border: 1px solid var(--line) !important; color: var(--text) !important;
}
.btn-light:hover, .btn-outline-secondary:hover, .btn-secondary:hover { border-color: var(--lilac) !important; color: var(--lilac) !important; }
.btn-danger, .btn-outline-danger { background: transparent !important; border-color: var(--red) !important; color: var(--red) !important; }
.rounded-pill, .badge-pill { border-radius: 0 !important; }
a[href="/auth/oidc/start"] { padding: .4em 1em !important; font-size: .85rem !important; background: transparent !important; color: var(--lilac) !important; border: 1px solid var(--lilac) !important; }
a[href="/auth/oidc/start"]::before { content: "\2192  "; }
a[href="/auth/oidc/start"]:hover { background: rgba(174,163,240,.12) !important; color: var(--text) !important; }

.custom-control-label::before { background: var(--void) !important; border-color: var(--line) !important; border-radius: 0 !important; }
.custom-control-input:checked ~ .custom-control-label::before { background: var(--lilac) !important; border-color: var(--lilac) !important; }
.alert { border-radius: 0 !important; border: 1px solid var(--line) !important; border-left: 3px solid var(--lilac) !important; color: var(--text) !important;
  background: repeating-linear-gradient(0deg, rgba(174,163,240,.05) 0 1px, transparent 1px 3px), var(--card-bg) !important; box-shadow: 0 0 24px rgba(174,163,240,.08) !important; }
body > main > .alert, #content > .alert { width: calc(100% - 2rem); max-width: 874px; margin: 1.25rem auto 0; }
.alert-primary::before, .alert-success::before { content: "\2726  "; color: var(--lilac); }
.alert a, .alert .alert-link { color: var(--lilac) !important; }
.alert-danger { border-left-color: var(--red) !important; }
.alert-success { border-left-color: var(--mint) !important; } .alert-success::before { color: var(--mint); }
.alert-warning { border-left-color: #e6c27a !important; }
.alert .close { color: var(--text) !important; text-shadow: none !important; opacity: .6; }
.badge-light { background: var(--raise) !important; color: var(--text) !important; }
.nav-pills .nav-link.active, .nav-tabs .nav-link.active { background: transparent !important; color: var(--lilac) !important; border-color: var(--lilac) !important; }
.nav-tabs { border-color: var(--line) !important; }
.progress { background: var(--raise) !important; border-radius: 0; }
.progress-bar { background: var(--lilac) !important; }
.footer, footer { background: transparent !important; color: var(--faint) !important; }
footer a { color: var(--faint) !important; }

.landing-index-component .bg-bluegray-900, .landing-index-component .card { background: rgba(16,14,23,.94) !important; border-radius: 0 !important; }
.landing-index-component .bg-bluegray-800 { background: var(--void) !important; }
.landing-index-component .rounded, .landing-index-component .card-img-top img { border-radius: 0 !important; }
.server-header-domain, .stat-value { color: var(--lilac) !important; }
.stat-label, .item-label, .server-header-attribution { color: var(--faint) !important; text-transform: lowercase; }
.landing-index-component { --light: #d6d2e6 !important; --dark: #07060b !important; }
.landing-index-component .lead, .landing-index-component .about-text, .landing-index-component .rule-text { color: var(--text) !important; }
.page-wrapper { background: transparent !important; }
.username, .landing-index-component .username { color: var(--mint) !important; }
.privacy-section, .privacy-option-disabled, .privacy-links .btn { background: var(--card-bg) !important; border-color: var(--line) !important; border-radius: 0 !important; color: var(--text) !important; }
.privacy-section-header { background: var(--raise) !important; border-color: var(--line) !important; }
.privacy-option, .privacy-save, #pac_modal .modal-header, #pac_modal .modal-footer { border-color: var(--line) !important; }
.privacy-settings-header p, .privacy-section-header p, .privacy-description { color: var(--faint) !important; }
.privacy-description strong { color: var(--text) !important; }
.privacy-links .btn:hover { color: var(--lilac) !important; border-color: var(--lilac) !important; }
.privacy-select .form-control, .privacy-save .btn, #pac_modal .modal-content { border-radius: 0 !important; }
.table { color: var(--text) !important; }
.table td, .table th, .table thead th { border-color: var(--line) !important; }
.table-hover tbody tr:hover, .table-striped tbody tr:nth-of-type(odd) { background: var(--raise) !important; color: var(--text) !important; }
.card.bg-transparent, .card-body.bg-transparent, .card-footer.bg-transparent, .list-group-item.bg-transparent, html body .bg-transparent { background-color: transparent !important; }
.card.border-0, .card-footer.border-0, .list-group-item.border-0, html body .border-0 { border: 0 !important; }
.card.shadow-none, .card.border-0 { box-shadow: none !important; }
.story-viewer-component-card, .story-viewer-component-card .card-body { background-color: transparent !important; border: 0 !important; box-shadow: none !important; }
.status-comments, .reactions { background: repeating-linear-gradient(0deg, rgba(174,163,240,.05) 0 1px, transparent 1px 3px), var(--card-bg) !important; color: var(--text) !important; }
.status-comments .comment-text, .status-comments p { color: var(--text) !important; }
.postPresenterContainer { background: var(--void) !important; }
.VueCarousel-dot { width: 14px !important; height: 12px !important; border-radius: 0 !important; background-color: rgba(214,210,230,.6) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath d='M1 0h2v1h1V0h2v1h1v2H6v1H5v1H4v1H3V5H2V4H1V3H0V1h1z'/%3E%3C/svg%3E") content-box center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath d='M1 0h2v1h1V0h2v1h1v2H6v1H5v1H4v1H3V5H2V4H1V3H0V1h1z'/%3E%3C/svg%3E") content-box center/contain no-repeat; }
.VueCarousel-dot--active { background-color: var(--lilac) !important; filter: drop-shadow(0 0 3px rgba(174,163,240,.8)); }
.VueCarousel-dot:focus { outline: 1px solid var(--lilac) !important; }
body:has(.story-viewer-component), body:has(.story-viewer-component) #content, .story-viewer-component.bg-black, .story-viewer-component .bg-black { background: #000 !important; }
body:has(.story-viewer-component)::before { display: none; }
.story-viewer-component .media-slot { background-color: #000 !important; background-position: center !important; background-repeat: no-repeat !important; border-radius: 0 !important; }
.story-viewer-component .card-body .top-overlay { background: linear-gradient(180deg, rgba(0,0,0,.6), transparent) !important; }
.story-viewer-component .card-footer .bottom-overlay { background: linear-gradient(0deg, rgba(0,0,0,.6), transparent) !important; }
.story-viewer-component .progress { background: rgba(255,255,255,.3) !important; height: 3px !important; opacity: 1 !important; }
.story-viewer-component .progress-bar { background: var(--lilac) !important; box-shadow: 0 0 6px rgba(174,163,240,.7); }