/* KitsuFlex 2.0.0 — UNIT3D v9.2.0. Additive theme, loaded after Galactic. */
:root {
  color-scheme: light;
  --anx-bg: #eeeef1;
  --anx-surface: #e6e6eb;
  --anx-raised: #e2e0e7;
  --anx-inset: #e9e9ed;
  --anx-border: #cdc9d6;
  --anx-text: #362a4b;
  --anx-muted: #625972;
  --anx-purple: #43218e;
  --anx-purple-solid: #8768b6;
  --anx-blue: #25679f;
  --anx-success: #45986f;
  --anx-danger: #8d2135;
  --anx-warning: #a27e2f;
  --body-bg: var(--anx-bg);
  --body-fg: var(--anx-text);
  --text-color: #443b55;
  --color-dark-blue: var(--anx-bg);
  --color-dark-red: var(--anx-inset);
  --color-dark-green: #cfe4dc;
  --color-dark-magenta: #d2c2d9;
  --color-dark-purple: #cfc6df;
  --color-blue: var(--anx-blue);
  --color-light-blue: #1d507d;
  --color-green: #89baa2;
  --color-light-green: var(--anx-success);
  --color-red: #ab6275;
  --color-light-red: var(--anx-danger);
  --color-yellow: var(--anx-warning);
  --color-light-yellow: #80611e;
  --color-magenta: #784697;
  --color-light-magenta: #612c7d;
  --color-purple: var(--anx-purple);
  --color-light-purple: #3a1c78;
  --color-400: var(--anx-purple);
  --color-A200: #462293;
  --color-A400: #5126a3;
  --color-light-orange: #9b642f;
  --gradient-background: none;
  --background-pipe: none;
  --movie-overlay: linear-gradient(90deg, #eeeef1f2, #ded4e7c9);
  --panel-bg: var(--anx-surface);
  --panel-fg: var(--anx-text);
  --panel-head-bg: #e2e0e9;
  --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 #f7f7f81f;
  --button-filled-bg: var(--anx-purple-solid);
  --button-filled-fg: #2b2c35;
  --button-filled-border: 1px solid #56329166;
  --button-filled-border-radius: 9px;
  --button-outlined-bg: #e4e0ea;
  --button-outlined-border: 1px solid #9f92ae;
  --button-outlined-fg: #321868;
  --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: #d3c9dc;
  --icon-button-filled-fg: #381868;
  --icon-button-border-radius: 9px;
  --data-table-fg: #443b55;
  --data-table-th-bg: #e2e0e8;
  --data-table-th-fg: #564969;
  --data-table-border-radius: 12px;
  --data-table-thead-border: 1px solid var(--anx-border);
  --data-table-tr-border: 1px solid #d5d2dc;
  --data-table-tr-even-bg: #e6e6eb;
  --data-table-tr-odd-bg: #e6e6eb;
  --data-table-tr-hover-bg: #dad5e2;
  --data-table-tfoot-border: 1px solid var(--anx-border);
  --input-text-border: 1px solid #aca4b7;
  --input-text-border-active: 2px solid var(--anx-blue);
  --input-text-border-hover: 2px solid #7c6b91;
  --input-text-border-error: 1px solid var(--anx-danger);
  --input-text-border-radius: 8px;
  --input-text-fg: var(--anx-text);
  --select-border: 1px solid #aca4b7;
  --select-border-active: 2px solid var(--anx-blue);
  --select-border-hover: 2px solid #7c6b91;
  --select-border-error: 1px solid var(--anx-danger);
  --select-border-radius: 8px;
  --select-fg: var(--anx-text);
  --option-bg: #e3e0ea;
  --option-fg: var(--anx-text);
  --textarea-border: 1px solid #aca4b7;
  --textarea-border-active: 2px solid var(--anx-blue);
  --textarea-border-hover: 2px solid #7c6b91;
  --textarea-border-error: 1px solid var(--anx-danger);
  --textarea-border-radius: 8px;
  --textarea-fg: var(--anx-text);
  --label-bg: var(--anx-surface);
  --label-fg: #584b6c;
  --label-fg-active: var(--anx-blue);
  --label-fg-hover: #47296d;
  --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: #e4e0ea;
  --quick-search-fg: var(--anx-text);
  --quick-search-border: 1px solid #b9aec1;
  --quick-search-border-radius: 10px;
  --quick-search-result-bg: #e4e0ea;
  --quick-search-result-fg: var(--anx-text);
  --quick-search-result-hover-bg: #d4ccdf;
  --quick-search-result-hover-fg: #2b2c35;
  --quick-search-selector-fg: var(--anx-muted);
  --quick-search-selector-hover-bg: #d4ccdf;
  --quick-search-selector-hover-fg: #2b2c35;
  --quick-search-selector-selected-bg: #cbbed8;
  --quick-search-selector-selected-fg: #2b2c35;
  --quick-search-result-year-fg: var(--anx-muted);
  --paginate-bg: var(--anx-surface);
  --paginate-bg-hover: #d2cddc;
  --paginate-bg-current: #cbbed8;
  --paginate-fg: #493961;
  --paginate-fg-disabled: #766e80;
  --paginate-border-radius: 7px;
  --paginate-divider: var(--anx-border);
  --breadcrumb-fg: var(--anx-muted);
  --breadcrumb-active-fg: #40285e;
  --breadcrumb-hover-fg: var(--anx-blue);
  --secondary-nav-bg: #e9e9ed;
  --secondary-nav-box-shadow: none;
  --secondary-nav-tab-fg: var(--anx-muted);
  --secondary-nav-tab-active-text-decoration: underline #43218e 2px;
  --secondary-nav-tab-hover-fg: #331761;
  --secondary-nav-tab-hover-text-decoration: underline #25679f 2px;
  --secondary-nav-tab-menu-bg: #e0dbe8;
  --secondary-nav-tab-menu-border: 1px solid var(--anx-border);
  --top-nav-bg: #eaebee;
  --top-nav-box-shadow: 0 1px 0 #d1c9d9;
  --top-nav-dropdown-fg: #594d6b;
  --top-nav-dropdown-hover-fg: #2b2c35;
  --top-nav-dropdown-hover-bg: #d7d0e0;
  --top-nav-dropdown-menu-bg: #e4e0ea;
  --top-nav-dropdown-menu-border: 1px solid #c6bace;
  --top-nav-dropdown-menu-border-radius: 12px;
  --top-nav-dropdown-menu-item-fg: #47355d;
  --top-nav-dropdown-menu-item-hover-fg: #2b2c35;
  --top-nav-dropdown-menu-item-hover-bg: #d3c9dc;
  --top-nav-dropdown-menu-item-icon-fg: var(--anx-purple);
  --top-nav-dropdown-menu-item-icon-bg: #d3c9dc;
  --top-nav-ratio-bar-fg: var(--anx-text);
  --top-nav-icon-bar-icon-bg: #dbd4e3;
  --top-nav-icon-bar-icon-fg: #54396c;
  --top-nav-icon-bar-icon-hover-bg: #c9bdd6;
  --top-nav-icon-bar-icon-hover-fg: #2b2c35;
  --top-nav-stats-fg: var(--anx-muted);
  --top-nav-toggle-fg: var(--anx-blue);
  --torrent-row-fg: #463c4e;
  --torrent-row-visited-fg: #594877;
  --torrent-row-sticky-bg: #d8d1e1;
  --torrent-row-format-fg: #463464;
  --torrent-row-format-bg: #d4cddc;
  --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: #522a88;
  --torrent-row-personal-fg: #522a88;
  --torrent-row-featured-fg: #522a88;
  --torrent-row-freeleech-fg: var(--anx-warning);
  --torrent-row-double-upload-fg: var(--anx-success);
  --torrent-row-sticky-fg: #3e2862;
  --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: #e3dfea;
  --torrent-card-head-fg: #371d59;
  --torrent-card-link-fg: #371d59;
  --torrent-card-genre-fg: #534264;
  --torrent-group-bg: var(--anx-surface);
  --torrent-group-header-bg: #dfd8e5;
  --torrent-group-text: var(--anx-text);
  --torrent-group-text-muted: var(--anx-muted);
  --torrent-group-chip-border: #ad9eb4;
  --torrent-tag-fg: var(--anx-purple);
  --torrent-tag-bg: #d8d1e1;
  --torrent-tag-hover-fg: #2b2c35;
  --torrent-tag-hover-bg: #c6b6d5;
  --article-card-bg: var(--anx-surface);
  --article-card-fg: #4f435e;
  --article-card-head-fg: #3a2353;
  --article-card-time-fg: var(--anx-muted);
  --chatbox-message-bg: #e5e2eb;
  --chatbox-users-bg: #e9e5ee;
  --chatbox-button-fg: var(--anx-muted);
  --chatbox-button-hover-fg: var(--anx-blue);
  --message-bubble-bg: #dcd6e4;
  --message-bubble-fg: var(--anx-text);
  --dialog-bg: var(--anx-raised);
  --dialog-fg: var(--anx-text);
  --dialog-border: 1px solid #b3a7bf;
  --dialog-head-bg: #ddd6e5;
  --dialog-head-fg: #3b2352;
  --post-bg: var(--anx-surface);
  --post-fg: var(--anx-text);
  --post-head-fg: var(--anx-text);
  --post-head-bg: #e5e0e9;
  --post-toolbar-bg: #e5e0e9;
  --post-toolbar-fg: #59466e;
  --post-toolbar-hover-bg: #d2c7db;
  --post-aside-bg: #e6e0ea;
  --post-aside-fg: #523c68;
  --post-like-fg: var(--anx-success);
  --post-dislike-fg: var(--anx-danger);
  --bbcode-input-header-bg: #e1dbe8;
  --bbcode-input-body-bg: var(--anx-inset);
  --bbcode-input-border: 1px solid #aca4b7;
  --bbcode-rendered-fg-default: #453956;
  --bbcode-rendered-fg-muted: var(--anx-muted);
  --bbcode-rendered-canvas-subtle: #dfdbe6;
  --bbcode-rendered-border-default: #c8bed2;
  --bbcode-rendered-accent-fg: var(--anx-blue);
  --bbcode-rendered-quote-border: var(--anx-purple);
  --user-stat-card-bg: #e3e0ea;
  --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: #e5e1eb;
  --key-value-odd-bg: #e6e6eb;
  --key-value-fg: var(--anx-text);
  --mediahub-card-bg: #e5e1eb;
  --mediahub-card-fg: var(--anx-text);
  --mediahub-card-border: 1px solid var(--anx-border);
  --mediahub-card-border-radius: 12px;
  --playlist-card-bg: #e5e1eb;
  --playlist-card-fg: var(--anx-text);
  --playlist-card-border: 1px solid var(--anx-border);
  --alert-bg: #dfdbe7;
  --alert-fg: #44305a;
  --alert-gap-color: #ae9ebf;
  --notification-unread: var(--anx-purple);
  --footer-bg: #ececef;
  --footer-hr-fg: #d1c9d8;
  --scrollbar-color: #9785a688;
  --subforum-listing-odd-bg: #e3e0ea;
  --subforum-listing-even-bg: #e7e7eb;
}

/* 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: #a491bc; color: #2b2c35; }
a { color: var(--anx-blue); text-underline-offset: .2em; }
a:hover { color: #462087; }
: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: #625972; 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 #2b2c3516, 0 3px 12px #f7f7f844; }
.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: #564969; 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 #dbd6e1; }
.footer { border-top: 1px solid #d4cdda; }
.footer__icon { color: var(--anx-purple); }
.badge-user { background: #d8d0e0; border: 1px solid #c2b6cc; border-radius: 6px; text-shadow: none; }
#frame { background: var(--anx-inset); }
#frame .content .messages ul li { border-bottom-color: #d1c9d8; }
#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: #2b2c35; }
.vscomp-dropbox, .vscomp-options-container { background: var(--anx-raised); color: var(--anx-text); }
.vscomp-option.focused, .vscomp-option.selected { background: #d1c7d9; }
.swal2-popup { background: var(--anx-raised); color: var(--anx-text); border: 1px solid #b3a7bf; }
.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 #c2b4cd; background: #eeeef1 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, #ececf0f5 0%, #ececf0dd 36%, #ececf038 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: #4f2b84; display: flex; align-items: center; gap: 8px; }
.anoxyz-eyebrow::before { content: ''; width: 6px; height: 6px; background: #52328d; border-radius: 50%; box-shadow: 0 0 14px #6a32b8; }
.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: #331f50; }
.anoxyz-hero__text { color: #5b4f6b; 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 #a596b3; background: #dfd9e7; color: #412664; }
.anoxyz-link:hover { color: #2b2c35; border-color: #6b4697; background: #d2c8dd; }
.anoxyz-link--primary { color: #2b2c35; border-color: #754aaf; background: #8768b6; box-shadow: 0 5px 18px #ac92cb2e; }
.anoxyz-link--primary:hover { background: #7b50b6; }
.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 #e9dff2aa); }
/* Auth views retain CSRF, 2FA, errors, validation and Jackett markup. */
body:has(.auth-form) { min-height: 100svh; height: auto; background: #eeeef1 url('hero.png') center / cover fixed no-repeat; }
.auth-form { width: min(calc(100vw - 32px), 460px); background: #e6e3edee; opacity: 1; border: 1px solid #bba9c7; border-radius: 18px; box-shadow: 0 30px 90px #f7f7f888; 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: #503e63; }
.auth-form__text-input { box-sizing: border-box; width: 100%; background: #eeeef1; color: #362a4b; border: 1px solid #a799b0; 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: #2b2c35; border-radius: 8px; letter-spacing: .03em; margin-top: 4px; text-transform: none; }
.auth-form__primary-button:hover { background: #7b50b6; }
.auth-form__header-item, .auth-form__footer-item, .auth-form__button--text { color: #491f84; text-transform: none; }
.auth-form__header-item:hover, .auth-form__footer-item:hover { background: #d4cae0; color: #2b2c35; }
.auth-form__important-info, .auth-form__error { color: #7e1e31; }
@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: #ececf0bf; } .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: #2b2c35; color: #e8e8ec; } .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 #cbc3d3; margin-top: 20px; padding-top: 22px; display: grid; gap: 16px; }
.anoxyz-legend__section { border: 1px solid #cbc3d3; border-radius: 12px; padding: 18px; background: #e6e6eb; }
.anoxyz-legend__section--staff { border-color: #aa97ba; background: linear-gradient(110deg, #ddd4e5, #e5e3eb); }
.anoxyz-legend__heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 14px; }
.anoxyz-legend__heading h3 { margin: 0; color: #533a73; font-size: 11px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.anoxyz-legend__heading > span { min-width: 24px; border: 1px solid #b7aac0; border-radius: 20px; text-align: center; padding: 3px 7px; font-size: 10px; color: #533a73; }
.anoxyz-legend__section--staff .anoxyz-legend__heading h3 { color: #461c76; }
.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 #c7bdcf; border-radius: 8px; background: #e4e0ea; min-height: 44px; min-width: 0; }
.anoxyz-role__icon { display: inline-grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; background: #e9e9ed; border: 1px solid #ccc2d0; border-radius: 6px; color: var(--anoxyz-group-color, #43218e); font-size: 12px; }
.anoxyz-role__name { color: #443358; font: 550 12px / 1.4 Inter, ui-sans-serif, system-ui, sans-serif; overflow-wrap: anywhere; }
.anoxyz-legend__section--status .anoxyz-role { background: #e7e7eb; border-color: #cfcad4; }
.anoxyz-legend__section--status .anoxyz-role__name { color: #62576f; }
@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: #e7e7ec; gap: 6px; padding: 8px; border-bottom: 1px solid #cbc3d3; border-radius: 10px 10px 0 0; scrollbar-width: thin; scrollbar-color: #a290b2 #e7e7ec; }
.panel__tabs > .panel__tab { background: #dbd5e3; color: #443358; border: 1px solid #bab1c2; border-bottom: 2px solid #bab1c2; 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: #d0c5d9; color: #2b2c35; border-color: #806598; }
.panel__tabs > .panel__tab.panel__tab--active { background: #b6a5ca; color: #2b2c35; border-color: #6a4696; border-bottom-color: #21568e; box-shadow: inset 0 -2px 0 #21568e; }
.panel__tab :is(a,button) { color: inherit; }
.panel__tabs > .panel__tab:focus-visible, .panel__tab :is(a,button):focus-visible { outline: 2px solid #21568e; outline-offset: -3px; }
.top-nav__main-menus { padding: 5px; gap: 4px; background: #e5e2ec; border: 1px solid #c7bdcf; 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: #443358; 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 #745e89; border-bottom: 1.5px solid #745e89; 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: #2b2c35; background: #d3c9dc; border-color: #a392b2; text-decoration: none; }
.top-nav__main-menus > .top-nav__dropdown:has(.progress) > a { background: #cfccdc; border-color: #9b90b1; }
.top-nav__main-menus .progress { display: none; }
.top-nav__main-menus .top-nav--left__container > span[style] { color: #3b1b73 !important; animation: none; }
.top-nav__dropdown > ul { background: #e4dfea; border: 1px solid #ad9dba; border-radius: 12px; padding: 8px; gap: 4px; box-shadow: 0 18px 48px #f7f7f899; 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: #443358; 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: #d2c9dc; color: #583383; 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: #cdc2d8; color: #2b2c35; text-decoration: none; outline: 1px solid #8e76a3; }
.top-nav__main-menus > .top-nav__dropdown > a:focus-visible, .top-nav__toggle:focus-visible { outline: 2px solid #21568e; 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: #e9e9ed; 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: #371761; border: 1px solid #b0a0bd; border-radius: 8px; } .panel__tabs > .panel__tab { padding: 10px 13px; } }

/* 1.2.1 — Compact chat, with a consistent local palette. */
#chatbody { --chatbox-message-bg: #dfdbe7; --chatbox-users-bg: #e5e2eb; --chatbox-button-fg: #583383; --chatbox-button-hover-fg: #205789; --chatbox-tab-delete-fg: #563f71; --chatbox-tab-delete-bg: #c0b3cc; color: #433453; box-shadow: none; border-color: #cac3d2; }
#chatbody .chatbox__chatroom { height: 320px; max-height: 55svh; min-height: 0; grid-template-columns: minmax(0, 1fr) auto; background: #e7e7ec; }
#chatbody .panel__heading { padding: 12px 16px; font-size: 13px; color: #433453; }
#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: #513578 !important; background-color: transparent; font-size: 12px; }
#chatbody .panel__actions button:has(.fa-bell), #chatbody .panel__actions button:has(.fas.fa-keyboard) { color: #21568e !important; }
#chatbody .panel__actions button:has(.fa-bell-slash), #chatbody .panel__actions button:has(.fa-keyboard:not(.fas)) { color: #625972 !important; }
#chatbody .panel__actions button:hover { background: #d2c9da; color: #2b2c35 !important; }
#chatbody .panel__actions :is(select,option) { background-color: #e7e7ec; color: #433453; border-color: #aba0b5; }
#chatbody .panel__actions label { color: #5a486e; }
#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: #4f2f79; }
#chatbody .chatroom__messages--wrapper { min-height: 0; scrollbar-width: thin; scrollbar-color: #ac9dba #e7e7ec; }
#chatbody .chatroom__messages { padding: 12px 14px 8px; gap: 8px; }
#chatbody .chatbox-message { max-width: calc(100% - 40px); color: #433453; 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: #532d82 !important; background-image: none !important; -webkit-text-fill-color: #532d82; }
#chatbody :is(.chatbox-message__content,.bot-message) { color: #433453 !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: #21568e !important; text-decoration: underline; text-underline-offset: 3px; }
#chatbody .chatbox-message__time { color: #625972; font-size: 10px; }
#chatbody .chatbox-message__avatar { border-color: #82699e !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 #cbc3d3; color: #433453; }
#chatbody .chatroom-users__heading { color: #513276; font-size: 13px; padding: 12px; }
#chatbody .chatroom-users__list { padding: 0 10px; }
#chatbody .chatroom-users__list-item { flex-wrap: wrap; }
#chatbody .chatroom__whispers { color: #625972; font-size: 11px; padding-left: 14px; }
#chatbody .chatroom__new-message { margin: 4px 12px 12px; }
#chatbody #chatbox__messages-create { width: 100%; background: #ebebef; color: #433453; border: 1px solid #aba0b5; border-radius: 8px; min-height: 42px; height: 42px; max-height: 100px; font-size: 13px; }
#chatbody #chatbox__messages-create:focus { border-color: #21568e; outline-color: #21568e; }
#chatbody .chatroom__new-message label { color: #5a486e; background-color: #ebebef; font-size: 12px; }
#chatbody :is(button,a,select,textarea):focus-visible { outline: 2px solid #21568e; 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: #362a4b; background: #e9e4f0dd; 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 #a897b7; border-radius: 16px; background-color: #ddd5e5 !important; background-image: linear-gradient(145deg, #d3c9dc, #e4e0ea) !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: #563380; opacity: 1; transform: none; transition: none; }
.page__staff--index .user-card__username { margin: 0; padding: 0; max-width: 100%; color: #362a4b; 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: #5a486e; font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
.page__staff--index .user-card:hover { border-color: #6a4890; box-shadow: 0 4px 18px #eeeef155; }
.page__staff--index .user-card:hover .user-card__icon { opacity: 1; transform: none; }
.page__staff--index .user-card:focus-visible { outline: 2px solid #21568e; outline-offset: 3px; }

/* KitsuFlex 2.0 — pastel surfaces, ink typography, four-color accents. */
:root {
 --anx-bg:#f4f7fd; --anx-surface:#ffffff; --anx-raised:#f1ecfb; --anx-inset:#f7f9fd; --anx-border:#d7deed;
 --anx-text:#27324b; --anx-muted:#58667f; --anx-purple:#685096; --anx-purple-solid:#7055a8; --anx-blue:#286485; --anx-success:#246753; --anx-danger:#a33b61; --anx-warning:#805617;
 --body-bg:var(--anx-bg); --body-fg:var(--anx-text); --text-color:var(--anx-text);
 --button-filled-bg:#7055a8; --button-filled-fg:#fff; --button-filled-border:1px solid #7055a8;
 --button-text-fg:#365d84; --icon-button-filled-fg:#493c68; --icon-button-filled-bg:#e9e0f6;
 --panel-bg:#fff; --panel-head-bg:#f0f4fc; --panel-head-fg:#303951; --panel-fg:#303951;
 --panel-border:1px solid #d7deed; --panel-box-shadow:0 5px 22px #3d528509;
 --label-fg:#58667f; --label-fg-active:#61478e; --label-fg-hover:#61478e;
 --data-table-fg:#303951; --data-table-th-bg:#edf3fb; --data-table-th-fg:#465573;
 --data-table-tr-even-bg:#f8faff; --data-table-tr-odd-bg:#fff; --data-table-tr-hover-bg:#f1ebfb;
 --top-nav-bg:#ffffff; --top-nav-ratio-bar-fg:#465573; --top-nav-toggle-fg:#564176;
 --secondary-nav-bg:#eef3fb; --secondary-nav-tab-fg:#52637c; --breadcrumb-active-fg:#303951;
 --chatbox-message-bg:#f0ebf9; --chatbox-users-bg:#edf7f3; --message-bubble-bg:#f0ebf9; --message-bubble-fg:#303951;
 --bbcode-rendered-fg-default:#303951; --bbcode-rendered-fg-muted:#58667f; --bbcode-rendered-canvas-default:transparent;
 --bbcode-rendered-canvas-subtle:#f0f4fc; --bbcode-rendered-accent-fg:#286485;
 --torrent-row-fg:#303951; --torrent-row-visited-fg:#665184; --torrent-card-head-fg:#303951; --torrent-card-link-fg:#303951;
 --torrent-row-seeders-fg:#246753; --torrent-row-leechers-fg:#a33b61;
 --color-green:#246753; --color-light-green:#246753; --color-red:#a33b61; --color-light-red:#a33b61;
}
body { background:radial-gradient(ellipse at 0 0,#dff2fa80,transparent 38%),radial-gradient(ellipse at 100% 35%,#f8e2ef80,transparent 35%),#f4f7fd; color:#27324b; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
a { color:#286485; }
::selection { background:#ded2f7; color:#27324b; }
.top-nav { background:#fff; border-bottom:1px solid #d7deed; box-shadow:0 2px 14px #40578308; }
.anoxyz-brand__logo { width:205px; height:66px; object-fit:contain; }
.top-nav__main-menus { background:#f7f5fc; border-color:#ded6ed; }
.top-nav__main-menus > .top-nav__dropdown > a { color:#44516b; }
.top-nav__main-menus > .top-nav__dropdown:hover > a,.top-nav__main-menus > .top-nav__dropdown:focus-within > a { color:#463566; background:#e9e0f6; border-color:#c2afd9; }
.top-nav__main-menus .top-nav--left__container::after { border-color:#79668e; }
.top-nav__main-menus > .top-nav__dropdown:has(.progress) > a { background:#f9e7f0; border-color:#e9bdd3; }
.top-nav__main-menus .top-nav--left__container > span[style] { color:#843d63 !important; }
.top-nav__dropdown > ul,.top-nav__main-menus.mobile .top-nav__dropdown > ul { background:#fff; border-color:#cbbadd; box-shadow:0 16px 38px #333f6b1a; }
.top-nav__dropdown > ul > li > a,.top-nav__dropdown > ul > li > form > button { color:#35425e; }
.top-nav__dropdown > ul > li > a > i,.top-nav__dropdown > ul > li > form > button > i { background:#eee6f8; color:#70558d; }
.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 { color:#3e305c; background:#f0eafa; outline-color:#a58bbd; }
.panelV2 { border-radius:16px; box-shadow:0 6px 22px #40578308; }
.panel__heading { font-weight:650; color:#35425e; }
.panel__tabs { background:#f7f9fd; border-color:#d7deed; }
.panel__tabs > .panel__tab { background:#edf3fb; color:#465573; border-color:#cdd9e9; }
.panel__tabs > .panel__tab:hover { background:#e8e1f6; color:#493761; border-color:#bda9d5; }
.panel__tabs > .panel__tab.panel__tab--active { color:#493761; background:#e8ddf7; border-color:#b79dcd; border-bottom-color:#6b9dba; box-shadow:inset 0 -2px 0 #6b9dba; }
.form__button--filled,.auth-form__primary-button { color:#fff; background:#7055a8; }
.form__button--filled:hover,.auth-form__primary-button:hover { color:#fff; background:#5e438e; }
:is(input,textarea,select) { color:#303951; }
:is(.form__text,.form__textarea,.form__text-input,.auth-form__text-input) { background-color:#f9fbff; color:#303951; }
:is(.form__label,.form__hint) { color:#58667f; }
.form__select option { background:#fff; color:#303951; }
.anoxyz-hero { background:#eef4fd url('hero.png') center right/cover no-repeat; min-height:300px; padding:38px 44px; border:1px solid #d3dfed; border-radius:20px; }
.anoxyz-hero::before { background:linear-gradient(90deg,#f5f9fffa 0%,#f5f9fff0 26%,#f5f9ff90 47%,#f5f9ff00 70%); }
.anoxyz-hero__copy { max-width:490px; }
.anoxyz-hero h1 { color:#2d3652; font-size:clamp(28px,3vw,42px); line-height:1.14; letter-spacing:-.04em; max-width:390px; }
.anoxyz-eyebrow { color:#625184; font-size:10px; letter-spacing:.17em; }
.anoxyz-eyebrow::before { background:#8c78b3; box-shadow:0 0 0 4px #e8dff5; }
.anoxyz-hero__text { color:#465873; max-width:390px; font-size:14px; }
.anoxyz-link { background:#ffffffd9; border-color:#b9c8df; color:#415878; }
.anoxyz-link:hover { background:#eef3fb; border-color:#8dacce; color:#2d496b; }
.anoxyz-link--primary { background:#7055a8; border-color:#7055a8; color:#fff; box-shadow:0 4px 12px #7055a81a; }
.anoxyz-link--primary:hover { background:#5d438f; color:#fff; }
.footer { background:#eef3fa; border-color:#d7deed; }
.anoxyz-footer__description { color:#58667f; }
.anoxyz-footer__logo { width:235px; }
.anoxyz-legend { border-color:#d7deed; }
.anoxyz-legend__section { background:#f8faff; border-color:#d7deed; }
.anoxyz-legend__section--staff { background:linear-gradient(110deg,#f0e7fa,#f9f7fc); border-color:#c9b5de; }
.anoxyz-legend__heading h3,.anoxyz-legend__section--staff .anoxyz-legend__heading h3 { color:#65517e; }
.anoxyz-legend__heading > span { color:#65517e; border-color:#c9b5de; }
.anoxyz-role { background:#fff; border-color:#dcd7e7; }
.anoxyz-role__icon { background:#f1ecfa; border-color:#d4c8e3; }
.anoxyz-role__name { color:#3c4861; }
.anoxyz-legend__section--status .anoxyz-role { background:#f1f4f8; border-color:#d7deed; }
.anoxyz-legend__section--status .anoxyz-role__name { color:#58667f; }
.page__staff--index .user-card { background-color:#f3edfa !important; background-image:linear-gradient(145deg,#e9e3f7,#eef7fa) !important; border-color:#c6b7dd; box-shadow:0 5px 16px #40578308; }
.page__staff--index .user-card__username { color:#3c4861; }
.page__staff--index .user-card__icon { color:#80609f; }
.page__staff--index .user-card__title { color:#58667f; }
#chatbody { --chatbox-message-bg:#f0eafa; --chatbox-users-bg:#edf6f3; --chatbox-button-fg:#685096; --chatbox-button-hover-fg:#286485; --chatbox-tab-delete-fg:#76598e; --chatbox-tab-delete-bg:#e3d5ef; color:#35425e; border-color:#d7deed; }
#chatbody .chatbox__chatroom { background:#fbfcff; }
#chatbody .panel__heading { color:#35425e; }
#chatbody .panel__actions button { color:#65517e !important; }
#chatbody .panel__actions button:has(.fa-bell),#chatbody .panel__actions button:has(.fas.fa-keyboard) { color:#286485 !important; }
#chatbody .panel__actions button:has(.fa-bell-slash),#chatbody .panel__actions button:has(.fa-keyboard:not(.fas)) { color:#65738a !important; }
#chatbody .panel__actions button:hover { color:#493761 !important; background:#e9e0f6; }
#chatbody .panel__actions :is(select,option) { background-color:#fff; color:#35425e; border-color:#c6b7dd; }
#chatbody .panel__actions label { color:#58667f; }
#chatbody .chatbox-message { color:#35425e; }
#chatbody .chatbox-message__address :is(a,span,i),#chatbody .chatroom-users__user-link { color:#685096 !important; -webkit-text-fill-color:#685096; }
#chatbody :is(.chatbox-message__content,.bot-message) { color:#35425e !important; }
#chatbody :is(.chatbox-message__content,.bot-message) a { color:#286485 !important; }
#chatbody :is(.chatbox-message__time,.chatroom__whispers) { color:#58667f; }
#chatbody .chatroom__users { border-color:#d7deed; }
#chatbody .chatroom-users__heading { color:#65517e; }
#chatbody #chatbox__messages-create { color:#35425e; background:#fff; border-color:#b8c7dd; }
#chatbody .chatroom__new-message label { background:#fff; color:#58667f; }
.blocks__random-media .media__title { background:#ffffffeb; color:#303951; }
body:has(.auth-form) { background:#eef3fb url('hero.png') center/cover fixed no-repeat; }
.auth-form { background:#ffffffed; border-color:#d2c9e1; box-shadow:0 20px 70px #34466c1a; backdrop-filter:blur(12px); }
.auth-form__label,.auth-form__text,.auth-form__checkbox-label { color:#465573; }
.auth-form__text-input { color:#303951; background:#f9fbff; border-color:#b8c7dd; }
.auth-form__header-item,.auth-form__footer-item,.auth-form__button--text { color:#65517e; }
.auth-form__header-item:hover,.auth-form__footer-item:hover { color:#493761; background:#eee7f8; }
.auth-form__important-info,.auth-form__error { color:#a33b61; }
@media(max-width:767px) { .top-nav__toggle { color:#65517e; border-color:#c9b5de; } }
@media(max-width:600px) { .anoxyz-hero { padding:26px; min-height:310px; } .anoxyz-hero__copy { max-width:100%; } .anoxyz-hero::before { background:#f5f9ffdd; } .anoxyz-hero h1 { font-size:30px; } .anoxyz-hero__text { font-size:13px; } }

/* KitsuFlex 2.1: deeper pastel layers and balanced branding. */
:root { --anx-bg:#e2e8f3; --anx-border:#a9b6cf; --anx-text:#26314b; --anx-muted:#465571; --panel-head-bg:#d3d8ef; --panel-head-fg:#2f3555; --panel-border:1px solid #adb9cf; --data-table-th-bg:#cbdbee; --data-table-th-fg:#293e5c; --data-table-tr-even-bg:#eaf0f9; --secondary-nav-bg:#dce4f2; }
body { background:radial-gradient(ellipse at 0 0,#c9e1ef99,transparent 42%),radial-gradient(ellipse at 100% 35%,#e9cee399,transparent 38%),#e2e8f3; }
.top-nav { min-height:100px; height:auto; background:#e8e3f2; border-bottom:1px solid #a6acc8; align-items:center; }
.top-nav__left { align-items:center; }
.top-nav .top-nav__branding.anoxyz-brand { display:flex; align-items:center; justify-content:center; align-self:center; height:auto; padding:16px 10px; line-height:1; }
.top-nav .anoxyz-brand__logo { display:block; width:205px; height:68px; max-height:none; object-fit:contain; object-position:center; margin:0 auto; }
.top-nav__main-menus { background:#d6cce9; border-color:#ac9bc9; }
.top-nav__main-menus > .top-nav__dropdown > a { color:#352b51; }
.panel__heading { background:#d3d8ef; color:#2f3555; border-bottom:1px solid #aeb7d0; }
.data-table > thead > tr > th { background:#cbdbee; color:#293e5c; }
.data-table > tbody > tr:nth-child(even) { background:#eaf0f9; }
.panel__tabs { background:#dee6f3; }
.panel__tabs > .panel__tab { background:#cbdbee; color:#293e5c; border-color:#a5b6d0; }
.panel__tabs > .panel__tab.panel__tab--active { background:#c9b8e4; color:#382653; border-color:#9e85c0; }
#chatbody .panel__heading { background:#d6cce9; color:#352b51; }
#chatbody .chatroom-users { background:#d1e6df; }
.anoxyz-hero { min-height:280px; padding:34px 44px; border-color:#a9b6cf; }
.anoxyz-hero::before { background:linear-gradient(90deg,#e7edf9fc 0%,#e7edf9f5 28%,#e7edf9b0 47%,#e7edf900 72%); }
.anoxyz-hero h1 { color:#2b2d50; }
.anoxyz-hero__text { color:#374965; }
.anoxyz-eyebrow { color:#594079; letter-spacing:.1em; }
.anoxyz-link { background:#e2d9ef; color:#392853; border-color:#a490bd; }
.anoxyz-link--primary { background:#60438e; color:white; border-color:#60438e; }
.kitsuden-start { max-width:390px; }
.kitsuden-start summary { cursor:pointer; list-style:none; }
.kitsuden-start summary::-webkit-details-marker { display:none; }
.kitsuden-start[open] summary { background:#cbb9e3; }
.kitsuden-start__body { margin-top:12px; padding:16px; border:1px solid #a490bd; border-radius:10px; background:#f4f0fa; color:#352b51; font-size:13px; line-height:1.6; }
.kitsuden-start__body p { margin:8px 0 0; }
.anoxyz-link:focus-visible { outline:3px solid #503577; outline-offset:3px; }
.auth-form__branding { display:flex; justify-content:center; padding:24px 12px; }
.auth-form__branding .anoxyz-brand__logo { width:min(100%,300px); height:100px; object-fit:contain; }
.anoxyz-footer__logo { margin:16px auto; height:82px; object-fit:contain; }
@media(max-width:600px) { .top-nav { min-height:84px; } .top-nav .top-nav__branding.anoxyz-brand { padding:12px 6px; } .top-nav .anoxyz-brand__logo { width:166px; height:56px; } .anoxyz-hero { padding:26px; min-height:280px; } .anoxyz-hero::before { background:#e7edf9eb; } }

/* 2.1.1: size the grid tracks, not just the outer navigation. */
.top-nav { box-sizing:border-box; grid-template:'left menus right toggle' minmax(100px,auto) / minmax(360px,1fr) auto minmax(0,1fr) auto; gap:0 24px; min-height:100px; padding:0 24px; align-content:center; }
.top-nav__left { align-self:center; align-items:center; gap:20px; min-height:100px; min-width:0; }
.top-nav .top-nav__branding.anoxyz-brand { box-sizing:border-box; padding:16px 0; min-height:100px; flex:0 0 205px; }
.top-nav .anoxyz-brand__logo { width:205px; height:68px; max-width:100%; flex-shrink:0; }
.top-nav__left > :not(.top-nav__branding):not(.preview-private) { min-width:0; min-height:44px; align-self:center; }
.top-nav :is(.quick-search,.quick-search__input,input[type=search]) { box-sizing:border-box; min-height:44px; height:44px; max-height:none; background-color:#f0edf7; color:#303951; border:1px solid #9584b0; border-radius:9px; }
.top-nav :is(.quick-search__input,input[type=search]) { padding:10px 12px; line-height:22px; }
.top-nav .quick-search { flex:1 1 205px; max-width:260px; }
.top-nav__dropdown { position:relative; }
.top-nav__dropdown > ul { top:100%; margin-top:6px; }
.top-nav__right { min-width:0; align-items:center; gap:24px; }
.top-nav__main-menus { align-self:center; }
@media(min-width:768px) and (max-width:1800px) {
 .top-nav { grid-template:'ratio-bar ratio-bar ratio-bar' auto 'left icon-bar toggle' minmax(100px,auto) 'menus menus menus' auto / minmax(0,1fr) auto auto; gap:8px 20px; padding:10px 20px 14px; }
 .top-nav__right { display:contents; }
 .top-nav__ratio-bar.top-nav__ratio-bar { grid-area:ratio-bar; }
 .top-nav__icon-bar { grid-area:icon-bar; justify-content:end; }
 .top-nav__main-menus { justify-self:center; }
}
@media(max-width:767px) {
 .top-nav,.top-nav.mobile { grid-template:'left toggle' minmax(84px,auto) 'menus menus' auto 'right right' auto / minmax(0,1fr) auto; gap:0 10px; min-height:84px; padding:0 14px; }
 .top-nav__left { min-height:84px; gap:12px; flex-wrap:wrap; }
 .top-nav .top-nav__branding.anoxyz-brand { min-height:84px; flex-basis:166px; padding:14px 0; }
 .top-nav .anoxyz-brand__logo { width:166px; height:56px; }
 .top-nav .quick-search { flex-basis:100%; margin-bottom:12px; }
 .top-nav__main-menus.mobile { margin-bottom:12px; }
}
/* Visible panel boundaries and tinted reading surfaces. */
:root { --anx-surface:#e1e7f3; --anx-inset:#d5dfee; --anx-border:#8999b8; --panel-bg:#e1e7f3; --panel-border:1px solid #8999b8; --panel-box-shadow:0 5px 16px #384b7026; --panel-head-bg:#bdc7e3; --panel-head-fg:#29334d; --data-table-tr-odd-bg:#e1e7f3; --data-table-tr-even-bg:#d4dff0; }
.panelV2 { background:#e1e7f3; border:1px solid #8999b8; box-shadow:0 5px 16px #384b7026; }
.panel__body { background-color:#e1e7f3; color:#2b3853; }
.panel__heading { background:#bdc7e3; color:#29334d; border-bottom:1px solid #8999b8; }
:is(.blocks__random-media,.blocks__latest-topics,.blocks__posts,.blocks__comments) { background-color:#e1e7f3; border-color:#8999b8; }
.blocks__random-media .random__media { background-color:#e1e7f3; }
#chatbody { background:#dce5f2; border:1px solid #8999b8; border-radius:16px; box-shadow:0 5px 16px #384b7026; }
#chatbody > .loading__spinner { background:#dce5f2; color:#365d7b; border-radius:15px; }
#chatbody .panel__heading { background:#c6b8df; color:#352b51; }
#chatbody .chatbox__chatroom,#chatbody .chatroom__messages--wrapper { background:#dce5f2; }
.data-table > tbody > tr:nth-child(odd) { background:#e1e7f3; }
.data-table > tbody > tr:nth-child(even) { background:#d4dff0; }
.data-table > tbody > tr:hover { background:#d3c7e7; }

/* KITSUFLEX-SEARCH-FIX-1 */
.top-nav .quick-search {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 260px;
    max-width: 100%;
    min-width: 0;
    height: auto;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.top-nav .quick-search input {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 10px 14px;
    border: 1px solid #9584b0;
    border-radius: 10px;
    background: #f0edf7;
    color: #303951;
    line-height: 22px;
    box-shadow: none;
}

.top-nav .quick-search input:focus {
    border-color: #60438e;
    outline: 2px solid #60438e;
    outline-offset: 2px;
}

/* Compact search: override previous sizing */
.top-nav .quick-search {
    flex: 0 1 225px !important;
    width: 225px !important;
    max-width: 225px !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.top-nav .quick-search input {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 225px !important;
    min-width: 0 !important;
    height: 44px !important;
    margin: 0 !important;
}


/* Kitsuden avatar dropdown and stat badges */
.top-nav .top-nav__ratio-bar.top-nav__ratio-bar {
    gap: 8px 10px;
    font-size: 12.5px;
}
.top-nav__ratio-bar > li {
    box-sizing: border-box;
    display: grid;
    place-items: center;
    min-width: 64px;
    min-height: 34px;
    padding: 6px 10px;
    border: 1.5px solid #a497bf;
    border-radius: 999px;
    background: #eeebf7;
    color: #34425e;
}
.top-nav__ratio-bar > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: inherit;
}
.top-nav__right {
    align-items: center;
    column-gap: 20px;
}
.kitsuden-account-menu {
    position: relative;
    flex: 0 0 auto;
    justify-self: end;
    z-index: 1100;
}
.kitsu-avatar-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #60438e;
    cursor: pointer;
}
.kitsu-avatar {
    box-sizing: border-box;
    display: block;
    width: 46px;
    height: 46px;
    object-fit: cover;
    border: 2px solid #8063aa;
    border-radius: 50%;
    padding: 2px;
    background: #e2d7ef;
}
.kitsu-avatar-arrow {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .15s ease;
}
.kitsu-avatar-toggle[aria-expanded="true"] .kitsu-avatar-arrow {
    transform: rotate(180deg);
}
.kitsu-avatar-toggle:focus-visible {
    outline: 2px solid #60438e;
    outline-offset: 3px;
}
.kitsu-menu-alert {
    position: absolute;
    top: 5px;
    right: 25px;
    width: 10px;
    height: 10px;
    border: 2px solid #eeebf7;
    border-radius: 50%;
    background: #b23e70;
}
.kitsu-account-links[x-cloak] {
    display: none !important;
}
.kitsu-account-links {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    box-sizing: border-box;
    width: 280px;
    max-width: calc(100vw - 28px);
    max-height: min(70vh, 650px);
    overflow-y: auto;
    margin: 0;
    padding: 8px;
    list-style: none;
    border: 1px solid #a492bf;
    border-radius: 16px;
    background: #eeebf7;
    color: #34304b;
    box-shadow: 0 14px 35px #30244830;
}
.kitsu-account-links > li {
    margin: 0;
    padding: 0;
}
.kitsu-account-links > li > a,
.kitsu-account-links > li > form > button {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #34304b;
    text-align: left;
    text-decoration: none;
    font: 500 13px/1.4 inherit;
    cursor: pointer;
}
.kitsu-account-links > li > a:hover,
.kitsu-account-links > li > form > button:hover,
.kitsu-account-links > li > a:focus-visible,
.kitsu-account-links > li > form > button:focus-visible {
    background: #dcd0ed;
    color: #392653;
    outline: 2px solid #b29acb;
    outline-offset: -2px;
}
.kitsu-menu-icon {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    fill: none;
    stroke: #70508e;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.kitsu-account-links > li:last-child {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid #c4b5d7;
}
@media (min-width: 768px) and (max-width: 1800px) {
    .kitsuden-account-menu { grid-area: icon-bar; }
    .top-nav__username--highresolution { display: none; }
}
@media (max-width: 767px) {
    .top-nav__right {
        display: flex !important;
        grid-area: right;
        justify-content: flex-end;
        align-items: center;
        gap: 12px;
        padding-bottom: 10px;
    }
    .top-nav__right.mobile { flex-direction: row; flex-wrap: wrap; }
    .top-nav .top-nav__ratio-bar.mobile {
        grid-template-columns: repeat(4, auto);
        grid-template-rows: repeat(2, auto);
    }
}


/* KITSUDEN-CONDENSED-CONTROLS */
.top-nav .kitsuden-account-menu .kitsu-avatar-toggle {
    display: grid;
    grid-template-columns: 48px 18px;
    grid-template-rows: auto 48px;
    justify-items: center;
    align-items: center;
    gap: 5px 8px;
    padding: 5px;
    border-radius: 10px;
}
.kitsu-avatar-name {
    grid-column: 1 / -1;
    display: block;
    max-width: 180px;
    overflow-wrap: anywhere;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
}
.top-nav .kitsuden-account-menu .kitsu-avatar {
    grid-column: 1;
    grid-row: 2;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    padding: 2px;
    object-fit: cover;
    border: 2px solid var(--kitsu-group-color, #8063aa);
    border-radius: 10px;
}
.kitsuden-account-menu .kitsu-avatar-arrow {
    grid-column: 2;
    grid-row: 2;
    color: var(--kitsu-group-color, #8063aa);
}
.kitsuden-account-menu .kitsu-menu-alert {
    top: auto;
    bottom: 3px;
    right: 25px;
}
.kitsuden-account-menu .kitsu-account-links {
    width: 260px;
    padding: 8px;
    max-height: min(80vh, 650px);
}
.kitsu-account-links > li.kitsu-menu-heading {
    display: block;
    min-height: 0;
    margin: 0;
    padding: 9px 12px 7px;
    border: 0;
    color: #65517e;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.4;
    letter-spacing: .09em;
    text-transform: uppercase;
}
.kitsu-account-links > li.kitsu-staff-heading {
    margin-top: 8px;
    padding-top: 14px;
    border-top: 1px solid #b9a8cc;
}
.kitsu-account-links > li > a,
.kitsu-account-links > li > form > button {
    min-height: 40px;
    gap: 10px;
    padding: 9px 12px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
}
.kitsu-account-links .kitsu-menu-icon {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
}
.kitsu-account-links > li > .top-nav__username {
    min-height: 36px;
    padding: 7px 12px;
    font-size: 14px;
}
.kitsu-account-links > li:last-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}


/* Larger avatar and centered dropdown identity */
.top-nav .kitsuden-account-menu .kitsu-avatar-toggle {
    grid-template-columns: 60px 18px;
    grid-template-rows: 60px;
    gap: 8px;
    padding: 5px;
}
.top-nav .kitsuden-account-menu .kitsu-avatar {
    grid-column: 1;
    grid-row: 1;
    width: 60px;
    height: 60px;
    border: 2px solid var(--kitsu-group-color, #8063aa);
    border-radius: 12px;
}
.kitsuden-account-menu .kitsu-avatar-arrow {
    grid-column: 2;
    grid-row: 1;
}
.kitsu-account-links > li.kitsu-menu-identity {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    margin: 0 0 6px;
    border-bottom: 1px solid #c4b5d7;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.kitsu-menu-identity > span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
.kitsu-account-links > li.kitsu-menu-heading {
    padding-left: 12px;
    padding-right: 12px;
    text-align: left;
}


/* Custom title beneath dropdown username */
.kitsu-account-links > li.kitsu-menu-identity {
    flex-direction: column;
    gap: 4px;
}
.kitsu-menu-identity > .kitsu-menu-title {
    display: block;
    max-width: 100%;
    color: #65517e;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    overflow-wrap: anywhere;
}

/* KITSUDEN-GARDEN-START */
/* Only the signed-in page canvas changes; login scenery stays in place. */
body:not(:has(.auth-form)) {
    background-color: #bbc4df;
    background-image: linear-gradient(180deg, rgba(160,174,210,.08), rgba(163,149,199,.12)), url('kitsuden-garden-v1.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
}
@media (max-width: 767px), (prefers-reduced-motion: reduce) {
    body:not(:has(.auth-form)) {
        background-attachment: scroll;
        background-size: auto 1100px;
        background-position: center top;
        background-repeat: no-repeat;
    }
}
@media print {
    body:not(:has(.auth-form)) { background: #fff !important; }
}
/* KITSUDEN-GARDEN-END */