/* Anoxyz 1.2.3 — UNIT3D v9.2.0. Additive theme, loaded after Galactic. */
:root {
  color-scheme: dark;
  --anx-bg: #08080d;
  --anx-surface: #101017;
  --anx-raised: #17141f;
  --anx-inset: #0c0c13;
  --anx-border: #30293e;
  --anx-text: #f1edf8;
  --anx-muted: #b7aec8;
  --anx-purple: #b99aff;
  --anx-purple-solid: #7844c7;
  --anx-blue: #80c5ff;
  --anx-success: #82ddb0;
  --anx-danger: #ff9cae;
  --anx-warning: #f4ce7a;
  --body-bg: var(--anx-bg);
  --body-fg: var(--anx-text);
  --text-color: #ded8e9;
  --color-dark-blue: var(--anx-bg);
  --color-dark-red: var(--anx-inset);
  --color-dark-green: #16372a;
  --color-dark-magenta: #3c2249;
  --color-dark-purple: #291b43;
  --color-blue: var(--anx-blue);
  --color-light-blue: #b6ddff;
  --color-green: #429a6e;
  --color-light-green: var(--anx-success);
  --color-red: #c45e79;
  --color-light-red: var(--anx-danger);
  --color-yellow: var(--anx-warning);
  --color-light-yellow: #ffe6b0;
  --color-magenta: #ba83dc;
  --color-light-magenta: #dcaff3;
  --color-purple: var(--anx-purple);
  --color-light-purple: #d3beff;
  --color-400: var(--anx-purple);
  --color-A200: #b593ff;
  --color-A400: #a87aff;
  --color-light-orange: #f3ba84;
  --gradient-background: none;
  --background-pipe: none;
  --movie-overlay: linear-gradient(90deg, #08080df2, #221330c9);
  --panel-bg: var(--anx-surface);
  --panel-fg: var(--anx-text);
  --panel-head-bg: #15121e;
  --panel-head-fg: var(--anx-text);
  --panel-action-fg: var(--anx-muted);
  --panel-group-fg: var(--anx-muted);
  --panel-border: 1px solid var(--anx-border);
  --panel-border-radius: 14px;
  --panel-head-border-radius: 13px 13px 0 0;
  --panel-body-border-radius: 0 0 13px 13px;
  --panel-box-shadow: 0 10px 35px #0000001f;
  --button-filled-bg: var(--anx-purple-solid);
  --button-filled-fg: #fff;
  --button-filled-border: 1px solid #b491ef66;
  --button-filled-border-radius: 9px;
  --button-outlined-bg: #17111f;
  --button-outlined-border: 1px solid #6f568a;
  --button-outlined-fg: #e3d6ff;
  --button-outlined-border-radius: 9px;
  --button-text-fg: var(--anx-blue);
  --button-text-border-radius: 8px;
  --icon-button-bg: transparent;
  --icon-button-fg: var(--anx-muted);
  --icon-button-filled-bg: #30203f;
  --icon-button-filled-fg: #e6d6ff;
  --icon-button-border-radius: 9px;
  --data-table-fg: #ded8e9;
  --data-table-th-bg: #17131f;
  --data-table-th-fg: #c8bdd9;
  --data-table-border-radius: 12px;
  --data-table-thead-border: 1px solid var(--anx-border);
  --data-table-tr-border: 1px solid #282232;
  --data-table-tr-even-bg: #121017;
  --data-table-tr-odd-bg: #101017;
  --data-table-tr-hover-bg: #21192e;
  --data-table-tfoot-border: 1px solid var(--anx-border);
  --input-text-border: 1px solid #5c4d70;
  --input-text-border-active: 2px solid var(--anx-blue);
  --input-text-border-hover: 2px solid #9984b3;
  --input-text-border-error: 1px solid var(--anx-danger);
  --input-text-border-radius: 8px;
  --input-text-fg: var(--anx-text);
  --select-border: 1px solid #5c4d70;
  --select-border-active: 2px solid var(--anx-blue);
  --select-border-hover: 2px solid #9984b3;
  --select-border-error: 1px solid var(--anx-danger);
  --select-border-radius: 8px;
  --select-fg: var(--anx-text);
  --option-bg: #16111f;
  --option-fg: var(--anx-text);
  --textarea-border: 1px solid #5c4d70;
  --textarea-border-active: 2px solid var(--anx-blue);
  --textarea-border-hover: 2px solid #9984b3;
  --textarea-border-error: 1px solid var(--anx-danger);
  --textarea-border-radius: 8px;
  --textarea-fg: var(--anx-text);
  --label-bg: var(--anx-surface);
  --label-fg: #c5b9d7;
  --label-fg-active: var(--anx-blue);
  --label-fg-hover: #dac5f5;
  --label-fg-error: var(--anx-danger);
  --legend-fg: var(--anx-purple);
  --fieldset-border: 1px solid var(--anx-border);
  --fieldset-border-radius: 10px;
  --fieldset-fg: var(--anx-text);
  --compact-search-bg: var(--anx-inset);
  --compact-search-fg: var(--anx-text);
  --compact-search-border-radius: 10px;
  --quick-search-bg: #15101e;
  --quick-search-fg: var(--anx-text);
  --quick-search-border: 1px solid #554163;
  --quick-search-border-radius: 10px;
  --quick-search-result-bg: #15101e;
  --quick-search-result-fg: var(--anx-text);
  --quick-search-result-hover-bg: #2a1c3b;
  --quick-search-result-hover-fg: #fff;
  --quick-search-selector-fg: var(--anx-muted);
  --quick-search-selector-hover-bg: #2a1c3b;
  --quick-search-selector-hover-fg: #fff;
  --quick-search-selector-selected-bg: #38234e;
  --quick-search-selector-selected-fg: #fff;
  --quick-search-result-year-fg: var(--anx-muted);
  --paginate-bg: var(--anx-surface);
  --paginate-bg-hover: #292039;
  --paginate-bg-current: #38234e;
  --paginate-fg: #d8cce9;
  --paginate-fg-disabled: #a39aaf;
  --paginate-border-radius: 7px;
  --paginate-divider: var(--anx-border);
  --breadcrumb-fg: var(--anx-muted);
  --breadcrumb-active-fg: #e5d8f6;
  --breadcrumb-hover-fg: var(--anx-blue);
  --secondary-nav-bg: #0e0c14;
  --secondary-nav-box-shadow: none;
  --secondary-nav-tab-fg: var(--anx-muted);
  --secondary-nav-tab-active-text-decoration: underline #b99aff 2px;
  --secondary-nav-tab-hover-fg: #ede2ff;
  --secondary-nav-tab-hover-text-decoration: underline #80c5ff 2px;
  --secondary-nav-tab-menu-bg: #1a1325;
  --secondary-nav-tab-menu-border: 1px solid var(--anx-border);
  --top-nav-bg: #0c0a12;
  --top-nav-box-shadow: 0 1px 0 #32243f;
  --top-nav-dropdown-fg: #c4b9d5;
  --top-nav-dropdown-hover-fg: #fff;
  --top-nav-dropdown-hover-bg: #261b35;
  --top-nav-dropdown-menu-bg: #17111f;
  --top-nav-dropdown-menu-border: 1px solid #463153;
  --top-nav-dropdown-menu-border-radius: 12px;
  --top-nav-dropdown-menu-item-fg: #ded2ed;
  --top-nav-dropdown-menu-item-hover-fg: #fff;
  --top-nav-dropdown-menu-item-hover-bg: #30203f;
  --top-nav-dropdown-menu-item-icon-fg: var(--anx-purple);
  --top-nav-dropdown-menu-item-icon-bg: #30203f;
  --top-nav-ratio-bar-fg: var(--anx-text);
  --top-nav-icon-bar-icon-bg: #23182f;
  --top-nav-icon-bar-icon-fg: #d4bee8;
  --top-nav-icon-bar-icon-hover-bg: #3b2650;
  --top-nav-icon-bar-icon-hover-fg: #fff;
  --top-nav-stats-fg: var(--anx-muted);
  --top-nav-toggle-fg: var(--anx-blue);
  --torrent-row-fg: #e5dfea;
  --torrent-row-visited-fg: #bdacda;
  --torrent-row-sticky-bg: #251a34;
  --torrent-row-format-fg: #d8cbed;
  --torrent-row-format-bg: #2c2039;
  --torrent-row-seeders-fg: var(--anx-success);
  --torrent-row-leechers-fg: var(--anx-danger);
  --torrent-row-completed-fg: var(--anx-blue);
  --torrent-row-comments-fg: var(--anx-muted);
  --torrent-row-internal-fg: #c4a0f5;
  --torrent-row-personal-fg: #c4a0f5;
  --torrent-row-featured-fg: #c4a0f5;
  --torrent-row-freeleech-fg: var(--anx-warning);
  --torrent-row-double-upload-fg: var(--anx-success);
  --torrent-row-sticky-fg: #e1d4f6;
  --torrent-row-highspeed-fg: var(--anx-blue);
  --torrent-row-bumped-fg: var(--anx-warning);
  --torrent-card-bg: var(--anx-surface);
  --torrent-card-fg: var(--anx-text);
  --torrent-card-border: 1px solid var(--anx-border);
  --torrent-card-head-bg: #171120;
  --torrent-card-head-fg: #f0e7fc;
  --torrent-card-link-fg: #f0e7fc;
  --torrent-card-genre-fg: #d3c5e1;
  --torrent-group-bg: var(--anx-surface);
  --torrent-group-header-bg: #201629;
  --torrent-group-text: var(--anx-text);
  --torrent-group-text-muted: var(--anx-muted);
  --torrent-group-chip-border: #6b5078;
  --torrent-tag-fg: var(--anx-purple);
  --torrent-tag-bg: #261a34;
  --torrent-tag-hover-fg: #fff;
  --torrent-tag-hover-bg: #42265b;
  --article-card-bg: var(--anx-surface);
  --article-card-fg: #d6cce1;
  --article-card-head-fg: #f1e9fa;
  --article-card-time-fg: var(--anx-muted);
  --chatbox-message-bg: #14101c;
  --chatbox-users-bg: #100c17;
  --chatbox-button-fg: var(--anx-muted);
  --chatbox-button-hover-fg: var(--anx-blue);
  --message-bubble-bg: #20172d;
  --message-bubble-fg: var(--anx-text);
  --dialog-bg: var(--anx-raised);
  --dialog-fg: var(--anx-text);
  --dialog-border: 1px solid #59436d;
  --dialog-head-bg: #21162d;
  --dialog-head-fg: #f2eafa;
  --post-bg: var(--anx-surface);
  --post-fg: var(--anx-text);
  --post-head-fg: var(--anx-text);
  --post-head-bg: #19121f;
  --post-toolbar-bg: #19121f;
  --post-toolbar-fg: #c8b7dc;
  --post-toolbar-hover-bg: #332042;
  --post-aside-bg: #18101e;
  --post-aside-fg: #d4c2e6;
  --post-like-fg: var(--anx-success);
  --post-dislike-fg: var(--anx-danger);
  --bbcode-input-header-bg: #1b1325;
  --bbcode-input-body-bg: var(--anx-inset);
  --bbcode-input-border: 1px solid #5c4d70;
  --bbcode-rendered-fg-default: #e0d8eb;
  --bbcode-rendered-fg-muted: var(--anx-muted);
  --bbcode-rendered-canvas-subtle: #1c1526;
  --bbcode-rendered-border-default: #3c2b4e;
  --bbcode-rendered-accent-fg: var(--anx-blue);
  --bbcode-rendered-quote-border: var(--anx-purple);
  --user-stat-card-bg: #15101f;
  --user-stat-card-fg: var(--anx-text);
  --user-stat-card-border: 1px solid var(--anx-border);
  --user-stat-card-border-radius: 12px;
  --key-value-even-bg: #15101d;
  --key-value-odd-bg: #110e18;
  --key-value-fg: var(--anx-text);
  --mediahub-card-bg: #15101d;
  --mediahub-card-fg: var(--anx-text);
  --mediahub-card-border: 1px solid var(--anx-border);
  --mediahub-card-border-radius: 12px;
  --playlist-card-bg: #15101d;
  --playlist-card-fg: var(--anx-text);
  --playlist-card-border: 1px solid var(--anx-border);
  --alert-bg: #1b1426;
  --alert-fg: #e4d8f1;
  --alert-gap-color: #5d407b;
  --notification-unread: var(--anx-purple);
  --footer-bg: #0b0910;
  --footer-hr-fg: #32253e;
  --scrollbar-color: #80609b88;
  --subforum-listing-odd-bg: #15101f;
  --subforum-listing-even-bg: #100e17;
}

/* Content remains quiet and readable; decoration lives around the panels. */
body { background: var(--anx-bg); color: var(--anx-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
::selection { background: #64418f; color: #fff; }
a { color: var(--anx-blue); text-underline-offset: .2em; }
a:hover { color: #c6a5ff; }
:where(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 2px solid var(--anx-blue); outline-offset: 4px; }
button, input, select, textarea { font: inherit; }
input::placeholder, textarea::placeholder { color: #b7aec8; opacity: 1; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--anx-purple-solid); }
.form__text, .form__textarea, .form__select { background-color: var(--anx-inset); }
.form__label--floating { background: var(--anx-surface); }
.form__button--filled { box-shadow: inset 0 1px 0 #ffffff16, 0 3px 12px #0004; }
.form__button--filled:hover { filter: brightness(1.16); }
.form__button:disabled { opacity: .6; cursor: not-allowed; }
.text-muted { color: var(--anx-muted); }
.text-green, .text-success { color: var(--anx-success); }
.text-red, .text-danger { color: var(--anx-danger); }
.text-purple, .text-pink { color: var(--anx-purple); }
.text-info, .text-blue { color: var(--anx-blue); }
.text-orange { color: var(--anx-warning); }
.panel__heading { padding: 16px 18px; font-size: 14px; font-weight: 650; letter-spacing: .015em; }
.panel__actions { padding-right: 16px; }
.panel__body { padding: 20px; }
.panel__tab--active { color: var(--anx-purple); border-bottom-color: var(--anx-purple); }
.panelV2 { overflow: visible; }
.panel__tabs { border-radius: 12px 12px 0 0; }
.data-table { --data-table-padding: 12px; }
.data-table-wrapper { border-radius: 0 0 13px 13px; }
.data-table > thead > tr > th { color: #c8bdd9; font-weight: 650; letter-spacing: .06em; font-size: 10px; text-transform: uppercase; }
.torrent-search--list__name, .torrent-search--grouped__name { font-weight: 600; }
.top-nav { min-height: 72px; }
.top-nav__left { min-width: 0; }
.top-nav__branding.anoxyz-brand { flex: 0 0 auto; padding: 2px 0; }
.anoxyz-brand__logo { display: block; width: 190px; height: 60px; object-fit: contain; }
.secondary-nav { border-bottom: 1px solid #231b2c; }
.footer { border-top: 1px solid #2d2338; }
.footer__icon { color: var(--anx-purple); }
.badge-user { background: #271b35; border: 1px solid #483359; border-radius: 6px; text-shadow: none; }
#frame { background: var(--anx-inset); }
#frame .content .messages ul li { border-bottom-color: #33263e; }
#frame .content .message-input .wrap input { color: var(--anx-text); background: var(--anx-inset); }
#frame .content .message-input .wrap button { background: var(--anx-purple-solid); color: #fff; }
.vscomp-dropbox, .vscomp-options-container { background: var(--anx-raised); color: var(--anx-text); }
.vscomp-option.focused, .vscomp-option.selected { background: #352342; }
.swal2-popup { background: var(--anx-raised); color: var(--anx-text); border: 1px solid #59436d; }
.swal2-title, .swal2-html-container { color: var(--anx-text); }
/* Home masthead uses real Blade routes and contains no fabricated statistics. */
.anoxyz-hero { position: relative; isolation: isolate; overflow: hidden; min-height: 260px; border-radius: 18px; border: 1px solid #48305c; background: #09070e url('hero.png') center right / cover no-repeat; display: flex; align-items: center; padding: clamp(24px, 4vw, 48px); }
.anoxyz-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #0b0711f5 0%, #0b0711dd 36%, #0b071138 72%); }
.anoxyz-hero__copy { max-width: 570px; }
.anoxyz-eyebrow { margin: 0 0 16px; font-size: 10px; font-weight: 650; letter-spacing: .2em; text-transform: uppercase; color: #c5a5f4; display: flex; align-items: center; gap: 8px; }
.anoxyz-eyebrow::before { content: ''; width: 6px; height: 6px; background: #b697ef; border-radius: 50%; box-shadow: 0 0 14px #9b5af5; }
.anoxyz-hero h1 { font-size: clamp(27px, 3.2vw, 42px); line-height: 1.12; font-weight: 650; letter-spacing: -.045em; margin: 0 0 14px; color: #f5f0fc; }
.anoxyz-hero__text { color: #c4b9d3; font-size: 14px; line-height: 1.65; max-width: 420px; margin: 0 0 24px; }
.anoxyz-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.anoxyz-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 18px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 12px; border: 1px solid #6b5085; background: #1d1429; color: #e3d3f7; }
.anoxyz-link:hover { color: #fff; border-color: #ac83dc; background: #2e1e40; }
.anoxyz-link--primary { color: #fff; border-color: #9460da; background: #7844c7; box-shadow: 0 5px 18px #5a2b902e; }
.anoxyz-link--primary:hover { background: #8a52d8; }
.anoxyz-hero__seal { position: absolute; width: clamp(130px, 15vw, 200px); height: auto; right: 8%; top: 50%; transform: translateY(-50%); opacity: .86; filter: drop-shadow(0 12px 26px #150720aa); }
/* Auth views retain CSRF, 2FA, errors, validation and Jackett markup. */
body:has(.auth-form) { min-height: 100svh; height: auto; background: #08060e url('hero.png') center / cover fixed no-repeat; }
.auth-form { width: min(calc(100vw - 32px), 460px); background: #110d1aee; opacity: 1; border: 1px solid #56376b; border-radius: 18px; box-shadow: 0 30px 90px #0008; margin: max(36px, 9vh) auto; }
.auth-form__form { padding: clamp(24px, 5vw, 40px); gap: 20px; }
.auth-form__branding { display: flex; align-items: center; justify-content: center; text-decoration: none; margin-bottom: 12px; }
.auth-form__branding .anoxyz-brand__logo { width: min(100%, 300px); height: auto; }
.auth-form__label, .auth-form__text, .auth-form__checkbox-label { color: #d5c7e4; }
.auth-form__text-input { box-sizing: border-box; width: 100%; background: #09070e; color: #f1edf8; border: 1px solid #70567f; border-radius: 8px; padding: 12px 14px; min-height: 46px; }
.auth-form__text-input:focus { border-color: var(--anx-blue); }
.auth-form__primary-button { background: var(--anx-purple-solid); color: #fff; border-radius: 8px; letter-spacing: .03em; margin-top: 4px; text-transform: none; }
.auth-form__primary-button:hover { background: #8a52d8; }
.auth-form__header-item, .auth-form__footer-item, .auth-form__button--text { color: #cdaaff; text-transform: none; }
.auth-form__header-item:hover, .auth-form__footer-item:hover { background: #2b1b3d; color: #fff; }
.auth-form__important-info, .auth-form__error { color: #ffb4c3; }
@media (max-width: 1000px) { .anoxyz-hero__seal { right: 5%; width: 150px; opacity: .6; } .anoxyz-hero__copy { max-width: 70%; } }
@media (max-width: 600px) { .anoxyz-brand__logo { width: 158px; height: 48px; } .anoxyz-hero { min-height: 255px; padding: 24px; } .anoxyz-hero__copy { max-width: 100%; } .anoxyz-hero__seal { display: none; } .anoxyz-hero::before { background: #0b0711bf; } .anoxyz-hero__text { font-size: 13px; } .panel__body { padding: 16px; } .anoxyz-link { min-height: 44px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }
@media print { body { background: #fff; color: #111; } .top-nav, .secondary-nav, .anoxyz-hero, .auth-form__branding { display: none; } }

/* 1.1.0 — Equal activity panels, footer identity and grouped legend. */
.page__home > article { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; align-items: start; }
.page__home > article > * { grid-column: 1 / -1; min-width: 0; }
.page__home > article > :is(.blocks__latest-topics, .blocks__posts, .blocks__comments) { grid-column: span 4; align-self: stretch; height: auto; min-height: 220px; display: flex; flex-direction: column; }
.page__home > article > :is(.blocks__latest-topics, .blocks__posts, .blocks__comments) > :is(.panel__body, .topic-listings) { flex: 1; min-height: 150px; max-height: 24rem; overflow: auto; }
.page__home > article > .blocks__latest-topics > .topic-listings { margin-bottom: 0; }
.anoxyz-footer__brand { display: inline-flex; align-items: center; max-width: 100%; text-decoration: none; }
.anoxyz-footer__logo { width: 220px; height: auto; max-width: 100%; display: block; }
.footer__section:first-child { min-width: min(100%, 250px); }
.anoxyz-footer__description { color: var(--anx-muted); font-size: 13px; line-height: 1.8; max-width: 38ch; margin-top: 18px; }
.footer__sub-footer { grid-template: 'copyright' auto / 1fr; }
.anoxyz-legend { border-top: 1px solid #382b46; margin-top: 20px; padding-top: 22px; display: grid; gap: 16px; }
.anoxyz-legend__section { border: 1px solid #382b46; border-radius: 12px; padding: 18px; background: #110e18; }
.anoxyz-legend__section--staff { border-color: #674584; background: linear-gradient(110deg, #22152f, #130f1b); }
.anoxyz-legend__heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 14px; }
.anoxyz-legend__heading h3 { margin: 0; color: #cbb5e7; font-size: 11px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.anoxyz-legend__heading > span { min-width: 24px; border: 1px solid #584168; border-radius: 20px; text-align: center; padding: 3px 7px; font-size: 10px; color: #cbb5e7; }
.anoxyz-legend__section--staff .anoxyz-legend__heading h3 { color: #dec1ff; }
.anoxyz-legend__list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(155px, 100%), 1fr)); gap: 10px; }
.anoxyz-role { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #41304f; border-radius: 8px; background: #17111f; min-height: 44px; min-width: 0; }
.anoxyz-role__icon { display: inline-grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; background: #0e0b14; border: 1px solid #403047; border-radius: 6px; color: var(--anoxyz-group-color, #b99aff); font-size: 12px; }
.anoxyz-role__name { color: #e3d9ef; font: 550 12px / 1.4 Inter, ui-sans-serif, system-ui, sans-serif; overflow-wrap: anywhere; }
.anoxyz-legend__section--status .anoxyz-role { background: #111015; border-color: #332b3c; }
.anoxyz-legend__section--status .anoxyz-role__name { color: #bdb2ca; }
@media (max-width: 1000px) { .page__home > article > :is(.blocks__latest-topics, .blocks__posts, .blocks__comments) { grid-column: 1 / -1; min-height: 160px; } .page__home > article > :is(.blocks__latest-topics, .blocks__posts, .blocks__comments) > :is(.panel__body, .topic-listings) { min-height: 100px; } }
@media (max-width: 600px) { .anoxyz-legend__section { padding: 14px; } .anoxyz-legend__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .anoxyz-role { padding: 9px; gap: 7px; } .anoxyz-role__name { font-size: 11px; } }

/* 1.2.0 — Readable ranking tabs and organized primary navigation. */
.panel__tabs { background: #100d17; gap: 6px; padding: 8px; border-bottom: 1px solid #382b46; border-radius: 10px 10px 0 0; scrollbar-width: thin; scrollbar-color: #70508d #100d17; }
.panel__tabs > .panel__tab { background: #21182e; color: #e3d9ef; border: 1px solid #51405f; border-bottom: 2px solid #51405f; border-radius: 7px; padding: 11px 15px; min-height: 42px; font-size: 13px; font-weight: 550; line-height: 1.4; flex-shrink: 0; }
.panel__tabs > .panel__tab:hover { background: #352344; color: #fff; border-color: #9d7cba; }
.panel__tabs > .panel__tab.panel__tab--active { background: #503173; color: #fff; border-color: #ac84dc; border-bottom-color: #9acbff; box-shadow: inset 0 -2px 0 #9acbff; }
.panel__tab :is(a,button) { color: inherit; }
.panel__tabs > .panel__tab:focus-visible, .panel__tab :is(a,button):focus-visible { outline: 2px solid #9acbff; outline-offset: -3px; }
.top-nav__main-menus { padding: 5px; gap: 4px; background: #120e1b; border: 1px solid #42304f; border-radius: 12px; }
.top-nav__main-menus > .top-nav__dropdown { position: relative; }
.top-nav__main-menus > .top-nav__dropdown > a { margin: 0; min-height: 40px; padding: 10px 12px; border: 1px solid transparent; border-radius: 8px; color: #e3d9ef; font-size: 13px; font-weight: 600; }
.top-nav__main-menus > .top-nav__dropdown > a > .top-nav--left__container { display: flex; align-items: center; gap: 10px; }
.top-nav__main-menus .top-nav--left__container::after { content: ''; width: 6px; height: 6px; border-right: 1.5px solid #aa91c2; border-bottom: 1.5px solid #aa91c2; transform: translateY(-2px) rotate(45deg); margin-left: auto; }
.top-nav__main-menus > .top-nav__dropdown:hover > a, .top-nav__main-menus > .top-nav__dropdown:focus-within > a { color: #fff; background: #30203f; border-color: #70518b; text-decoration: none; }
.top-nav__main-menus > .top-nav__dropdown:has(.progress) > a { background: #25203a; border-color: #66518e; }
.top-nav__main-menus .progress { display: none; }
.top-nav__main-menus .top-nav--left__container > span[style] { color: #dbc6ff !important; animation: none; }
.top-nav__dropdown > ul { background: #171020; border: 1px solid #65487b; border-radius: 12px; padding: 8px; gap: 4px; box-shadow: 0 18px 48px #0009; max-width: calc(100vw - 24px); }
.top-nav__main-menus > .top-nav__dropdown > ul { top: 100%; left: 0; margin: 0; min-width: 235px; }
.top-nav__main-menus > .top-nav__dropdown:last-child > ul { left: auto; right: 0; }
.top-nav__dropdown > ul > li > a, .top-nav__dropdown > ul > li > form > button { background: transparent; color: #e3d9ef; padding: 9px 14px 9px 9px; min-height: 44px; line-height: 1.4; border-radius: 7px; white-space: normal; }
.top-nav__dropdown > ul > li > a > i, .top-nav__dropdown > ul > li > form > button > i { background: #2e203e; color: #c6a4ed; border-radius: 7px; }
.top-nav__dropdown > ul > li > a:hover, .top-nav__dropdown > ul > li > a:focus, .top-nav__dropdown > ul > li > form > button:hover, .top-nav__dropdown > ul > li > form > button:focus { background: #362448; color: #fff; text-decoration: none; outline: 1px solid #8b66ac; }
.top-nav__main-menus > .top-nav__dropdown > a:focus-visible, .top-nav__toggle:focus-visible { outline: 2px solid #9acbff; outline-offset: 2px; }
.top-nav__main-menus.mobile { margin: 10px 0; padding: 8px; gap: 6px; }
.top-nav__main-menus.mobile > .top-nav__dropdown > a { padding: 12px; min-height: 46px; }
.top-nav__main-menus.mobile .top-nav__dropdown > ul { position: static; min-width: 0; max-width: 100%; margin: 4px 0 8px; background: #0e0b14; box-shadow: none; }
@media (min-width: 768px) and (max-width: 1400px) { .top-nav { grid-template: 'ratio-bar ratio-bar ratio-bar' 26px 'left icon-bar toggle' 64px 'menus menus menus' auto / minmax(0, 1fr) auto auto; row-gap: 4px; padding-bottom: 8px; } .top-nav__main-menus { justify-self: center; } }
@media (min-width: 1401px) and (max-width: 1800px) { .top-nav { grid-template: 'left right toggle' 64px 'menus menus menus' auto / minmax(0, 1fr) auto auto; gap: 4px 18px; padding-bottom: 8px; } .top-nav__main-menus { justify-self: center; } }
@media (max-width: 767px) { .top-nav__main-menus { width: 100%; } .top-nav__toggle { min-width: 44px; min-height: 44px; color: #eee1ff; border: 1px solid #604477; border-radius: 8px; } .panel__tabs > .panel__tab { padding: 10px 13px; } }

/* 1.2.1 — Compact chat, with a consistent local palette. */
#chatbody { --chatbox-message-bg: #1b1426; --chatbox-users-bg: #130f1c; --chatbox-button-fg: #c6a4ed; --chatbox-button-hover-fg: #a3d3ff; --chatbox-tab-delete-fg: #cab6e2; --chatbox-tab-delete-bg: #49325e; color: #e6deef; box-shadow: none; border-color: #382d46; }
#chatbody .chatbox__chatroom { height: 320px; max-height: 55svh; min-height: 0; grid-template-columns: minmax(0, 1fr) auto; background: #100d17; }
#chatbody .panel__heading { padding: 12px 16px; font-size: 13px; color: #e6deef; }
#chatbody .panel__header { flex-wrap: wrap; gap: 4px; }
#chatbody .panel__actions { position: static; max-width: 100%; flex-wrap: wrap; flex-direction: row; align-items: center; gap: 6px; padding: 6px 12px; }
#chatbody .panel__actions::before { display: none; }
#chatbody .panel__actions .panel__action { display: block; }
#chatbody .panel__actions button { color: #c9b1eb !important; background-color: transparent; font-size: 12px; }
#chatbody .panel__actions button:has(.fa-bell), #chatbody .panel__actions button:has(.fas.fa-keyboard) { color: #9acbff !important; }
#chatbody .panel__actions button:has(.fa-bell-slash), #chatbody .panel__actions button:has(.fa-keyboard:not(.fas)) { color: #b7aec8 !important; }
#chatbody .panel__actions button:hover { background: #32223f; color: #fff !important; }
#chatbody .panel__actions :is(select,option) { background-color: #100d17; color: #e6deef; border-color: #645076; }
#chatbody .panel__actions label { color: #c8b7da; }
#chatbody #chatbox_tabs { padding: 6px 10px; gap: 6px; }
#chatbody #chatbox_tabs .panel__tab { min-height: 34px; padding: 7px 12px; font-size: 12px; }
#chatbody .chatbox__tab-delete-button { margin: 0 0 0 4px; padding: 4px; }
#chatbody .chatbox__tab :is(i,svg) { color: #cdb3f0; }
#chatbody .chatroom__messages--wrapper { min-height: 0; scrollbar-width: thin; scrollbar-color: #62477c #100d17; }
#chatbody .chatroom__messages { padding: 12px 14px 8px; gap: 8px; }
#chatbody .chatbox-message { max-width: calc(100% - 40px); color: #e6deef; box-shadow: none; }
#chatbody .chatbox-message__header { flex-wrap: wrap; min-width: 0; }
#chatbody .chatbox-message__address { background-image: none !important; font-size: 12px; }
#chatbody .chatbox-message__address :is(a,span,i), #chatbody .chatroom-users__user-link { color: #c9a8f2 !important; background-image: none !important; -webkit-text-fill-color: #c9a8f2; }
#chatbody :is(.chatbox-message__content,.bot-message) { color: #e6deef !important; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; white-space: normal !important; min-width: 0; }
#chatbody :is(.chatbox-message__content,.bot-message) * { color: inherit !important; background-color: transparent !important; }
#chatbody :is(.chatbox-message__content,.bot-message) a { color: #9acbff !important; text-decoration: underline; text-underline-offset: 3px; }
#chatbody .chatbox-message__time { color: #b7aec8; font-size: 10px; }
#chatbody .chatbox-message__avatar { border-color: #9472b8 !important; }
#chatbody .chatbox-message__content img:not(.comparison__image) { max-width: min(240px, 100%) !important; max-height: 180px !important; object-fit: contain; }
#chatbody .chatroom__users { width: 190px; max-width: 35vw; border-left: 1px solid #382b46; color: #e6deef; }
#chatbody .chatroom-users__heading { color: #cfb5ee; font-size: 13px; padding: 12px; }
#chatbody .chatroom-users__list { padding: 0 10px; }
#chatbody .chatroom-users__list-item { flex-wrap: wrap; }
#chatbody .chatroom__whispers { color: #b7aec8; font-size: 11px; padding-left: 14px; }
#chatbody .chatroom__new-message { margin: 4px 12px 12px; }
#chatbody #chatbox__messages-create { width: 100%; background: #0c0912; color: #e6deef; border: 1px solid #645076; border-radius: 8px; min-height: 42px; height: 42px; max-height: 100px; font-size: 13px; }
#chatbody #chatbox__messages-create:focus { border-color: #9acbff; outline-color: #9acbff; }
#chatbody .chatroom__new-message label { color: #c8b7da; background-color: #0c0912; font-size: 12px; }
#chatbody :is(button,a,select,textarea):focus-visible { outline: 2px solid #9acbff; outline-offset: 2px; }
#chatbody.chatbox--fullscreen { height: 100svh; max-height: none; }
#chatbody.chatbox--fullscreen > div:not(.loading__spinner) { display: flex; flex-direction: column; height: 100%; }
#chatbody.chatbox--fullscreen .chatbox__chatroom { flex: 1; height: auto; max-height: none; min-height: 0; }
@media (max-width: 600px) { #chatbody .chatbox__chatroom { height: 260px; } #chatbody .panel__actions { justify-content: flex-start; } #chatbody .chatroom__users { width: 125px; } #chatbody .chatroom__messages { padding: 10px 8px; } }

/* 1.2.2 — Keep Random media close to the compact chat panel height. */
.blocks__random-media .random__media { height: 400px; min-height: 0; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.blocks__random-media .random__media > a { min-width: 0; min-height: 0; overflow: hidden; }
.blocks__random-media .media__title { color: #f1edf8; background: #100a18dd; overflow-wrap: anywhere; }
@media (max-width: 600px) { .blocks__random-media .random__media { height: 300px; } .blocks__random-media .media__title { font-size: 11px; line-height: 1.35; } }

/* 1.2.3 — Compact square staff cards, scoped to the staff directory. */
.page__staff--index .user-card-wrapper { display: grid; grid-template-columns: repeat(auto-fill, minmax(0, 160px)); gap: 16px; }
.page__staff--index .user-card { box-sizing: border-box; width: 160px; max-width: 100%; height: auto; aspect-ratio: 1 / 1; padding: 16px 12px; border: 1px solid #694b83; border-radius: 16px; background-color: #21152e !important; background-image: linear-gradient(145deg, #30203f, #17111f) !important; display: flex; align-items: center; justify-content: center; gap: 10px; text-align: center; text-decoration: none; overflow: auto; scrollbar-width: thin; }
.page__staff--index .user-card__icon { position: static; order: -1; flex: 0 0 auto; font-size: 30px; line-height: 1; color: #c7a7ed; opacity: 1; transform: none; transition: none; }
.page__staff--index .user-card__username { margin: 0; padding: 0; max-width: 100%; color: #f1edf8; font-size: 15px; line-height: 1.35; font-weight: 650; overflow-wrap: anywhere; }
.page__staff--index .user-card__title { margin: 0; max-width: 100%; color: #c8b7da; font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
.page__staff--index .user-card:hover { border-color: #b18cda; box-shadow: 0 4px 18px #08060e55; }
.page__staff--index .user-card:hover .user-card__icon { opacity: 1; transform: none; }
.page__staff--index .user-card:focus-visible { outline: 2px solid #9acbff; outline-offset: 3px; }