/* Anime Glass Light v2026-06-04-v109-form-editor-checkbox-guards */

gitea-theme-meta-info {
  --theme-display-name: "Anime Glass Light";
  --theme-description: "A bright anime-background glassmorphism theme for private Gitea instances.";
  --theme-color-scheme: "light";
  --theme-version: "2026-06-04-v109-form-editor-checkbox-guards";
}

:root {
  --is-dark-theme: false;
  color-scheme: light;
  accent-color: var(--color-accent, var(--anime-accent-blue));
  --line-height-default: normal;
  --checkbox-size: 14px;
  --z-index-modal: 1001;
  --z-index-toast: 1002;

  /*
    Replace this with your image-host URL, for example:
    --anime-bg-url: url("https://cdn.example.com/gitea/anime-light-bg.webp");
    You can also host it in Gitea custom assets:
    --anime-bg-url: url("../img/anime-light-bg.webp");
  */
  --anime-bg-url: url("../img/anime-light-bg.webp");

  --anime-bg-opacity: 1;
  --anime-bg-position: center center;
  --anime-bg-size: cover;
  --anime-bg-blur: 3px;
  --anime-bg-blur-bleed: 10px;
  --anime-bg-blur-scale: 1.015;
  --anime-bg-saturate: 1.04;
  --anime-bg-brightness: 1.01;
  --anime-bg-wash: rgba(244, 250, 255, 0.12);
  --anime-bg-wash-strong: rgba(255, 255, 255, 0.18);
  --anime-bg-wash-tail: rgba(250, 253, 255, 0.18);
  --anime-glass-bg: rgba(255, 255, 255, 0.28);
  --anime-glass-bg-strong: rgba(255, 255, 255, 0.38);
  --anime-glass-bg-soft: rgba(255, 255, 255, 0.18);
  --anime-surface-hover: rgba(255, 255, 255, 0.34);
  --anime-surface-active: rgba(71, 163, 255, 0.16);
  --anime-surface-pressed: rgba(103, 217, 206, 0.18);
  --anime-popup-bg: rgba(255, 255, 255, 0.58);
  --anime-popup-bg-strong: rgba(255, 255, 255, 0.66);
  --anime-popup-arrow-bg: rgba(255, 255, 255, 0.62);
  --anime-popup-border: rgba(72, 117, 158, 0.38);
  --anime-popup-shadow: 0 24px 64px rgba(30, 61, 92, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.54), var(--anime-glass-inset-highlight);
  --anime-dropdown-long-bg: rgba(255, 255, 255, 0.62);
  --anime-dropdown-max-height: min(14rem, calc(100vh - 12rem));
  --anime-admin-nav-width: 12.5rem;
  --anime-file-tree-bg: rgba(255, 255, 255, 0.24);
  --anime-file-tree-row-hover: rgba(103, 217, 206, 0.14);
  --anime-file-tree-row-active: rgba(71, 163, 255, 0.16);
  --anime-commit-bg: rgba(255, 255, 255, 0.32);
  --anime-commit-bg-strong: rgba(255, 255, 255, 0.42);
  --anime-diff-toolbar-bg: rgba(255, 255, 255, 0.38);
  --anime-code-panel-bg: rgba(251, 254, 255, 0.36);
  --anime-repo-dropdown-bg: rgba(255, 255, 255, 0.42);
  --anime-repo-dropdown-bg-strong: rgba(255, 255, 255, 0.48);
  --anime-diff-detail-height: 52px;
  --anime-commits-table-bg: rgba(255, 255, 255, 0.22);
  --anime-commits-table-head-bg: rgba(255, 255, 255, 0.28);
  --anime-commits-table-hover-bg: rgba(103, 217, 206, 0.11);
  --anime-control-bg: rgba(255, 255, 255, 0.28);
  --anime-control-border: rgba(88, 132, 170, 0.38);
  --anime-control-hover-bg: rgba(255, 255, 255, 0.38);
  --anime-control-checked-bg: linear-gradient(135deg, var(--anime-accent-blue), var(--anime-accent-cyan));
  --anime-control-checked-shadow: 0 8px 18px rgba(71, 163, 255, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.44);
  --anime-glass-border: rgba(95, 139, 180, 0.24);
  --anime-glass-border-strong: rgba(83, 169, 255, 0.34);
  --anime-glass-shadow: 0 18px 44px rgba(51, 93, 132, 0.14);
  --anime-glass-shadow-soft: 0 10px 26px rgba(51, 93, 132, 0.1);
  --anime-glass-shadow-hover: 0 22px 54px rgba(51, 93, 132, 0.18);
  --anime-glass-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.52);
  --anime-accent-glow: 0 0 0 1px rgba(71, 163, 255, 0.16), 0 14px 34px rgba(71, 163, 255, 0.12);
  --anime-glass-blur: 24px;
  --anime-accent-blue: #47a3ff;
  --anime-accent-cyan: #67d9ce;
  --anime-accent-mint: #76d99a;
  --anime-accent-pink: #ff9fc3;
  --anime-text: #263447;
  --anime-text-muted: #607086;
  --anime-text-subtle: #7a8799;
  --anime-logo-accent: var(--anime-accent-blue);
  --anime-logo-accent-strong: #0f8fc7;
  --anime-logo-filter: hue-rotate(150deg) saturate(1.52) brightness(1.08);
  --anime-logo-hover-filter: hue-rotate(150deg) saturate(1.72) brightness(1.12);
  --anime-logo-shadow: drop-shadow(0 8px 16px rgba(36, 173, 224, 0.32));
  --anime-z-content: 10;
  --anime-z-content-raised: 12;
  --anime-z-pagebar: 700;
  --anime-z-pagebar-raised: 701;
  --anime-z-dropdown-scope: 820;
  --anime-z-dropdown: 830;
  --anime-z-dropdown-menu: 840;
  --anime-z-dashboard-dropdown: var(--anime-z-dropdown);
  --anime-z-navbar: 900;
  --anime-z-navbar-dropdown: 930;
  --anime-z-navbar-dropdown-menu: 940;
  --anime-z-navbar-dropdown-button: 941;
  --anime-z-tooltip: 950;
  --anime-z-tooltip-raised: 951;
  --anime-z-tooltip-content: 952;
  --anime-z-editor-fullscreen: 960;
  --anime-z-editor-toolbar: 961;
  --anime-z-expander: 996;
  --anime-z-search: 998;
  --anime-z-dimmer: 1000;
  --anime-z-modal: var(--z-index-modal, 1001);
  --anime-motion-fast: 140ms;
  --anime-motion-medium: 220ms;
  --anime-motion-slow: 360ms;
  --anime-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --anime-ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
  --anime-hover-lift: -2px;
  --anime-focus-ring: 0 0 0 3px rgba(71, 163, 255, 0.14);
  --anime-menu-indicator: linear-gradient(90deg, var(--anime-accent-cyan), var(--anime-accent-blue), var(--anime-accent-pink));

  --fonts-proportional: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Noto Sans", sans-serif;
  --fonts-monospace: "JetBrains Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace;

  --color-primary: var(--anime-accent-blue);
  --color-primary-dark-1: #2f92ec;
  --color-primary-dark-2: #227fda;
  --color-primary-dark-3: #176fc2;
  --color-primary-dark-4: #0f5faa;
  --color-primary-dark-5: #0b4e8d;
  --color-primary-dark-6: #083f73;
  --color-primary-dark-7: #06325b;
  --color-primary-light-1: #63b2ff;
  --color-primary-light-2: #82c3ff;
  --color-primary-light-3: #a6d5ff;
  --color-primary-light-4: #cbe8ff;
  --color-primary-light-5: #e6f4ff;
  --color-primary-light-6: #f2f9ff;
  --color-primary-light-7: #f8fcff;

  --color-secondary: rgba(255, 255, 255, 0.26);
  --color-secondary-alpha-60: rgba(255, 255, 255, 0.2);
  --color-secondary-dark-1: rgba(236, 245, 252, 0.7);
  --color-secondary-dark-2: rgba(218, 234, 246, 0.76);
  --color-secondary-dark-3: rgba(201, 223, 239, 0.82);
  --color-secondary-dark-4: rgba(182, 210, 231, 0.88);
  --color-secondary-light-1: rgba(255, 255, 255, 0.34);
  --color-secondary-light-2: rgba(255, 255, 255, 0.42);
  --color-secondary-light-3: rgba(255, 255, 255, 0.5);
  --color-secondary-light-4: rgba(255, 255, 255, 0.58);

  --color-body: transparent;
  --color-box-header: rgba(255, 255, 255, 0.28);
  --color-box-body: rgba(255, 255, 255, 0.2);
  --color-box-body-highlight: rgba(238, 248, 255, 0.28);
  --color-text: var(--anime-text);
  --color-text-light: var(--anime-text-muted);
  --color-text-light-1: #4c5d72;
  --color-text-light-2: #6f7f92;
  --color-text-light-3: #8a96a6;
  --color-footer: rgba(255, 255, 255, 0.58);
  --color-timeline: rgba(96, 134, 169, 0.24);
  --color-input-text: var(--anime-text);
  --color-input-background: rgba(255, 255, 255, 0.18);
  --color-input-border: rgba(88, 132, 170, 0.28);
  --color-input-border-hover: rgba(71, 163, 255, 0.52);
  --color-navbar: rgba(255, 255, 255, 0.22);
  --color-light: rgba(255, 255, 255, 0.24);
  --color-light-mimic-enabled: rgba(255, 255, 255, 0.24);
  --color-hover: rgba(92, 190, 216, 0.16);
  --color-active: rgba(71, 163, 255, 0.16);
  --color-menu: rgba(255, 255, 255, 0.5);
  --color-card: rgba(255, 255, 255, 0.22);
  --color-markup-table-row: rgba(255, 255, 255, 0.38);
  --color-markup-code-block: rgba(248, 252, 255, 0.54);
  --color-code-bg: rgba(248, 252, 255, 0.28);
  --color-code-sidebar-bg: rgba(255, 255, 255, 0.26);
  --color-diff-removed-row-bg: rgba(255, 159, 195, 0.16);
  --color-diff-added-row-bg: rgba(118, 217, 154, 0.16);
  --color-diff-removed-word-bg: rgba(255, 118, 161, 0.28);
  --color-diff-added-word-bg: rgba(93, 205, 136, 0.28);
  --color-border: rgba(95, 139, 180, 0.22);
  --color-reaction-bg: rgba(255, 255, 255, 0.32);
  --color-reaction-active-bg: rgba(71, 163, 255, 0.18);
  --color-label-bg: rgba(238, 248, 255, 0.32);
  --color-heatmap-0: rgba(255, 255, 255, 0.42);
  --color-heatmap-1: rgba(183, 224, 255, 0.94);
  --color-heatmap-2: rgba(129, 204, 255, 0.96);
  --color-heatmap-3: rgba(65, 164, 245, 0.98);
  --color-heatmap-4: rgba(31, 120, 214, 1);

  /*
    Official Gitea v1.26 token bridge.
    The imported light theme defines the full contract; these overrides keep
    newly named upstream variables visually aligned with the anime glass palette.
  */
  --color-primary-alpha-10: rgba(71, 163, 255, 0.10);
  --color-primary-alpha-20: rgba(71, 163, 255, 0.20);
  --color-primary-alpha-30: rgba(71, 163, 255, 0.30);
  --color-primary-alpha-40: rgba(71, 163, 255, 0.40);
  --color-primary-alpha-50: rgba(71, 163, 255, 0.50);
  --color-primary-alpha-60: rgba(71, 163, 255, 0.60);
  --color-primary-alpha-70: rgba(71, 163, 255, 0.70);
  --color-primary-alpha-80: rgba(71, 163, 255, 0.80);
  --color-primary-alpha-90: rgba(71, 163, 255, 0.90);
  --color-secondary-alpha-10: rgba(88, 132, 170, 0.10);
  --color-secondary-alpha-20: rgba(88, 132, 170, 0.20);
  --color-secondary-alpha-30: rgba(88, 132, 170, 0.30);
  --color-secondary-alpha-40: rgba(88, 132, 170, 0.40);
  --color-secondary-alpha-50: rgba(88, 132, 170, 0.50);
  --color-secondary-alpha-70: rgba(88, 132, 170, 0.70);
  --color-secondary-alpha-80: rgba(88, 132, 170, 0.80);
  --color-secondary-alpha-90: rgba(88, 132, 170, 0.90);
  --color-secondary-bg: rgba(242, 249, 255, 0.72);
  --color-secondary-dark-5: #7a8188;
  --color-secondary-dark-6: #6a7178;
  --color-secondary-dark-7: #5b6269;
  --color-secondary-dark-8: #4b5259;

  --color-text-dark: #172336;
  --color-placeholder-text: var(--anime-text-subtle);
  --color-caret: var(--anime-text);
  --color-hover-opaque: rgba(238, 248, 255, 0.64);
  --color-shadow: rgba(30, 61, 92, 0.18);
  --color-shadow-opaque: rgba(187, 207, 225, 0.92);
  --color-light-border: rgba(95, 139, 180, 0.22);
  --color-button: rgba(255, 255, 255, 0.66);
  --color-input-toggle-background: rgba(88, 132, 170, 0.22);
  --color-logo: var(--anime-logo-accent);
  --color-expand-button: rgba(207, 232, 250, 0.88);
  --color-editor-line-highlight: var(--color-secondary-alpha-30);
  --color-editor-selection: var(--color-primary-alpha-30);
  --color-project-column-bg: var(--color-secondary-light-4);
  --color-priority-text: #8250df;
  --color-highlight-fg: #eed200;
  --color-highlight-bg: #f5efc5;
  --color-overlay-backdrop: rgba(35, 57, 82, 0.38);
  --color-transparency-grid-light: #fafafa;
  --color-transparency-grid-dark: #e2e2e2;
  --gitea-iframe-bgcolor: var(--color-box-body);

  --color-nav-bg: var(--color-navbar);
  --color-nav-hover-bg: rgba(103, 217, 206, 0.16);
  --color-nav-text: var(--anime-text);
  --color-secondary-nav-bg: rgba(255, 255, 255, 0.34);
  --color-footer: var(--color-nav-bg);

  --color-tooltip-text: #f8fcff;
  --color-tooltip-bg: rgba(24, 42, 62, 0.94);
  --color-markup-code-inline: rgba(71, 163, 255, 0.10);
  --color-accent: var(--anime-accent-blue);
  --color-small-accent: rgba(71, 163, 255, 0.14);
  --color-label-text: var(--anime-text);
  --color-label-hover-bg: rgba(71, 163, 255, 0.20);
  --color-label-active-bg: rgba(71, 163, 255, 0.34);
  --color-reaction-hover-bg: rgba(103, 217, 206, 0.18);

  --color-info-border: rgba(71, 163, 255, 0.32);
  --color-info-bg: rgba(221, 244, 255, 0.62);
  --color-info-text: #176fc2;
  --color-success-border: rgba(76, 190, 126, 0.34);
  --color-success-bg: rgba(218, 251, 225, 0.58);
  --color-success-text: #1d7f4f;
  --color-warning-border: rgba(230, 174, 66, 0.36);
  --color-warning-bg: rgba(255, 248, 197, 0.62);
  --color-warning-text: #9a6700;
  --color-error-border: rgba(255, 126, 170, 0.36);
  --color-error-bg: rgba(255, 235, 233, 0.62);
  --color-error-bg-hover: rgba(255, 220, 215, 0.70);
  --color-error-bg-active: rgba(255, 206, 203, 0.76);
  --color-error-text: #c43463;

  --color-diff-added-fg: #2f9f6a;
  --color-diff-added-linenum-bg: rgba(118, 217, 154, 0.20);
  --color-diff-added-row-border: rgba(118, 217, 154, 0.22);
  --color-diff-removed-fg: #d04f7a;
  --color-diff-removed-linenum-bg: rgba(255, 159, 195, 0.22);
  --color-diff-removed-row-border: rgba(255, 159, 195, 0.24);
  --color-diff-moved-row-bg: rgba(251, 221, 96, 0.18);
  --color-diff-moved-row-border: rgba(230, 174, 66, 0.26);
  --color-diff-inactive: rgba(238, 248, 255, 0.46);

  --color-console-fg: #172336;
  --color-console-fg-subtle: #607086;
  --color-console-bg: rgba(248, 252, 255, 0.76);
  --color-console-border: rgba(95, 139, 180, 0.22);
  --color-console-hover-bg: rgba(103, 217, 206, 0.14);
  --color-console-active-bg: rgba(71, 163, 255, 0.18);
  --color-console-menu-bg: rgba(255, 255, 255, 0.82);
  --color-console-menu-border: rgba(95, 139, 180, 0.22);
  --color-console-link: #237ed4;
}

html {
  min-height: 100%;
  background: #f7fbff !important;
}

body {
  position: relative;
  min-height: 100vh;
  background: transparent !important;
  color: var(--anime-text) !important;
  font-family: var(--fonts-proportional) !important;
  letter-spacing: 0;
}

body::before,
body::after {
  position: fixed;
  inset: 0;
  pointer-events: none;
  content: "";
}

body::before {
  z-index: -2;
  inset: calc(-1 * var(--anime-bg-blur-bleed));
  background-color: #f7fbff;
  background-image:
          linear-gradient(135deg, var(--anime-bg-wash-strong), var(--anime-bg-wash) 42%, var(--anime-bg-wash-tail)),
          var(--anime-bg-url);
  background-position: var(--anime-bg-position);
  background-size: var(--anime-bg-size);
  background-repeat: no-repeat;
  opacity: var(--anime-bg-opacity);
  filter: blur(var(--anime-bg-blur)) saturate(var(--anime-bg-saturate)) brightness(var(--anime-bg-brightness));
  transform: translate3d(0, 0, 0) scale(var(--anime-bg-blur-scale));
  transform-origin: center center;
  backface-visibility: hidden;
  will-change: filter, transform;
}

body::after {
  z-index: -1;
  background:
          radial-gradient(circle at 16% 18%, rgba(255, 159, 195, 0.22), transparent 24rem),
          radial-gradient(circle at 84% 12%, rgba(103, 217, 206, 0.2), transparent 24rem),
          radial-gradient(circle at 52% 92%, rgba(71, 163, 255, 0.14), transparent 28rem);
  mix-blend-mode: normal;
}

#app,
.full.height,
.page-content,
footer {
  position: relative;
  z-index: auto;
}

a {
  color: #237ed4;
  transition:
          color var(--anime-motion-fast) var(--anime-ease-standard),
          opacity var(--anime-motion-fast) var(--anime-ease-standard);
}

a:hover {
  color: #0f67ba;
}

.full.height,
.full.height > .page-content,
body > .full.height,
.page-content,
.page-content.home,
.page-content.dashboard,
.page-content.dashboard.feeds,
.page-content .ui.container,
.page-content > .ui.container,
#app,
#app .full.height,
#app > .full.height,
#app > .full.height > .page-content,
#app > .full.height > .page-content > .ui.container,
.app,
.main-content,
main,
.page-wrapper,
.content-wrapper,
.ui.main.container,
.repository,
.repository .ui.container,
.dashboard,
.dashboard .ui.container,
.dashboard .ui.grid,
.organization,
.user.profile,
.admin,
.explore,
footer {
  background: transparent !important;
}

.ui.container {
  max-width: 1280px;
}

.page-content.dashboard,
.page-content.dashboard.feeds {
  padding-top: 18px;
}

.page-content.dashboard > .ui.container,
.page-content.dashboard.feeds > .ui.container {
  width: min(1280px, calc(100vw - 48px)) !important;
}

/*
  Gitea 1.24+ dashboard source uses:
  .ui.container.flex-container > .flex-container-main + #dashboard-repo-list.flex-container-sidebar
*/
.page-content.dashboard > .ui.container.flex-container,
.page-content.dashboard.feeds > .ui.container.flex-container {
  display: flex;
  align-items: flex-start;
  gap: 22px;
}

.page-content.dashboard .flex-container-main,
.page-content.dashboard.feeds .flex-container-main {
  min-width: 0;
  flex: 1 1 auto;
}

.page-content.dashboard #dashboard-repo-list.flex-container-sidebar,
.page-content.dashboard.feeds #dashboard-repo-list.flex-container-sidebar {
  position: sticky;
  top: 0;
  width: 448px;
  max-width: 448px;
  margin-top: 0 !important;
  align-self: flex-start;
  flex: 0 0 448px;
}

.dashboard-navbar,
.page-content.dashboard .dashboard-navbar,
.page-content.dashboard.feeds .dashboard-navbar {
  position: relative;
  z-index: var(--anime-z-pagebar);
  overflow: visible !important;
  border-bottom: 1px solid var(--anime-glass-border) !important;
  background: rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 8px 22px rgba(55, 96, 132, 0.08);
  backdrop-filter: blur(22px) saturate(1.22);
  -webkit-backdrop-filter: blur(22px) saturate(1.22);
}

.dashboard.feeds .heatmap-container,
.page-content.dashboard #user-heatmap,
.page-content.dashboard .heatmap,
.page-content.dashboard .user-heatmap {
  position: relative;
  z-index: var(--anime-z-content);
  border: 1px solid var(--anime-glass-border) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.3) !important;
  box-shadow: var(--anime-glass-shadow-soft);
  backdrop-filter: blur(18px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

.dashboard.feeds .news .content,
.dashboard.feeds .news .ui.grid,
.dashboard.feeds .news .ui.segment,
.dashboard.feeds .news .content .text {
  background: transparent !important;
}

.dashboard.feeds .news {
  margin-bottom: 12px;
  padding: 14px 16px !important;
  border: 1px solid rgba(95, 139, 180, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.34) !important;
  box-shadow: 0 8px 22px rgba(51, 93, 132, 0.08);
  backdrop-filter: blur(18px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
  transition:
          transform var(--anime-motion-medium) var(--anime-ease-standard),
          box-shadow var(--anime-motion-medium) var(--anime-ease-standard),
          background-color var(--anime-motion-medium) var(--anime-ease-standard),
          border-color var(--anime-motion-medium) var(--anime-ease-standard);
}

.dashboard.feeds .news:hover {
  border-color: rgba(83, 169, 255, 0.24) !important;
  background: rgba(255, 255, 255, 0.48) !important;
  box-shadow: var(--anime-glass-shadow-hover);
  transform: translate3d(0, var(--anime-hover-lift), 0);
}

.dashboard.feeds .news:focus-within {
  border-color: rgba(83, 169, 255, 0.24) !important;
  background: rgba(255, 255, 255, 0.48) !important;
  box-shadow: var(--anime-glass-shadow-hover), var(--anime-focus-ring);
  transform: translate3d(0, var(--anime-hover-lift), 0);
}

.dashboard.feeds .news .commit-id,
.dashboard.feeds .news .sha,
.dashboard.feeds .news code {
  position: relative;
  z-index: 0 !important;
  border: 1px solid rgba(95, 139, 180, 0.16);
  border-radius: 999px;
  background: rgba(238, 248, 255, 0.58);
}

.page-content.dashboard .dashboard-repos,
.page-content.dashboard.feeds .dashboard-repos,
.page-content.dashboard .repository.list,
.page-content.dashboard.feeds .repository.list,
.page-content.dashboard .ui.attached.segment,
.page-content.dashboard.feeds .ui.attached.segment,
.page-content.dashboard .ui.attached.table,
.page-content.dashboard.feeds .ui.attached.table {
  position: relative;
  z-index: var(--anime-z-content);
  border-color: var(--anime-glass-border) !important;
  backdrop-filter: blur(24px) saturate(1.22);
  -webkit-backdrop-filter: blur(24px) saturate(1.22);
}

.page-content.dashboard .ui.attached.segment,
.page-content.dashboard.feeds .ui.attached.segment {
  background: rgba(255, 255, 255, 0.42) !important;
}

.page-content.dashboard .dashboard-repos,
.page-content.dashboard.feeds .dashboard-repos,
.page-content.dashboard .repository.list,
.page-content.dashboard.feeds .repository.list,
.page-content.dashboard .ui.attached.table,
.page-content.dashboard.feeds .ui.attached.table {
  background: rgba(255, 255, 255, 0.32) !important;
}

.page-content.dashboard .repos-search,
.page-content.dashboard.feeds .repos-search,
.page-content.dashboard .repos-search.ui.attached.segment,
.page-content.dashboard.feeds .repos-search.ui.attached.segment {
  position: relative;
  z-index: var(--anime-z-pagebar) !important;
  border-color: var(--anime-glass-border) !important;
  background: rgba(255, 255, 255, 0.36) !important;
  backdrop-filter: blur(24px) saturate(1.22);
  -webkit-backdrop-filter: blur(24px) saturate(1.22);
}

.page-content.dashboard .dashboard-repos,
.page-content.dashboard.feeds .dashboard-repos,
.page-content.dashboard .repos-search,
.page-content.dashboard.feeds .repos-search,
.page-content.dashboard .repos-search.ui.attached.segment,
.page-content.dashboard.feeds .repos-search.ui.attached.segment {
  overflow: visible !important;
}

.page-content.dashboard .repository.list,
.page-content.dashboard.feeds .repository.list,
.page-content.dashboard .ui.two.item.menu,
.page-content.dashboard.feeds .ui.two.item.menu,
.page-content.dashboard .repo-owner-name-list,
.page-content.dashboard.feeds .repo-owner-name-list {
  position: relative;
  z-index: var(--anime-z-content);
}

.page-content.dashboard .dashboard-repos .ui.dropdown,
.page-content.dashboard.feeds .dashboard-repos .ui.dropdown,
.page-content.dashboard .repos-search .ui.dropdown,
.page-content.dashboard.feeds .repos-search .ui.dropdown,
.page-content.dashboard .dashboard-repos .ui.dropdown:not(.selection) > .menu,
.page-content.dashboard.feeds .dashboard-repos .ui.dropdown:not(.selection) > .menu {
  overflow: visible !important;
}

.page-content.dashboard .dashboard-repos .ui.dropdown.active,
.page-content.dashboard.feeds .dashboard-repos .ui.dropdown.active,
.page-content.dashboard .dashboard-repos .ui.dropdown.visible,
.page-content.dashboard.feeds .dashboard-repos .ui.dropdown.visible,
.page-content.dashboard .repos-search .ui.dropdown.active,
.page-content.dashboard.feeds .repos-search .ui.dropdown.active,
.page-content.dashboard .repos-search .ui.dropdown.visible,
.page-content.dashboard.feeds .repos-search .ui.dropdown.visible {
  position: relative;
  z-index: var(--anime-z-dropdown) !important;
}

.page-content.dashboard .ui.two.item.menu,
.page-content.dashboard.feeds .ui.two.item.menu,
.page-content.dashboard .repo-owner-name-list,
.page-content.dashboard.feeds .repo-owner-name-list {
  border: 1px solid var(--anime-glass-border) !important;
  border-radius: 8px !important;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.28) !important;
  box-shadow: var(--anime-glass-shadow-soft);
  backdrop-filter: blur(22px) saturate(1.2);
  -webkit-backdrop-filter: blur(22px) saturate(1.2);
}

.page-content.dashboard .repository.list .item,
.page-content.dashboard.feeds .repository.list .item,
.page-content.dashboard .repo-owner-name-list .item,
.page-content.dashboard.feeds .repo-owner-name-list .item {
  background: rgba(255, 255, 255, 0.16) !important;
  transition:
          background-color var(--anime-motion-fast) var(--anime-ease-standard),
          color var(--anime-motion-fast) var(--anime-ease-standard),
          transform var(--anime-motion-medium) var(--anime-ease-standard);
}

.page-content.dashboard #dashboard-repo-list .repo-owner-name-list li,
.page-content.dashboard.feeds #dashboard-repo-list .repo-owner-name-list li {
  background: rgba(255, 255, 255, 0.16) !important;
  transition:
          background-color var(--anime-motion-fast) var(--anime-ease-standard),
          box-shadow var(--anime-motion-fast) var(--anime-ease-standard),
          transform var(--anime-motion-medium) var(--anime-ease-standard);
}

.page-content.dashboard .repository.list .item:hover,
.page-content.dashboard.feeds .repository.list .item:hover,
.page-content.dashboard .repo-owner-name-list .item:hover,
.page-content.dashboard.feeds .repo-owner-name-list .item:hover {
  background: rgba(103, 217, 206, 0.16) !important;
  transform: translate3d(2px, 0, 0);
}

.page-content.dashboard #dashboard-repo-list .repo-owner-name-list li:hover,
.page-content.dashboard.feeds #dashboard-repo-list .repo-owner-name-list li:hover,
.page-content.dashboard #dashboard-repo-list .repo-owner-name-list li.active,
.page-content.dashboard.feeds #dashboard-repo-list .repo-owner-name-list li.active {
  background: rgba(103, 217, 206, 0.16) !important;
  box-shadow: inset 2px 0 0 rgba(71, 163, 255, 0.58);
  transform: translate3d(2px, 0, 0);
}

.page-content.dashboard #dashboard-repo-list .repo-owner-name-list .repo-list-link:focus-visible,
.page-content.dashboard.feeds #dashboard-repo-list .repo-owner-name-list .repo-list-link:focus-visible {
  outline: 0;
  border-radius: 6px;
  box-shadow: var(--anime-focus-ring);
}

#dashboard-repo-list .overflow-menu-items,
.page-content.dashboard .overflow-menu-items,
.page-content.dashboard.feeds .overflow-menu-items {
  border-color: rgba(95, 139, 180, 0.14) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38);
  backdrop-filter: blur(18px) saturate(1.16);
  -webkit-backdrop-filter: blur(18px) saturate(1.16);
}

#dashboard-repo-list .overflow-menu-items .item,
.page-content.dashboard .overflow-menu-items .item,
.page-content.dashboard.feeds .overflow-menu-items .item {
  position: relative;
  border-radius: 6px !important;
  color: var(--anime-text-muted) !important;
  background: transparent !important;
  transform: translate3d(0, 0, 0);
  transition:
          color var(--anime-motion-fast) var(--anime-ease-standard),
          background-color var(--anime-motion-fast) var(--anime-ease-standard),
          box-shadow var(--anime-motion-fast) var(--anime-ease-standard),
          transform var(--anime-motion-fast) var(--anime-ease-standard);
}

#dashboard-repo-list .overflow-menu-items .item:hover,
.page-content.dashboard .overflow-menu-items .item:hover,
.page-content.dashboard.feeds .overflow-menu-items .item:hover,
#dashboard-repo-list .overflow-menu-items .item:focus-visible,
.page-content.dashboard .overflow-menu-items .item:focus-visible,
.page-content.dashboard.feeds .overflow-menu-items .item:focus-visible {
  color: var(--anime-text) !important;
  background: rgba(103, 217, 206, 0.14) !important;
  box-shadow: 0 8px 18px rgba(55, 96, 132, 0.08), var(--anime-glass-inset-highlight) !important;
  transform: translate3d(0, -1px, 0);
}

#dashboard-repo-list .overflow-menu-items .item.active,
.page-content.dashboard .overflow-menu-items .item.active,
.page-content.dashboard.feeds .overflow-menu-items .item.active {
  color: #176fc2 !important;
  background: rgba(71, 163, 255, 0.1) !important;
  box-shadow: inset 0 -2px 0 rgba(71, 163, 255, 0.62), var(--anime-glass-inset-highlight);
}

#dashboard-repo-list .overflow-menu-items .ui.label,
.page-content.dashboard .overflow-menu-items .ui.label,
.page-content.dashboard.feeds .overflow-menu-items .ui.label {
  border-color: rgba(95, 139, 180, 0.16) !important;
  background: rgba(238, 248, 255, 0.46) !important;
  transition:
          border-color var(--anime-motion-fast) var(--anime-ease-standard),
          background-color var(--anime-motion-fast) var(--anime-ease-standard),
          color var(--anime-motion-fast) var(--anime-ease-standard);
}

#dashboard-repo-list .overflow-menu-items .item:hover .ui.label,
.page-content.dashboard .overflow-menu-items .item:hover .ui.label,
.page-content.dashboard.feeds .overflow-menu-items .item:hover .ui.label,
#dashboard-repo-list .overflow-menu-items .item:focus-visible .ui.label,
.page-content.dashboard .overflow-menu-items .item:focus-visible .ui.label,
.page-content.dashboard.feeds .overflow-menu-items .item:focus-visible .ui.label {
  border-color: rgba(71, 163, 255, 0.24) !important;
  background: rgba(255, 255, 255, 0.54) !important;
  color: #176fc2 !important;
}

.ui.top.menu,
.ui.main.menu,
#navbar,
header .navbar {
  position: relative;
  z-index: var(--anime-z-navbar);
  overflow: visible !important;
  border-color: var(--anime-glass-border) !important;
  background: var(--color-navbar) !important;
  box-shadow: 0 10px 28px rgba(55, 96, 132, 0.1);
  backdrop-filter: blur(22px) saturate(1.24);
  -webkit-backdrop-filter: blur(22px) saturate(1.24);
}

.ui.menu {
  overflow: visible !important;
  border-color: var(--anime-glass-border) !important;
  background: var(--anime-glass-bg) !important;
  box-shadow: var(--anime-glass-shadow-soft);
  backdrop-filter: blur(var(--anime-glass-blur)) saturate(1.2);
  -webkit-backdrop-filter: blur(var(--anime-glass-blur)) saturate(1.2);
}

.following.bar,
.following.bar.light,
.repository .header-wrapper,
.repository .repo-header {
  position: relative;
  z-index: var(--anime-z-pagebar);
  overflow: visible !important;
}

.dashboard-navbar .ui.menu,
.dashboard-navbar .ui.dropdown,
.dashboard-navbar .ui.dropdown:not(.selection) > .menu {
  overflow: visible !important;
}

.dashboard-navbar .ui.dropdown.active,
.dashboard-navbar .ui.dropdown.visible {
  position: relative;
  z-index: var(--anime-z-dropdown) !important;
}

.ui.menu .item,
.ui.secondary.menu .item,
.ui.tabs.container .item {
  position: relative;
  color: var(--anime-text-muted) !important;
  border-radius: 8px !important;
  transition:
          color var(--anime-motion-fast) var(--anime-ease-standard),
          background-color var(--anime-motion-fast) var(--anime-ease-standard),
          transform var(--anime-motion-medium) var(--anime-ease-standard),
          box-shadow var(--anime-motion-medium) var(--anime-ease-standard);
}

.ui.menu > .item::after,
.ui.secondary.menu > .item::after,
.ui.tabs.container > .item::after {
  position: absolute;
  right: 10px;
  bottom: 4px;
  left: 10px;
  height: 2px;
  border-radius: 999px;
  background: var(--anime-menu-indicator);
  content: "";
  opacity: 0;
  pointer-events: none;
  transform: scaleX(0.35);
  transform-origin: center;
  transition:
          opacity var(--anime-motion-fast) var(--anime-ease-standard),
          transform var(--anime-motion-medium) var(--anime-ease-emphasized);
}

.ui.menu .item:hover,
.ui.secondary.menu .item:hover,
.ui.tabs.container .item:hover {
  color: var(--anime-text) !important;
  background: rgba(71, 163, 255, 0.12) !important;
}

.ui.menu .item:focus-visible,
.ui.secondary.menu .item:focus-visible,
.ui.tabs.container .item:focus-visible {
  outline: 0;
  color: var(--anime-text) !important;
  background: var(--anime-surface-active) !important;
  box-shadow: var(--anime-focus-ring), var(--anime-accent-glow);
}

.ui.menu > .item:hover,
.ui.secondary.menu > .item:hover,
.ui.tabs.container > .item:hover {
  transform: translate3d(0, -1px, 0);
}

.ui.menu > .item:hover::after,
.ui.menu > .active.item::after,
.ui.secondary.menu > .item:hover::after,
.ui.secondary.menu > .active.item::after,
.ui.tabs.container > .item:hover::after,
.ui.tabs.container > .active.item::after {
  opacity: 0.86;
  transform: scaleX(1);
}

.ui.menu .active.item,
.ui.secondary.menu .active.item,
.ui.tabs.container .active.item {
  color: #176fc2 !important;
  background: rgba(71, 163, 255, 0.16) !important;
  box-shadow: inset 0 -1px 0 rgba(71, 163, 255, 0.42);
}

.repository .header-wrapper,
.repository .repo-header,
.repo-header,
.repo-title,
.repo-buttons {
  border-color: var(--anime-glass-border) !important;
  background: rgba(255, 255, 255, 0.54) !important;
  backdrop-filter: blur(20px) saturate(1.22);
  -webkit-backdrop-filter: blur(20px) saturate(1.22);
}

.repository .header-wrapper {
  box-shadow: 0 14px 32px rgba(55, 96, 132, 0.1);
}

.ui.segment,
.ui.segments,
.ui.attached.segment,
.ui.card,
.ui.cards > .card,
.ui.table,
.ui.panel,
.ui.message,
.repository.file.list #repo-files-table,
.repository .diff-file-box,
.repository .file-view,
.repository .markup,
.repository .comment.form,
.repository .timeline-item .content,
.feeds .news,
.commit-list,
.branch-tag-choice,
.runner-container,
.settings .key.list .item {
  border: 1px solid var(--anime-glass-border) !important;
  border-radius: 8px !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 46%),
          var(--anime-glass-bg) !important;
  box-shadow: var(--anime-glass-shadow), var(--anime-glass-inset-highlight);
  backdrop-filter: blur(var(--anime-glass-blur)) saturate(1.22);
  -webkit-backdrop-filter: blur(var(--anime-glass-blur)) saturate(1.22);
  transition:
          border-color var(--anime-motion-medium) var(--anime-ease-standard),
          background-color var(--anime-motion-medium) var(--anime-ease-standard),
          box-shadow var(--anime-motion-medium) var(--anime-ease-standard),
          transform var(--anime-motion-medium) var(--anime-ease-standard);
}

.ui.card:hover,
.ui.cards > .card:hover,
.repository .timeline-item .content:hover {
  border-color: rgba(83, 169, 255, 0.26) !important;
  box-shadow: var(--anime-glass-shadow-hover), var(--anime-glass-inset-highlight);
  transform: translate3d(0, var(--anime-hover-lift), 0);
}

.repository .ui.attached.table.segment.commit-table,
.repository .ui.attached.segment.commit-table,
.repository .commit-table,
.repository .commit-list,
.commit-list {
  border-radius: 8px !important;
  overflow: hidden;
  border-color: rgba(95, 139, 180, 0.17) !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.03) 54%),
          var(--anime-commits-table-bg) !important;
  box-shadow: 0 8px 22px rgba(51, 93, 132, 0.08), var(--anime-glass-inset-highlight) !important;
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
}

.repository #commits-table,
#commits-table.ui.table,
#commits-table {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.commits-table :is(thead, th, .commit-list-row-header),
.repository .commits-table :is(thead, th, .commit-list-row-header),
.repository #commits-table :is(thead, th, .commit-list-row-header),
#commits-table :is(thead, th, .commit-list-row-header),
.repository .commit-list :is(thead, th, .commit-list-row-header),
.commit-list :is(thead, th, .commit-list-row-header) {
  background: var(--anime-commits-table-head-bg) !important;
}

.commits-table :is(tr, td, th),
.repository .commits-table :is(tr, td, th),
.repository #commits-table :is(thead, tbody, tr, td, th),
#commits-table :is(thead, tbody, tr, td, th),
.repository .commit-list :is(tr, td, th),
.commit-list :is(tr, td, th) {
  border-color: rgba(95, 139, 180, 0.13) !important;
  background-color: transparent !important;
}

.repository #commits-table.ui.table > tbody > tr,
.repository #commits-table.ui.striped.table > tbody > tr,
.repository #commits-table.ui.very.basic.table > tbody > tr,
#commits-table.ui.table > tbody > tr,
#commits-table.ui.striped.table > tbody > tr,
#commits-table.ui.very.basic.table > tbody > tr {
  background: transparent !important;
}

.commits-table :is(tr, .commit-list-row):hover,
.repository .commits-table :is(tr, .commit-list-row):hover,
.repository #commits-table tbody tr:hover,
#commits-table tbody tr:hover,
.repository .commit-list .commit-list-row:hover,
.commit-list .commit-list-row:hover {
  background: var(--anime-commits-table-hover-bg) !important;
}

/* Repository issues/pulls list readability overrides removed intentionally; keep Gitea defaults here. */

.ui.segments > .segment,
.ui.attached.segment,
.ui.table tr,
.ui.table td,
.ui.table th {
  border-color: var(--anime-glass-border) !important;
}

.ui.segment.basic,
.ui.basic.segment {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.page-content.admin {
  padding-top: 18px;
}

.page-content.admin > .ui.container.flex-container {
  width: min(1360px, calc(100vw - 48px)) !important;
  align-items: flex-start;
  gap: 22px;
}

.page-content.admin .flex-container-nav {
  position: sticky;
  top: 74px;
  z-index: var(--anime-z-pagebar);
  width: var(--anime-admin-nav-width);
  min-width: var(--anime-admin-nav-width);
  max-width: var(--anime-admin-nav-width);
  flex: 0 0 var(--anime-admin-nav-width);
}

.page-content.admin .flex-container-main {
  min-width: 0;
  flex: 1 1 auto;
}

.page-content.admin .flex-container-nav > .ui.vertical.menu {
  width: 100% !important;
  border: 1px solid var(--anime-glass-border) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.38) !important;
  box-shadow: var(--anime-glass-shadow-soft), var(--anime-glass-inset-highlight);
  backdrop-filter: blur(22px) saturate(1.2);
  -webkit-backdrop-filter: blur(22px) saturate(1.2);
}

.page-content.admin .flex-container-nav > .ui.vertical.menu > .item::after {
  display: none;
}

.page-content.admin .flex-container-nav > .ui.vertical.menu > .item:hover {
  transform: none;
}

.page-content.admin .flex-container-nav > .ui.vertical.menu .item,
.page-content.admin .flex-container-nav > .ui.vertical.menu summary {
  min-width: 0;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: normal;
  word-break: keep-all;
}

.page-content.admin .flex-container-nav > .ui.vertical.menu > .header.item {
  padding: 14px 16px !important;
  background: rgba(255, 255, 255, 0.24) !important;
  color: var(--anime-text) !important;
  font-weight: 600;
}

.page-content.admin .flex-container-nav > .ui.vertical.menu > details.item {
  padding: 0 !important;
}

.page-content.admin .flex-container-nav > .ui.vertical.menu > details.item > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 11px 14px;
  color: var(--anime-text-muted);
  cursor: pointer;
}

.page-content.admin .flex-container-nav > .ui.vertical.menu > details.item > summary::-webkit-details-marker {
  display: none;
}

.page-content.admin .flex-container-nav > .ui.vertical.menu > details.item > summary::after {
  width: 0.45rem;
  height: 0.45rem;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  content: "";
  transform: rotate(45deg);
  transition: transform var(--anime-motion-fast) var(--anime-ease-standard);
}

.page-content.admin .flex-container-nav > .ui.vertical.menu > details.item[open] > summary::after {
  transform: rotate(225deg) translate(-1px, -1px);
}

.page-content.admin .flex-container-nav > .ui.vertical.menu > details.item > .menu {
  margin: 0 !important;
  padding: 4px 8px 8px !important;
  background: rgba(255, 255, 255, 0.16) !important;
}

.page-content.admin .flex-container-nav > .ui.vertical.menu > details.item > .menu > .item,
.page-content.admin .flex-container-nav > .ui.vertical.menu > a.item {
  margin: 3px 0 !important;
  padding: 10px 12px !important;
  border-radius: 6px !important;
}

.page-content.admin .flex-container-nav > .ui.vertical.menu > details.item > .menu > .item {
  padding-left: 20px !important;
}

.page-content.admin .flex-container-nav > .ui.vertical.menu .active.item {
  background: rgba(71, 163, 255, 0.18) !important;
  box-shadow: inset 2px 0 0 rgba(71, 163, 255, 0.66), var(--anime-glass-inset-highlight);
}

.page-content.admin .admin-setting-content {
  min-width: 0;
}

.page-content.admin .admin-setting-content > .ui.top.attached.header {
  border: 1px solid var(--anime-glass-border) !important;
  border-bottom: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  background: rgba(255, 255, 255, 0.5) !important;
  box-shadow: var(--anime-glass-inset-highlight);
}

.page-content.admin .admin-setting-content > .ui.attached.table.segment {
  overflow: hidden !important;
  border-color: var(--anime-glass-border) !important;
  border-radius: 0 0 8px 8px !important;
  background: rgba(255, 255, 255, 0.34) !important;
  box-shadow: var(--anime-glass-shadow-soft), var(--anime-glass-inset-highlight);
}

.page-content.admin.dashboard .admin-setting-content > .ui.attached.table.segment > form {
  margin: 0;
}

.page-content.admin.dashboard .admin-setting-content .ui.very.basic.table {
  width: 100%;
  margin-top: 0 !important;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
}

.page-content.admin.dashboard .admin-setting-content .ui.very.basic.table tr {
  background: transparent !important;
}

.page-content.admin.dashboard .admin-setting-content .ui.very.basic.table td {
  padding: 12px 16px !important;
  border-top: 1px solid rgba(95, 139, 180, 0.14) !important;
  background: transparent !important;
  vertical-align: middle;
}

.page-content.admin.dashboard .admin-setting-content .ui.very.basic.table tr:first-child td {
  border-top: 0 !important;
}

.page-content.admin.dashboard .admin-setting-content .ui.very.basic.table td:last-child {
  width: 8.5rem;
  white-space: nowrap;
}

.page-content.admin.dashboard .admin-setting-content .ui.very.basic.table .ui.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-width: 5.75rem;
}

.ui.header,
h1,
h2,
h3,
h4 {
  color: var(--anime-text) !important;
  letter-spacing: 0;
}

.muted,
.text.light,
.ui.header .sub.header,
.repo-description,
.repository-meta,
.ui.breadcrumb,
.ui.breadcrumb a {
  color: var(--anime-text-muted) !important;
}

.ui.button,
.btn {
  border-radius: 8px !important;
  transition:
          transform var(--anime-motion-fast) var(--anime-ease-standard),
          box-shadow var(--anime-motion-fast) var(--anime-ease-standard),
          background-color var(--anime-motion-fast) var(--anime-ease-standard),
          border-color var(--anime-motion-fast) var(--anime-ease-standard),
          color var(--anime-motion-fast) var(--anime-ease-standard);
}

.ui.button {
  border: 1px solid rgba(95, 139, 180, 0.24) !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.06)),
          rgba(255, 255, 255, 0.66) !important;
  color: var(--anime-text) !important;
  box-shadow: 0 8px 18px rgba(55, 96, 132, 0.08), var(--anime-glass-inset-highlight);
}

.ui.button:not(.icon):hover,
.btn:hover {
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.08)),
          var(--anime-surface-hover) !important;
  transform: translate3d(0, -1px, 0);
  box-shadow: 0 12px 28px rgba(55, 96, 132, 0.14), var(--anime-glass-inset-highlight);
}

.ui.button:not(.icon):active,
.btn:active {
  background: var(--anime-surface-pressed) !important;
  transform: translate3d(0, 0, 0);
  box-shadow: 0 6px 14px rgba(55, 96, 132, 0.1), inset 0 1px 2px rgba(51, 93, 132, 0.12);
}

.ui.button:focus-visible,
.btn:focus-visible {
  outline: 0;
  box-shadow: var(--anime-focus-ring), var(--anime-accent-glow), var(--anime-glass-inset-highlight);
}

.ui.primary.button,
.ui.green.button,
.ui.blue.button,
.ui.basic.primary.button:hover {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--anime-accent-blue), var(--anime-accent-cyan)) !important;
  color: #ffffff !important;
}

.ui.red.button,
.ui.negative.button {
  border-color: transparent !important;
  background: linear-gradient(135deg, #ff7eaa, #ff9fc3) !important;
  color: #ffffff !important;
}

.ui.input > input,
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="text"],
.ui.form input[type="time"],
.ui.form input[type="url"],
.ui.form textarea,
.ui.selection.dropdown,
.CodeMirror,
.cm-editor {
  border-color: var(--color-input-border) !important;
  border-radius: 8px !important;
  background: var(--color-input-background) !important;
  color: var(--anime-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  transition:
          border-color var(--anime-motion-fast) var(--anime-ease-standard),
          background-color var(--anime-motion-fast) var(--anime-ease-standard),
          box-shadow var(--anime-motion-fast) var(--anime-ease-standard);
}

.ui.dropdown {
  position: relative;
  overflow: visible !important;
}

.ui.dropdown.active,
.ui.dropdown.visible,
.ui.dropdown.item.active,
.ui.dropdown.item.visible {
  z-index: var(--anime-z-dropdown) !important;
}

.ui.input > input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
.ui.selection.dropdown:focus,
.ui.selection.active.dropdown,
.ui.selection.active.dropdown:hover {
  border-color: var(--color-input-border-hover) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: var(--anime-focus-ring) !important;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--anime-accent-blue);
}

body input[type="checkbox"]:not(.hidden),
body input[type="radio"]:not(.hidden) {
  position: relative;
  display: inline-grid;
  place-content: center;
  width: var(--checkbox-size, 14px);
  height: var(--checkbox-size, 14px);
  margin: 0 4px 0 0;
  vertical-align: -2px;
  border: 1px solid var(--anime-control-border) !important;
  background: var(--anime-control-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), 0 4px 10px rgba(51, 93, 132, 0.08) !important;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition:
          border-color var(--anime-motion-fast) var(--anime-ease-standard),
          background var(--anime-motion-fast) var(--anime-ease-standard),
          box-shadow var(--anime-motion-fast) var(--anime-ease-standard),
          opacity var(--anime-motion-fast) var(--anime-ease-standard);
}

body input[type="checkbox"]:not(.hidden) {
  border-radius: 4px;
}

body input[type="radio"]:not(.hidden) {
  border-radius: 50%;
}

body input[type="checkbox"]:not(.hidden)::before,
body input[type="radio"]:not(.hidden)::before {
  display: block;
  content: "";
  transform: scale(0);
  transition: transform var(--anime-motion-fast) var(--anime-ease-standard);
}

body input[type="checkbox"]:not(.hidden)::before {
  width: 5px;
  height: 9px;
  margin-top: -1px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  box-shadow: 1px 1px 0 rgba(18, 76, 128, 0.18);
  transform: rotate(45deg) scale(0);
}

body input[type="radio"]:not(.hidden)::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 76, 128, 0.18);
}

body input[type="checkbox"]:not(.hidden):hover,
body input[type="radio"]:not(.hidden):hover {
  border-color: rgba(71, 163, 255, 0.58) !important;
  background: var(--anime-control-hover-bg) !important;
}

body input[type="checkbox"]:not(.hidden):focus-visible,
body input[type="radio"]:not(.hidden):focus-visible {
  outline: 0;
  border-color: rgba(71, 163, 255, 0.68) !important;
  box-shadow: var(--anime-focus-ring), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

body input[type="checkbox"]:not(.hidden):is(:checked, .checked),
body input[type="radio"]:not(.hidden):is(:checked, .checked),
body input[type="checkbox"]:not(.hidden):is(:indeterminate, .indeterminate) {
  border-color: rgba(47, 146, 236, 0.76) !important;
  background: var(--anime-control-checked-bg) !important;
  box-shadow: var(--anime-control-checked-shadow) !important;
}

body input[type="checkbox"]:not(.hidden):is(:checked, .checked)::before {
  transform: rotate(45deg) scale(1);
}

body input[type="radio"]:not(.hidden):is(:checked, .checked)::before {
  transform: scale(1);
}

body input[type="checkbox"]:not(.hidden):is(:indeterminate, .indeterminate)::before {
  width: 9px;
  height: 2px;
  margin-top: 0;
  border: 0;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 1px 0 rgba(18, 76, 128, 0.18);
  transform: scale(1);
}

body input[type="checkbox"]:not(.hidden):disabled,
body input[type="radio"]:not(.hidden):disabled {
  cursor: default;
  opacity: 0.58;
}

body .ui.checkbox input[type="checkbox"],
body .ui.checkbox input[type="radio"],
body .ui.checkbox input[type="checkbox"]:is(:checked, .checked, :indeterminate, .indeterminate),
body .ui.checkbox input[type="radio"]:is(:checked, .checked) {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 17px;
  height: 17px;
  margin: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
  opacity: 0 !important;
  z-index: 3;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}

body .ui.checkbox input[type="checkbox"]::before,
body .ui.checkbox input[type="radio"]::before,
body .ui.checkbox input[type="checkbox"]:is(:checked, .checked, :indeterminate, .indeterminate)::before,
body .ui.checkbox input[type="radio"]:is(:checked, .checked)::before {
  display: none !important;
  content: none !important;
}

body .ui.checkbox:not(:has(label)) input[type="checkbox"],
body .ui.checkbox:not(:has(label)) input[type="radio"],
body .ui.checkbox.issue-checkbox input[type="checkbox"],
body .ui.checkbox.issue-checkbox input[type="radio"],
body .issue-checkbox input[type="checkbox"],
body .issue-checkbox input[type="radio"] {
  position: relative;
  top: auto;
  left: auto;
  display: inline-grid;
  place-content: center;
  width: var(--checkbox-size, 14px);
  height: var(--checkbox-size, 14px);
  margin: 0 4px 0 0;
  vertical-align: -2px;
  border: 1px solid var(--anime-control-border) !important;
  background: var(--anime-control-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), 0 4px 10px rgba(51, 93, 132, 0.08) !important;
  opacity: 1 !important;
  z-index: auto;
  appearance: none !important;
  -webkit-appearance: none !important;
}

body .ui.checkbox:not(:has(label)) input[type="checkbox"],
body .ui.checkbox.issue-checkbox input[type="checkbox"],
body .issue-checkbox input[type="checkbox"] {
  border-radius: 4px;
}

body .ui.checkbox:not(:has(label)) input[type="radio"],
body .ui.checkbox.issue-checkbox input[type="radio"],
body .issue-checkbox input[type="radio"] {
  border-radius: 50%;
}

body .ui.checkbox:not(:has(label)) input[type="checkbox"]::before,
body .ui.checkbox:not(:has(label)) input[type="radio"]::before,
body .ui.checkbox.issue-checkbox input[type="checkbox"]::before,
body .ui.checkbox.issue-checkbox input[type="radio"]::before,
body .issue-checkbox input[type="checkbox"]::before,
body .issue-checkbox input[type="radio"]::before {
  display: block !important;
  content: "" !important;
  transform: scale(0);
  transition: transform var(--anime-motion-fast) var(--anime-ease-standard);
}

body .ui.checkbox:not(:has(label)) input[type="checkbox"]::before,
body .ui.checkbox.issue-checkbox input[type="checkbox"]::before,
body .issue-checkbox input[type="checkbox"]::before {
  width: 5px;
  height: 9px;
  margin-top: -1px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  box-shadow: 1px 1px 0 rgba(18, 76, 128, 0.18);
  transform: rotate(45deg) scale(0);
}

body .ui.checkbox:not(:has(label)) input[type="radio"]::before,
body .ui.checkbox.issue-checkbox input[type="radio"]::before,
body .issue-checkbox input[type="radio"]::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 76, 128, 0.18);
}

body .ui.checkbox:not(:has(label)) input[type="checkbox"]:is(:checked, .checked, :indeterminate, .indeterminate),
body .ui.checkbox:not(:has(label)) input[type="radio"]:is(:checked, .checked),
body .ui.checkbox.issue-checkbox input[type="checkbox"]:is(:checked, .checked, :indeterminate, .indeterminate),
body .ui.checkbox.issue-checkbox input[type="radio"]:is(:checked, .checked),
body .issue-checkbox input[type="checkbox"]:is(:checked, .checked, :indeterminate, .indeterminate),
body .issue-checkbox input[type="radio"]:is(:checked, .checked) {
  border-color: rgba(47, 146, 236, 0.76) !important;
  background: var(--anime-control-checked-bg) !important;
  box-shadow: var(--anime-control-checked-shadow) !important;
  opacity: 1 !important;
}

body .ui.checkbox:not(:has(label)) input[type="checkbox"]:is(:checked, .checked)::before,
body .ui.checkbox.issue-checkbox input[type="checkbox"]:is(:checked, .checked)::before,
body .issue-checkbox input[type="checkbox"]:is(:checked, .checked)::before {
  transform: rotate(45deg) scale(1);
}

body .ui.checkbox:not(:has(label)) input[type="radio"]:is(:checked, .checked)::before,
body .ui.checkbox.issue-checkbox input[type="radio"]:is(:checked, .checked)::before,
body .issue-checkbox input[type="radio"]:is(:checked, .checked)::before {
  transform: scale(1);
}

body .ui.checkbox:not(:has(label)) input[type="checkbox"]:is(:indeterminate, .indeterminate)::before,
body .ui.checkbox.issue-checkbox input[type="checkbox"]:is(:indeterminate, .indeterminate)::before,
body .issue-checkbox input[type="checkbox"]:is(:indeterminate, .indeterminate)::before {
  width: 9px;
  height: 2px;
  margin-top: 0;
  border: 0;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 1px 0 rgba(18, 76, 128, 0.18);
  transform: scale(1);
}

.ui.checkbox,
.ui.checkbox label,
.ui.checkbox + label {
  color: var(--anime-text) !important;
}

.ui.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) label::before {
  border-color: rgba(88, 132, 170, 0.36) !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, 0.68) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 4px 10px rgba(51, 93, 132, 0.08) !important;
}

.ui.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) label::after {
  top: 2px !important;
  left: 6px !important;
  width: 5px !important;
  height: 10px !important;
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
  background: transparent !important;
  box-shadow: 1px 1px 0 rgba(18, 76, 128, 0.18) !important;
  color: transparent !important;
  content: "" !important;
  opacity: 0 !important;
  transform: rotate(45deg) scale(0.82);
  transform-origin: center;
}

.ui.right.aligned.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) label::after {
  right: 6px !important;
  left: auto !important;
}

.ui.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) label:hover::before {
  border-color: rgba(71, 163, 255, 0.52) !important;
  background: rgba(255, 255, 255, 0.78) !important;
}

.ui.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) input:focus ~ label::before {
  border-color: rgba(71, 163, 255, 0.62) !important;
  box-shadow: var(--anime-focus-ring), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

.ui.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) input:checked ~ label::before,
.ui.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) input.checked ~ label::before,
.ui.checkbox.checked:not(.toggle):not(.slider):not(.radio):not(.invisible) label::before,
.ui.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) input:not([type="radio"]):indeterminate ~ label::before,
.ui.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) input.indeterminate ~ label::before,
.ui.indeterminate.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) label::before {
  border-color: rgba(47, 146, 236, 0.76) !important;
  background: var(--anime-control-checked-bg) !important;
  box-shadow: var(--anime-control-checked-shadow) !important;
}

.ui.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) input:checked ~ label::after,
.ui.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) input.checked ~ label::after,
.ui.checkbox.checked:not(.toggle):not(.slider):not(.radio):not(.invisible) label::after {
  opacity: 1 !important;
  transform: rotate(45deg) scale(1);
}

.ui.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) input:not([type="radio"]):indeterminate ~ label::after,
.ui.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) input.indeterminate ~ label::after,
.ui.indeterminate.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) label::after {
  top: 8px !important;
  left: 4px !important;
  width: 9px !important;
  height: 2px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(18, 76, 128, 0.18) !important;
  opacity: 1 !important;
  transform: none !important;
}

.ui.right.aligned.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) input:not([type="radio"]):indeterminate ~ label::after,
.ui.right.aligned.indeterminate.checkbox:not(.toggle):not(.slider):not(.radio):not(.invisible) label::after {
  right: 4px !important;
  left: auto !important;
}

.ui.radio.checkbox label::before {
  border-color: rgba(88, 132, 170, 0.36) !important;
  background: rgba(255, 255, 255, 0.68) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 4px 10px rgba(51, 93, 132, 0.08) !important;
}

.ui.radio.checkbox input:checked ~ label::before,
.ui.radio.checkbox input.checked ~ label::before,
.ui.radio.checkbox.checked label::before {
  border-color: rgba(47, 146, 236, 0.76) !important;
  background: var(--anime-control-checked-bg) !important;
  box-shadow: var(--anime-control-checked-shadow) !important;
}

.ui.radio.checkbox input:checked ~ label::after,
.ui.radio.checkbox input.checked ~ label::after,
.ui.radio.checkbox.checked label::after {
  background: #ffffff !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.44), 0 1px 2px rgba(18, 76, 128, 0.18) !important;
  opacity: 1 !important;
}

.ui.toggle.checkbox label::before,
.ui.slider.checkbox label::before {
  background: rgba(88, 132, 170, 0.18) !important;
  box-shadow: inset 0 1px 2px rgba(51, 93, 132, 0.12) !important;
}

.ui.toggle.checkbox label::after,
.ui.slider.checkbox label::after {
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(236, 247, 255, 0.92)) !important;
  box-shadow: 0 5px 12px rgba(51, 93, 132, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

.ui.toggle.checkbox input:checked ~ label::before,
.ui.toggle.checkbox input.checked ~ label::before,
.ui.toggle.checkbox.checked label::before,
.ui.slider.checkbox input:checked ~ label::before,
.ui.slider.checkbox input.checked ~ label::before,
.ui.slider.checkbox.checked label::before {
  background: var(--anime-control-checked-bg) !important;
  box-shadow: var(--anime-control-checked-shadow) !important;
}

.ui.toggle.checkbox input.checked ~ label::after,
.ui.toggle.checkbox.checked label::after {
  left: 2.15rem !important;
}

.ui.right.aligned.toggle.checkbox input.checked ~ label::after,
.ui.right.aligned.toggle.checkbox.checked label::after {
  right: -0.05rem !important;
  left: auto !important;
}

.ui.slider.checkbox input.checked ~ label::after,
.ui.slider.checkbox.checked label::after {
  left: 2rem !important;
}

.ui.right.aligned.slider.checkbox input.checked ~ label::after,
.ui.right.aligned.slider.checkbox.checked label::after {
  right: 0 !important;
  left: auto !important;
}

.ui.disabled.checkbox label,
.ui.checkbox input[disabled] ~ label {
  opacity: 0.62 !important;
}

.repository.file.list #repo-files-table {
  overflow: hidden;
}

.repository.file.list #repo-files-table thead th,
.repository.file.list #repo-files-table .repo-file-last-commit {
  background: rgba(255, 255, 255, 0.62) !important;
}

.repository.file.list #repo-files-table tbody tr,
.ui.table tbody tr,
.commit-list .commit-list-row {
  transition: background-color var(--anime-motion-fast) var(--anime-ease-standard);
}

.repository.file.list #repo-files-table tbody tr:hover,
.ui.table tbody tr:hover,
.commit-list .commit-list-row:hover {
  background: rgba(103, 217, 206, 0.13) !important;
}

.commits-table :is(tbody tr, .commit-list-row):hover,
.repository .commits-table :is(tbody tr, .commit-list-row):hover,
.repository #commits-table tbody tr:hover,
#commits-table tbody tr:hover,
.repository .commit-list .commit-list-row:hover,
.commit-list .commit-list-row:hover {
  background: var(--anime-commits-table-hover-bg) !important;
}

.repository .repo-view-file-tree-container {
  position: relative;
  z-index: var(--anime-z-content);
  max-height: calc(100vh - 12rem);
  border: 1px solid rgba(95, 139, 180, 0.22) !important;
  border-radius: 8px !important;
  overflow: auto;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.08) 48%),
          var(--anime-file-tree-bg) !important;
  box-shadow: var(--anime-glass-shadow-soft), var(--anime-glass-inset-highlight);
  backdrop-filter: blur(22px) saturate(1.2);
  -webkit-backdrop-filter: blur(22px) saturate(1.2);
  scrollbar-gutter: stable;
}

.repository .repo-view-file-tree-container::before {
  position: sticky;
  top: 0;
  z-index: 1;
  display: block;
  height: 1px;
  background: rgba(255, 255, 255, 0.58);
  content: "";
}

.repository .repo-view-file-tree-container :is(ul, ol) {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.repository .repo-view-file-tree-container :is(.item, li, a, button) {
  min-width: 0;
}

.repository .repo-view-file-tree-container :is(a, button, .item, li) {
  border-radius: 6px !important;
}

.repository .repo-view-file-tree-container :is(a, button) {
  color: var(--anime-text) !important;
}

.repository .repo-view-file-tree-container :is(a, button, .item) {
  transition:
          background-color var(--anime-motion-fast) var(--anime-ease-standard),
          box-shadow var(--anime-motion-fast) var(--anime-ease-standard),
          color var(--anime-motion-fast) var(--anime-ease-standard),
          transform var(--anime-motion-fast) var(--anime-ease-standard);
}

.repository .repo-view-file-tree-container :is(a, button, .item):hover,
.repository .repo-view-file-tree-container :is(a, button, .item):focus-visible {
  outline: 0;
  background: var(--anime-file-tree-row-hover) !important;
  box-shadow: 0 6px 14px rgba(55, 96, 132, 0.08), var(--anime-glass-inset-highlight);
  color: var(--anime-text) !important;
  transform: translate3d(1px, 0, 0);
}

.repository .repo-view-file-tree-container :is(.active, .selected, [aria-current="page"], [aria-selected="true"]) {
  background: var(--anime-file-tree-row-active) !important;
  box-shadow: inset 2px 0 0 rgba(71, 163, 255, 0.68), var(--anime-glass-inset-highlight);
  color: #176fc2 !important;
}

.repository .repo-view-file-tree-container :is(.svg, .octicon, svg) {
  color: #4883b8;
  flex: 0 0 auto;
}

.repository .repo-view-file-tree-container :is(.text, .name, .entry-name, .file-name) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.repository .repo-view-file-tree-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.repository .repo-view-file-tree-container::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.22);
}

.repository .repo-view-file-tree-container::-webkit-scrollbar-thumb {
  border: 2px solid rgba(255, 255, 255, 0.38);
  border-radius: 999px;
  background: rgba(71, 163, 255, 0.42);
}

.repository #diff-file-tree,
.repository .diff-file-tree,
#diff-file-tree.diff-file-tree {
  position: sticky;
  top: 47px;
  z-index: var(--anime-z-content);
  flex: 0 0 min(22rem, 24%);
  max-width: min(24rem, 32vw);
  max-height: calc(100vh - 4rem);
  padding: 8px !important;
  border: 1px solid rgba(95, 139, 180, 0.22) !important;
  border-radius: 8px !important;
  overflow: auto !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.08) 48%),
          var(--anime-file-tree-bg) !important;
  box-shadow: var(--anime-glass-shadow-soft), var(--anime-glass-inset-highlight);
  backdrop-filter: blur(22px) saturate(1.2);
  -webkit-backdrop-filter: blur(22px) saturate(1.2);
  scrollbar-gutter: stable;
}

.repository #diff-file-tree .diff-file-tree-items,
.repository .diff-file-tree .diff-file-tree-items {
  gap: 2px;
  margin-right: 0;
}

.repository #diff-file-tree :is(.item-file, .item-directory),
.repository .diff-file-tree :is(.item-file, .item-directory) {
  min-width: 0;
  border-radius: 6px !important;
  color: var(--anime-text) !important;
  transition:
          background-color var(--anime-motion-fast) var(--anime-ease-standard),
          box-shadow var(--anime-motion-fast) var(--anime-ease-standard),
          color var(--anime-motion-fast) var(--anime-ease-standard),
          transform var(--anime-motion-fast) var(--anime-ease-standard);
}

.repository #diff-file-tree :is(.item-file, .item-directory):hover,
.repository #diff-file-tree :is(.item-file, .item-directory):focus-visible,
.repository .diff-file-tree :is(.item-file, .item-directory):hover,
.repository .diff-file-tree :is(.item-file, .item-directory):focus-visible {
  outline: 0;
  background: var(--anime-file-tree-row-hover) !important;
  box-shadow: 0 6px 14px rgba(55, 96, 132, 0.08), var(--anime-glass-inset-highlight);
  color: var(--anime-text) !important;
  transform: translate3d(1px, 0, 0);
}

.repository #diff-file-tree .item-file.selected,
.repository .diff-file-tree .item-file.selected {
  background: var(--anime-file-tree-row-active) !important;
  box-shadow: inset 2px 0 0 rgba(71, 163, 255, 0.68), var(--anime-glass-inset-highlight);
  color: #176fc2 !important;
}

.repository #diff-file-tree :is(.item-file.viewed, .item-directory.viewed),
.repository .diff-file-tree :is(.item-file.viewed, .item-directory.viewed) {
  color: var(--anime-text-subtle) !important;
  opacity: 0.78;
}

.repository #diff-file-tree .sub-items,
.repository .diff-file-tree .sub-items {
  gap: 2px;
  border-left-color: rgba(95, 139, 180, 0.22) !important;
}

.repository #diff-file-tree .gt-ellipsis,
.repository .diff-file-tree .gt-ellipsis {
  min-width: 0;
}

.repository #diff-file-tree .tw-text-green,
.repository .diff-file-tree .tw-text-green {
  color: #2f9f6a !important;
}

.repository #diff-file-tree .tw-text-yellow,
.repository .diff-file-tree .tw-text-yellow {
  color: #bc7a12 !important;
}

.repository #diff-file-tree .tw-text-red,
.repository .diff-file-tree .tw-text-red {
  color: #df5d7c !important;
}

.repository #diff-file-tree .tw-text-teal,
.repository .diff-file-tree .tw-text-teal {
  color: #218f9a !important;
}

.repository #diff-file-tree::-webkit-scrollbar,
.repository .diff-file-tree::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.repository #diff-file-tree::-webkit-scrollbar-track,
.repository .diff-file-tree::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.22);
}

.repository #diff-file-tree::-webkit-scrollbar-thumb,
.repository .diff-file-tree::-webkit-scrollbar-thumb {
  border: 2px solid rgba(255, 255, 255, 0.38);
  border-radius: 999px;
  background: rgba(71, 163, 255, 0.42);
}

.page-content.repository.diff {
  overflow: visible !important;
  isolation: isolate;
}

.page-content.repository.diff > .ui.container.fluid.padded {
  position: relative;
  z-index: var(--anime-z-content);
  width: min(1280px, calc(100vw - 48px)) !important;
  max-width: 1280px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.page-content.repository.diff > .ui.container.fluid.padded:has(.choose.branch .ui.dropdown.visible),
.page-content.repository.diff > .ui.container.fluid.padded:has(.choose.branch .ui.dropdown.active) {
  z-index: var(--anime-z-dropdown-scope) !important;
  overflow: visible !important;
}

.page-content.repository.diff.compare > .ui.container.fluid.padded {
  width: min(1280px, calc(100vw - 48px)) !important;
  max-width: 1280px !important;
}

.page-content.repository.diff .ui.segment.choose.branch {
  position: relative;
  z-index: var(--anime-z-pagebar);
  gap: 10px 12px;
  overflow: visible !important;
  border-color: var(--anime-glass-border-strong) !important;
  background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.42), rgba(232, 249, 255, 0.18) 58%, rgba(255, 246, 251, 0.16)),
          rgba(255, 255, 255, 0.62) !important;
  box-shadow: var(--anime-glass-shadow-soft), var(--anime-glass-inset-highlight);
}

.page-content.repository.diff .ui.segment.choose.branch:has(.ui.dropdown.visible),
.page-content.repository.diff .ui.segment.choose.branch:has(.ui.dropdown.active) {
  z-index: var(--anime-z-dropdown-scope) !important;
}

.page-content.repository.diff .choose.branch .ui.dropdown.select-branch {
  position: relative;
  z-index: var(--anime-z-pagebar);
  max-width: min(100%, 42rem);
}

.page-content.repository.diff .choose.branch .ui.dropdown.select-branch.visible,
.page-content.repository.diff .choose.branch .ui.dropdown.select-branch.active {
  z-index: var(--anime-z-dropdown) !important;
}

.page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .ui.basic.button {
  max-width: min(100%, 42rem);
  background: rgba(255, 255, 255, 0.76) !important;
}

.page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .ui.basic.button .text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .menu {
  z-index: var(--anime-z-dropdown-menu) !important;
  width: max-content;
  min-width: min(34rem, calc(100vw - 40px));
  max-width: min(46rem, calc(100vw - 40px));
  max-height: min(30rem, calc(100vh - 9rem));
  padding: 8px !important;
  overflow: hidden !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.04) 52%),
          var(--anime-repo-dropdown-bg-strong) !important;
}

.page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .menu > .ui.icon.search.input {
  width: 100%;
  margin: 0 0 8px;
}

.page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .menu > .ui.icon.search.input input {
  background: rgba(255, 255, 255, 0.5) !important;
}

.page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .menu > .header {
  margin: 0 0 6px;
  border: 1px solid rgba(95, 139, 180, 0.14);
  border-radius: 6px;
  background: rgba(238, 248, 255, 0.3) !important;
}

.page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .menu > .header .column {
  color: var(--anime-text-muted) !important;
}

.page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .menu > .reference-list-menu {
  max-height: min(20rem, calc(100vh - 18rem));
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  scrollbar-gutter: stable;
}

.page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .menu > .reference-list-menu > .item {
  max-width: 100%;
  border-bottom: 1px solid rgba(95, 139, 180, 0.1) !important;
  border-radius: 6px !important;
  overflow: hidden;
  color: var(--anime-text) !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .menu > .reference-list-menu > .item.selected,
.page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .menu > .reference-list-menu > .item.active {
  background: var(--anime-file-tree-row-active) !important;
  color: #176fc2 !important;
  box-shadow: inset 2px 0 0 rgba(71, 163, 255, 0.68);
}

.page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .menu > .reference-list-menu::-webkit-scrollbar {
  width: 10px;
}

.page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .menu > .reference-list-menu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.22);
}

.page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .menu > .reference-list-menu::-webkit-scrollbar-thumb {
  border: 2px solid rgba(255, 255, 255, 0.38);
  border-radius: 999px;
  background: rgba(71, 163, 255, 0.42);
}

.page-content.repository.diff .commit-header {
  position: relative;
  z-index: var(--anime-z-content);
  overflow: visible !important;
  padding: 16px 18px !important;
  border-color: var(--anime-glass-border-strong) !important;
  border-radius: 8px 8px 0 0 !important;
  background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.46), rgba(232, 249, 255, 0.2) 58%, rgba(255, 246, 251, 0.18)),
          var(--anime-commit-bg) !important;
  box-shadow: var(--anime-glass-shadow-soft), var(--anime-glass-inset-highlight);
  backdrop-filter: blur(24px) saturate(1.22);
  -webkit-backdrop-filter: blur(24px) saturate(1.22);
}

.page-content.repository.diff .commit-header > .tw-flex {
  align-items: flex-start;
  gap: 12px !important;
  min-width: 0;
}

.page-content.repository.diff .commit-header h3 {
  min-width: 0;
  color: var(--anime-text);
  line-height: 1.45;
}

.page-content.repository.diff .commit-header .commit-summary {
  display: inline;
  overflow: visible;
  color: var(--anime-text);
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.page-content.repository.diff .commit-header-buttons {
  position: relative;
  z-index: var(--anime-z-content-raised);
  gap: 8px;
  justify-content: flex-end;
  min-width: max-content;
}

.page-content.repository.diff .commit-header:has(.ui.dropdown.visible),
.page-content.repository.diff .commit-header:has(.ui.dropdown.active),
.page-content.repository.diff .commit-header-buttons:has(.ui.dropdown.visible),
.page-content.repository.diff .commit-header-buttons:has(.ui.dropdown.active) {
  z-index: var(--anime-z-dropdown-scope) !important;
  overflow: visible !important;
}

.page-content.repository.diff .commit-header-buttons .ui.dropdown.visible,
.page-content.repository.diff .commit-header-buttons .ui.dropdown.active {
  z-index: var(--anime-z-dropdown) !important;
}

.page-content.repository.diff .commit-header-buttons .ui.dropdown.visible > .menu,
.page-content.repository.diff .commit-header-buttons .ui.dropdown.active > .menu {
  z-index: var(--anime-z-dropdown-menu) !important;
}

.page-content.repository.diff :is(
  .commit-header-buttons,
  .diff-detail-actions,
  .diff-file-header-actions,
  .choose.branch
) .ui.dropdown > .menu,
.page-content.repository.diff .ui.dropdown.branch-selector-dropdown > .menu {
  border-color: rgba(95, 139, 180, 0.22) !important;
  outline: 1px solid rgba(255, 255, 255, 0.38);
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.04) 52%),
          var(--anime-repo-dropdown-bg) !important;
  box-shadow: 0 18px 44px rgba(30, 61, 92, 0.16), 0 0 0 1px rgba(255, 255, 255, 0.36), var(--anime-glass-inset-highlight) !important;
  backdrop-filter: blur(18px) saturate(1.14);
  -webkit-backdrop-filter: blur(18px) saturate(1.14);
}

.page-content.repository.diff :is(
  .commit-header-buttons,
  .diff-detail-actions,
  .diff-file-header-actions,
  .choose.branch
) .ui.dropdown > .menu > .header,
.page-content.repository.diff .ui.dropdown.branch-selector-dropdown > .menu > .header {
  color: var(--anime-text-muted) !important;
  background: transparent !important;
}

.page-content.repository.diff :is(
  .commit-header-buttons,
  .diff-detail-actions,
  .diff-file-header-actions,
  .choose.branch
) .ui.dropdown > .menu > .item:hover,
.page-content.repository.diff :is(
  .commit-header-buttons,
  .diff-detail-actions,
  .diff-file-header-actions,
  .choose.branch
) .ui.dropdown > .menu > .item:focus-visible,
.page-content.repository.diff .ui.dropdown.branch-selector-dropdown > .menu > .item:hover,
.page-content.repository.diff .ui.dropdown.branch-selector-dropdown > .menu > .item:focus-visible {
  background: rgba(71, 163, 255, 0.1) !important;
}

.page-content.repository.diff .commit-body {
  margin: 10px 0 0;
  padding: 10px 12px;
  border: 1px solid rgba(95, 139, 180, 0.2);
  border-radius: 8px;
  overflow: auto;
  background: rgba(255, 255, 255, 0.42);
  color: var(--anime-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.page-content.repository.diff .branch-and-tag-area {
  margin-top: 10px;
  color: var(--anime-text-muted);
}

.page-content.repository.diff .branch-and-tag-area .divider {
  height: 1px;
  margin: 10px 0 8px;
  background: linear-gradient(90deg, transparent, rgba(95, 139, 180, 0.28), transparent);
}

.page-content.repository.diff .branch-and-tag-area .ellipsis-button {
  border-color: rgba(95, 139, 180, 0.28) !important;
  background: rgba(255, 255, 255, 0.7) !important;
  color: var(--anime-text-muted) !important;
  box-shadow: var(--anime-glass-inset-highlight);
}

.page-content.repository.diff .branch-and-tag-detail {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(95, 139, 180, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.42);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.page-content.repository.diff .commit-header + .ui.bottom.attached.segment {
  position: relative;
  z-index: var(--anime-z-content);
  gap: 10px 14px;
  margin-bottom: 14px;
  padding: 10px 14px !important;
  border-top: 0 !important;
  border-color: var(--anime-glass-border-strong) !important;
  border-radius: 0 0 8px 8px !important;
  overflow: visible !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.1)),
          var(--anime-commit-bg-strong) !important;
  box-shadow: var(--anime-glass-shadow-soft), var(--anime-glass-inset-highlight);
  backdrop-filter: blur(22px) saturate(1.18);
  -webkit-backdrop-filter: blur(22px) saturate(1.18);
}

.page-content.repository.diff .commit-header + .ui.bottom.attached.segment .flex-text-inline {
  min-width: 0;
}

.page-content.repository.diff .commit-header + .ui.bottom.attached.segment .commit-id-short {
  border: 1px solid rgba(95, 139, 180, 0.24) !important;
  background: rgba(238, 248, 255, 0.9) !important;
  color: #176fc2 !important;
  box-shadow: var(--anime-glass-inset-highlight);
}

.page-content.repository.diff .ui.attached.table.segment.commit-table,
.page-content.repository.diff .ui.attached.segment.commit-table,
.page-content.repository.diff .commit-table {
  border-color: rgba(95, 139, 180, 0.18) !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.04)),
          var(--anime-commits-table-bg) !important;
  box-shadow: 0 8px 22px rgba(51, 93, 132, 0.08), var(--anime-glass-inset-highlight) !important;
  backdrop-filter: blur(18px) saturate(1.14);
  -webkit-backdrop-filter: blur(18px) saturate(1.14);
}

.page-content.repository.diff .commit-table :is(tr, td, th) {
  border-color: rgba(95, 139, 180, 0.14) !important;
  background-color: transparent !important;
}

.page-content.repository.diff .commit-table :is(thead, th) {
  background: var(--anime-commits-table-head-bg) !important;
}

.page-content.repository.diff .diff-detail-box {
  position: sticky;
  top: 0;
  z-index: var(--anime-z-pagebar-raised) !important;
  min-height: var(--anime-diff-detail-height);
  height: auto;
  margin: 14px 0 12px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(95, 139, 180, 0.26);
  border-radius: 8px;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.14)),
          var(--anime-diff-toolbar-bg) !important;
  box-shadow: 0 12px 28px rgba(51, 93, 132, 0.12), var(--anime-glass-inset-highlight);
  backdrop-filter: blur(22px) saturate(1.2);
  -webkit-backdrop-filter: blur(22px) saturate(1.2);
}

.page-content.repository.diff .diff-detail-box .diff-detail-stats {
  min-width: 0;
  color: var(--anime-text);
}

.page-content.repository.diff .diff-detail-box .diff-detail-stats strong:nth-of-type(1) {
  color: #ad7614;
}

.page-content.repository.diff .diff-detail-box .diff-detail-stats strong:nth-of-type(2) {
  color: #2f9f6a;
}

.page-content.repository.diff .diff-detail-box .diff-detail-stats strong:nth-of-type(3) {
  color: #df5d7c;
}

.page-content.repository.diff .diff-detail-actions {
  position: relative;
  z-index: var(--anime-z-content-raised);
  gap: 6px;
  flex-wrap: wrap;
}

.page-content.repository.diff .diff-detail-actions .ui.dropdown.visible,
.page-content.repository.diff .diff-detail-actions .ui.dropdown.active {
  z-index: var(--anime-z-dropdown) !important;
}

.page-content.repository.diff #diff-container {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
}

.page-content.repository.diff #diff-file-tree,
.page-content.repository.diff .diff-file-tree {
  top: calc(var(--anime-diff-detail-height) + 12px);
  z-index: var(--anime-z-content) !important;
  flex: 0 0 clamp(15rem, 21vw, 24rem);
  max-width: clamp(15rem, 24vw, 26rem);
  max-height: calc(100vh - var(--anime-diff-detail-height) - 24px);
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.14) 48%),
          rgba(255, 255, 255, 0.66) !important;
}

.page-content.repository.diff #diff-file-boxes {
  width: auto !important;
  min-width: 0;
  max-width: 100%;
  padding: 0 !important;
  flex: 1 1 auto;
  background: transparent !important;
}

.page-content.repository.diff .diff-file-box {
  position: relative;
  z-index: var(--anime-z-content);
  overflow: visible !important;
  border-color: rgba(95, 139, 180, 0.22) !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04)),
          rgba(255, 255, 255, 0.36) !important;
  box-shadow: 0 8px 22px rgba(51, 93, 132, 0.08), var(--anime-glass-inset-highlight);
}

.page-content.repository.diff .diff-file-box:target {
  border-color: rgba(71, 163, 255, 0.58) !important;
  box-shadow: var(--anime-accent-glow), var(--anime-glass-shadow-soft) !important;
}

.page-content.repository.diff .diff-file-header.sticky-2nd-row {
  top: var(--anime-diff-detail-height);
  z-index: var(--anime-z-pagebar) !important;
  min-height: 44px;
  border-color: rgba(95, 139, 180, 0.3) !important;
  border-radius: 8px 8px 0 0 !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(238, 248, 255, 0.3)),
          rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 10px 22px rgba(51, 93, 132, 0.14), var(--anime-glass-inset-highlight) !important;
  backdrop-filter: blur(20px) saturate(1.18);
  -webkit-backdrop-filter: blur(20px) saturate(1.18);
}

.page-content.repository.diff .diff-file-name,
.page-content.repository.diff .diff-file-name .flex-text-block {
  min-width: 0;
}

.page-content.repository.diff .diff-file-name .file-link {
  max-width: min(100%, 78ch);
  color: var(--anime-text) !important;
}

.page-content.repository.diff .diff-file-header-actions {
  min-width: 0;
}

.page-content.repository.diff .diff-file-header :is(.ui.label, .ui.basic.label) {
  border-color: rgba(95, 139, 180, 0.22) !important;
  background: rgba(238, 248, 255, 0.86) !important;
  color: var(--anime-text-muted) !important;
}

.page-content.repository.diff .diff-file-body {
  border-color: rgba(95, 139, 180, 0.18) !important;
  border-radius: 0 0 8px 8px !important;
  overflow-x: auto;
  background: var(--anime-code-panel-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32);
}

.page-content.repository.diff .diff-file-body .file-body.file-code {
  min-width: 0;
  overflow-x: auto;
  background: transparent !important;
}

.page-content.repository.diff .diff-file-body table.chroma,
.page-content.repository.diff .diff-file-body .chroma {
  min-width: 100%;
  background: transparent !important;
}

.page-content.repository.diff .lines-num,
.page-content.repository.diff .code-line-menu {
  background: rgba(235, 246, 253, 0.84) !important;
}

.repository.file.list #repo-files-table td.name a,
.repository.file.list #repo-files-table td.message a,
.commit-list a,
.repo-title a {
  color: #1e517e !important;
}

.ui.label.commit-id-short,
.repository .commit-id-short,
.commit-list .commit-id-short,
.latest-commit .commit-id-short {
  position: relative;
  z-index: 0 !important;
}

.repository .ui.dropdown.active,
.repository .ui.dropdown.visible,
.commit-list .ui.dropdown.active,
.commit-list .ui.dropdown.visible,
.latest-commit .ui.dropdown.active,
.latest-commit .ui.dropdown.visible {
  position: relative;
  z-index: var(--anime-z-dropdown) !important;
}

.repository .ui.dropdown.active > .menu,
.repository .ui.dropdown.visible > .menu,
.commit-list .ui.dropdown.active > .menu,
.commit-list .ui.dropdown.visible > .menu,
.latest-commit .ui.dropdown.active > .menu,
.latest-commit .ui.dropdown.visible > .menu {
  z-index: var(--anime-z-dropdown-menu) !important;
}

.repository.file.list #repo-files-table svg,
.svg,
.octicon,
.repo-icon {
  color: #4883b8;
}

.page-content.dashboard #dashboard-repo-list .ui.grey.label,
.page-content.dashboard.feeds #dashboard-repo-list .ui.grey.label {
  border: 1px solid rgba(95, 139, 180, 0.2) !important;
  border-radius: 999px !important;
  background: rgba(238, 248, 255, 0.78) !important;
  color: var(--anime-text-muted) !important;
}

.page-content.dashboard #dashboard-repo-list .ui.label.primary,
.page-content.dashboard.feeds #dashboard-repo-list .ui.label.primary,
.page-content.dashboard #dashboard-repo-list .ui.labels .primary.label,
.page-content.dashboard.feeds #dashboard-repo-list .ui.labels .primary.label {
  background: rgba(71, 163, 255, 0.16) !important;
  color: #176fc2 !important;
}

.markup,
.file-view,
.blob-wrapper,
.code-view,
.diff-file-box,
.chroma {
  background: rgba(251, 254, 255, 0.74) !important;
}

.lines-num,
.lines-code,
.code-view code,
.code-view pre,
.markup code,
.markup pre {
  font-family: var(--fonts-monospace) !important;
}

.lines-num,
.code-line-menu,
.blob-excerpt {
  background: rgba(235, 246, 253, 0.72) !important;
  color: #7b8da2 !important;
}

.lines-code,
.lines-code pre,
.chroma,
.cm-scroller {
  color: #213145 !important;
}

.diff-file-box .file-header,
.file-header,
.box-header,
.ui .header-wrapper {
  border-color: var(--anime-glass-border) !important;
  background: rgba(255, 255, 255, 0.7) !important;
}

.timeline-item .badge,
.activity-bar-graph,
.heatmap-color-1,
.heatmap-color-2,
.heatmap-color-3,
.heatmap-color-4 {
  box-shadow: 0 8px 20px rgba(71, 163, 255, 0.12);
}

.heatmap-color-0 {
  fill: var(--color-heatmap-0) !important;
  background-color: var(--color-heatmap-0) !important;
}

#user-heatmap .heatmap-day[style*="--color-secondary-alpha-60"],
#user-heatmap .heatmap-legend-svg rect[style*="--color-secondary-alpha-60"],
#user-heatmap rect[style*="--color-secondary-alpha-60"] {
  fill: var(--color-heatmap-0) !important;
}

.heatmap-color-1 {
  fill: var(--color-heatmap-1) !important;
  background-color: var(--color-heatmap-1) !important;
}

.heatmap-color-2 {
  fill: var(--color-heatmap-2) !important;
  background-color: var(--color-heatmap-2) !important;
}

.heatmap-color-3 {
  fill: var(--color-heatmap-3) !important;
  background-color: var(--color-heatmap-3) !important;
}

.heatmap-color-4 {
  fill: var(--color-heatmap-4) !important;
  background-color: var(--color-heatmap-4) !important;
}

.ui.popup,
.ui.dropdown > .menu,
.ui.context.menu,
overflow-menu .overflow-menu-popup,
#notification-container .ui.message,
.toastify {
  z-index: var(--anime-z-dropdown) !important;
  border: 1px solid var(--anime-popup-border) !important;
  border-radius: 8px !important;
  outline: 1px solid rgba(255, 255, 255, 0.58);
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.06) 52%),
          var(--anime-popup-bg) !important;
  background-clip: padding-box;
  color: var(--anime-text) !important;
  box-shadow: var(--anime-popup-shadow) !important;
  backdrop-filter: blur(18px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

.ui.popup::before {
  background: var(--anime-popup-arrow-bg) !important;
  box-shadow: -1px -1px 0 0 var(--anime-popup-border) !important;
}

overflow-menu .overflow-menu-popup::before {
  border-bottom-color: var(--anime-popup-border) !important;
}

overflow-menu .overflow-menu-popup::after {
  border-bottom-color: var(--anime-popup-arrow-bg) !important;
}

/*
  Long Fomantic selection dropdowns, such as Gitea's license/gitignore/template
  selectors, must scroll inside the popup instead of covering later form fields.
*/
.ui.selection.dropdown > .menu,
.ui.search.selection.dropdown > .menu,
.ui.fluid.selection.dropdown > .menu,
html[data-theme="anime-glass-light"] .ui.selection.dropdown > .menu,
html[data-theme="anime-glass-light"] .ui.search.selection.dropdown > .menu,
html[data-theme="anime-glass-light"] .ui.fluid.selection.dropdown > .menu {
  max-height: var(--anime-dropdown-max-height) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.08) 52%),
          var(--anime-dropdown-long-bg) !important;
  scrollbar-gutter: stable;
}

.ui.selection.dropdown > .menu::-webkit-scrollbar,
.ui.search.selection.dropdown > .menu::-webkit-scrollbar,
.ui.fluid.selection.dropdown > .menu::-webkit-scrollbar {
  width: 10px;
}

.ui.selection.dropdown > .menu::-webkit-scrollbar-track,
.ui.search.selection.dropdown > .menu::-webkit-scrollbar-track,
.ui.fluid.selection.dropdown > .menu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.18);
}

.ui.selection.dropdown > .menu::-webkit-scrollbar-thumb,
.ui.search.selection.dropdown > .menu::-webkit-scrollbar-thumb,
.ui.fluid.selection.dropdown > .menu::-webkit-scrollbar-thumb {
  border: 2px solid rgba(255, 255, 255, 0.36);
  border-radius: 999px;
  background: rgba(71, 163, 255, 0.42);
}

.ui.dropdown:not(.selection) > .menu {
  overflow: visible !important;
}

.ui.dropdown.visible > .menu,
.ui.dropdown.active > .menu,
.ui.dropdown > .menu.transition.visible {
  z-index: var(--anime-z-dropdown-menu) !important;
}

.ui.dropdown > .menu > .item,
.ui.dropdown > .menu > :is(.scrolling.menu, .reference-list-menu) > .item {
  border-top: 0 !important;
  border-bottom: 0 !important;
  color: var(--anime-text) !important;
  border-radius: 6px !important;
  transition:
          color var(--anime-motion-fast) var(--anime-ease-standard),
          background-color var(--anime-motion-fast) var(--anime-ease-standard),
          transform var(--anime-motion-fast) var(--anime-ease-standard);
}

.ui.dropdown > .menu > .item:last-child,
.ui.dropdown > .menu > :is(.scrolling.menu, .reference-list-menu) > .item:last-child {
  border-bottom: 0 !important;
}

.ui.dropdown > .menu > .header,
.ui.context.menu > .header {
  margin: 0 0 3px;
  padding: 9px 12px 7px !important;
  border-bottom: 0 !important;
  color: var(--anime-text-muted) !important;
  background: transparent !important;
}

.ui.dropdown > .menu > .divider,
.ui.context.menu > .divider {
  display: block !important;
  width: 100% !important;
  height: 0 !important;
  margin: 6px 0 !important;
  border-top: 1px solid rgba(95, 139, 180, 0.2) !important;
  background: transparent !important;
  pointer-events: none;
}

.ui.dropdown > .menu > .item:hover,
.ui.dropdown > .menu > .item:focus-visible,
.ui.dropdown > .menu > :is(.scrolling.menu, .reference-list-menu) > .item:hover,
.ui.dropdown > .menu > :is(.scrolling.menu, .reference-list-menu) > .item:focus-visible {
  outline: 0;
  background:
          linear-gradient(90deg, rgba(71, 163, 255, 0.16), rgba(103, 217, 206, 0.1)) !important;
  color: var(--anime-text) !important;
  transform: translate3d(2px, 0, 0);
}

.ui.dropdown > .menu > .active.item,
.ui.dropdown > .menu > .selected.item,
.ui.dropdown > .menu > :is(.scrolling.menu, .reference-list-menu) > .active.item,
.ui.dropdown > .menu > :is(.scrolling.menu, .reference-list-menu) > .selected.item {
  background: var(--anime-surface-active) !important;
  color: #176fc2 !important;
  box-shadow: inset 2px 0 0 rgba(71, 163, 255, 0.62);
}

.ui.dropdown > .menu > :is(.scrolling.menu, .reference-list-menu),
.ui.dropdown > .menu > :is(.scrolling.menu, .reference-list-menu).menu {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.ui.divider {
  border-color: rgba(95, 139, 180, 0.18) !important;
}

.ui.warning.message {
  background: rgba(255, 248, 221, 0.78) !important;
}

.ui.info.message,
.ui.positive.message {
  background: rgba(228, 251, 247, 0.78) !important;
}

.ui.negative.message,
.ui.error.message {
  background: rgba(255, 232, 240, 0.78) !important;
}

footer {
  color: var(--anime-text-subtle) !important;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.36);
}

::-webkit-scrollbar-thumb {
  border: 3px solid rgba(255, 255, 255, 0.42);
  border-radius: 999px;
  background: rgba(71, 163, 255, 0.42);
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(71, 163, 255, 0.62);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root {
    --anime-glass-bg: rgba(255, 255, 255, 0.9);
    --anime-glass-bg-strong: rgba(255, 255, 255, 0.94);
    --anime-popup-bg: rgba(255, 255, 255, 0.98);
    --anime-popup-bg-strong: rgba(255, 255, 255, 0.99);
    --anime-popup-arrow-bg: rgba(255, 255, 255, 0.98);
    --anime-dropdown-long-bg: rgba(255, 255, 255, 0.99);
    --color-navbar: rgba(255, 255, 255, 0.92);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .page-content > .ui.container,
  .repository .ui.container,
  .dashboard .ui.container {
    animation: anime-glass-enter var(--anime-motion-slow) var(--anime-ease-emphasized) both;
  }

  .ui.dropdown.visible > .menu,
  .ui.dropdown.active > .menu,
  .ui.popup,
  .ui.context.menu,
  [data-tippy-root] .tippy-box {
    animation: anime-glass-pop var(--anime-motion-fast) var(--anime-ease-emphasized) both;
    transform-origin: top center;
  }
}

@keyframes anime-glass-enter {
  from {
    opacity: 0;
    transform: translate3d(0, 6px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes anime-glass-pop {
  from {
    opacity: 0;
    transform: translate3d(0, -4px, 0) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
    animation: none !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }

  .dashboard.feeds .news:hover,
  .dashboard.feeds .news:focus-within,
  .page-content.dashboard .repository.list .item:hover,
  .page-content.dashboard.feeds .repository.list .item:hover,
  .page-content.dashboard .repo-owner-name-list .item:hover,
  .page-content.dashboard.feeds .repo-owner-name-list .item:hover,
  .page-content.dashboard #dashboard-repo-list .repo-owner-name-list li:hover,
  .page-content.dashboard.feeds #dashboard-repo-list .repo-owner-name-list li:hover,
  .page-content.dashboard #dashboard-repo-list .repo-owner-name-list li.active,
  .page-content.dashboard.feeds #dashboard-repo-list .repo-owner-name-list li.active,
  .ui.menu > .item:hover,
  .ui.secondary.menu > .item:hover,
  .ui.tabs.container > .item:hover,
  .ui.card:hover,
  .ui.cards > .card:hover,
  .repository .timeline-item .content:hover,
  .repository .repo-view-file-tree-container :is(a, button, .item):hover,
  .repository .repo-view-file-tree-container :is(a, button, .item):focus-visible,
  .repository #diff-file-tree :is(.item-file, .item-directory):hover,
  .repository #diff-file-tree :is(.item-file, .item-directory):focus-visible,
  .repository .diff-file-tree :is(.item-file, .item-directory):hover,
  .repository .diff-file-tree :is(.item-file, .item-directory):focus-visible,
  .ui.dropdown > .menu > .item:hover,
  .ui.dropdown > .menu > .item:focus-visible,
  .ui.dropdown > .menu > :is(.scrolling.menu, .reference-list-menu) > .item:hover,
  .ui.dropdown > .menu > :is(.scrolling.menu, .reference-list-menu) > .item:focus-visible,
  .ui.button:not(.icon):hover,
  .btn:hover {
    transform: none !important;
  }
}

@media (max-width: 991.98px) {
  .page-content.repository.diff > .ui.container.fluid.padded {
    width: calc(100vw - 20px) !important;
  }

  .page-content.repository.diff.compare > .ui.container.fluid.padded {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }

  .page-content.repository.diff .commit-header > .tw-flex {
    flex-direction: column;
  }

  .page-content.repository.diff .commit-header-buttons {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }

  .page-content.repository.diff .diff-detail-box {
    position: relative;
    top: 0;
    gap: 8px;
  }

  .page-content.repository.diff .diff-file-header.sticky-2nd-row {
    top: 0;
  }

  .repository #diff-container {
    flex-direction: column;
  }

  .repository #diff-file-tree,
  .repository .diff-file-tree {
    position: relative;
    top: 0;
    width: 100%;
    max-width: none;
    max-height: 18rem;
    flex: 1 1 auto;
  }

  .page-content.repository.diff #diff-file-tree,
  .page-content.repository.diff .diff-file-tree {
    max-width: none;
    max-height: 18rem;
  }

  .page-content.admin > .ui.container.flex-container {
    width: calc(100% - 20px) !important;
    flex-direction: column;
    gap: 14px;
  }

  .page-content.admin .flex-container-nav {
    position: static;
    width: 100%;
    min-width: 0;
    max-width: none;
    flex: 1 1 auto;
  }

  .page-content.admin .flex-container-main {
    width: 100%;
  }

  .page-content.dashboard > .ui.container,
  .page-content.dashboard.feeds > .ui.container {
    width: calc(100% - 20px) !important;
  }

  .page-content.dashboard > .ui.container.flex-container,
  .page-content.dashboard.feeds > .ui.container.flex-container {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .page-content.dashboard #dashboard-repo-list.flex-container-sidebar,
  .page-content.dashboard.feeds #dashboard-repo-list.flex-container-sidebar {
    position: static;
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
  }

}

@media (max-width: 767.98px) {
  :root {
    --anime-bg-wash: rgba(247, 251, 255, 0.86);
    --anime-bg-wash-strong: rgba(255, 255, 255, 0.94);
    --anime-bg-blur: 2px;
    --anime-bg-blur-bleed: 8px;
    --anime-bg-blur-scale: 1.012;
    --anime-glass-blur: 18px;
  }

  .ui.container {
    width: calc(100% - 16px) !important;
    margin-right: 8px !important;
    margin-left: 8px !important;
  }

  .ui.menu .item,
  .ui.secondary.menu .item,
  .ui.button {
    border-radius: 7px !important;
  }

  .repository .header-wrapper,
  .ui.segment,
  .ui.card,
  .ui.table,
  .repository.file.list #repo-files-table {
    box-shadow: var(--anime-glass-shadow-soft);
  }

  .page-content.repository.diff .commit-header {
    padding: 14px !important;
  }

  .page-content.repository.diff .ui.segment.choose.branch {
    align-items: stretch;
  }

  .page-content.repository.diff .choose.branch .ui.dropdown.select-branch {
    width: 100%;
    max-width: 100%;
  }

  .page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .ui.basic.button {
    width: 100%;
    justify-content: space-between;
  }

  .page-content.repository.diff .choose.branch .ui.dropdown.select-branch > .menu {
    right: auto !important;
    left: 0 !important;
    min-width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
  }

  .page-content.repository.diff .commit-header + .ui.bottom.attached.segment {
    align-items: flex-start;
  }

  .page-content.repository.diff .commit-header + .ui.bottom.attached.segment > .tw-flex-1 {
    display: none;
  }

  .page-content.repository.diff .diff-file-header {
    align-items: stretch;
  }

  .page-content.repository.diff .diff-file-header-actions {
    justify-content: flex-start !important;
  }

  .ui.modal {
    width: calc(100vw - 20px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/*
  Final background safety net for Gitea 1.27+ pages.
  Keep this at the end so utility classes or page-specific wrappers cannot
  repaint the first viewport with the default light background.
*/
html[data-theme="anime-glass-light"],
html[data-theme="anime-glass-light"] body {
  min-height: 100%;
  background: #f7fbff !important;
}

html[data-theme="anime-glass-light"] body {
  isolation: isolate;
  overflow-x: hidden;
}

html[data-theme="anime-glass-light"] body::before {
  position: fixed !important;
  inset: calc(-1 * var(--anime-bg-blur-bleed)) !important;
  z-index: -2 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  background-color: #f7fbff !important;
  background-image:
          linear-gradient(135deg, var(--anime-bg-wash-strong), var(--anime-bg-wash) 42%, var(--anime-bg-wash-tail)),
          var(--anime-bg-url) !important;
  background-position: var(--anime-bg-position) !important;
  background-size: var(--anime-bg-size) !important;
  background-repeat: no-repeat !important;
  opacity: var(--anime-bg-opacity) !important;
  filter: blur(var(--anime-bg-blur)) saturate(var(--anime-bg-saturate)) brightness(var(--anime-bg-brightness)) !important;
  transform: translate3d(0, 0, 0) scale(var(--anime-bg-blur-scale)) !important;
  transform-origin: center center !important;
  backface-visibility: hidden !important;
  will-change: filter, transform !important;
  content: "" !important;
  pointer-events: none !important;
}

html[data-theme="anime-glass-light"] body::after {
  z-index: -1 !important;
}

html[data-theme="anime-glass-light"] body > .full.height,
html[data-theme="anime-glass-light"] .full.height,
html[data-theme="anime-glass-light"] .page-content,
html[data-theme="anime-glass-light"] .page-content.home,
html[data-theme="anime-glass-light"] .page-content.dashboard,
html[data-theme="anime-glass-light"] .page-content.dashboard.feeds,
html[data-theme="anime-glass-light"] .page-content > .ui.container,
html[data-theme="anime-glass-light"] .page-content .ui.container,
html[data-theme="anime-glass-light"] .ui.main.container,
html[data-theme="anime-glass-light"] main,
html[data-theme="anime-glass-light"] .main-content,
html[data-theme="anime-glass-light"] .content-wrapper {
  position: relative;
  z-index: auto;
  background-color: transparent !important;
  background-image: none !important;
}

html[data-theme="anime-glass-light"] #navbar,
html[data-theme="anime-glass-light"] header .navbar,
html[data-theme="anime-glass-light"] .ui.top.menu,
html[data-theme="anime-glass-light"] .ui.main.menu {
  position: relative;
  z-index: var(--anime-z-navbar) !important;
  overflow: visible !important;
}

html[data-theme="anime-glass-light"] .following.bar,
html[data-theme="anime-glass-light"] .following.bar.light,
html[data-theme="anime-glass-light"] .dashboard-navbar,
html[data-theme="anime-glass-light"] .repository .header-wrapper,
html[data-theme="anime-glass-light"] .repository .repo-header {
  position: relative;
  z-index: var(--anime-z-pagebar) !important;
  overflow: visible !important;
}

html[data-theme="anime-glass-light"] .dashboard.feeds .heatmap-container,
html[data-theme="anime-glass-light"] .page-content.dashboard #user-heatmap,
html[data-theme="anime-glass-light"] .page-content.dashboard .heatmap,
html[data-theme="anime-glass-light"] .page-content.dashboard .user-heatmap {
  position: relative;
  z-index: var(--anime-z-content) !important;
}

/*
  Final repository filter glass overrides.
  Gitea renders this area as:
  #dashboard-repo-list .repos-search.ui.attached.segment
    overflow-menu.ui.secondary.pointing.tabular.borderless.menu.repos-filter
      .overflow-menu-items > .item
  Keep these rules after the generic .ui.segment/.ui.menu glass styles so
  they cannot repaint this section as a solid white block.
*/
#dashboard-repo-list .dashboard-repos .repos-search.ui.attached.segment,
.page-content.dashboard #dashboard-repo-list .repos-search.ui.attached.segment,
.page-content.dashboard.feeds #dashboard-repo-list .repos-search.ui.attached.segment {
  border-color: rgba(95, 139, 180, 0.16) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 12px 30px rgba(51, 93, 132, 0.08) !important;
  backdrop-filter: blur(24px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.18) !important;
}

#dashboard-repo-list overflow-menu.repos-filter,
#dashboard-repo-list overflow-menu.ui.secondary.pointing.tabular.borderless.menu.repos-filter,
.page-content.dashboard #dashboard-repo-list overflow-menu.repos-filter,
.page-content.dashboard.feeds #dashboard-repo-list overflow-menu.repos-filter {
  border-color: rgba(95, 139, 180, 0.12) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}

#dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items,
#dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items.tw-justify-center,
.page-content.dashboard #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items,
.page-content.dashboard.feeds #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item,
.page-content.dashboard #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item,
.page-content.dashboard.feeds #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item {
  position: relative;
  border-radius: 6px !important;
  color: var(--anime-text-muted) !important;
  background: transparent !important;
  transform: translate3d(0, 0, 0);
  transition:
          color var(--anime-motion-fast) var(--anime-ease-standard),
          background-color var(--anime-motion-fast) var(--anime-ease-standard),
          box-shadow var(--anime-motion-fast) var(--anime-ease-standard),
          transform var(--anime-motion-fast) var(--anime-ease-standard);
}

#dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item::after,
.page-content.dashboard #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item::after,
.page-content.dashboard.feeds #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item::after {
  position: absolute;
  right: 10px;
  bottom: 0;
  left: 10px;
  height: 2px;
  border-radius: 999px;
  background: var(--anime-menu-indicator);
  content: "";
  opacity: 0;
  pointer-events: none;
  transform: scaleX(0.36);
  transform-origin: center;
  transition:
          opacity var(--anime-motion-fast) var(--anime-ease-standard),
          transform var(--anime-motion-medium) var(--anime-ease-emphasized);
}

#dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:hover,
#dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:focus-visible,
.page-content.dashboard #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:hover,
.page-content.dashboard #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:focus-visible,
.page-content.dashboard.feeds #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:hover,
.page-content.dashboard.feeds #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:focus-visible {
  color: var(--anime-text) !important;
  background: rgba(103, 217, 206, 0.16) !important;
  box-shadow: 0 8px 18px rgba(55, 96, 132, 0.1), var(--anime-glass-inset-highlight) !important;
  transform: translate3d(0, -1px, 0);
}

#dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:hover::after,
#dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:focus-visible::after,
.page-content.dashboard #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:hover::after,
.page-content.dashboard #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:focus-visible::after,
.page-content.dashboard.feeds #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:hover::after,
.page-content.dashboard.feeds #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:focus-visible::after {
  opacity: 0.74;
  transform: scaleX(1);
}

#dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item.active,
.page-content.dashboard #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item.active,
.page-content.dashboard.feeds #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item.active {
  color: #176fc2 !important;
  background: rgba(71, 163, 255, 0.1) !important;
  box-shadow: inset 0 -2px 0 rgba(71, 163, 255, 0.62), var(--anime-glass-inset-highlight) !important;
}

#dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item.active::after,
.page-content.dashboard #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item.active::after,
.page-content.dashboard.feeds #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item.active::after {
  opacity: 0.9;
  transform: scaleX(1);
}

#dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item .ui.circular.mini.grey.label,
.page-content.dashboard #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item .ui.circular.mini.grey.label,
.page-content.dashboard.feeds #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item .ui.circular.mini.grey.label {
  border-color: rgba(95, 139, 180, 0.14) !important;
  background: rgba(238, 248, 255, 0.34) !important;
  color: var(--anime-text-muted) !important;
  transition:
          border-color var(--anime-motion-fast) var(--anime-ease-standard),
          background-color var(--anime-motion-fast) var(--anime-ease-standard),
          color var(--anime-motion-fast) var(--anime-ease-standard);
}

#dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:hover .ui.circular.mini.grey.label,
#dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:focus-visible .ui.circular.mini.grey.label,
.page-content.dashboard #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:hover .ui.circular.mini.grey.label,
.page-content.dashboard #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:focus-visible .ui.circular.mini.grey.label,
.page-content.dashboard.feeds #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:hover .ui.circular.mini.grey.label,
.page-content.dashboard.feeds #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:focus-visible .ui.circular.mini.grey.label {
  border-color: rgba(71, 163, 255, 0.24) !important;
  background: rgba(255, 255, 255, 0.54) !important;
  color: #176fc2 !important;
}

@media (prefers-reduced-motion: reduce) {
  #dashboard-repo-list .overflow-menu-items .item:hover,
  #dashboard-repo-list .overflow-menu-items .item:focus-visible,
  .page-content.dashboard .overflow-menu-items .item:hover,
  .page-content.dashboard .overflow-menu-items .item:focus-visible,
  .page-content.dashboard.feeds .overflow-menu-items .item:hover,
  .page-content.dashboard.feeds .overflow-menu-items .item:focus-visible,
  #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:hover,
  #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:focus-visible,
  .page-content.dashboard #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:hover,
  .page-content.dashboard #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:focus-visible,
  .page-content.dashboard.feeds #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:hover,
  .page-content.dashboard.feeds #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-items > .item:focus-visible {
    transform: none !important;
  }
}

/*
  Final source-based overlay rules.
  Kept unscoped on purpose because this CSS file is only loaded by the theme;
  the selectors are still tied to Gitea's real dashboard/navbar/tippy DOM.
*/
.page-content.dashboard,
.page-content.dashboard.feeds {
  position: relative !important;
  z-index: 0 !important;
  overflow: visible !important;
  isolation: isolate;
}

.page-content.dashboard > .ui.container.flex-container,
.page-content.dashboard.feeds > .ui.container.flex-container,
.page-content.dashboard .flex-container-main,
.page-content.dashboard.feeds .flex-container-main,
.page-content.dashboard #dashboard-repo-list,
.page-content.dashboard.feeds #dashboard-repo-list,
.page-content.dashboard .activity-heatmap-container,
.page-content.dashboard.feeds .activity-heatmap-container,
.page-content.dashboard #user-heatmap,
.page-content.dashboard.feeds #user-heatmap,
.page-content.dashboard .news,
.page-content.dashboard.feeds .news {
  position: relative !important;
  z-index: var(--anime-z-content) !important;
  overflow: visible !important;
}

.page-content.dashboard > .secondary-nav,
.page-content.dashboard.feeds > .secondary-nav,
.page-content.dashboard > .secondary-nav .ui.secondary.stackable.menu,
.page-content.dashboard.feeds > .secondary-nav .ui.secondary.stackable.menu,
.page-content.dashboard > .secondary-nav .ui.secondary.stackable.menu > .item,
.page-content.dashboard.feeds > .secondary-nav .ui.secondary.stackable.menu > .item,
.page-content.dashboard > .secondary-nav .ui.floating.dropdown.jump,
.page-content.dashboard.feeds > .secondary-nav .ui.floating.dropdown.jump,
.page-content.dashboard #dashboard-repo-list .repos-search,
.page-content.dashboard.feeds #dashboard-repo-list .repos-search {
  position: relative !important;
  z-index: var(--anime-z-pagebar) !important;
  overflow: visible !important;
}

.page-content.dashboard > .secondary-nav:has(.ui.dropdown.visible),
.page-content.dashboard > .secondary-nav:has(.ui.dropdown.active),
.page-content.dashboard.feeds > .secondary-nav:has(.ui.dropdown.visible),
.page-content.dashboard.feeds > .secondary-nav:has(.ui.dropdown.active),
.page-content.dashboard > .secondary-nav .ui.secondary.stackable.menu:has(.ui.dropdown.visible),
.page-content.dashboard > .secondary-nav .ui.secondary.stackable.menu:has(.ui.dropdown.active),
.page-content.dashboard.feeds > .secondary-nav .ui.secondary.stackable.menu:has(.ui.dropdown.visible),
.page-content.dashboard.feeds > .secondary-nav .ui.secondary.stackable.menu:has(.ui.dropdown.active),
.page-content.dashboard #dashboard-repo-list .repos-search:has(.ui.dropdown.visible),
.page-content.dashboard #dashboard-repo-list .repos-search:has(.ui.dropdown.active),
.page-content.dashboard.feeds #dashboard-repo-list .repos-search:has(.ui.dropdown.visible),
.page-content.dashboard.feeds #dashboard-repo-list .repos-search:has(.ui.dropdown.active) {
  z-index: var(--anime-z-dashboard-dropdown) !important;
  overflow: visible !important;
}

.page-content.dashboard > .secondary-nav .ui.dropdown.visible,
.page-content.dashboard > .secondary-nav .ui.dropdown.active,
.page-content.dashboard.feeds > .secondary-nav .ui.dropdown.visible,
.page-content.dashboard.feeds > .secondary-nav .ui.dropdown.active,
.page-content.dashboard #dashboard-repo-list .repos-search .ui.dropdown.visible,
.page-content.dashboard #dashboard-repo-list .repos-search .ui.dropdown.active,
.page-content.dashboard.feeds #dashboard-repo-list .repos-search .ui.dropdown.visible,
.page-content.dashboard.feeds #dashboard-repo-list .repos-search .ui.dropdown.active {
  position: relative !important;
  z-index: var(--anime-z-dashboard-dropdown) !important;
  overflow: visible !important;
}

.page-content.dashboard > .secondary-nav .menu.context-user-switch,
.page-content.dashboard > .secondary-nav .context.user.overflow.menu,
.page-content.dashboard > .secondary-nav .ui.dropdown.visible:not(.selection) > .menu,
.page-content.dashboard > .secondary-nav .ui.dropdown.active:not(.selection) > .menu,
.page-content.dashboard.feeds > .secondary-nav .menu.context-user-switch,
.page-content.dashboard.feeds > .secondary-nav .context.user.overflow.menu,
.page-content.dashboard.feeds > .secondary-nav .ui.dropdown.visible:not(.selection) > .menu,
.page-content.dashboard.feeds > .secondary-nav .ui.dropdown.active:not(.selection) > .menu,
.page-content.dashboard #dashboard-repo-list .repos-search .ui.dropdown.visible:not(.selection) > .menu,
.page-content.dashboard #dashboard-repo-list .repos-search .ui.dropdown.active:not(.selection) > .menu,
.page-content.dashboard.feeds #dashboard-repo-list .repos-search .ui.dropdown.visible:not(.selection) > .menu,
.page-content.dashboard.feeds #dashboard-repo-list .repos-search .ui.dropdown.active:not(.selection) > .menu {
  z-index: var(--anime-z-dropdown-menu) !important;
  overflow: visible !important;
}

/*
  Gitea navbar source: templates/base/head_navbar.tmpl
  #navbar contains .navbar-right, create dropdown, and .menu.user-menu.
*/
#navbar,
#navbar .navbar-left,
#navbar .navbar-right,
#navbar .navbar-mobile-right {
  position: relative !important;
  z-index: var(--anime-z-navbar) !important;
  overflow: visible !important;
}

#navbar .ui.dropdown.jump.item,
#navbar .ui.dropdown.jump.item.visible,
#navbar .ui.dropdown.jump.item.active {
  position: relative !important;
  z-index: var(--anime-z-navbar-dropdown) !important;
  overflow: visible !important;
}

#navbar:has(.ui.dropdown.jump.item.visible),
#navbar:has(.ui.dropdown.jump.item.active) {
  z-index: var(--anime-z-navbar-dropdown) !important;
  isolation: isolate;
}

#navbar .ui.dropdown.jump.item > .menu,
#navbar .ui.dropdown.jump.item.visible > .menu,
#navbar .ui.dropdown.jump.item.active > .menu,
#navbar .ui.dropdown.jump.item > .menu.user-menu {
  z-index: var(--anime-z-navbar-dropdown-menu) !important;
  overflow: visible !important;
}

#navbar .ui.dropdown.jump.item > .menu {
  min-width: 11.5rem;
  padding: 6px !important;
  border-color: rgba(72, 117, 158, 0.42) !important;
  outline: 1px solid rgba(255, 255, 255, 0.58);
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(245, 251, 255, 0.14) 54%),
          rgba(255, 255, 255, 0.9) !important;
  background-clip: padding-box;
  box-shadow: 0 24px 64px rgba(30, 61, 92, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.48), var(--anime-glass-inset-highlight) !important;
  backdrop-filter: blur(18px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

#navbar .ui.dropdown.jump.item > .menu > .header {
  margin: 0 0 4px;
  padding: 8px 10px !important;
  border-bottom: 0 !important;
  border-radius: 6px 6px 0 0 !important;
  background: transparent !important;
  color: var(--anime-text-muted) !important;
}

#navbar .ui.dropdown.jump.item > .menu > .divider {
  display: block !important;
  width: 100% !important;
  height: 0 !important;
  margin: 6px 0 !important;
  border-top: 1px solid rgba(95, 139, 180, 0.2) !important;
  background: transparent !important;
  pointer-events: none;
}

#navbar .ui.dropdown.jump.item > .menu > .item {
  display: flex !important;
  align-items: center;
  gap: 10px;
  margin: 1px 0 !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--anime-text) !important;
  box-shadow: none !important;
  transform: none !important;
}

#navbar .ui.dropdown.jump.item > .menu > .item::after {
  display: none !important;
}

#navbar .ui.dropdown.jump.item > .menu > .item:hover,
#navbar .ui.dropdown.jump.item > .menu > .item:focus-visible {
  outline: 0;
  background: rgba(71, 163, 255, 0.12) !important;
  color: var(--anime-text) !important;
  box-shadow: inset 2px 0 0 rgba(71, 163, 255, 0.44) !important;
  transform: none !important;
}

#navbar .ui.dropdown.jump.item > .menu > .active.item,
#navbar .ui.dropdown.jump.item > .menu > .selected.item {
  background: rgba(71, 163, 255, 0.14) !important;
  color: #176fc2 !important;
  box-shadow: inset 2px 0 0 rgba(71, 163, 255, 0.62) !important;
}

#navbar .ui.dropdown.jump.item > .menu > .item .svg {
  flex: 0 0 auto;
  color: #4883b8;
}

#navbar-logo img,
.page-content.home img.logo,
img.logo[src$="/assets/img/logo.svg"],
img[src$="/assets/img/logo.svg"][alt="Logo"] {
  filter: var(--anime-logo-filter) var(--anime-logo-shadow);
  transition:
          filter var(--anime-motion-medium) var(--anime-ease-standard),
          opacity var(--anime-motion-fast) var(--anime-ease-standard);
}

#navbar-logo:hover img,
#navbar-logo:focus-visible img,
.page-content.home img.logo:hover {
  filter: var(--anime-logo-hover-filter) var(--anime-logo-shadow);
}

html[data-theme="anime-glass-light"] .page-content.home .ui.stackable.page.grid > .column {
  padding: 24px 28px !important;
  border: 1px solid rgba(95, 139, 180, 0.18) !important;
  border-radius: 8px !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04) 58%),
          rgba(255, 255, 255, 0.24) !important;
  box-shadow: 0 12px 30px rgba(51, 93, 132, 0.08), var(--anime-glass-inset-highlight);
  backdrop-filter: blur(18px) saturate(1.14);
  -webkit-backdrop-filter: blur(18px) saturate(1.14);
}

html[data-theme="anime-glass-light"] .page-content.explore .ui.container > .ui.small.secondary.filter.menu,
html[data-theme="anime-glass-light"] .page-content.explore .flex-list {
  padding: 12px !important;
  border: 1px solid rgba(95, 139, 180, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 12px 30px rgba(51, 93, 132, 0.07), var(--anime-glass-inset-highlight);
  backdrop-filter: blur(20px) saturate(1.14);
  -webkit-backdrop-filter: blur(20px) saturate(1.14);
}

html[data-theme="anime-glass-light"] .page-content.explore .flex-list > .flex-item {
  margin: 4px 0 !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(95, 139, 180, 0.12) !important;
  border-radius: 8px !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.02) 58%),
          rgba(255, 255, 255, 0.2) !important;
  box-shadow: var(--anime-glass-inset-highlight);
  transition:
          background-color var(--anime-motion-fast) var(--anime-ease-standard),
          border-color var(--anime-motion-fast) var(--anime-ease-standard),
          transform var(--anime-motion-fast) var(--anime-ease-standard);
}

html[data-theme="anime-glass-light"] .page-content.explore .flex-list > .flex-item:hover {
  border-color: rgba(83, 169, 255, 0.24) !important;
  background: rgba(255, 255, 255, 0.32) !important;
  transform: translate3d(0, -1px, 0);
}

html[data-theme="anime-glass-light"] .page-content.user.signin .ui.input > input,
html[data-theme="anime-glass-light"] .page-content.user.signin .ui.form input:not([type]),
html[data-theme="anime-glass-light"] .page-content.user.signin .ui.form input[type="email"],
html[data-theme="anime-glass-light"] .page-content.user.signin .ui.form input[type="password"],
html[data-theme="anime-glass-light"] .page-content.user.signin .ui.form input[type="text"] {
  border-color: rgba(88, 132, 170, 0.24) !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.01)),
          rgba(255, 255, 255, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 6px 14px rgba(51, 93, 132, 0.04) !important;
  backdrop-filter: blur(12px) saturate(1.08);
  -webkit-backdrop-filter: blur(12px) saturate(1.08);
}

html[data-theme="anime-glass-light"] .page-content.user.signin .ui.input > input:focus,
html[data-theme="anime-glass-light"] .page-content.user.signin .ui.form input:focus {
  border-color: rgba(71, 163, 255, 0.46) !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.02)),
          rgba(255, 255, 255, 0.24) !important;
  box-shadow: var(--anime-focus-ring), inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
}

html[data-theme="anime-glass-light"] .page-content.user.signin .ui.button.external-login-link,
html[data-theme="anime-glass-light"] .page-content.user.signin .signin-passkey {
  background: rgba(255, 255, 255, 0.16) !important;
  box-shadow: var(--anime-glass-inset-highlight) !important;
  backdrop-filter: blur(12px) saturate(1.08);
  -webkit-backdrop-filter: blur(12px) saturate(1.08);
}

/*
  Global dropdown stacking contract:
  raise the nearest paint container when it owns an open dropdown. A high
  z-index on the menu alone cannot escape a lower parent stacking context.
*/
html[data-theme="anime-glass-light"] :where(
  .page-content,
  .repository,
  .organization,
  .admin,
  .explore,
  .user.profile,
  .ui.container,
  .ui.grid,
  .ui.segment,
  .ui.attached.segment,
  .ui.segments,
  .ui.card,
  .ui.cards > .card,
  .ui.table,
  .ui.table tbody,
  .ui.table tr,
  .ui.table td,
  .ui.form,
  .ui.menu,
  .ui.list,
  .repo-button-row,
  .commits-table,
  .commit-header,
  .diff-detail-box,
  .diff-file-box,
  .diff-file-header,
  .file-header,
  .comment-header,
  .branch-and-tag-area,
  .choose.branch,
  .repos-search,
  .dashboard-repos,
  #dashboard-repo-list,
  .repository.file.list #repo-files-table
):has(.ui.dropdown.visible),
html[data-theme="anime-glass-light"] :where(
  .page-content,
  .repository,
  .organization,
  .admin,
  .explore,
  .user.profile,
  .ui.container,
  .ui.grid,
  .ui.segment,
  .ui.attached.segment,
  .ui.segments,
  .ui.card,
  .ui.cards > .card,
  .ui.table,
  .ui.table tbody,
  .ui.table tr,
  .ui.table td,
  .ui.form,
  .ui.menu,
  .ui.list,
  .repo-button-row,
  .commits-table,
  .commit-header,
  .diff-detail-box,
  .diff-file-box,
  .diff-file-header,
  .file-header,
  .comment-header,
  .branch-and-tag-area,
  .choose.branch,
  .repos-search,
  .dashboard-repos,
  #dashboard-repo-list,
  .repository.file.list #repo-files-table
):has(.ui.dropdown.active) {
  position: relative !important;
  z-index: var(--anime-z-dropdown-scope) !important;
  overflow: visible !important;
}

html[data-theme="anime-glass-light"] .ui.dropdown.visible,
html[data-theme="anime-glass-light"] .ui.dropdown.active,
html[data-theme="anime-glass-light"] .ui.dropdown.item.visible,
html[data-theme="anime-glass-light"] .ui.dropdown.item.active {
  position: relative !important;
  z-index: var(--anime-z-dropdown) !important;
  overflow: visible !important;
}

html[data-theme="anime-glass-light"] .ui.dropdown.visible > .menu,
html[data-theme="anime-glass-light"] .ui.dropdown.active > .menu,
html[data-theme="anime-glass-light"] .ui.dropdown.item.visible > .menu,
html[data-theme="anime-glass-light"] .ui.dropdown.item.active > .menu,
html[data-theme="anime-glass-light"] .ui.context.menu,
html[data-theme="anime-glass-light"] overflow-menu .overflow-menu-popup {
  z-index: var(--anime-z-dropdown-menu) !important;
}

/*
  Gitea tooltip source:
  web_src/js/modules/tippy.ts appends tooltip tippies to body with
  theme="tooltip", "menu", "default", or "box-with-header";
  web_src/css/modules/tippy.css styles [data-tippy-root].
*/
[data-tippy-root] {
  z-index: var(--anime-z-tooltip) !important;
  max-width: calc(100vw - 32px);
}

[data-tippy-root] .tippy-box[data-theme="default"],
[data-tippy-root] .tippy-box[data-theme="menu"],
[data-tippy-root] .tippy-box[data-theme="box-with-header"],
.tippy-box[data-theme="default"],
.tippy-box[data-theme="menu"],
.tippy-box[data-theme="box-with-header"] {
  z-index: var(--anime-z-tooltip-raised) !important;
  border: 1px solid var(--anime-popup-border) !important;
  outline: 1px solid rgba(255, 255, 255, 0.58);
  background-color: var(--anime-popup-bg) !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.1) 54%) !important;
  background-clip: padding-box;
  color: var(--anime-text) !important;
  box-shadow: var(--anime-popup-shadow) !important;
  backdrop-filter: blur(18px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

[data-tippy-root] .tippy-box[data-theme="default"] .tippy-svg-arrow-inner,
[data-tippy-root] .tippy-box[data-theme="menu"] .tippy-svg-arrow-inner,
[data-tippy-root] .tippy-box[data-theme="box-with-header"] .tippy-svg-arrow-inner,
.tippy-box[data-theme="default"] .tippy-svg-arrow-inner,
.tippy-box[data-theme="menu"] .tippy-svg-arrow-inner,
.tippy-box[data-theme="box-with-header"] .tippy-svg-arrow-inner {
  fill: var(--anime-popup-arrow-bg) !important;
}

[data-tippy-root] .tippy-box[data-theme="default"] .tippy-svg-arrow-outer,
[data-tippy-root] .tippy-box[data-theme="menu"] .tippy-svg-arrow-outer,
[data-tippy-root] .tippy-box[data-theme="box-with-header"] .tippy-svg-arrow-outer,
.tippy-box[data-theme="default"] .tippy-svg-arrow-outer,
.tippy-box[data-theme="menu"] .tippy-svg-arrow-outer,
.tippy-box[data-theme="box-with-header"] .tippy-svg-arrow-outer {
  fill: var(--anime-popup-border) !important;
}

[data-tippy-root] .tippy-box[data-theme="tooltip"],
.tippy-box[data-theme="tooltip"] {
  z-index: var(--anime-z-tooltip-raised) !important;
  background-color: var(--anime-popup-bg-strong) !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.08) 58%) !important;
  background-clip: padding-box;
  color: var(--anime-text) !important;
  border: 1px solid var(--anime-popup-border) !important;
  outline: 1px solid rgba(255, 255, 255, 0.58);
  box-shadow: var(--anime-popup-shadow) !important;
  backdrop-filter: blur(18px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

[data-tippy-root] .tippy-box[data-theme="tooltip"] .tippy-content,
.tippy-box[data-theme="tooltip"] .tippy-content {
  z-index: var(--anime-z-tooltip-content) !important;
}

[data-tippy-root] .tippy-box[data-theme="tooltip"] .tippy-svg-arrow-inner,
[data-tippy-root] .tippy-box[data-theme="tooltip"] .tippy-svg-arrow-outer,
.tippy-box[data-theme="tooltip"] .tippy-svg-arrow-inner,
.tippy-box[data-theme="tooltip"] .tippy-svg-arrow-outer {
  fill: var(--anime-popup-bg-strong) !important;
}

.ui.modal {
  z-index: var(--anime-z-modal) !important;
  border: 1px solid var(--anime-popup-border) !important;
  border-radius: 8px !important;
  outline: 1px solid rgba(255, 255, 255, 0.58);
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.14)),
          var(--anime-popup-bg-strong) !important;
  background-clip: padding-box;
  color: var(--anime-text) !important;
  box-shadow: 0 30px 90px rgba(30, 61, 92, 0.34), 0 0 0 1px rgba(255, 255, 255, 0.68), var(--anime-glass-inset-highlight) !important;
  backdrop-filter: blur(18px) saturate(1.16);
  -webkit-backdrop-filter: blur(18px) saturate(1.16);
}

.ui.modal > .header,
.ui.modal > .content,
.ui.modal > .actions {
  border-color: rgba(95, 139, 180, 0.22) !important;
  background: transparent !important;
  color: var(--anime-text) !important;
}

.ui.modal > .header {
  background: rgba(238, 248, 255, 0.5) !important;
}

.ui.modal > .actions {
  background: rgba(238, 248, 255, 0.42) !important;
}

.ui.modal > .close {
  color: var(--anime-text-muted) !important;
}

.ui.dimmer {
  z-index: var(--anime-z-dimmer) !important;
  background-color: rgba(35, 57, 82, 0.3) !important;
  backdrop-filter: blur(6px) saturate(1.05);
  -webkit-backdrop-filter: blur(6px) saturate(1.05);
}

/*
  Final guard for long form dropdowns after all navbar/dashboard overflow rules.
*/
html[data-theme="anime-glass-light"] .ui.selection.dropdown.visible > .menu,
html[data-theme="anime-glass-light"] .ui.selection.dropdown.active > .menu,
.ui.selection.dropdown.visible > .menu,
.ui.selection.dropdown.active > .menu {
  max-height: var(--anime-dropdown-max-height) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}

/*
  Final dashboard sidebar alignment guard.
*/
html[data-theme="anime-glass-light"] .page-content.dashboard #dashboard-repo-list.flex-container-sidebar,
html[data-theme="anime-glass-light"] .page-content.dashboard.feeds #dashboard-repo-list.flex-container-sidebar,
.page-content.dashboard #dashboard-repo-list.flex-container-sidebar,
.page-content.dashboard.feeds #dashboard-repo-list.flex-container-sidebar {
  top: 0 !important;
  margin-top: 0 !important;
  align-self: flex-start !important;
}

html[data-theme="anime-glass-light"] .page-content.dashboard #dashboard-repo-list .ui.two.item.menu,
html[data-theme="anime-glass-light"] .page-content.dashboard.feeds #dashboard-repo-list .ui.two.item.menu,
.page-content.dashboard #dashboard-repo-list .ui.two.item.menu,
.page-content.dashboard.feeds #dashboard-repo-list .ui.two.item.menu {
  margin-top: 0 !important;
}
/*
  v2026-06-02-button-fix
  Gitea 1.24+ button compatibility guard.

  Gitea's current button module defines .ui.button as an inline-flex action
  control, .ui.buttons as an inline-flex group, .ui.labeled.button as a
  wrapper, and .btn as a plain icon/action button. Keep those structure rules
  intact here, then apply the glass look only on the visible button surface.
*/
html[data-theme="anime-glass-light"] {
  --border-radius: 8px;
  --gap-block: 0.45rem;
  --gap-inline: 0.32rem;
  --opacity-disabled: 0.56;
  --font-weight-normal: 400;
  --fonts-regular: var(--fonts-proportional);
  --color-button: rgba(255, 255, 255, 0.66);
  --color-light-border: rgba(95, 139, 180, 0.24);
  --color-primary-contrast: #ffffff;
  --color-primary-hover: #2f92ec;
  --color-primary-active: #227fda;
  --color-green: var(--anime-accent-mint);
  --color-green-dark-1: #55c780;
  --color-green-dark-2: #42ad69;
  --color-red: #ff7eaa;
  --color-red-dark-1: #f26898;
  --color-red-dark-2: #dd557f;
  --color-white: #ffffff;
}

html[data-theme="anime-glass-light"] .ui.button {
  position: relative;
  z-index: 1;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--gap-block, 0.45rem) !important;
  min-width: 0 !important;
  min-height: 38px;
  margin: 0 0.25em 0 0;
  padding: 0.57em 1.43em;
  border: 1px solid var(--color-light-border) !important;
  border-radius: var(--border-radius) !important;
  outline: 0;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.06)),
          var(--color-button) !important;
  color: var(--anime-text) !important;
  font-family: var(--fonts-regular, var(--fonts-proportional)) !important;
  font-size: 1rem;
  font-weight: var(--font-weight-normal, 400);
  line-height: 1 !important;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
  vertical-align: baseline;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 8px 18px rgba(55, 96, 132, 0.08), var(--anime-glass-inset-highlight) !important;
}

html[data-theme="anime-glass-light"] button.ui.button,
html[data-theme="anime-glass-light"] input.ui.button {
  appearance: none;
  -webkit-appearance: none;
}

html[data-theme="anime-glass-light"] .ui.button:not(.disabled):not(:disabled) {
  pointer-events: auto !important;
}

html[data-theme="anime-glass-light"] .ui.button:hover {
  border-color: rgba(83, 169, 255, 0.34) !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.1)),
          var(--anime-surface-hover) !important;
  color: var(--anime-text) !important;
  box-shadow: 0 12px 28px rgba(55, 96, 132, 0.14), var(--anime-glass-inset-highlight) !important;
}

html[data-theme="anime-glass-light"] .ui.button:active,
html[data-theme="anime-glass-light"] .ui.active.button,
html[data-theme="anime-glass-light"] .ui.active.button:hover {
  background: var(--anime-surface-pressed) !important;
  color: var(--anime-text) !important;
  box-shadow: 0 6px 14px rgba(55, 96, 132, 0.1), inset 0 1px 2px rgba(51, 93, 132, 0.12) !important;
}

html[data-theme="anime-glass-light"] .ui.button:focus-visible {
  outline: 0;
  box-shadow: var(--anime-focus-ring), var(--anime-accent-glow), var(--anime-glass-inset-highlight) !important;
}

html[data-theme="anime-glass-light"] .ui.disabled.button,
html[data-theme="anime-glass-light"] .ui.button:disabled,
html[data-theme="anime-glass-light"] .ui.disabled.button:hover,
html[data-theme="anime-glass-light"] .ui.disabled.active.button,
html[data-theme="anime-glass-light"] a.ui.button.disabled {
  cursor: default !important;
  opacity: var(--opacity-disabled, 0.56) !important;
  background-image: none !important;
  pointer-events: none !important;
  transform: none !important;
}

html[data-theme="anime-glass-light"] .ui.primary.button,
html[data-theme="anime-glass-light"] .ui.primary.buttons .button,
html[data-theme="anime-glass-light"] .ui.green.button,
html[data-theme="anime-glass-light"] .ui.green.buttons .button,
html[data-theme="anime-glass-light"] .ui.blue.button,
html[data-theme="anime-glass-light"] .ui.blue.buttons .button {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--anime-accent-blue), var(--anime-accent-cyan)) !important;
  color: var(--color-primary-contrast, #ffffff) !important;
}

html[data-theme="anime-glass-light"] .ui.primary.button:hover,
html[data-theme="anime-glass-light"] .ui.primary.buttons .button:hover,
html[data-theme="anime-glass-light"] .ui.green.button:hover,
html[data-theme="anime-glass-light"] .ui.green.buttons .button:hover,
html[data-theme="anime-glass-light"] .ui.blue.button:hover,
html[data-theme="anime-glass-light"] .ui.blue.buttons .button:hover {
  background: linear-gradient(135deg, var(--color-primary-hover), var(--anime-accent-cyan)) !important;
  color: #ffffff !important;
}

html[data-theme="anime-glass-light"] .ui.red.button,
html[data-theme="anime-glass-light"] .ui.red.buttons .button,
html[data-theme="anime-glass-light"] .ui.negative.button,
html[data-theme="anime-glass-light"] .ui.negative.buttons .button {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--color-red), var(--anime-accent-pink)) !important;
  color: #ffffff !important;
}

html[data-theme="anime-glass-light"] .ui.red.button:hover,
html[data-theme="anime-glass-light"] .ui.red.buttons .button:hover,
html[data-theme="anime-glass-light"] .ui.negative.button:hover,
html[data-theme="anime-glass-light"] .ui.negative.buttons .button:hover {
  background: linear-gradient(135deg, var(--color-red-dark-1), var(--anime-accent-pink)) !important;
  color: #ffffff !important;
}

html[data-theme="anime-glass-light"] .ui.basic.button,
html[data-theme="anime-glass-light"] .ui.basic.buttons .button {
  border-color: var(--color-light-border) !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.04)),
          rgba(255, 255, 255, 0.48) !important;
  color: var(--anime-text-muted) !important;
}

html[data-theme="anime-glass-light"] .ui.basic.button:hover,
html[data-theme="anime-glass-light"] .ui.basic.buttons .button:hover {
  border-color: rgba(83, 169, 255, 0.32) !important;
  background: rgba(255, 255, 255, 0.68) !important;
  color: var(--anime-text) !important;
}

html[data-theme="anime-glass-light"] .ui.basic.primary.button,
html[data-theme="anime-glass-light"] .ui.basic.primary.buttons .button {
  border-color: rgba(71, 163, 255, 0.46) !important;
  background: rgba(255, 255, 255, 0.5) !important;
  color: #176fc2 !important;
}

html[data-theme="anime-glass-light"] .ui.basic.red.button,
html[data-theme="anime-glass-light"] .ui.basic.red.buttons .button {
  border-color: rgba(255, 126, 170, 0.5) !important;
  background: rgba(255, 255, 255, 0.5) !important;
  color: #c74670 !important;
}

html[data-theme="anime-glass-light"] .ui.compact.button,
html[data-theme="anime-glass-light"] .ui.compact.buttons .button {
  gap: var(--gap-inline, 0.32rem) !important;
  min-height: 32px;
  padding: 0.42em 1.07em;
}

html[data-theme="anime-glass-light"] .ui.mini.buttons .dropdown,
html[data-theme="anime-glass-light"] .ui.mini.buttons .dropdown .menu > .item,
html[data-theme="anime-glass-light"] .ui.mini.buttons .button,
html[data-theme="anime-glass-light"] .ui.ui.ui.ui.mini.button {
  gap: var(--gap-inline, 0.32rem) !important;
  min-height: 30px;
  font-size: 11px;
}

html[data-theme="anime-glass-light"] .ui.tiny.buttons .dropdown,
html[data-theme="anime-glass-light"] .ui.tiny.buttons .dropdown .menu > .item,
html[data-theme="anime-glass-light"] .ui.tiny.buttons .button,
html[data-theme="anime-glass-light"] .ui.ui.ui.ui.tiny.button {
  gap: var(--gap-inline, 0.32rem) !important;
  min-height: 32px;
  font-size: 12px;
}

html[data-theme="anime-glass-light"] .ui.small.buttons .dropdown,
html[data-theme="anime-glass-light"] .ui.small.buttons .dropdown .menu > .item,
html[data-theme="anime-glass-light"] .ui.small.buttons .button,
html[data-theme="anime-glass-light"] .ui.ui.ui.ui.small.button {
  min-height: 34px;
  font-size: 13px;
}

html[data-theme="anime-glass-light"] .ui.icon.button:not(.compact),
html[data-theme="anime-glass-light"] .ui.icon.buttons .button {
  min-width: 38px;
  padding: 0.57em !important;
}

html[data-theme="anime-glass-light"] .ui.compact.icon.button,
html[data-theme="anime-glass-light"] .ui.compact.icon.buttons .button {
  min-width: 32px;
  padding: 0.42em !important;
}

html[data-theme="anime-glass-light"] .ui.button > .icon:not(.button),
html[data-theme="anime-glass-light"] .ui.button > .svg,
html[data-theme="anime-glass-light"] .ui.button > svg,
html[data-theme="anime-glass-light"] .ui.icon.button > .icon,
html[data-theme="anime-glass-light"] .ui.icon.button > .svg,
html[data-theme="anime-glass-light"] .ui.icon.button > svg {
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  margin: 0 !important;
  color: currentColor !important;
  opacity: 0.9;
  vertical-align: top;
  pointer-events: none;
}

html[data-theme="anime-glass-light"] .ui.button:not(.icon) > .icon:not(.button):not(.dropdown),
html[data-theme="anime-glass-light"] .ui.button:not(.icon) > .svg:not(.button):not(.dropdown),
html[data-theme="anime-glass-light"] .ui.button:not(.icon) > svg:not(.button):not(.dropdown) {
  margin: 0 0.42em 0 -0.18em !important;
}

html[data-theme="anime-glass-light"] .ui.buttons {
  display: inline-flex !important;
  flex-direction: row;
  align-items: stretch;
  margin: 0 0.25em 0 0;
  font-size: 0;
  vertical-align: baseline;
}

html[data-theme="anime-glass-light"] .ui.buttons .button {
  flex-shrink: 0;
  margin: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
}

html[data-theme="anime-glass-light"] .ui.buttons .button:first-child,
html[data-theme="anime-glass-light"] .ui.buttons .button.tw-hidden:first-child + .button {
  border-left: 1px solid var(--color-light-border) !important;
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}

html[data-theme="anime-glass-light"] .ui.buttons .button:last-child,
html[data-theme="anime-glass-light"] .ui.buttons .button:nth-last-child(2):has(+ .button.tw-hidden) {
  border-right: 1px solid var(--color-light-border) !important;
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}

html[data-theme="anime-glass-light"] .ui.buttons .button:hover + .button {
  border-left: 1px solid rgba(83, 169, 255, 0.32) !important;
}

html[data-theme="anime-glass-light"] .ui.buttons .button.active {
  border-right: 1px solid var(--color-light-border) !important;
  border-left: 1px solid var(--color-light-border) !important;
}

html[data-theme="anime-glass-light"] .ui.labeled.button:not(.icon) {
  display: inline-flex !important;
  flex-direction: row;
  align-items: stretch;
  gap: 0 !important;
  min-height: unset;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-theme="anime-glass-light"] .ui.labeled.button:not(.icon):hover,
html[data-theme="anime-glass-light"] .ui.labeled.button:not(.icon):active,
html[data-theme="anime-glass-light"] .ui.labeled.button:not(.icon):focus-visible {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="anime-glass-light"] .ui.labeled.button > .button {
  margin: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

html[data-theme="anime-glass-light"] .ui.labeled.button > .label {
  display: inline-flex !important;
  align-items: center;
  margin: 0 0 0 -1px !important;
  border-color: var(--color-light-border) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  background: rgba(255, 255, 255, 0.6) !important;
  color: var(--anime-text-muted) !important;
  font-size: 1em;
  box-shadow: var(--anime-glass-inset-highlight);
}

html[data-theme="anime-glass-light"] .ui.labeled.button > .label:hover,
html[data-theme="anime-glass-light"] .ui.labeled.button > .button:hover + .label {
  border-color: rgba(83, 169, 255, 0.32) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--anime-text) !important;
}

html[data-theme="anime-glass-light"] .btn:not(.ui.button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: var(--border-radius) !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  line-height: 1;
  text-decoration: none !important;
  cursor: pointer;
  transform: none !important;
}

html[data-theme="anime-glass-light"] .btn:not(.ui.button):hover,
html[data-theme="anime-glass-light"] .btn:not(.ui.button):active,
html[data-theme="anime-glass-light"] .btn:not(.ui.button):focus-visible {
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="anime-glass-light"] .btn:not(.ui.button):focus-visible {
  outline: 0;
  box-shadow: var(--anime-focus-ring) !important;
}

html[data-theme="anime-glass-light"] .btn:not(.ui.button) > .svg,
html[data-theme="anime-glass-light"] .btn:not(.ui.button) > svg,
html[data-theme="anime-glass-light"] .btn:not(.ui.button) > .icon {
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  color: currentColor !important;
  pointer-events: none;
}

html[data-theme="anime-glass-light"] .repository .repo-buttons,
html[data-theme="anime-glass-light"] .repo-buttons,
html[data-theme="anime-glass-light"] .repo-button-row {
  position: relative;
  z-index: 2;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: auto !important;
}

html[data-theme="anime-glass-light"] .repo-buttons .ui.button,
html[data-theme="anime-glass-light"] .repo-button-row .ui.button {
  margin-right: 0;
}

@media (max-width: 767.98px) {
  html[data-theme="anime-glass-light"] .ui.button {
    white-space: normal;
  }
}

/*
  v2026-06-02-checkbox-radio-fix

  Gitea 1.24+ uses the real input element for normal checkbox/radio controls:
    .ui.checkbox input[type="checkbox"],
    .ui.checkbox input[type="radio"]
  The previous theme inherited an old Fomantic-style approach: it hid the real
  input with opacity: 0 and expected label::before/label::after to draw the
  control. In current Gitea those pseudo elements are not the main control
  surface, so normal radio/checkbox controls on settings pages became invisible.

  Keep toggle/slider controls on the label-pseudo implementation, but restore
  normal checkbox/radio controls to visible native-Gitea-like inputs.
*/
html[data-theme="anime-glass-light"] {
  --checkbox-size: 14px;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible),
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) {
  position: relative;
  display: inline-block;
  min-width: var(--checkbox-size);
  min-height: var(--checkbox-size);
  padding: 1px;
  line-height: var(--checkbox-size);
  vertical-align: baseline;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) label,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) label {
  position: relative;
  display: block;
  min-height: var(--checkbox-size);
  margin-left: 22px !important;
  padding-left: 0 !important;
  color: var(--anime-text) !important;
  cursor: pointer;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) label::before,
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) label::after,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) label::before,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) label::after {
  display: none !important;
  content: none !important;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"],
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"],
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"],
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"] {
  position: absolute !important;
  top: 1px !important;
  left: 0 !important;
  z-index: 1 !important;
  display: inline-grid !important;
  place-content: center !important;
  width: var(--checkbox-size) !important;
  height: var(--checkbox-size) !important;
  min-width: var(--checkbox-size) !important;
  min-height: var(--checkbox-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--anime-control-border) !important;
  background: var(--anime-control-bg) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), 0 4px 10px rgba(51, 93, 132, 0.08) !important;
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  print-color-adjust: exact;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"],
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"] {
  border-radius: 4px !important;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"],
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"] {
  border-radius: 50% !important;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]::before,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]::before {
  display: block !important;
  width: 5px;
  height: 9px;
  margin-top: -1px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  background: transparent !important;
  box-shadow: 1px 1px 0 rgba(18, 76, 128, 0.18);
  content: "" !important;
  transform: rotate(45deg) scale(0);
  transform-origin: center;
  transition: transform var(--anime-motion-fast) var(--anime-ease-standard);
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]::before,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]::before {
  display: block !important;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(18, 76, 128, 0.18);
  content: "" !important;
  transform: scale(0);
  transition: transform var(--anime-motion-fast) var(--anime-ease-standard);
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:hover,
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:hover,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:hover,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:hover {
  border-color: rgba(71, 163, 255, 0.58) !important;
  background: var(--anime-control-hover-bg) !important;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:focus-visible,
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:focus-visible,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:focus-visible,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:focus-visible {
  outline: 0 !important;
  border-color: rgba(71, 163, 255, 0.68) !important;
  box-shadow: var(--anime-focus-ring), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:checked,
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"].checked,
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:indeterminate,
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"].indeterminate,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:checked,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"].checked,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:indeterminate,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"].indeterminate {
  border-color: rgba(47, 146, 236, 0.76) !important;
  background: var(--anime-control-checked-bg) !important;
  box-shadow: var(--anime-control-checked-shadow) !important;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:checked::before,
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"].checked::before,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:checked::before,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"].checked::before {
  transform: rotate(45deg) scale(1);
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:indeterminate::before,
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"].indeterminate::before,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:indeterminate::before,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"].indeterminate::before {
  width: 9px;
  height: 2px;
  margin-top: 0;
  border: 0;
  border-radius: 999px;
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(18, 76, 128, 0.18);
  transform: scale(1);
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:checked,
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"].checked,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:checked,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"].checked {
  border-color: rgba(47, 146, 236, 0.76) !important;
  background: var(--anime-control-checked-bg) !important;
  box-shadow: var(--anime-control-checked-shadow) !important;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:checked::before,
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"].checked::before,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:checked::before,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"].checked::before {
  transform: scale(1);
}

html[data-theme="anime-glass-light"] .ui.disabled.checkbox:not(.toggle):not(.slider):not(.invisible) input,
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[disabled],
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[disabled] ~ label {
  cursor: default !important;
  opacity: var(--opacity-disabled, 0.56) !important;
  pointer-events: none !important;
}

/*
  Checkbox-only variants used in issue lists or table rows may not have a label.
  Keep them visible and inline.
*/
html[data-theme="anime-glass-light"] .ui.checkbox:not(:has(label)):not(.toggle):not(.slider) input[type="checkbox"],
html[data-theme="anime-glass-light"] .ui.checkbox:not(:has(label)):not(.toggle):not(.slider) input[type="radio"],
html[data-theme="anime-glass-light"] .ui.checkbox.issue-checkbox:not(.toggle):not(.slider) input[type="checkbox"],
html[data-theme="anime-glass-light"] .ui.checkbox.issue-checkbox:not(.toggle):not(.slider) input[type="radio"],
html[data-theme="anime-glass-light"] .issue-checkbox input[type="checkbox"],
html[data-theme="anime-glass-light"] .issue-checkbox input[type="radio"] {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: inline-grid !important;
  margin: 0 4px 0 0 !important;
  vertical-align: -2px !important;
}


/*
  Unscoped fallback for installations whose data-theme value is renamed by the
  CSS filename. This must stay after the old checkbox rules, because the old
  rules used !important and opacity: 0 on .ui.checkbox input.
*/
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible),
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) {
  position: relative;
  display: inline-block;
  min-width: var(--checkbox-size, 14px);
  min-height: var(--checkbox-size, 14px);
  padding: 1px;
  line-height: var(--checkbox-size, 14px);
  vertical-align: baseline;
}

body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) label,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) label {
  position: relative;
  display: block;
  min-height: var(--checkbox-size, 14px);
  margin-left: 22px !important;
  padding-left: 0 !important;
  color: var(--anime-text) !important;
  cursor: pointer;
}

body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) label::before,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) label::after,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) label::before,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) label::after {
  display: none !important;
  content: none !important;
}

body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"],
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"],
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"],
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"] {
  position: absolute !important;
  top: 1px !important;
  left: 0 !important;
  z-index: 1 !important;
  display: inline-grid !important;
  place-content: center !important;
  width: var(--checkbox-size, 14px) !important;
  height: var(--checkbox-size, 14px) !important;
  min-width: var(--checkbox-size, 14px) !important;
  min-height: var(--checkbox-size, 14px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--anime-control-border) !important;
  background: var(--anime-control-bg) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), 0 4px 10px rgba(51, 93, 132, 0.08) !important;
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  print-color-adjust: exact;
}

body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"],
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"] {
  border-radius: 4px !important;
}

body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"],
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"] {
  border-radius: 50% !important;
}

body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]::before,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]::before {
  display: block !important;
  width: 5px;
  height: 9px;
  margin-top: -1px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  background: transparent !important;
  box-shadow: 1px 1px 0 rgba(18, 76, 128, 0.18);
  content: "" !important;
  transform: rotate(45deg) scale(0);
  transform-origin: center;
  transition: transform var(--anime-motion-fast) var(--anime-ease-standard);
}

body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]::before,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]::before {
  display: block !important;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(18, 76, 128, 0.18);
  content: "" !important;
  transform: scale(0);
  transition: transform var(--anime-motion-fast) var(--anime-ease-standard);
}

body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:checked,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"].checked,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:indeterminate,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"].indeterminate,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:checked,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"].checked,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:indeterminate,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"].indeterminate,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:checked,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"].checked,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:checked,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"].checked {
  border-color: rgba(47, 146, 236, 0.76) !important;
  background: var(--anime-control-checked-bg) !important;
  box-shadow: var(--anime-control-checked-shadow) !important;
}

body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:checked::before,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"].checked::before,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:checked::before,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"].checked::before {
  transform: rotate(45deg) scale(1);
}

body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:checked::before,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"].checked::before,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:checked::before,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"].checked::before {
  transform: scale(1);
}

body .ui.checkbox:not(:has(label)):not(.toggle):not(.slider) input[type="checkbox"],
body .ui.checkbox:not(:has(label)):not(.toggle):not(.slider) input[type="radio"],
body .ui.checkbox.issue-checkbox:not(.toggle):not(.slider) input[type="checkbox"],
body .ui.checkbox.issue-checkbox:not(.toggle):not(.slider) input[type="radio"],
body .issue-checkbox input[type="checkbox"],
body .issue-checkbox input[type="radio"] {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: inline-grid !important;
  margin: 0 4px 0 0 !important;
  vertical-align: -2px !important;
}




/*
  v2026-06-03-v72-source-clean

  Source-aligned dashboard repository filter stabilization for current Gitea:
    - Archive/private filter DOM:
        #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input.tw-pointer-events-none + label
    - Repository type filter DOM:
        #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item

  Important:
    - The archive/private checkbox input is intentionally pointer-events:none in Gitea.
      The parent .item owns the click state. Do not turn the input back into the click target.
    - The repos-filter overflow-menu is a full-width tab row, not the compact archive/private popup.
    - Issue/Pull list overrides remain intentionally disabled; shared issuelist markup needs a separate,
      narrow source-aligned block if it is ever reintroduced.
*/

/* Dashboard repository list stacking: keep the real dropdown above glass panels and tab rows. */
html[data-theme="anime-glass-light"] #dashboard-repo-list,
#dashboard-repo-list {
  isolation: isolate;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search.ui.attached.segment,
html[data-theme="anime-glass-light"] #dashboard-repo-list .dashboard-repos,
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.attached.table.segment,
html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list,
#dashboard-repo-list .repos-search.ui.attached.segment,
#dashboard-repo-list .dashboard-repos,
#dashboard-repo-list .ui.attached.table.segment,
#dashboard-repo-list .repo-owner-name-list {
  overflow: visible !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search.ui.attached.segment,
#dashboard-repo-list .repos-search.ui.attached.segment {
  position: relative !important;
  z-index: var(--anime-z-dropdown-scope) !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button,
#dashboard-repo-list .ui.dropdown.icon.button {
  position: relative !important;
  z-index: var(--anime-z-dropdown) !important;
  overflow: visible !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button.visible,
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button.active,
#dashboard-repo-list .ui.dropdown.icon.button.visible,
#dashboard-repo-list .ui.dropdown.icon.button.active {
  z-index: var(--anime-z-dropdown-menu) !important;
}

/* Only the archive/private dropdown gets compact popup sizing. */
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu,
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button.visible > .menu,
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button.active > .menu,
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu.visible,
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu.transition.visible,
#dashboard-repo-list .ui.dropdown.icon.button > .menu,
#dashboard-repo-list .ui.dropdown.icon.button.visible > .menu,
#dashboard-repo-list .ui.dropdown.icon.button.active > .menu,
#dashboard-repo-list .ui.dropdown.icon.button > .menu.visible,
#dashboard-repo-list .ui.dropdown.icon.button > .menu.transition.visible {
  z-index: var(--anime-z-dropdown-menu) !important;
  width: max-content !important;
  min-width: 156px !important;
  max-width: min(208px, calc(100vw - 24px)) !important;
  padding: 6px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(72, 117, 158, 0.36) !important;
  border-radius: 8px !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.46), rgba(255, 255, 255, 0.18)),
          rgba(255, 255, 255, 0.9) !important;
  background-clip: padding-box !important;
  box-shadow:
          0 18px 42px rgba(30, 61, 92, 0.18),
          0 0 0 1px rgba(255, 255, 255, 0.58),
          var(--anime-glass-inset-highlight) !important;
  backdrop-filter: blur(18px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.16) !important;
}

/* Repository type tabs: full-width source tab row, never the compact popup. */
html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter,
html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.ui.secondary.pointing.tabular.borderless.menu.repos-filter,
#dashboard-repo-list overflow-menu.repos-filter,
#dashboard-repo-list overflow-menu.ui.secondary.pointing.tabular.borderless.menu.repos-filter {
  position: relative !important;
  z-index: var(--anime-z-content) !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-top: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-bottom-width: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center,
#dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
#dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  flex-wrap: nowrap !important;
  gap: 2px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 2.35rem !important;
  margin: 0 !important;
  padding: 0 2px !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item,
#dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 1 auto !important;
  gap: 0.28rem !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 2.1rem !important;
  margin: 0 !important;
  padding: 7px 6px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  text-overflow: clip !important;
  border-radius: 7px 7px 0 0 !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item > .ui.label,
#dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item > .ui.label {
  flex: 0 0 auto !important;
  margin-left: 3px !important;
}

/* If overflow-menu creates its own overflow popup, style it independently from the archive/private menu. */
html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter .overflow-menu-popup,
#dashboard-repo-list overflow-menu.repos-filter .overflow-menu-popup {
  z-index: var(--anime-z-dropdown-menu) !important;
  width: max-content !important;
  min-width: 156px !important;
  max-width: min(300px, calc(100vw - 24px)) !important;
  padding: 6px !important;
  overflow: hidden !important;
  border: 1px solid rgba(72, 117, 158, 0.34) !important;
  border-radius: 8px !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.16)),
          rgba(255, 255, 255, 0.9) !important;
  box-shadow:
          0 18px 42px rgba(30, 61, 92, 0.18),
          0 0 0 1px rgba(255, 255, 255, 0.58),
          var(--anime-glass-inset-highlight) !important;
  backdrop-filter: blur(18px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.16) !important;
}

/* Archive/private filter rows: source DOM is a.item > .ui.checkbox > input + label. */
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item:has(> .ui.checkbox > input[type="checkbox"]),
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item:has(> .ui.checkbox > input[type="checkbox"]) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 7px 9px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border-radius: 7px !important;
  color: var(--anime-text) !important;
  background: transparent !important;
  text-align: left !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transform: none !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item:has(> .ui.checkbox > input[type="checkbox"]):hover,
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item:has(> .ui.checkbox > input[type="checkbox"]):focus-visible,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item:has(> .ui.checkbox > input[type="checkbox"]):hover,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item:has(> .ui.checkbox > input[type="checkbox"]):focus-visible {
  background: rgba(71, 163, 255, 0.1) !important;
  box-shadow: inset 2px 0 0 rgba(71, 163, 255, 0.46) !important;
  transform: none !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox {
  --repo-filter-check-size: 16px;
  position: relative !important;
  display: grid !important;
  grid-template-columns: var(--repo-filter-check-size) minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  line-height: 20px !important;
  color: var(--anime-text) !important;
  pointer-events: none !important;
}

/* Keep Gitea's source intent: input is visible state only, parent .item handles click. */
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"],
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input.tw-pointer-events-none,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"],
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input.tw-pointer-events-none {
  position: relative !important;
  inset: auto !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  place-self: center !important;
  display: inline-grid !important;
  place-content: center !important;
  width: var(--repo-filter-check-size) !important;
  min-width: var(--repo-filter-check-size) !important;
  max-width: var(--repo-filter-check-size) !important;
  height: var(--repo-filter-check-size) !important;
  min-height: var(--repo-filter-check-size) !important;
  max-height: var(--repo-filter-check-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(87, 128, 164, 0.44) !important;
  border-radius: 5px !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 248, 255, 0.84)) !important;
  box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.82),
          0 2px 6px rgba(51, 93, 132, 0.08) !important;
  opacity: 1 !important;
  visibility: visible !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  pointer-events: none !important;
  transform: none !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > label,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > label {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  width: auto !important;
  min-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: var(--anime-text) !important;
  line-height: 20px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  pointer-events: none !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > label::before,
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > label::after,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > label::before,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > label::after {
  display: none !important;
  content: none !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > label > :is(svg.svg, svg, .svg, .octicon),
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > label > :is(svg.svg, svg, .svg, .octicon) {
  flex: 0 0 auto !important;
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  margin-right: 4px !important;
  color: var(--anime-icon-primary, #2d8fe8) !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"]::before,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"]::before {
  display: block !important;
  content: "" !important;
  opacity: 0 !important;
  transform-origin: center !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"]:checked,
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"].checked,
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"]:indeterminate,
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"].indeterminate,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"]:checked,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"].checked,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"]:indeterminate,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"].indeterminate {
  border-color: rgba(47, 146, 236, 0.76) !important;
  background: var(--anime-control-checked-bg) !important;
  box-shadow: var(--anime-control-checked-shadow) !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"]:checked::before,
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"].checked::before,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"]:checked::before,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"].checked::before {
  width: 5px !important;
  height: 9px !important;
  margin-top: -1px !important;
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
  background: transparent !important;
  box-shadow: 1px 1px 0 rgba(18, 76, 128, 0.18) !important;
  opacity: 1 !important;
  transform: rotate(45deg) scale(1) !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"]:indeterminate::before,
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"].indeterminate::before,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"]:indeterminate::before,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input[type="checkbox"].indeterminate::before {
  width: 9px !important;
  height: 2px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(18, 76, 128, 0.18) !important;
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* Hide plain tooltips while the filter dropdown is open; keep menu/default tippies intact. */
body:has(#dashboard-repo-list .ui.dropdown.icon.button.visible > .menu) [data-tippy-root]:has(.tippy-box[data-theme="tooltip"]),
body:has(#dashboard-repo-list .ui.dropdown.icon.button.active > .menu) [data-tippy-root]:has(.tippy-box[data-theme="tooltip"]),
body:has(#dashboard-repo-list .ui.dropdown.icon.button > .menu.visible) [data-tippy-root]:has(.tippy-box[data-theme="tooltip"]),
body:has(#dashboard-repo-list .ui.dropdown.icon.button > .menu.transition.visible) [data-tippy-root]:has(.tippy-box[data-theme="tooltip"]) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 520px) {
  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center {
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items::-webkit-scrollbar,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items::-webkit-scrollbar {
    display: none !important;
  }
}

/*
  Final white-surface clamp: keep this late so Gitea component defaults and
  older theme sections cannot leave opaque white panels on top of the image.
*/
html[data-theme="anime-glass-light"] :where(
  .repository .header-wrapper,
  .repository .repo-header,
  .repository .repo-title,
  .repository .repo-buttons,
  .repository-summary,
  .repository-menu,
  .repo-button-row,
  .repo-home-filelist,
  .repo-grid-filelist-sidebar,
  .page-content.repository .ui.segment,
  .page-content.repository .ui.segments,
  .page-content.repository .ui.attached.segment,
  .page-content.repository .ui.table,
  .page-content.repository .ui.menu,
  .page-content.repository overflow-menu.ui.menu,
  .page-content.repository .clone-panel,
  .page-content.repository .clone-panel .item,
  .page-content.user.signin .ui.segment,
  .page-content.user.signin .ui.form,
  .page-content.user.signin .oauth2-panel,
  .page-content.user.signin .openid-panel
) {
  border-color: rgba(95, 139, 180, 0.14) !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0) 62%),
          rgba(255, 255, 255, 0.08) !important;
  box-shadow:
          0 10px 24px rgba(51, 93, 132, 0.05),
          inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: blur(20px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.12) !important;
}

html[data-theme="anime-glass-light"] :where(
  .repository .header-wrapper,
  .repository .repo-header,
  .repository-summary,
  .repo-button-row
) {
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0) 58%),
          rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="anime-glass-light"] :where(
  .repository.file.list #repo-files-table,
  #repo-files-table,
  #repo-files-table tbody,
  #repo-files-table tbody tr,
  #repo-files-table .repo-file-line,
  #repo-files-table .repo-file-item,
  #repo-files-table .repo-file-cell,
  .page-content.repository .ui.table tbody,
  .page-content.repository .ui.table tr,
  .page-content.repository .ui.table td
) {
  background: rgba(255, 255, 255, 0.03) !important;
  box-shadow: none !important;
}

html[data-theme="anime-glass-light"] :where(
  .repository.file.list #repo-files-table thead th,
  .repository.file.list #repo-files-table .repo-file-last-commit,
  #repo-files-table thead th,
  #repo-files-table .repo-file-last-commit,
  .page-content.repository .ui.table thead th
) {
  border-color: rgba(95, 139, 180, 0.12) !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0)),
          rgba(255, 255, 255, 0.07) !important;
}

html[data-theme="anime-glass-light"] :where(
  .repository.file.list #repo-files-table tbody tr:hover,
  #repo-files-table tbody tr:hover,
  #repo-files-table .repo-file-line:hover,
  #repo-files-table .repo-file-item:hover,
  .page-content.repository .ui.table tbody tr:hover
) {
  background: rgba(103, 217, 206, 0.11) !important;
}

html[data-theme="anime-glass-light"] :where(
  .ui.input > input,
  .ui.form input:not([type]),
  .ui.form input[type="text"],
  .ui.form input[type="email"],
  .ui.form input[type="password"],
  .ui.form input[type="search"],
  .ui.form input[type="url"],
  .ui.form input[type="number"],
  .ui.form textarea,
  .ui.selection.dropdown,
  .ui.search.dropdown,
  .ui.dropdown.button,
  .branch-selector-dropdown .button
) {
  border-color: rgba(88, 132, 170, 0.18) !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)),
          rgba(255, 255, 255, 0.07) !important;
  box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.16),
          0 4px 10px rgba(51, 93, 132, 0.03) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
}

html[data-theme="anime-glass-light"] :where(
  .ui.input > input:focus,
  .ui.form input:focus,
  .ui.form textarea:focus,
  .ui.selection.dropdown:focus,
  .ui.selection.dropdown.active,
  .ui.search.dropdown.active
) {
  border-color: rgba(71, 163, 255, 0.4) !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)),
          rgba(255, 255, 255, 0.14) !important;
  box-shadow:
          var(--anime-focus-ring),
          inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

html[data-theme="anime-glass-light"] :where(
  .ui.button:not(.primary):not(.green):not(.blue):not(.red):not(.orange):not(.yellow):not(.teal):not(.purple):not(.pink):not(.negative):not(.positive),
  .ui.basic.button,
  .ui.basic.buttons .button,
  .repo-button-row .ui.button,
  .page-content.repository .ui.button:not(.primary):not(.green):not(.blue):not(.red):not(.negative):not(.positive)
) {
  border-color: rgba(88, 132, 170, 0.16) !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)),
          rgba(255, 255, 255, 0.08) !important;
  box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.18),
          0 4px 10px rgba(51, 93, 132, 0.03) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
}

html[data-theme="anime-glass-light"] :where(
  .ui.button:not(.primary):not(.green):not(.blue):not(.red):not(.orange):not(.yellow):not(.teal):not(.purple):not(.pink):not(.negative):not(.positive):hover,
  .ui.basic.button:hover,
  .ui.basic.buttons .button:hover,
  .repo-button-row .ui.button:hover,
  .page-content.repository .ui.button:not(.primary):not(.green):not(.blue):not(.red):not(.negative):not(.positive):hover
) {
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)),
          rgba(255, 255, 255, 0.16) !important;
}

html[data-theme="anime-glass-light"] :where(
  .ui.dropdown > .menu,
  .ui.dropdown .menu,
  .ui.menu .ui.dropdown .menu,
  overflow-menu .overflow-menu-popup,
  .page-content.repository .ui.dropdown > .menu
) {
  border-color: rgba(95, 139, 180, 0.22) !important;
  background: rgba(255, 255, 255, 0.34) !important;
  box-shadow:
          0 20px 52px rgba(30, 61, 92, 0.16),
          inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
  backdrop-filter: blur(22px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.16) !important;
}

html[data-theme="anime-glass-light"] :where(
  #navbar,
  header .navbar,
  footer.page-footer,
  .page-footer
) {
  border-color: rgba(95, 139, 180, 0.12) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 8px 20px rgba(51, 93, 132, 0.04) !important;
  backdrop-filter: blur(16px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
}

html[data-theme="anime-glass-light"] :where(
  .repository-summary .item,
  .repository-summary .repository-menu-item,
  .repository-menu .item,
  .repository-menu a,
  .repo-button-row .item,
  .repo-home-filelist .repo-file-line,
  .repo-home-filelist .repo-file-item,
  .repo-home-filelist .repo-file-cell,
  .repo-grid-filelist-sidebar .item,
  .repo-grid-filelist-sidebar .ui.list .item
) {
  background: transparent !important;
  box-shadow: none !important;
}

/* Shared responsive list contract for repository, user, and organization lists. */
html[data-theme="anime-glass-light"] :where(
  .page-content.explore,
  .page-content.repository,
  .page-content.user.profile,
  .page-content.organization,
  .page-content.organization.profile
) :where(
  .ui.container,
  .flex-list,
  .flex-item,
  .flex-item-main,
  .flex-item-header,
  .flex-item-title,
  .flex-item-body,
  .flex-item-trailing
) {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html[data-theme="anime-glass-light"] :where(
  .page-content.explore,
  .page-content.repository,
  .page-content.user.profile,
  .page-content.organization,
  .page-content.organization.profile
) .flex-list {
  width: 100% !important;
  overflow-x: clip !important;
}

html[data-theme="anime-glass-light"] :where(
  .page-content.explore,
  .page-content.repository,
  .page-content.user.profile,
  .page-content.organization,
  .page-content.organization.profile
) .flex-list > .flex-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  overflow: hidden !important;
}

html[data-theme="anime-glass-light"] :where(
  .page-content.explore,
  .page-content.repository,
  .page-content.user.profile,
  .page-content.organization,
  .page-content.organization.profile
) .flex-item-leading {
  flex: 0 0 auto !important;
}

html[data-theme="anime-glass-light"] :where(
  .page-content.explore,
  .page-content.repository,
  .page-content.user.profile,
  .page-content.organization,
  .page-content.organization.profile
) .flex-item-main {
  flex: 1 1 auto !important;
  width: auto !important;
}

html[data-theme="anime-glass-light"] :where(
  .page-content.explore,
  .page-content.repository,
  .page-content.user.profile,
  .page-content.organization,
  .page-content.organization.profile
) .flex-item-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: start !important;
  column-gap: 12px !important;
  row-gap: 6px !important;
}

html[data-theme="anime-glass-light"] :where(
  .page-content.explore,
  .page-content.repository,
  .page-content.user.profile,
  .page-content.organization,
  .page-content.organization.profile
) :where(.flex-item-title, .flex-item-body, .flex-item-title a, .flex-item-body a) {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html[data-theme="anime-glass-light"] :where(
  .page-content.explore,
  .page-content.repository,
  .page-content.user.profile,
  .page-content.organization,
  .page-content.organization.profile
) .flex-item-trailing {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px 10px !important;
  min-width: 0 !important;
  max-width: min(42%, 18rem) !important;
  white-space: normal !important;
}

html[data-theme="anime-glass-light"] :where(
  .page-content.explore,
  .page-content.repository,
  .page-content.user.profile,
  .page-content.organization,
  .page-content.organization.profile
) .flex-item-trailing > * {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

html[data-theme="anime-glass-light"] .page-content.explore > .ui.container,
html[data-theme="anime-glass-light"] .page-content.explore .ui.container {
  width: min(100%, 1280px) !important;
  max-width: calc(100vw - 32px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  box-sizing: border-box !important;
}

html[data-theme="anime-glass-light"] :where(
  .page-content.repository:not(.diff),
  .page-content.organization.profile,
  .page-content.user.profile
) > .ui.container:not(.fluid),
html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav > .ui.container:not(.fluid),
html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .ui.container:not(.fluid) {
  width: min(1280px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  box-sizing: border-box !important;
}

html[data-theme="anime-glass-light"] :where(
  .page-content.repository:not(.diff),
  .page-content.organization.profile,
  .page-content.user.profile
) > .ui.container:not(.fluid) > :where(.ui.grid, .ui.stackable.grid, .ui.mobile.reversed.stackable.grid) {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  box-sizing: border-box !important;
}

html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav {
  min-width: 0 !important;
  max-width: 100vw !important;
  overflow-x: clip !important;
}

html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav > .ui.container:not(.fluid) > :where(.repo-header, overflow-menu.ui.menu) {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  box-sizing: border-box !important;
}

html[data-theme="anime-glass-light"] :where(
  .page-content.repository:not(.diff),
  .page-content.organization.profile,
  .page-content.user.profile
) > .ui.container:not(.fluid) > :where(.ui.grid, .ui.stackable.grid, .ui.mobile.reversed.stackable.grid) > .column {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

html[data-theme="anime-glass-light"] .page-content.organization.profile > .ui.container.tw-flex {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  min-width: 0 !important;
}

html[data-theme="anime-glass-light"] .page-content.organization.profile #org-info {
  min-width: 0 !important;
}

html[data-theme="anime-glass-light"] .page-content.organization.profile .org-avatar {
  flex: 0 0 auto !important;
}

html[data-theme="anime-glass-light"] :where(.page-content.explore, .page-content.organization.profile, .page-content.user.profile) .ui.container > .ui.small.secondary.filter.menu {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

html[data-theme="anime-glass-light"] :where(.page-content.explore, .page-content.organization.profile, .page-content.user.profile) #repo-search-form,
html[data-theme="anime-glass-light"] :where(.page-content.explore, .page-content.organization.profile, .page-content.user.profile) .ui.small.secondary.filter.menu > form.ui.form {
  display: flex !important;
  flex: 1 1 100% !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-theme="anime-glass-light"] :where(.page-content.explore, .page-content.organization.profile, .page-content.user.profile) #repo-search-form > .ui.action.input,
html[data-theme="anime-glass-light"] :where(.page-content.explore, .page-content.organization.profile, .page-content.user.profile) .ui.small.secondary.filter.menu > form.ui.form > .ui.action.input {
  flex: 1 1 32rem !important;
  min-width: min(100%, 18rem) !important;
  max-width: 100% !important;
}

html[data-theme="anime-glass-light"] :where(.page-content.explore, .page-content.organization.profile, .page-content.user.profile) #repo-search-form > .ui.dropdown,
html[data-theme="anime-glass-light"] :where(.page-content.explore, .page-content.organization.profile, .page-content.user.profile) .ui.small.secondary.filter.menu > form.ui.form > .ui.dropdown {
  flex: 0 0 auto !important;
}

@media (max-width: 1280px) {
  html[data-theme="anime-glass-light"] .page-content.explore > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.explore .ui.container {
    max-width: calc(100vw - 24px) !important;
  }

  html[data-theme="anime-glass-light"] :where(.page-content.explore, .page-content.organization.profile, .page-content.user.profile) #repo-search-form > .ui.action.input,
  html[data-theme="anime-glass-light"] :where(.page-content.explore, .page-content.organization.profile, .page-content.user.profile) .ui.small.secondary.filter.menu > form.ui.form > .ui.action.input {
    flex-basis: 100% !important;
  }
}

@media (max-width: 900px) {
  html[data-theme="anime-glass-light"] :where(
    .page-content.explore,
    .page-content.repository,
    .page-content.user.profile,
    .page-content.organization,
    .page-content.organization.profile
  ) .flex-list > .flex-item {
    gap: 10px !important;
  }

  html[data-theme="anime-glass-light"] :where(
    .page-content.explore,
    .page-content.repository,
    .page-content.user.profile,
    .page-content.organization,
    .page-content.organization.profile
  ) .flex-item-header {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-theme="anime-glass-light"] :where(
    .page-content.explore,
    .page-content.repository,
    .page-content.user.profile,
    .page-content.organization,
    .page-content.organization.profile
  ) .flex-item-trailing {
    justify-content: flex-start !important;
    max-width: 100% !important;
  }
}

/* Explore top chrome should stay transparent over the background image. */
html[data-theme="anime-glass-light"] :where(#navbar, header .navbar) {
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)),
          rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(95, 139, 180, 0.1) !important;
  box-shadow: 0 6px 16px rgba(51, 93, 132, 0.03) !important;
  backdrop-filter: blur(10px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.06) !important;
}

html[data-theme="anime-glass-light"] .page-content.explore > overflow-menu.ui.secondary.menu.secondary-nav,
html[data-theme="anime-glass-light"] .page-content.explore > overflow-menu.ui.secondary.pointing.tabular.menu.secondary-nav {
  border-color: rgba(95, 139, 180, 0.1) !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)),
          rgba(255, 255, 255, 0.04) !important;
  box-shadow: 0 6px 16px rgba(51, 93, 132, 0.03) !important;
  backdrop-filter: blur(10px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.06) !important;
}

html[data-theme="anime-glass-light"] .page-content.explore > overflow-menu.secondary-nav > .overflow-menu-items {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="anime-glass-light"] .page-content.explore > overflow-menu.secondary-nav > .overflow-menu-items > .item {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="anime-glass-light"] .page-content.explore > overflow-menu.secondary-nav > .overflow-menu-items > .item.active {
  background: rgba(71, 163, 255, 0.12) !important;
  box-shadow: inset 0 -2px 0 rgba(71, 163, 255, 0.58) !important;
}

html[data-theme="anime-glass-light"] .page-content.explore .ui.container > .ui.small.secondary.filter.menu {
  border-color: rgba(95, 139, 180, 0.1) !important;
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)),
          rgba(255, 255, 255, 0.05) !important;
  box-shadow:
          0 6px 16px rgba(51, 93, 132, 0.03),
          inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(10px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.06) !important;
}

html[data-theme="anime-glass-light"] .page-content.explore :where(
  #repo-search-form,
  #repo-search-form > .ui.action.input,
  #repo-search-form > .ui.action.input > input,
  #repo-search-form > .ui.action.input > .button,
  #repo-search-form > .ui.dropdown,
  #repo-search-form > .ui.dropdown.item
) {
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0)),
          rgba(255, 255, 255, 0.045) !important;
  box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.12),
          0 4px 10px rgba(51, 93, 132, 0.025) !important;
}

html[data-theme="anime-glass-light"] .page-content.explore #repo-search-form > .ui.dropdown:hover,
html[data-theme="anime-glass-light"] .page-content.explore #repo-search-form > .ui.dropdown:focus-visible,
html[data-theme="anime-glass-light"] .page-content.explore #repo-search-form > .ui.dropdown.active {
  background: rgba(71, 163, 255, 0.1) !important;
}

/* Hard clamp for the top explore bars: remove the remaining white glass wash. */
html[data-theme="anime-glass-light"] :where(#navbar, header .navbar) {
  background: transparent !important;
  border-color: rgba(95, 139, 180, 0.08) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="anime-glass-light"] :where(#navbar, header .navbar) :where(.item, a.item) {
  background: transparent !important;
}

html[data-theme="anime-glass-light"] :where(#navbar, header .navbar) :where(.item.active, .item:hover, a.item.active, a.item:hover) {
  background: rgba(71, 163, 255, 0.1) !important;
}

html[data-theme="anime-glass-light"] .page-content.explore > overflow-menu.secondary-nav,
html[data-theme="anime-glass-light"] .page-content.explore > overflow-menu.secondary-nav > .overflow-menu-items,
html[data-theme="anime-glass-light"] .page-content.explore .ui.container > .ui.small.secondary.filter.menu {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="anime-glass-light"] .page-content.explore .ui.container > .ui.small.secondary.filter.menu {
  border-color: rgba(95, 139, 180, 0.08) !important;
}

html[data-theme="anime-glass-light"] .page-content.explore :where(
  #repo-search-form,
  #repo-search-form > .ui.action.input,
  #repo-search-form > .ui.action.input > input,
  #repo-search-form > .ui.action.input > .button,
  #repo-search-form > .ui.dropdown,
  #repo-search-form > .ui.dropdown.item
) {
  background: rgba(255, 255, 255, 0.025) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="anime-glass-light"] .page-content.explore .flex-list {
  background: rgba(255, 255, 255, 0.04) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="anime-glass-light"] .page-content.explore .flex-list > .flex-item {
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0)),
          rgba(255, 255, 255, 0.045) !important;
  box-shadow: none !important;
}

/* Final top-active clamp: active states use only an underline, never a pale box. */
html[data-theme="anime-glass-light"] :where(#navbar, header .navbar) :where(.item.active, .item:hover, a.item.active, a.item:hover) {
  background: transparent !important;
  box-shadow: inset 0 -2px 0 rgba(71, 163, 255, 0.62) !important;
}

html[data-theme="anime-glass-light"] .page-content.explore > overflow-menu.secondary-nav > .overflow-menu-items > .item.active,
html[data-theme="anime-glass-light"] .page-content.explore > overflow-menu.secondary-nav > .overflow-menu-items > .item:hover {
  background: transparent !important;
  box-shadow: inset 0 -2px 0 rgba(71, 163, 255, 0.58) !important;
}

html[data-theme="anime-glass-light"] :where(.page-content.explore, .page-content.organization.profile, .page-content.user.profile) :where(
  #repo-search-form,
  #repo-search-form > .ui.action.input,
  #repo-search-form > .ui.action.input > input,
  #repo-search-form > .ui.action.input > .button,
  #repo-search-form > .ui.action.input > button,
  #repo-search-form > .ui.action.input > button.ui.icon.button,
  #repo-search-form > .ui.dropdown,
  #repo-search-form > .ui.dropdown.item
) {
  background: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(95, 139, 180, 0.1) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="anime-glass-light"] .page-content.explore .ui.small.secondary.filter.menu > form.ui.form,
html[data-theme="anime-glass-light"] .page-content.explore .ui.small.secondary.filter.menu > form.ui.form > .ui.action.input,
html[data-theme="anime-glass-light"] .page-content.explore .ui.small.secondary.filter.menu > form.ui.form > .ui.action.input > input,
html[data-theme="anime-glass-light"] .page-content.explore .ui.small.secondary.filter.menu > form.ui.form > .ui.action.input > .button,
html[data-theme="anime-glass-light"] .page-content.explore .ui.small.secondary.filter.menu > form.ui.form > .ui.action.input > button,
html[data-theme="anime-glass-light"] .page-content.explore .ui.small.secondary.filter.menu > form.ui.form > .ui.action.input > button.ui.icon.button {
  background: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(95, 139, 180, 0.1) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Final login clamp: keep sign-in fields and remember checkbox off the white surface. */
html[data-theme="anime-glass-light"] .page-content.user.signin .ui.form :where(
  #user_name,
  #password,
  input[name="user_name"],
  input[name="password"]
) {
  border-color: rgba(88, 132, 170, 0.2) !important;
  background: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(95, 139, 180, 0.1) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="anime-glass-light"] .page-content.user.signin .ui.form :where(
  #user_name,
  #password,
  input[name="user_name"],
  input[name="password"]
):focus {
  border-color: rgba(71, 163, 255, 0.46) !important;
  background: transparent !important;
  box-shadow: var(--anime-focus-ring), inset 0 0 0 1px rgba(71, 163, 255, 0.16) !important;
}

html[data-theme="anime-glass-light"] .page-content.user.signin .ui.checkbox:has(input[name="remember"]) label::before {
  border-color: rgba(88, 132, 170, 0.26) !important;
  background: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(95, 139, 180, 0.08) !important;
}

html[data-theme="anime-glass-light"] .page-content.user.signin .ui.checkbox:has(input[name="remember"]):hover label::before {
  border-color: rgba(71, 163, 255, 0.42) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="anime-glass-light"] .page-content.user.signin .ui.checkbox:has(input[name="remember"]:focus-visible) label::before {
  border-color: rgba(71, 163, 255, 0.58) !important;
  box-shadow: var(--anime-focus-ring), inset 0 0 0 1px rgba(71, 163, 255, 0.14) !important;
}

html[data-theme="anime-glass-light"] .page-content.user.signin .ui.checkbox:has(input[name="remember"]:checked) label::before {
  border-color: rgba(47, 146, 236, 0.62) !important;
  background: rgba(71, 163, 255, 0.28) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22), 0 0 0 2px rgba(71, 163, 255, 0.08) !important;
}

html[data-theme="anime-glass-light"] .page-content.user.signin .ui.checkbox:has(input[name="remember"]:checked) label::after {
  opacity: 1 !important;
  transform: rotate(45deg) scale(1);
}

/*
  v2026-06-02-v59-icon-color-polish

  Icon color polish for Anime Glass Light.

  Gitea/Octicon SVG icons mostly follow currentColor. Keep this block near the
  end of the file so it can override older hard-coded icon colors such as the
  file-tree #4883b8 and repository-filter #2d74b8 rules without editing every
  historical section above.

  Do not use a global "svg path { fill: ... }" rule here. That would recolor
  logos, avatars, emoji, heatmaps, and other multi-color SVG assets.
*/

:root,
html[data-theme="anime-glass-light"] {
  --anime-icon-default: #3f719f;
  --anime-icon-muted: #6f86a0;
  --anime-icon-subtle: #8aa0b6;

  --anime-icon-primary: #2d8fe8;
  --anime-icon-primary-hover: #176fc2;
  --anime-icon-cyan: #22b8c7;
  --anime-icon-mint: #3fbf7f;
  --anime-icon-pink: #e86f9f;
  --anime-icon-orange: #e99a3a;
  --anime-icon-red: #e0567a;
  --anime-icon-purple: #8b7cf6;

  --anime-icon-folder: #2d8fe8;
  --anime-icon-file: #527a9f;
  --anime-icon-private: #d86f9f;
  --anime-icon-fork: #22a9bd;
  --anime-icon-mirror: #4fbf98;
  --anime-icon-archived: #d8933a;
  --anime-icon-branch: #3f88d9;
  --anime-icon-pr: #8b7cf6;

  /* Gitea's git-brand icon variable, used by some migration/source icons. */
  --color-git: #f07b58;
}

/* Base icon tone. The stylesheet is a theme file, so an unscoped fallback is intentional. */
html[data-theme="anime-glass-light"] :is(svg.svg, .svg, .octicon),
body :is(svg.svg, .svg, .octicon) {
  color: var(--anime-icon-default);
  fill: currentColor;
  transition:
          color var(--anime-motion-fast, 140ms) var(--anime-ease-standard, ease),
          opacity var(--anime-motion-fast, 140ms) var(--anime-ease-standard, ease),
          transform var(--anime-motion-fast, 140ms) var(--anime-ease-standard, ease);
}

/* Do not recolor image-like or multi-color assets. */
html[data-theme="anime-glass-light"] :is(
  .ui.avatar svg,
  .avatar svg,
  .emoji svg,
  .emoji img,
  .heatmap svg,
  .heatmap image,
  .color-icon,
  img.svg
),
body :is(
  .ui.avatar svg,
  .avatar svg,
  .emoji svg,
  .emoji img,
  .heatmap svg,
  .heatmap image,
  .color-icon,
  img.svg
) {
  color: inherit !important;
  fill: initial;
}

/* Link/button/menu interactions. */
html[data-theme="anime-glass-light"] :is(a, button, .ui.button, .btn, .ui.menu .item):hover :is(svg.svg, .svg, .octicon),
html[data-theme="anime-glass-light"] :is(a, button, .ui.button, .btn, .ui.menu .item):focus-visible :is(svg.svg, .svg, .octicon),
body :is(a, button, .ui.button, .btn, .ui.menu .item):hover :is(svg.svg, .svg, .octicon),
body :is(a, button, .ui.button, .btn, .ui.menu .item):focus-visible :is(svg.svg, .svg, .octicon) {
  color: var(--anime-icon-primary-hover) !important;
}

html[data-theme="anime-glass-light"] :is(.ui.menu, .ui.dropdown, .ui.button, .btn) :is(svg.svg, .svg, .octicon),
body :is(.ui.menu, .ui.dropdown, .ui.button, .btn) :is(svg.svg, .svg, .octicon) {
  color: var(--anime-icon-default);
}

html[data-theme="anime-glass-light"] :is(.ui.menu .active.item, .ui.secondary.menu .active.item, .ui.tabs.container .active.item) :is(svg.svg, .svg, .octicon),
body :is(.ui.menu .active.item, .ui.secondary.menu .active.item, .ui.tabs.container .active.item) :is(svg.svg, .svg, .octicon) {
  color: var(--anime-icon-primary) !important;
}

/* Repository/dashboard icon groups. */
html[data-theme="anime-glass-light"] :is(#dashboard-repo-list, .dashboard-repos, .repository.list, .repo-owner-name-list) :is(svg.svg, .svg, .octicon),
body :is(#dashboard-repo-list, .dashboard-repos, .repository.list, .repo-owner-name-list) :is(svg.svg, .svg, .octicon) {
  color: var(--anime-icon-default);
}

/* Repository type semantic colors. */
html[data-theme="anime-glass-light"] :is(.svg.octicon-repo, .octicon-repo),
body :is(.svg.octicon-repo, .octicon-repo) {
  color: var(--anime-icon-primary) !important;
}

html[data-theme="anime-glass-light"] :is(.svg.octicon-lock, .octicon-lock, .svg.octicon-shield-lock, .octicon-shield-lock),
body :is(.svg.octicon-lock, .octicon-lock, .svg.octicon-shield-lock, .octicon-shield-lock) {
  color: var(--anime-icon-private) !important;
}

html[data-theme="anime-glass-light"] :is(.svg.octicon-repo-forked, .octicon-repo-forked),
body :is(.svg.octicon-repo-forked, .octicon-repo-forked) {
  color: var(--anime-icon-fork) !important;
}

html[data-theme="anime-glass-light"] :is(.svg.octicon-mirror, .octicon-mirror),
body :is(.svg.octicon-mirror, .octicon-mirror) {
  color: var(--anime-icon-mirror) !important;
}

html[data-theme="anime-glass-light"] :is(.svg.octicon-archive, .octicon-archive, .svg.octicon-package, .octicon-package),
body :is(.svg.octicon-archive, .octicon-archive, .svg.octicon-package, .octicon-package) {
  color: var(--anime-icon-archived) !important;
}

/* Git graph / branch / PR / merge icons. */
html[data-theme="anime-glass-light"] :is(
  .svg.octicon-git-branch,
  .octicon-git-branch,
  .svg.octicon-git-commit,
  .octicon-git-commit
),
body :is(
  .svg.octicon-git-branch,
  .octicon-git-branch,
  .svg.octicon-git-commit,
  .octicon-git-commit
) {
  color: var(--anime-icon-branch) !important;
}

html[data-theme="anime-glass-light"] :is(
  .svg.octicon-git-pull-request,
  .octicon-git-pull-request,
  .svg.octicon-git-pull-request-closed,
  .octicon-git-pull-request-closed,
  .svg.octicon-git-pull-request-draft,
  .octicon-git-pull-request-draft
),
body :is(
  .svg.octicon-git-pull-request,
  .octicon-git-pull-request,
  .svg.octicon-git-pull-request-closed,
  .octicon-git-pull-request-closed,
  .svg.octicon-git-pull-request-draft,
  .octicon-git-pull-request-draft
) {
  color: var(--anime-icon-pr) !important;
}

html[data-theme="anime-glass-light"] :is(.svg.octicon-git-merge, .octicon-git-merge),
body :is(.svg.octicon-git-merge, .octicon-git-merge) {
  color: var(--anime-icon-mint) !important;
}

/* File list / file tree icons. */
html[data-theme="anime-glass-light"] :is(
  .svg.octicon-file-directory-fill,
  .svg.octicon-file-directory-open-fill,
  .svg.octicon-file-submodule,
  .octicon-file-directory-fill,
  .octicon-file-directory-open-fill,
  .octicon-file-submodule
),
body :is(
  .svg.octicon-file-directory-fill,
  .svg.octicon-file-directory-open-fill,
  .svg.octicon-file-submodule,
  .octicon-file-directory-fill,
  .octicon-file-directory-open-fill,
  .octicon-file-submodule
) {
  color: var(--anime-icon-folder) !important;
}

html[data-theme="anime-glass-light"] :is(
  .svg.octicon-file,
  .svg.octicon-file-symlink-file,
  .svg.octicon-file-directory-symlink,
  .octicon-file,
  .octicon-file-symlink-file,
  .octicon-file-directory-symlink
),
body :is(
  .svg.octicon-file,
  .svg.octicon-file-symlink-file,
  .svg.octicon-file-directory-symlink,
  .octicon-file,
  .octicon-file-symlink-file,
  .octicon-file-directory-symlink
) {
  color: var(--anime-icon-file) !important;
}

/* Override earlier hard-coded file-tree icon colors. */
html[data-theme="anime-glass-light"] .repository :is(
  .repo-view-file-tree-container,
  #diff-file-tree,
  .diff-file-tree,
  #repo-files-table
) :is(.svg, .octicon, svg.svg),
body .repository :is(
  .repo-view-file-tree-container,
  #diff-file-tree,
  .diff-file-tree,
  #repo-files-table
) :is(.svg, .octicon, svg.svg) {
  color: var(--anime-icon-file) !important;
  flex: 0 0 auto;
}

html[data-theme="anime-glass-light"] .repository :is(
  .repo-view-file-tree-container,
  #diff-file-tree,
  .diff-file-tree,
  #repo-files-table
) :is(.active, .selected, [aria-current="page"], [aria-selected="true"], tr:hover, a:hover) :is(.svg, .octicon, svg.svg),
body .repository :is(
  .repo-view-file-tree-container,
  #diff-file-tree,
  .diff-file-tree,
  #repo-files-table
) :is(.active, .selected, [aria-current="page"], [aria-selected="true"], tr:hover, a:hover) :is(.svg, .octicon, svg.svg) {
  color: var(--anime-icon-primary) !important;
}

/* Status icons. */
html[data-theme="anime-glass-light"] :is(
  .svg.octicon-check,
  .svg.octicon-check-circle,
  .svg.octicon-issue-opened,
  .octicon-check,
  .octicon-check-circle,
  .octicon-issue-opened,
  .text.green .svg,
  .text.positive .svg,
  .tw-text-green .svg,
  .tw-text-green svg
),
body :is(
  .svg.octicon-check,
  .svg.octicon-check-circle,
  .svg.octicon-issue-opened,
  .octicon-check,
  .octicon-check-circle,
  .octicon-issue-opened,
  .text.green .svg,
  .text.positive .svg,
  .tw-text-green .svg,
  .tw-text-green svg
) {
  color: var(--anime-icon-mint) !important;
}

html[data-theme="anime-glass-light"] :is(
  .svg.octicon-alert,
  .svg.octicon-alert-fill,
  .svg.octicon-report,
  .octicon-alert,
  .octicon-alert-fill,
  .octicon-report,
  .text.yellow .svg,
  .text.orange .svg,
  .text.warning .svg,
  .tw-text-yellow .svg,
  .tw-text-orange .svg,
  .tw-text-yellow svg,
  .tw-text-orange svg
),
body :is(
  .svg.octicon-alert,
  .svg.octicon-alert-fill,
  .svg.octicon-report,
  .octicon-alert,
  .octicon-alert-fill,
  .octicon-report,
  .text.yellow .svg,
  .text.orange .svg,
  .text.warning .svg,
  .tw-text-yellow .svg,
  .tw-text-orange .svg,
  .tw-text-yellow svg,
  .tw-text-orange svg
) {
  color: var(--anime-icon-orange) !important;
}

html[data-theme="anime-glass-light"] :is(
  .svg.octicon-x,
  .svg.octicon-x-circle,
  .svg.octicon-issue-closed,
  .svg.octicon-blocked,
  .octicon-x,
  .octicon-x-circle,
  .octicon-issue-closed,
  .octicon-blocked,
  .text.red .svg,
  .text.negative .svg,
  .tw-text-red .svg,
  .tw-text-red svg
),
body :is(
  .svg.octicon-x,
  .svg.octicon-x-circle,
  .svg.octicon-issue-closed,
  .svg.octicon-blocked,
  .octicon-x,
  .octicon-x-circle,
  .octicon-issue-closed,
  .octicon-blocked,
  .text.red .svg,
  .text.negative .svg,
  .tw-text-red .svg,
  .tw-text-red svg
) {
  color: var(--anime-icon-red) !important;
}

/* Dashboard repository filter popup icon color, overriding the v52/v58 hard-coded #2d74b8. */
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown > .menu > .item > .ui.checkbox > label > :is(svg.svg, svg, .svg, .octicon),
html[data-theme="anime-glass-light"] #dashboard-repo-list .overflow-menu-popup > .item > .ui.checkbox > label > :is(svg.svg, svg, .svg, .octicon),
body #dashboard-repo-list .ui.dropdown > .menu > .item > .ui.checkbox > label > :is(svg.svg, svg, .svg, .octicon),
body #dashboard-repo-list .overflow-menu-popup > .item > .ui.checkbox > label > :is(svg.svg, svg, .svg, .octicon) {
  color: var(--anime-icon-primary) !important;
}

/* Dashboard repository filter trigger icon. */
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > :is(svg.svg, svg, .svg, .octicon),
body #dashboard-repo-list .ui.dropdown.icon.button > :is(svg.svg, svg, .svg, .octicon) {
  color: var(--anime-icon-default) !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button:hover > :is(svg.svg, svg, .svg, .octicon),
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button.active > :is(svg.svg, svg, .svg, .octicon),
html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button.visible > :is(svg.svg, svg, .svg, .octicon),
body #dashboard-repo-list .ui.dropdown.icon.button:hover > :is(svg.svg, svg, .svg, .octicon),
body #dashboard-repo-list .ui.dropdown.icon.button.active > :is(svg.svg, svg, .svg, .octicon),
body #dashboard-repo-list .ui.dropdown.icon.button.visible > :is(svg.svg, svg, .svg, .octicon) {
  color: var(--anime-icon-primary) !important;
}

/* Button icon contrast. */
html[data-theme="anime-glass-light"] :is(.ui.primary.button, .ui.green.button, .ui.blue.button, .ui.red.button, .ui.negative.button) :is(svg.svg, .svg, .octicon),
body :is(.ui.primary.button, .ui.green.button, .ui.blue.button, .ui.red.button, .ui.negative.button) :is(svg.svg, .svg, .octicon) {
  color: #ffffff !important;
}

html[data-theme="anime-glass-light"] :is(.delete-button, .remove-button, .danger, .negative) :is(svg.svg, .svg, .octicon),
body :is(.delete-button, .remove-button, .danger, .negative) :is(svg.svg, .svg, .octicon) {
  color: var(--anime-icon-red) !important;
}

/* Disabled icons. */
html[data-theme="anime-glass-light"] :is(.disabled, [disabled], .ui.disabled) :is(svg.svg, .svg, .octicon),
body :is(.disabled, [disabled], .ui.disabled) :is(svg.svg, .svg, .octicon) {
  color: var(--anime-icon-subtle) !important;
  opacity: 0.62;
}

/* Final safeguard: icons inside active primary/negative buttons must remain white. */
html[data-theme="anime-glass-light"] :is(.ui.primary.button, .ui.green.button, .ui.blue.button, .ui.red.button, .ui.negative.button, .ui.button.primary, .ui.button.negative) :is(svg.svg, .svg, .octicon),
body :is(.ui.primary.button, .ui.green.button, .ui.blue.button, .ui.red.button, .ui.negative.button, .ui.button.primary, .ui.button.negative) :is(svg.svg, .svg, .octicon) {
  color: #ffffff !important;
}

/*
  v2026-06-03-v73-mobile-dashboard-fix
  Mobile dashboard stabilization.

  Current Gitea keeps the dashboard as .ui.container.flex-container with
  .flex-container-main + #dashboard-repo-list.flex-container-sidebar.
  Gitea's own mobile rule stacks this container and moves the sidebar above
  the feed. The desktop glass rules above intentionally use a fixed 448px
  sidebar and flex-start alignment, so they must be neutralized again at the
  very end for phones.
*/
@media (max-width: 767.98px) {
  html[data-theme="anime-glass-light"] {
    --page-margin-x: 8px;
    --anime-mobile-page-x: 8px;
    --anime-mobile-card-radius: 8px;
    --anime-mobile-card-gap: 10px;
  }

  html[data-theme="anime-glass-light"] body {
    overflow-x: hidden !important;
  }

  html[data-theme="anime-glass-light"] .page-content.dashboard,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds,
  .page-content.dashboard,
  .page-content.dashboard.feeds {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    padding-top: 10px !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container,
  .page-content.dashboard > .ui.container,
  .page-content.dashboard.feeds > .ui.container {
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 16px) !important;
    margin-right: var(--anime-mobile-page-x) !important;
    margin-left: var(--anime-mobile-page-x) !important;
  }

  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container.flex-container,
  .page-content.dashboard > .ui.container.flex-container,
  .page-content.dashboard.feeds > .ui.container.flex-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: var(--anime-mobile-card-gap) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 16px) !important;
    margin-top: 10px !important;
  }

  html[data-theme="anime-glass-light"] .page-content.dashboard .flex-container-main,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds .flex-container-main,
  .page-content.dashboard .flex-container-main,
  .page-content.dashboard.feeds .flex-container-main {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  html[data-theme="anime-glass-light"] .page-content.dashboard #dashboard-repo-list.flex-container-sidebar,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds #dashboard-repo-list.flex-container-sidebar,
  .page-content.dashboard #dashboard-repo-list.flex-container-sidebar,
  .page-content.dashboard.feeds #dashboard-repo-list.flex-container-sidebar {
    order: -1 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list,
  #dashboard-repo-list,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .dashboard-repos,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search.ui.attached.segment,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.attached.table.segment,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list,
  #dashboard-repo-list .dashboard-repos,
  #dashboard-repo-list .repos-search.ui.attached.segment,
  #dashboard-repo-list .ui.attached.table.segment,
  #dashboard-repo-list .repo-owner-name-list {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search.ui.attached.segment,
  #dashboard-repo-list .repos-search.ui.attached.segment {
    padding: 8px !important;
    overflow: visible !important;
    border-radius: var(--anime-mobile-card-radius) !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search :is(.ui.input, .ui.input > input, input[type="search"], input[type="text"]),
  #dashboard-repo-list .repos-search :is(.ui.input, .ui.input > input, input[type="search"], input[type="text"]) {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search .ui.input,
  #dashboard-repo-list .repos-search .ui.input {
    flex: 1 1 auto !important;
    width: 100% !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list :is(li, .item, a, .repo-list-link),
  #dashboard-repo-list .repo-owner-name-list :is(li, .item, a, .repo-list-link),
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list :is(.item, a),
  #dashboard-repo-list .repository.list :is(.item, a) {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list .repo-list-link,
  #dashboard-repo-list .repo-owner-name-list .repo-list-link,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list .item,
  #dashboard-repo-list .repository.list .item {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.two.item.menu,
  #dashboard-repo-list .ui.two.item.menu {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    border-radius: var(--anime-mobile-card-radius) !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.two.item.menu > .item,
  #dashboard-repo-list .ui.two.item.menu > .item {
    min-width: 0 !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter,
  #dashboard-repo-list overflow-menu.repos-filter {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center {
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 0 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items::-webkit-scrollbar,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item {
    flex: 0 0 auto !important;
    padding: 6px 7px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  html[data-theme="anime-glass-light"] .page-content.dashboard .activity-heatmap-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds .activity-heatmap-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard #user-heatmap,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds #user-heatmap,
  html[data-theme="anime-glass-light"] .page-content.dashboard .heatmap-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds .heatmap-container,
  .page-content.dashboard .activity-heatmap-container,
  .page-content.dashboard.feeds .activity-heatmap-container,
  .page-content.dashboard #user-heatmap,
  .page-content.dashboard.feeds #user-heatmap,
  .page-content.dashboard .heatmap-container,
  .page-content.dashboard.feeds .heatmap-container {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  html[data-theme="anime-glass-light"] .dashboard.feeds .news,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds .news,
  .dashboard.feeds .news,
  .page-content.dashboard.feeds .news {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 10px 11px !important;
    overflow: hidden !important;
    border-radius: var(--anime-mobile-card-radius) !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .dashboard.feeds .news :is(.content, .text, .ui.grid, .ui.segment),
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds .news :is(.content, .text, .ui.grid, .ui.segment),
  .dashboard.feeds .news :is(.content, .text, .ui.grid, .ui.segment),
  .page-content.dashboard.feeds .news :is(.content, .text, .ui.grid, .ui.segment) {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html[data-theme="anime-glass-light"] .dashboard.feeds .news :is(a, span, p, .text),
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds .news :is(a, span, p, .text),
  .dashboard.feeds .news :is(a, span, p, .text),
  .page-content.dashboard.feeds .news :is(a, span, p, .text) {
    overflow-wrap: anywhere;
  }

  html[data-theme="anime-glass-light"] .dashboard-navbar,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .secondary-nav,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .secondary-nav,
  .dashboard-navbar,
  .page-content.dashboard > .secondary-nav,
  .page-content.dashboard.feeds > .secondary-nav {
    overflow-x: hidden !important;
  }

  html[data-theme="anime-glass-light"] .dashboard-navbar .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .secondary-nav .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .secondary-nav .ui.container,
  .dashboard-navbar .ui.container,
  .page-content.dashboard > .secondary-nav .ui.container,
  .page-content.dashboard.feeds > .secondary-nav .ui.container {
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 16px) !important;
    margin-right: var(--anime-mobile-page-x) !important;
    margin-left: var(--anime-mobile-page-x) !important;
  }
}

@media (max-width: 420px) {
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search.ui.attached.segment,
  #dashboard-repo-list .repos-search.ui.attached.segment {
    padding: 7px !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }
}


/*
  v74 mobile gutter + centering refinement
  On phones, the repo/organization tabs and the repo list started too close to
  the viewport edge. Increase the mobile gutter and center the stacked cards so
  the dashboard feels visually balanced with the top navbar block.
*/
@media (max-width: 767.98px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-page-x: 12px;
    --anime-mobile-card-gap: 12px;
  }

  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container,
  .page-content.dashboard > .ui.container,
  .page-content.dashboard.feeds > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container.flex-container,
  .page-content.dashboard > .ui.container.flex-container,
  .page-content.dashboard.feeds > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .dashboard-navbar .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .secondary-nav .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .secondary-nav .ui.container,
  .dashboard-navbar .ui.container,
  .page-content.dashboard > .secondary-nav .ui.container,
  .page-content.dashboard.feeds > .secondary-nav .ui.container {
    width: auto !important;
    max-width: calc(100vw - 24px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .dashboard-repos,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search.ui.attached.segment,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.two.item.menu,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.attached.table.segment,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list,
  #dashboard-repo-list,
  #dashboard-repo-list .dashboard-repos,
  #dashboard-repo-list .repos-search.ui.attached.segment,
  #dashboard-repo-list .ui.two.item.menu,
  #dashboard-repo-list .ui.attached.table.segment,
  #dashboard-repo-list .repo-owner-name-list {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.two.item.menu > .item,
  #dashboard-repo-list .ui.two.item.menu > .item {
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 420px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-page-x: 10px;
  }

  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container,
  .page-content.dashboard > .ui.container,
  .page-content.dashboard.feeds > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container.flex-container,
  .page-content.dashboard > .ui.container.flex-container,
  .page-content.dashboard.feeds > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .dashboard-navbar .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .secondary-nav .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .secondary-nav .ui.container,
  .dashboard-navbar .ui.container,
  .page-content.dashboard > .secondary-nav .ui.container,
  .page-content.dashboard.feeds > .secondary-nav .ui.container {
    max-width: calc(100vw - 20px) !important;
  }
}


/*
  v75 mobile visual polish
  Goal:
  - Keep v73/v74 functional fixes.
  - Make the dashboard mobile layout feel centered and consistent.
  - Give the user switcher, repo/org tabs, repo list header, search area,
    repo-type tabs, heatmap and feed cards the same card rhythm.
*/
@media (max-width: 767.98px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-page-x: 12px;
    --anime-mobile-card-gap: 12px;
    --anime-mobile-card-radius: 10px;
    --anime-mobile-card-pad-x: 10px;
    --anime-mobile-card-pad-y: 10px;
    --anime-mobile-soft-bg: rgba(255, 255, 255, 0.46);
    --anime-mobile-soft-bg-strong: rgba(255, 255, 255, 0.56);
    --anime-mobile-soft-border: rgba(95, 139, 180, 0.2);
    --anime-mobile-soft-shadow: 0 10px 26px rgba(51, 93, 132, 0.1), var(--anime-glass-inset-highlight);
  }

  html[data-theme="anime-glass-light"] body {
    overscroll-behavior-x: none;
  }

  /*
    Center the whole dashboard column. Gitea's own mobile flex rules stack the
    repo sidebar above the feed; theme desktop rules are stronger, so the final
    mobile pass keeps a single centered column.
  */
  html[data-theme="anime-glass-light"] .page-content.dashboard,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds,
  .page-content.dashboard,
  .page-content.dashboard.feeds {
    padding-top: 12px !important;
  }

  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .dashboard-navbar .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .secondary-nav .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .secondary-nav .ui.container,
  .page-content.dashboard > .ui.container,
  .page-content.dashboard.feeds > .ui.container,
  .page-content.dashboard > .ui.container.flex-container,
  .page-content.dashboard.feeds > .ui.container.flex-container,
  .dashboard-navbar .ui.container,
  .page-content.dashboard > .secondary-nav .ui.container,
  .page-content.dashboard.feeds > .secondary-nav .ui.container {
    width: min(100%, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container.flex-container,
  .page-content.dashboard > .ui.container.flex-container,
  .page-content.dashboard.feeds > .ui.container.flex-container {
    gap: var(--anime-mobile-card-gap) !important;
    margin-top: 12px !important;
  }

  /*
    Dashboard top switch area:
    user context line + "Repositories / Organizations" tabs.
    These blocks are above #dashboard-repo-list in current Gitea dashboard
    markup, so keep selectors intentionally broad but dashboard-scoped.
  */
  html[data-theme="anime-glass-light"] .dashboard-navbar,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .secondary-nav,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .secondary-nav,
  .dashboard-navbar,
  .page-content.dashboard > .secondary-nav,
  .page-content.dashboard.feeds > .secondary-nav {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    border-bottom-color: rgba(95, 139, 180, 0.16) !important;
    background: rgba(255, 255, 255, 0.32) !important;
    box-shadow: 0 10px 24px rgba(51, 93, 132, 0.08) !important;
  }

  html[data-theme="anime-glass-light"] .dashboard-navbar .ui.menu,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .secondary-nav .ui.menu,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .secondary-nav .ui.menu,
  .dashboard-navbar .ui.menu,
  .page-content.dashboard > .secondary-nav .ui.menu,
  .page-content.dashboard.feeds > .secondary-nav .ui.menu {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 auto 10px !important;
    border-radius: var(--anime-mobile-card-radius) !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .dashboard-navbar .ui.menu:last-child,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .secondary-nav .ui.menu:last-child,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .secondary-nav .ui.menu:last-child,
  .dashboard-navbar .ui.menu:last-child,
  .page-content.dashboard > .secondary-nav .ui.menu:last-child,
  .page-content.dashboard.feeds > .secondary-nav .ui.menu:last-child {
    margin-bottom: 0 !important;
  }

  html[data-theme="anime-glass-light"] .dashboard-navbar .ui.menu .item,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .secondary-nav .ui.menu .item,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .secondary-nav .ui.menu .item,
  .dashboard-navbar .ui.menu .item,
  .page-content.dashboard > .secondary-nav .ui.menu .item,
  .page-content.dashboard.feeds > .secondary-nav .ui.menu .item {
    min-width: 0 !important;
  }

  /*
    Repo/organization tabs: reduce the "full-bleed" feeling and make the two
    segments look like a centered frosted segmented control.
  */
  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.two.item.menu,
  #dashboard-repo-list .ui.two.item.menu {
    min-height: 44px !important;
    margin: 0 auto 10px !important;
    padding: 3px !important;
    border-radius: calc(var(--anime-mobile-card-radius) + 1px) !important;
    background: rgba(255, 255, 255, 0.32) !important;
    box-shadow: 0 8px 20px rgba(51, 93, 132, 0.08), var(--anime-glass-inset-highlight) !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.two.item.menu > .item,
  #dashboard-repo-list .ui.two.item.menu > .item {
    min-height: 36px !important;
    padding: 9px 8px !important;
    border-radius: 8px !important;
    justify-content: center !important;
    text-align: center !important;
    font-weight: 600 !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.two.item.menu > .active.item,
  #dashboard-repo-list .ui.two.item.menu > .active.item {
    background: rgba(71, 163, 255, 0.15) !important;
    box-shadow: inset 0 -2px 0 rgba(71, 163, 255, 0.58), 0 6px 16px rgba(71, 163, 255, 0.1) !important;
  }

  /*
    Repo card stack: consistent glass surfaces and spacing.
  */
  html[data-theme="anime-glass-light"] #dashboard-repo-list,
  #dashboard-repo-list {
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .dashboard-repos,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search.ui.attached.segment,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.attached.table.segment,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list,
  #dashboard-repo-list .dashboard-repos,
  #dashboard-repo-list .repos-search.ui.attached.segment,
  #dashboard-repo-list .ui.attached.table.segment,
  #dashboard-repo-list .repo-owner-name-list {
    border-color: var(--anime-mobile-soft-border) !important;
    border-radius: var(--anime-mobile-card-radius) !important;
    background: var(--anime-mobile-soft-bg) !important;
    box-shadow: var(--anime-mobile-soft-shadow) !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search.ui.attached.segment,
  #dashboard-repo-list .repos-search.ui.attached.segment {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: var(--anime-mobile-card-pad-y) var(--anime-mobile-card-pad-x) !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search .ui.action.input,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search .ui.input,
  #dashboard-repo-list .repos-search .ui.action.input,
  #dashboard-repo-list .repos-search .ui.input {
    min-height: 38px !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search .ui.input > input,
  #dashboard-repo-list .repos-search .ui.input > input {
    height: 38px !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, 0.58) !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search .ui.icon.button,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search .ui.dropdown.icon.button,
  #dashboard-repo-list .repos-search .ui.icon.button,
  #dashboard-repo-list .repos-search .ui.dropdown.icon.button {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border-radius: 9px !important;
  }

  /*
    Repo type tabs: align with search input and avoid cramped first item.
  */
  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter,
  #dashboard-repo-list overflow-menu.repos-filter {
    margin-top: 9px !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center {
    gap: 4px !important;
    padding: 0 2px 2px !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item {
    min-height: 30px !important;
    padding: 7px 8px !important;
    border-radius: 8px !important;
  }

  /*
    Repo rows: more tap-friendly, consistent left/right padding, icon spacing,
    and stable text truncation.
  */
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list,
  #dashboard-repo-list .repo-owner-name-list {
    margin-top: 0 !important;
    overflow: hidden !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list :is(li, .item),
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list :is(li, .item),
  #dashboard-repo-list .repo-owner-name-list :is(li, .item),
  #dashboard-repo-list .repository.list :is(li, .item) {
    min-height: 36px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list .repo-list-link,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list .item,
  #dashboard-repo-list .repo-owner-name-list .repo-list-link,
  #dashboard-repo-list .repository.list .item {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 36px !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list :is(svg.svg, svg, .svg, .octicon),
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list :is(svg.svg, svg, .svg, .octicon),
  #dashboard-repo-list .repo-owner-name-list :is(svg.svg, svg, .svg, .octicon),
  #dashboard-repo-list .repository.list :is(svg.svg, svg, .svg, .octicon) {
    flex: 0 0 auto !important;
    margin-right: 0 !important;
  }

  /*
    Pagination: centered floating pill, not glued to the repo card.
  */
  html[data-theme="anime-glass-light"] #dashboard-repo-list .pagination.menu,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.pagination.menu,
  #dashboard-repo-list .pagination.menu,
  #dashboard-repo-list .ui.pagination.menu {
    width: max-content !important;
    max-width: 100% !important;
    margin: 10px auto 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .pagination.menu .item,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.pagination.menu .item,
  #dashboard-repo-list .pagination.menu .item,
  #dashboard-repo-list .ui.pagination.menu .item {
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 8px 9px !important;
    justify-content: center !important;
  }

  /*
    Heatmap and feed blocks: same horizontal rhythm as repo list.
  */
  html[data-theme="anime-glass-light"] .page-content.dashboard .activity-heatmap-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds .activity-heatmap-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard #user-heatmap,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds #user-heatmap,
  html[data-theme="anime-glass-light"] .page-content.dashboard .heatmap-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds .heatmap-container,
  .page-content.dashboard .activity-heatmap-container,
  .page-content.dashboard.feeds .activity-heatmap-container,
  .page-content.dashboard #user-heatmap,
  .page-content.dashboard.feeds #user-heatmap,
  .page-content.dashboard .heatmap-container,
  .page-content.dashboard.feeds .heatmap-container {
    margin-right: auto !important;
    margin-left: auto !important;
    border-radius: var(--anime-mobile-card-radius) !important;
    background: rgba(255, 255, 255, 0.34) !important;
  }

  html[data-theme="anime-glass-light"] .dashboard.feeds .news,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds .news,
  .dashboard.feeds .news,
  .page-content.dashboard.feeds .news {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding: 11px 12px !important;
    border-radius: var(--anime-mobile-card-radius) !important;
    background: rgba(255, 255, 255, 0.38) !important;
  }

  html[data-theme="anime-glass-light"] .dashboard.feeds .news:last-child,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds .news:last-child,
  .dashboard.feeds .news:last-child,
  .page-content.dashboard.feeds .news:last-child {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 420px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-page-x: 10px;
    --anime-mobile-card-gap: 10px;
    --anime-mobile-card-pad-x: 9px;
    --anime-mobile-card-pad-y: 9px;
  }

  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .dashboard-navbar .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .secondary-nav .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .secondary-nav .ui.container,
  .page-content.dashboard > .ui.container,
  .page-content.dashboard.feeds > .ui.container,
  .page-content.dashboard > .ui.container.flex-container,
  .page-content.dashboard.feeds > .ui.container.flex-container,
  .dashboard-navbar .ui.container,
  .page-content.dashboard > .secondary-nav .ui.container,
  .page-content.dashboard.feeds > .secondary-nav .ui.container {
    width: min(100%, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list :is(li, .item),
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list :is(li, .item),
  #dashboard-repo-list .repo-owner-name-list :is(li, .item),
  #dashboard-repo-list .repository.list :is(li, .item) {
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }
}

@media (max-width: 360px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-page-x: 8px;
  }

  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .dashboard-navbar .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .secondary-nav .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .secondary-nav .ui.container,
  .page-content.dashboard > .ui.container,
  .page-content.dashboard.feeds > .ui.container,
  .page-content.dashboard > .ui.container.flex-container,
  .page-content.dashboard.feeds > .ui.container.flex-container,
  .dashboard-navbar .ui.container,
  .page-content.dashboard > .secondary-nav .ui.container,
  .page-content.dashboard.feeds > .secondary-nav .ui.container {
    width: min(100%, calc(100vw - 16px)) !important;
    max-width: calc(100vw - 16px) !important;
  }
}


/*
  v76 mobile repository / issue / pull request page fix
  Current Gitea repository pages use:
  - .page-content.repository > .secondary-nav > .ui.container
  - .repo-header + overflow-menu.ui.menu for repository tabs
  - .repository.view.issue .issue-content / .issue-content-left / .issue-content-right
  - .repository.view.issue .pull.tabs.container and .pull.tabular.menu
  The dashboard mobile fixes do not cover these pages, so repo issue / pull pages
  need a dedicated final mobile pass.
*/
@media (max-width: 767.98px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-repo-page-x: 10px;
    --anime-mobile-repo-radius: 10px;
    --anime-mobile-repo-card-bg: rgba(255, 255, 255, 0.34);
    --anime-mobile-repo-card-bg-strong: rgba(255, 255, 255, 0.48);
    --anime-mobile-repo-border: rgba(95, 139, 180, 0.18);
    --anime-mobile-repo-shadow: 0 10px 24px rgba(51, 93, 132, 0.08), var(--anime-glass-inset-highlight);
  }

  html[data-theme="anime-glass-light"],
  html[data-theme="anime-glass-light"] body,
  html[data-theme="anime-glass-light"] #app,
  html[data-theme="anime-glass-light"] .full.height,
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] body,
  html[data-theme="anime-glass-light"] #app,
  html[data-theme="anime-glass-light"] .full.height,
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) {
    overflow-x: hidden !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) {
    padding-top: 10px !important;
  }

  /*
    Repository header: avoid the left-column-only look by centering the same
    width used by dashboard mobile cards.
  */
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav,
  html[data-theme="anime-glass-light"] .repository .header-wrapper,
  html[data-theme="anime-glass-light"] .repository .repo-header {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav > .ui.container:not(.fluid),
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .ui.container:not(.fluid),
  html[data-theme="anime-glass-light"] .repository .header-wrapper > .ui.container,
  html[data-theme="anime-glass-light"] .repository .repo-header > .ui.container,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container {
    width: min(100%, calc(100vw - 20px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 20px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .repository .repo-header,
  html[data-theme="anime-glass-light"] .repository .header-wrapper .repo-header {
    margin-bottom: 8px !important;
    padding: 10px !important;
    border: 1px solid var(--anime-mobile-repo-border) !important;
    border-radius: var(--anime-mobile-repo-radius) !important;
    background: var(--anime-mobile-repo-card-bg) !important;
    box-shadow: var(--anime-mobile-repo-shadow) !important;
  }

  html[data-theme="anime-glass-light"] .repository .repo-title,
  html[data-theme="anime-glass-light"] .repository .repo-header .repo-title,
  html[data-theme="anime-glass-light"] .repository .repo-header .flex-item,
  html[data-theme="anime-glass-light"] .repository .repo-header .flex-item-main {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  html[data-theme="anime-glass-light"] .repository .repo-buttons,
  html[data-theme="anime-glass-light"] .repository .repo-header .repo-buttons,
  html[data-theme="anime-glass-light"] .repository .repo-header .flex-item-trailing {
    min-width: 0 !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 6px !important;
  }

  html[data-theme="anime-glass-light"] .repository .repo-buttons :is(.ui.button, .ui.labeled.button, .btn),
  html[data-theme="anime-glass-light"] .repository .repo-header .repo-buttons :is(.ui.button, .ui.labeled.button, .btn) {
    min-width: 0 !important;
  }

  /*
    Repo unit tab row: keep tabs scrollable inside the card instead of letting
    the whole page acquire a horizontal layout.
  */
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu,
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav .ui.tabs.container,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container .ui.menu {
    width: min(100%, calc(100vw - 20px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 20px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu::-webkit-scrollbar,
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav .ui.tabs.container::-webkit-scrollbar,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container::-webkit-scrollbar,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container .ui.menu::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu > .item,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container .ui.menu > .item,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container > .item {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  html[data-theme="anime-glass-light"] .repository .ui.tabs.divider {
    width: min(100%, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /*
    Issue / Pull Request main content.
    Gitea already stacks .issue-content on mobile, but theme-wide glass cards and
    menu overflow rules can still leave the left column visually narrow.
  */
  html[data-theme="anime-glass-light"] .repository.view.issue > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository.view.issue > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .ui.container {
    width: min(100%, calc(100vw - 20px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 20px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .issue-title-header,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-title,
  html[data-theme="anime-glass-light"] .repository.view.issue .pull-desc,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .issue-title {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .issue-title h1 {
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 30px !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .issue-title-buttons {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .pull-desc {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    overflow-wrap: anywhere !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .pull.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .pull.tabular.menu {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .pull.tabs.container::-webkit-scrollbar,
  html[data-theme="anime-glass-light"] .repository.view.issue .pull.tabular.menu::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .pull.tabular.menu > .item {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content-left,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content-right {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /*
    Timeline: keep the vertical line, but reduce the desktop left offset so the
    cards can use the full phone width.
  */
  html[data-theme="anime-glass-light"] .repository.view.issue .comment-list {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    padding-left: 24px !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .comment-list::before {
    left: 10px !important;
    z-index: 0 !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .comment-list .timeline-item,
  html[data-theme="anime-glass-light"] .repository.view.issue .comment-list .timeline-item-group {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .comment-list .timeline-avatar {
    left: -23px !important;
    z-index: 1 !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .comment-list .timeline-item .content,
  html[data-theme="anime-glass-light"] .repository.view.issue .comment-list .timeline-item .ui.segment,
  html[data-theme="anime-glass-light"] .repository.view.issue .comment-list .comment.form,
  html[data-theme="anime-glass-light"] .repository.view.issue .comment-list .markup {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .comment-list .timeline-item .content {
    overflow-x: hidden !important;
    border-radius: var(--anime-mobile-repo-radius) !important;
    background: var(--anime-mobile-repo-card-bg) !important;
    box-shadow: var(--anime-mobile-repo-shadow) !important;
  }

  /*
    Pull request commit timeline rows often contain long summaries and SHA pills.
    Let the summary shrink, keep the SHA readable, and prevent page-level overflow.
  */
  html[data-theme="anime-glass-light"] .repository.view.issue :is(
    .commit-list,
    .commits-list,
    .commit-list-row,
    .singular-commit,
    .timeline-commits,
    .timeline-item.commits-list,
    .timeline-item-group.commits-list
  ) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue :is(
    .commit-list-row,
    .singular-commit,
    .timeline-commits .commit,
    .timeline-commits .commit-list-row
  ) {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue :is(
    .commit-summary,
    .commit-message,
    .commit-body,
    .commit-title,
    .timeline-commits .message
  ) {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue :is(
    .commit-id,
    .commit-id-short,
    .sha,
    code
  ) {
    max-width: 9.5em !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content-right :is(.ui.segment, .ui.list, .ui.dropdown, .ui.dropdown.full-width) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 420px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-repo-page-x: 8px;
  }

  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav > .ui.container:not(.fluid),
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .ui.container:not(.fluid),
  html[data-theme="anime-glass-light"] .repository .header-wrapper > .ui.container,
  html[data-theme="anime-glass-light"] .repository .repo-header > .ui.container,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository.view.issue > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu,
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav .ui.tabs.container,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container .ui.menu,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.divider {
    width: min(100%, calc(100vw - 16px)) !important;
    max-width: calc(100vw - 16px) !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .comment-list {
    padding-left: 22px !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .comment-list .timeline-avatar {
    left: -22px !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .issue-title h1 {
    font-size: 28px !important;
  }
}


/*
  v77 exact .ui.pull.tabs.container fix
  Problem:
  Some PR/Issue pages still keep the element rendered as:
    <div class="ui pull tabs container"> ... </div>
  This is a Semantic UI container plus Gitea's pull-tabs wrapper. Earlier v76
  only handled it inside a max-width: 767.98px block and did not explicitly
  reset every class-order variant. On wider phone/tablet viewports, the desktop
  issue layout can therefore remain visually left-column-only.

  Fix:
  - Apply at <= 991.98px, not only <= 767.98px.
  - Target the exact .ui.pull.tabs.container / .ui.container.pull.tabs element.
  - Reset parent issue columns in the same breakpoint.
  - Keep the tab menu horizontally scrollable inside the centered container.
*/
@media (max-width: 991.98px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-repo-gutter: 10px;
    --anime-mobile-repo-width: calc(100vw - 20px);
  }

  html[data-theme="anime-glass-light"] body:has(.ui.pull.tabs.container),
  body:has(.ui.pull.tabs.container) {
    overflow-x: hidden !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository,
  html[data-theme="anime-glass-light"] .repository.view.issue,
  .page-content.repository,
  .repository.view.issue {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository.view.issue > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .ui.container,
  .repository.view.issue > .ui.container,
  .page-content.repository.view.issue > .ui.container,
  .page-content.repository:not(.diff) > .ui.container {
    width: min(100%, var(--anime-mobile-repo-width)) !important;
    min-width: 0 !important;
    max-width: var(--anime-mobile-repo-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content-left,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content-right,
  .repository.view.issue .issue-content,
  .repository.view.issue .issue-content-left,
  .repository.view.issue .issue-content-right {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content,
  .repository.view.issue .issue-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  /*
    Exact fix for the remaining problematic node.
    The duplicated selector variants are intentional: class order in HTML is
    irrelevant to CSS matching, but these make the target obvious in devtools.
  */
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs,
  html[data-theme="anime-glass-light"] .page-content.repository .ui.pull.tabs.container,
  html[data-theme="anime-glass-light"] .page-content.repository .ui.container.pull.tabs,
  .repository.view.issue .ui.pull.tabs.container,
  .repository.view.issue .ui.container.pull.tabs,
  .page-content.repository .ui.pull.tabs.container,
  .page-content.repository .ui.container.pull.tabs {
    display: block !important;
    width: min(100%, var(--anime-mobile-repo-width)) !important;
    min-width: 0 !important;
    max-width: var(--anime-mobile-repo-width) !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container::-webkit-scrollbar,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs::-webkit-scrollbar,
  html[data-theme="anime-glass-light"] .page-content.repository .ui.pull.tabs.container::-webkit-scrollbar,
  html[data-theme="anime-glass-light"] .page-content.repository .ui.container.pull.tabs::-webkit-scrollbar,
  .repository.view.issue .ui.pull.tabs.container::-webkit-scrollbar,
  .repository.view.issue .ui.container.pull.tabs::-webkit-scrollbar,
  .page-content.repository .ui.pull.tabs.container::-webkit-scrollbar,
  .page-content.repository .ui.container.pull.tabs::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container > .ui.menu,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs > .ui.menu,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container > .ui.tabular.menu,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs > .ui.tabular.menu,
  html[data-theme="anime-glass-light"] .page-content.repository .ui.pull.tabs.container > .ui.menu,
  html[data-theme="anime-glass-light"] .page-content.repository .ui.container.pull.tabs > .ui.menu,
  .repository.view.issue .ui.pull.tabs.container > .ui.menu,
  .repository.view.issue .ui.container.pull.tabs > .ui.menu,
  .repository.view.issue .ui.pull.tabs.container > .ui.tabular.menu,
  .repository.view.issue .ui.container.pull.tabs > .ui.tabular.menu,
  .page-content.repository .ui.pull.tabs.container > .ui.menu,
  .page-content.repository .ui.container.pull.tabs > .ui.menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container > .ui.menu > .item,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs > .ui.menu > .item,
  html[data-theme="anime-glass-light"] .page-content.repository .ui.pull.tabs.container > .ui.menu > .item,
  html[data-theme="anime-glass-light"] .page-content.repository .ui.container.pull.tabs > .ui.menu > .item,
  .repository.view.issue .ui.pull.tabs.container > .ui.menu > .item,
  .repository.view.issue .ui.container.pull.tabs > .ui.menu > .item,
  .page-content.repository .ui.pull.tabs.container > .ui.menu > .item,
  .page-content.repository .ui.container.pull.tabs > .ui.menu > .item {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    white-space: nowrap !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container ~ .ui.attached.segment,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs ~ .ui.attached.segment,
  html[data-theme="anime-glass-light"] .page-content.repository .ui.pull.tabs.container ~ .ui.attached.segment,
  html[data-theme="anime-glass-light"] .page-content.repository .ui.container.pull.tabs ~ .ui.attached.segment,
  .repository.view.issue .ui.pull.tabs.container ~ .ui.attached.segment,
  .repository.view.issue .ui.container.pull.tabs ~ .ui.attached.segment,
  .page-content.repository .ui.pull.tabs.container ~ .ui.attached.segment,
  .page-content.repository .ui.container.pull.tabs ~ .ui.attached.segment {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
}

@media (max-width: 420px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-repo-gutter: 8px;
    --anime-mobile-repo-width: calc(100vw - 16px);
  }
}


/*
  v78 mobile repository dropdown + gutter fix

  Fixes:
  1. The repository unit overflow menu ("...") was clipped/pressed by the
     horizontal tab container. The popup is inside Gitea's overflow-menu, so the
     parent must stay overflow: visible; only .overflow-menu-items should scroll.
  2. v77 widened several repository containers to calc(100vw - 20px), which was
     still visually too close to the viewport edge in phone screenshots. Restore
     a consistent frosted-card gutter.
*/
@media (max-width: 991.98px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-repo-gutter: 12px;
    --anime-mobile-repo-width: calc(100vw - 24px);
    --anime-mobile-repo-radius: 10px;
  }

  /*
    Page-level rhythm. Keep the page itself non-scrollable horizontally, but
    center all primary repo containers with the same safe width.
  */
  html[data-theme="anime-glass-light"] .page-content.repository,
  html[data-theme="anime-glass-light"] .repository.view.issue,
  .page-content.repository,
  .repository.view.issue {
    overflow-x: hidden !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav > .ui.container:not(.fluid),
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .ui.container:not(.fluid),
  html[data-theme="anime-glass-light"] .repository.view.issue > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository.view.issue > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .ui.container,
  html[data-theme="anime-glass-light"] .repository .header-wrapper > .ui.container,
  html[data-theme="anime-glass-light"] .repository .repo-header > .ui.container,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs,
  html[data-theme="anime-glass-light"] .page-content.repository .ui.pull.tabs.container,
  html[data-theme="anime-glass-light"] .page-content.repository .ui.container.pull.tabs,
  .page-content.repository:not(.diff) > .secondary-nav > .ui.container:not(.fluid),
  .page-content.repository:not(.diff) > .ui.container:not(.fluid),
  .repository.view.issue > .ui.container,
  .page-content.repository.view.issue > .ui.container,
  .page-content.repository:not(.diff) > .ui.container,
  .repository .header-wrapper > .ui.container,
  .repository .repo-header > .ui.container,
  .repository .ui.tabs.container,
  .repository.view.issue .ui.pull.tabs.container,
  .repository.view.issue .ui.container.pull.tabs,
  .page-content.repository .ui.pull.tabs.container,
  .page-content.repository .ui.container.pull.tabs {
    width: min(100%, var(--anime-mobile-repo-width)) !important;
    min-width: 0 !important;
    max-width: var(--anime-mobile-repo-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  /*
    Repository unit tabs:
    - overflow-menu must not clip vertically because its popup is a child.
    - .overflow-menu-items is the only horizontal scroller.
    - popup sits above the PR tab bar/content.
  */
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav,
  html[data-theme="anime-glass-light"] .repository .header-wrapper,
  html[data-theme="anime-glass-light"] .repository .repo-header,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container,
  .page-content.repository:not(.diff) > .secondary-nav,
  .repository .header-wrapper,
  .repository .repo-header,
  .repository .ui.tabs.container {
    overflow: visible !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container overflow-menu.ui.menu,
  html[data-theme="anime-glass-light"] .repository overflow-menu.ui.menu,
  .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu,
  .repository .ui.tabs.container overflow-menu.ui.menu,
  .repository overflow-menu.ui.menu {
    position: relative !important;
    z-index: var(--anime-z-navbar-dropdown) !important;
    width: min(100%, var(--anime-mobile-repo-width)) !important;
    min-width: 0 !important;
    max-width: var(--anime-mobile-repo-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu > .overflow-menu-items,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container overflow-menu.ui.menu > .overflow-menu-items,
  html[data-theme="anime-glass-light"] .repository overflow-menu.ui.menu > .overflow-menu-items,
  .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu > .overflow-menu-items,
  .repository .ui.tabs.container overflow-menu.ui.menu > .overflow-menu-items,
  .repository overflow-menu.ui.menu > .overflow-menu-items {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu > .overflow-menu-items::-webkit-scrollbar,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container overflow-menu.ui.menu > .overflow-menu-items::-webkit-scrollbar,
  html[data-theme="anime-glass-light"] .repository overflow-menu.ui.menu > .overflow-menu-items::-webkit-scrollbar,
  .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu > .overflow-menu-items::-webkit-scrollbar,
  .repository .ui.tabs.container overflow-menu.ui.menu > .overflow-menu-items::-webkit-scrollbar,
  .repository overflow-menu.ui.menu > .overflow-menu-items::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu > .overflow-menu-items > .item,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container overflow-menu.ui.menu > .overflow-menu-items > .item,
  html[data-theme="anime-glass-light"] .repository overflow-menu.ui.menu > .overflow-menu-items > .item,
  .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu > .overflow-menu-items > .item,
  .repository .ui.tabs.container overflow-menu.ui.menu > .overflow-menu-items > .item,
  .repository overflow-menu.ui.menu > .overflow-menu-items > .item {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu > .overflow-menu-popup,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container overflow-menu.ui.menu > .overflow-menu-popup,
  html[data-theme="anime-glass-light"] .repository overflow-menu.ui.menu > .overflow-menu-popup,
  .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu > .overflow-menu-popup,
  .repository .ui.tabs.container overflow-menu.ui.menu > .overflow-menu-popup,
  .repository overflow-menu.ui.menu > .overflow-menu-popup {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: var(--anime-z-navbar-dropdown-menu) !important;
    min-width: 128px !important;
    max-width: min(220px, calc(100vw - 24px)) !important;
    max-height: min(70vh, 28rem) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border: 1px solid var(--anime-popup-border) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: var(--anime-popup-shadow) !important;
    backdrop-filter: blur(24px) saturate(1.24);
    -webkit-backdrop-filter: blur(24px) saturate(1.24);
  }

  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu > .overflow-menu-popup > .item,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container overflow-menu.ui.menu > .overflow-menu-popup > .item,
  html[data-theme="anime-glass-light"] .repository overflow-menu.ui.menu > .overflow-menu-popup > .item,
  .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu > .overflow-menu-popup > .item,
  .repository .ui.tabs.container overflow-menu.ui.menu > .overflow-menu-popup > .item,
  .repository overflow-menu.ui.menu > .overflow-menu-popup > .item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 36px !important;
    padding: 9px 12px !important;
    white-space: nowrap !important;
    color: var(--anime-text-muted) !important;
  }

  /*
    Do not clip the PR conversation/commit/file tabs either. It is a plain
    .ui.pull.tabs.container, not an overflow-menu, so horizontal scroll belongs
    on the container itself.
  */
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs,
  .repository.view.issue .ui.pull.tabs.container,
  .repository.view.issue .ui.container.pull.tabs {
    overflow-x: auto !important;
    overflow-y: visible !important;
    margin-top: 10px !important;
    scrollbar-width: none !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container::-webkit-scrollbar,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs::-webkit-scrollbar,
  .repository.view.issue .ui.pull.tabs.container::-webkit-scrollbar,
  .repository.view.issue .ui.container.pull.tabs::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container > .ui.menu,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs > .ui.menu,
  .repository.view.issue .ui.pull.tabs.container > .ui.menu,
  .repository.view.issue .ui.container.pull.tabs > .ui.menu {
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    flex-wrap: nowrap !important;
  }

  /*
    Main issue / PR content: keep the same side gutter and avoid full-bleed
    cards caused by 100vw descendants.
  */
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-title-header,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-title,
  html[data-theme="anime-glass-light"] .repository.view.issue .pull-desc,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content-left,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content-right,
  .repository.view.issue .issue-title-header,
  .repository.view.issue .issue-title,
  .repository.view.issue .pull-desc,
  .repository.view.issue .issue-content,
  .repository.view.issue .issue-content-left,
  .repository.view.issue .issue-content-right {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .comment-list,
  .repository.view.issue .comment-list {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-left: 24px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 420px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-repo-gutter: 10px;
    --anime-mobile-repo-width: calc(100vw - 20px);
  }

  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu > .overflow-menu-popup,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container overflow-menu.ui.menu > .overflow-menu-popup,
  html[data-theme="anime-glass-light"] .repository overflow-menu.ui.menu > .overflow-menu-popup,
  .page-content.repository:not(.diff) > .secondary-nav overflow-menu.ui.menu > .overflow-menu-popup,
  .repository .ui.tabs.container overflow-menu.ui.menu > .overflow-menu-popup,
  .repository overflow-menu.ui.menu > .overflow-menu-popup {
    max-width: calc(100vw - 20px) !important;
  }
}

@media (max-width: 360px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-repo-gutter: 8px;
    --anime-mobile-repo-width: calc(100vw - 16px);
  }
}


/*
  v79 mobile overflow-menu scope fix

  v78 made repository overflow-menu rules too broad:
    .repository overflow-menu.ui.menu ...
  That catches repository-internal filters/dropdowns on PR file pages and can
  also create stacking/overflow conflicts with:
    .ui.pull.tabs.container
    .diff-detail-box
    .diff-file-box
  Current Gitea's overflow-menu web component appends:
    .overflow-menu-button
    .overflow-menu-popup
  inside the same overflow-menu element, so its ancestors must not clip it.
*/
@media (max-width: 991.98px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-repo-gutter: 14px;
    --anime-mobile-repo-width: calc(100vw - 28px);
    --anime-repo-overflow-menu-z: 30000;
    --anime-repo-overflow-popup-z: 31000;
  }

  html[data-theme="anime-glass-light"] body {
    overflow-x: hidden !important;
  }

  /*
    Restore page/card gutters. Do this at the end so older v76/v77/v78 calc()
    widths cannot pull the repository page back to the viewport edge.
  */
  html[data-theme="anime-glass-light"] .page-content.repository,
  html[data-theme="anime-glass-light"] .repository,
  html[data-theme="anime-glass-light"] .repository.view.issue,
  .page-content.repository,
  .repository,
  .repository.view.issue {
    min-width: 0 !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository,
  .page-content.repository {
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav > .ui.container:not(.fluid),
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .ui.container:not(.fluid),
  html[data-theme="anime-glass-light"] .repository.view.issue > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository.view.issue > .ui.container,
  html[data-theme="anime-glass-light"] .repository .header-wrapper > .ui.container,
  html[data-theme="anime-glass-light"] .repository .repo-header > .ui.container,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs,
  html[data-theme="anime-glass-light"] .page-content.repository.diff > .ui.container:not(.fluid),
  html[data-theme="anime-glass-light"] .page-content.repository.diff .diff-detail-box,
  html[data-theme="anime-glass-light"] .page-content.repository.diff #diff-file-boxes,
  .page-content.repository:not(.diff) > .secondary-nav > .ui.container:not(.fluid),
  .page-content.repository:not(.diff) > .ui.container:not(.fluid),
  .repository.view.issue > .ui.container,
  .page-content.repository.view.issue > .ui.container,
  .repository .header-wrapper > .ui.container,
  .repository .repo-header > .ui.container,
  .repository .ui.tabs.container,
  .repository.view.issue .ui.pull.tabs.container,
  .repository.view.issue .ui.container.pull.tabs,
  .page-content.repository.diff > .ui.container:not(.fluid),
  .page-content.repository.diff .diff-detail-box,
  .page-content.repository.diff #diff-file-boxes {
    width: min(100%, var(--anime-mobile-repo-width)) !important;
    max-width: var(--anime-mobile-repo-width) !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  /*
    Repository top unit navigation only.
    Do NOT target every ".repository overflow-menu", because PR file pages and
    diff toolbars contain other menus/filters that should keep Gitea defaults.
  */
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav,
  html[data-theme="anime-glass-light"] .repository .header-wrapper,
  html[data-theme="anime-glass-light"] .repository .repo-header,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav .ui.tabs.container,
  .page-content.repository > .secondary-nav,
  .repository .header-wrapper,
  .repository .repo-header,
  .page-content.repository > .secondary-nav > .ui.container,
  .page-content.repository > .secondary-nav .ui.tabs.container {
    position: relative !important;
    z-index: var(--anime-repo-overflow-menu-z) !important;
    overflow: visible !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu.ui.menu,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu.ui.secondary.menu,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu.ui.tabular.menu,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu.ui.pointing.menu,
  .page-content.repository > .secondary-nav overflow-menu.ui.menu,
  .page-content.repository > .secondary-nav overflow-menu.ui.secondary.menu,
  .page-content.repository > .secondary-nav overflow-menu.ui.tabular.menu,
  .page-content.repository > .secondary-nav overflow-menu.ui.pointing.menu {
    position: relative !important;
    z-index: var(--anime-repo-overflow-menu-z) !important;
    width: min(100%, var(--anime-mobile-repo-width)) !important;
    max-width: var(--anime-mobile-repo-width) !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu.ui.menu > .overflow-menu-items,
  .page-content.repository > .secondary-nav overflow-menu.ui.menu > .overflow-menu-items {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu.ui.menu > .overflow-menu-button,
  .page-content.repository > .secondary-nav overflow-menu.ui.menu > .overflow-menu-button {
    position: relative !important;
    z-index: var(--anime-z-navbar-dropdown-button) !important;
    flex: 0 0 auto !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu.ui.menu > .overflow-menu-popup,
  .page-content.repository > .secondary-nav overflow-menu.ui.menu > .overflow-menu-popup {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: var(--anime-repo-overflow-popup-z) !important;
    min-width: 132px !important;
    max-width: min(230px, var(--anime-mobile-repo-width)) !important;
    max-height: min(72vh, 30rem) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    isolation: isolate !important;
    border: 1px solid var(--anime-popup-border) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.78) !important;
    box-shadow: 0 24px 64px rgba(30, 61, 92, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.62), var(--anime-glass-inset-highlight) !important;
    backdrop-filter: blur(24px) saturate(1.24);
    -webkit-backdrop-filter: blur(24px) saturate(1.24);
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu.ui.menu > .overflow-menu-popup > .item,
  .page-content.repository > .secondary-nav overflow-menu.ui.menu > .overflow-menu-popup > .item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 36px !important;
    padding: 9px 12px !important;
    white-space: nowrap !important;
  }

  /*
    Keep PR/Issue tab row and content lower than the repository top menu popup.
  */
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content,
  html[data-theme="anime-glass-light"] .page-content.repository.diff .diff-detail-box,
  html[data-theme="anime-glass-light"] .page-content.repository.diff #diff-file-boxes,
  .repository.view.issue .ui.pull.tabs.container,
  .repository.view.issue .ui.container.pull.tabs,
  .repository.view.issue .issue-content,
  .page-content.repository.diff .diff-detail-box,
  .page-content.repository.diff #diff-file-boxes {
    position: relative !important;
    z-index: 20 !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs,
  .repository.view.issue .ui.pull.tabs.container,
  .repository.view.issue .ui.container.pull.tabs {
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container::-webkit-scrollbar,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs::-webkit-scrollbar,
  .repository.view.issue .ui.pull.tabs.container::-webkit-scrollbar,
  .repository.view.issue .ui.container.pull.tabs::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content-left,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content-right,
  .repository.view.issue .issue-content,
  .repository.view.issue .issue-content-left,
  .repository.view.issue .issue-content-right {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /*
    Restore internal filter/dropdown menus on PR file/diff pages.
    These must not inherit v78's broad repository overflow-menu treatment.
  */
  html[data-theme="anime-glass-light"] .page-content.repository.diff :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) :is(.ui.dropdown, .ui.dropdown.button, .ui.icon.dropdown),
  html[data-theme="anime-glass-light"] .repository.view.issue :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) :is(.ui.dropdown, .ui.dropdown.button, .ui.icon.dropdown),
  .page-content.repository.diff :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) :is(.ui.dropdown, .ui.dropdown.button, .ui.icon.dropdown),
  .repository.view.issue :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) :is(.ui.dropdown, .ui.dropdown.button, .ui.icon.dropdown) {
    position: relative !important;
    z-index: var(--anime-z-dropdown) !important;
    overflow: visible !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository.diff :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) .ui.dropdown > .menu,
  html[data-theme="anime-glass-light"] .repository.view.issue :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) .ui.dropdown > .menu,
  .page-content.repository.diff :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) .ui.dropdown > .menu,
  .repository.view.issue :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) .ui.dropdown > .menu {
    z-index: var(--anime-z-dropdown-menu) !important;
    max-width: min(240px, var(--anime-mobile-repo-width)) !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository.diff :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) overflow-menu.ui.menu,
  html[data-theme="anime-glass-light"] .repository.view.issue :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) overflow-menu.ui.menu,
  .page-content.repository.diff :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) overflow-menu.ui.menu,
  .repository.view.issue :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) overflow-menu.ui.menu {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    z-index: var(--anime-z-dropdown) !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository.diff :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) overflow-menu.ui.menu > .overflow-menu-items,
  html[data-theme="anime-glass-light"] .repository.view.issue :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) overflow-menu.ui.menu > .overflow-menu-items,
  .page-content.repository.diff :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) overflow-menu.ui.menu > .overflow-menu-items,
  .repository.view.issue :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) overflow-menu.ui.menu > .overflow-menu-items {
    overflow: visible !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository.diff :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) overflow-menu.ui.menu > .overflow-menu-popup,
  html[data-theme="anime-glass-light"] .repository.view.issue :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) overflow-menu.ui.menu > .overflow-menu-popup,
  .page-content.repository.diff :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) overflow-menu.ui.menu > .overflow-menu-popup,
  .repository.view.issue :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) overflow-menu.ui.menu > .overflow-menu-popup {
    z-index: var(--anime-z-dropdown-menu) !important;
  }

  /*
    Dashboard repository filter protection: keep its horizontal filter tabs as
    compact pills. This prevents repository-page mobile patches from changing
    the repo filter list style when both blocks exist in the same theme file.
  */
  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter,
  #dashboard-repo-list overflow-menu.repos-filter {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 2px 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items::-webkit-scrollbar,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    padding: 7px 8px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 420px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-repo-gutter: 12px;
    --anime-mobile-repo-width: calc(100vw - 24px);
  }
}

@media (max-width: 360px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-repo-gutter: 10px;
    --anime-mobile-repo-width: calc(100vw - 20px);
  }
}


/*
  v80 final mobile popup / gutter / dashboard filter polish

  This block intentionally comes last.

  What it fixes:
  1. Repository overflow-menu popups, including the "..." menu, must sit above
     PR tabs, diff toolbars and file cards. Gitea creates .overflow-menu-button
     and .overflow-menu-popup inside the same overflow-menu web component.
     Therefore this block only raises stacking/overflow behavior and avoids
     restyling every repository overflow-menu's size/items.
  2. Restore a consistent mobile page gutter after v78/v79 repository patches.
  3. Keep dashboard repository filter/list styling close to the desktop card
     style and remove the black focus/outline frame seen on mobile.
*/
@media (max-width: 991.98px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-edge-x: 14px;
    --anime-mobile-content-w: calc(100vw - 28px);
    --anime-mobile-card-radius: 10px;
    --anime-mobile-card-bg: rgba(255, 255, 255, 0.42);
    --anime-mobile-card-bg-strong: rgba(255, 255, 255, 0.52);
    --anime-mobile-card-border: rgba(95, 139, 180, 0.2);
    --anime-mobile-card-shadow: 0 10px 26px rgba(51, 93, 132, 0.1), var(--anime-glass-inset-highlight);
    --anime-mobile-menu-z: var(--anime-z-navbar-dropdown);
    --anime-mobile-popup-z: var(--anime-z-navbar-dropdown-menu);
  }

  html[data-theme="anime-glass-light"] body {
    overflow-x: hidden !important;
  }

  /*
    Unified mobile gutters for dashboard and repository pages.
    Use actual centered widths rather than only left/right padding so cards,
    heatmaps, diff boxes and tabs share the same visual column.
  */
  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .dashboard-navbar .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .secondary-nav .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .secondary-nav .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .secondary-nav > .ui.container:not(.fluid),
  html[data-theme="anime-glass-light"] .page-content.repository:not(.diff) > .ui.container:not(.fluid),
  html[data-theme="anime-glass-light"] .repository.view.issue > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository.view.issue > .ui.container,
  html[data-theme="anime-glass-light"] .repository .header-wrapper > .ui.container,
  html[data-theme="anime-glass-light"] .repository .repo-header > .ui.container,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs,
  html[data-theme="anime-glass-light"] .page-content.repository.diff > .ui.container:not(.fluid),
  html[data-theme="anime-glass-light"] .page-content.repository.diff .diff-detail-box,
  html[data-theme="anime-glass-light"] .page-content.repository.diff #diff-file-boxes,
  .page-content.dashboard > .ui.container,
  .page-content.dashboard.feeds > .ui.container,
  .page-content.dashboard > .ui.container.flex-container,
  .page-content.dashboard.feeds > .ui.container.flex-container,
  .dashboard-navbar .ui.container,
  .page-content.dashboard > .secondary-nav .ui.container,
  .page-content.dashboard.feeds > .secondary-nav .ui.container,
  .page-content.repository:not(.diff) > .secondary-nav > .ui.container:not(.fluid),
  .page-content.repository:not(.diff) > .ui.container:not(.fluid),
  .repository.view.issue > .ui.container,
  .page-content.repository.view.issue > .ui.container,
  .repository .header-wrapper > .ui.container,
  .repository .repo-header > .ui.container,
  .repository .ui.tabs.container,
  .repository.view.issue .ui.pull.tabs.container,
  .repository.view.issue .ui.container.pull.tabs,
  .page-content.repository.diff > .ui.container:not(.fluid),
  .page-content.repository.diff .diff-detail-box,
  .page-content.repository.diff #diff-file-boxes {
    width: min(100%, var(--anime-mobile-content-w)) !important;
    min-width: 0 !important;
    max-width: var(--anime-mobile-content-w) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  /*
    Dashboard repository filter/list: match desktop glass card behavior.
    This removes the dark focus border and prevents repository-page mobile rules
    from making the filter/list look different on phones.
  */
  html[data-theme="anime-glass-light"] #dashboard-repo-list,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .dashboard-repos,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search.ui.attached.segment,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.two.item.menu,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list,
  #dashboard-repo-list,
  #dashboard-repo-list .dashboard-repos,
  #dashboard-repo-list .repos-search.ui.attached.segment,
  #dashboard-repo-list .ui.two.item.menu,
  #dashboard-repo-list .repo-owner-name-list,
  #dashboard-repo-list .repository.list {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list,
  #dashboard-repo-list .repo-owner-name-list,
  #dashboard-repo-list .repository.list {
    border: 1px solid var(--anime-mobile-card-border) !important;
    outline: 0 !important;
    border-radius: var(--anime-mobile-card-radius) !important;
    background: rgba(255, 255, 255, 0.34) !important;
    box-shadow: var(--anime-mobile-card-shadow) !important;
    overflow: hidden !important;
    backdrop-filter: blur(22px) saturate(1.2);
    -webkit-backdrop-filter: blur(22px) saturate(1.2);
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list:focus,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list:focus-visible,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list:focus-within,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list:focus,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list:focus-visible,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list:focus-within,
  #dashboard-repo-list .repo-owner-name-list:focus,
  #dashboard-repo-list .repo-owner-name-list:focus-visible,
  #dashboard-repo-list .repo-owner-name-list:focus-within,
  #dashboard-repo-list .repository.list:focus,
  #dashboard-repo-list .repository.list:focus-visible,
  #dashboard-repo-list .repository.list:focus-within {
    outline: 0 !important;
    box-shadow: var(--anime-mobile-card-shadow) !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list :is(li, .item, .repo-list-link),
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list :is(li, .item, .repo-list-link),
  #dashboard-repo-list .repo-owner-name-list :is(li, .item, .repo-list-link),
  #dashboard-repo-list .repository.list :is(li, .item, .repo-list-link) {
    min-width: 0 !important;
    max-width: 100% !important;
    outline: 0 !important;
    border-color: rgba(95, 139, 180, 0.12) !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list :is(li, .item):hover,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list :is(li, .item).active,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list :is(li, .item):hover,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list :is(li, .item).active,
  #dashboard-repo-list .repo-owner-name-list :is(li, .item):hover,
  #dashboard-repo-list .repo-owner-name-list :is(li, .item).active,
  #dashboard-repo-list .repository.list :is(li, .item):hover,
  #dashboard-repo-list .repository.list :is(li, .item).active {
    background: rgba(103, 217, 206, 0.14) !important;
    box-shadow: inset 2px 0 0 rgba(71, 163, 255, 0.42);
    transform: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter,
  #dashboard-repo-list overflow-menu.repos-filter {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 9px !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 2px 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items::-webkit-scrollbar,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    padding: 7px 8px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
  }

  /*
    Overflow popup stacking fix. Do not change dimensions of ordinary filters;
    only make the popup escape above tabs/diff cards.
  */
  html[data-theme="anime-glass-light"] .page-content.repository :is(.secondary-nav, .header-wrapper, .repo-header, .ui.tabs.container),
  html[data-theme="anime-glass-light"] .page-content.repository .repository :is(.secondary-nav, .header-wrapper, .repo-header, .ui.tabs.container),
  .page-content.repository :is(.secondary-nav, .header-wrapper, .repo-header, .ui.tabs.container),
  .page-content.repository .repository :is(.secondary-nav, .header-wrapper, .repo-header, .ui.tabs.container) {
    overflow: visible !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository :is(.secondary-nav, .header-wrapper, .repo-header, .ui.tabs.container):has(overflow-menu > .overflow-menu-popup),
  html[data-theme="anime-glass-light"] .page-content.repository .repository :is(.secondary-nav, .header-wrapper, .repo-header, .ui.tabs.container):has(overflow-menu > .overflow-menu-popup),
  .page-content.repository :is(.secondary-nav, .header-wrapper, .repo-header, .ui.tabs.container):has(overflow-menu > .overflow-menu-popup),
  .page-content.repository .repository :is(.secondary-nav, .header-wrapper, .repo-header, .ui.tabs.container):has(overflow-menu > .overflow-menu-popup) {
    position: relative !important;
    z-index: var(--anime-mobile-menu-z) !important;
    isolation: isolate !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository overflow-menu,
  .page-content.repository overflow-menu {
    position: relative !important;
    overflow: visible !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository overflow-menu:has(> .overflow-menu-popup),
  .page-content.repository overflow-menu:has(> .overflow-menu-popup) {
    z-index: var(--anime-mobile-menu-z) !important;
    isolation: isolate !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository overflow-menu > .overflow-menu-button,
  .page-content.repository overflow-menu > .overflow-menu-button {
    position: relative !important;
    z-index: var(--anime-z-navbar-dropdown-button) !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository overflow-menu > .overflow-menu-popup,
  .page-content.repository overflow-menu > .overflow-menu-popup {
    position: absolute !important;
    z-index: var(--anime-mobile-popup-z) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: min(72vh, 30rem) !important;
    isolation: isolate !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository .ui.dropdown.visible,
  html[data-theme="anime-glass-light"] .page-content.repository .ui.dropdown.active,
  .page-content.repository .ui.dropdown.visible,
  .page-content.repository .ui.dropdown.active {
    position: relative !important;
    z-index: var(--anime-mobile-menu-z) !important;
    overflow: visible !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository .ui.dropdown.visible > .menu,
  html[data-theme="anime-glass-light"] .page-content.repository .ui.dropdown.active > .menu,
  .page-content.repository .ui.dropdown.visible > .menu,
  .page-content.repository .ui.dropdown.active > .menu {
    z-index: var(--anime-mobile-popup-z) !important;
  }

  /*
    PR files/diff page: keep toolbars below popups and keep file cards inside
    the same mobile content column.
  */
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content-left,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content-right,
  html[data-theme="anime-glass-light"] .repository.view.issue #diff-file-boxes,
  html[data-theme="anime-glass-light"] .repository.view.issue .diff-detail-box,
  html[data-theme="anime-glass-light"] .repository.view.issue .diff-file-box,
  html[data-theme="anime-glass-light"] .page-content.repository.diff .diff-file-box,
  .repository.view.issue .ui.pull.tabs.container,
  .repository.view.issue .ui.container.pull.tabs,
  .repository.view.issue .issue-content,
  .repository.view.issue .issue-content-left,
  .repository.view.issue .issue-content-right,
  .repository.view.issue #diff-file-boxes,
  .repository.view.issue .diff-detail-box,
  .repository.view.issue .diff-file-box,
  .page-content.repository.diff .diff-file-box {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs,
  .repository.view.issue .ui.pull.tabs.container,
  .repository.view.issue .ui.container.pull.tabs {
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
    position: relative !important;
    z-index: 20 !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container::-webkit-scrollbar,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs::-webkit-scrollbar,
  .repository.view.issue .ui.pull.tabs.container::-webkit-scrollbar,
  .repository.view.issue .ui.container.pull.tabs::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container > .ui.menu,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs > .ui.menu,
  .repository.view.issue .ui.pull.tabs.container > .ui.menu,
  .repository.view.issue .ui.container.pull.tabs > .ui.menu {
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    flex-wrap: nowrap !important;
  }
}

@media (max-width: 420px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-edge-x: 12px;
    --anime-mobile-content-w: calc(100vw - 24px);
  }
}

@media (max-width: 360px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-edge-x: 10px;
    --anime-mobile-content-w: calc(100vw - 20px);
  }
}


/*
  v81 mobile final source fix

  This block intentionally comes last and is deliberately narrower than v78-v80:
  - Gitea overflow-menu creates .overflow-menu-button and .overflow-menu-popup
    as direct children of the overflow-menu element.
  - The repository unit menu lives under .page-content.repository > .secondary-nav.
  - Dashboard repository type filter lives under #dashboard-repo-list overflow-menu.repos-filter.
  - PR file pages use diff/pull containers below the repo unit menu, so those
    containers must not create a higher stacking layer than the open menu.

  The important change compared with v78-v80:
  Use page padding for mobile gutters, not only calc(100vw - Npx) width on child
  containers. This prevents later full-width/fluid containers from eating the
  side gap again.
*/
@media (max-width: 991.98px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-edge-x: 16px;
    --anime-mobile-card-radius: 10px;
    --anime-mobile-card-border: rgba(95, 139, 180, 0.20);
    --anime-mobile-card-bg: rgba(255, 255, 255, 0.34);
    --anime-mobile-card-bg-strong: rgba(255, 255, 255, 0.46);
    --anime-mobile-card-shadow: 0 10px 26px rgba(51, 93, 132, 0.10), var(--anime-glass-inset-highlight);
    --anime-mobile-repo-menu-z: var(--anime-z-navbar-dropdown);
    --anime-mobile-repo-popup-z: var(--anime-z-navbar-dropdown-menu);
  }

  html[data-theme="anime-glass-light"],
  html[data-theme="anime-glass-light"] body,
  html[data-theme="anime-glass-light"] #app,
  html[data-theme="anime-glass-light"] .full.height,
  html[data-theme="anime-glass-light"] .page-content {
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] body {
    overflow-x: hidden !important;
  }

  /*
    Real mobile gutter. Apply to the page itself so fluid containers and diff
    pages cannot become full-bleed again.
  */
  html[data-theme="anime-glass-light"] .page-content.dashboard,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds,
  html[data-theme="anime-glass-light"] .page-content.repository,
  .page-content.dashboard,
  .page-content.dashboard.feeds,
  .page-content.repository {
    width: 100% !important;
    max-width: 100vw !important;
    padding-right: var(--anime-mobile-edge-x) !important;
    padding-left: var(--anime-mobile-edge-x) !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
  }

  /*
    Re-normalize mobile content columns after old calc(100vw - Npx) rules.
    They are already inside the padded page-content above, so they should be
    100% of the padded content, not another viewport-sized block.
  */
  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .dashboard-navbar .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .secondary-nav .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .secondary-nav .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav > .ui.container:not(.fluid),
  html[data-theme="anime-glass-light"] .page-content.repository > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository > .ui.container:not(.fluid),
  html[data-theme="anime-glass-light"] .page-content.repository > .ui.container.fluid,
  html[data-theme="anime-glass-light"] .page-content.repository > .ui.container.fluid.padded,
  html[data-theme="anime-glass-light"] .repository.view.issue > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository.view.issue > .ui.container,
  html[data-theme="anime-glass-light"] .repository .header-wrapper > .ui.container,
  html[data-theme="anime-glass-light"] .repository .repo-header > .ui.container,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs,
  html[data-theme="anime-glass-light"] .page-content.repository.diff .diff-detail-box,
  html[data-theme="anime-glass-light"] .page-content.repository.diff #diff-file-boxes,
  .page-content.dashboard > .ui.container,
  .page-content.dashboard.feeds > .ui.container,
  .page-content.dashboard > .ui.container.flex-container,
  .page-content.dashboard.feeds > .ui.container.flex-container,
  .dashboard-navbar .ui.container,
  .page-content.dashboard > .secondary-nav .ui.container,
  .page-content.dashboard.feeds > .secondary-nav .ui.container,
  .page-content.repository > .secondary-nav,
  .page-content.repository > .secondary-nav > .ui.container,
  .page-content.repository > .secondary-nav > .ui.container:not(.fluid),
  .page-content.repository > .ui.container,
  .page-content.repository > .ui.container:not(.fluid),
  .page-content.repository > .ui.container.fluid,
  .page-content.repository > .ui.container.fluid.padded,
  .repository.view.issue > .ui.container,
  .page-content.repository.view.issue > .ui.container,
  .repository .header-wrapper > .ui.container,
  .repository .repo-header > .ui.container,
  .repository .ui.tabs.container,
  .repository.view.issue .ui.pull.tabs.container,
  .repository.view.issue .ui.container.pull.tabs,
  .page-content.repository.diff .diff-detail-box,
  .page-content.repository.diff #diff-file-boxes {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  /*
    Repository unit overflow-menu stacking.
    Raise the whole secondary-nav stack, not only the popup, because backdrop
    filters and positioned diff containers create stacking contexts below it.
  */
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav .ui.tabs.container,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu.ui.menu,
  .page-content.repository > .secondary-nav,
  .page-content.repository > .secondary-nav > .ui.container,
  .page-content.repository > .secondary-nav .ui.tabs.container,
  .page-content.repository > .secondary-nav overflow-menu,
  .page-content.repository > .secondary-nav overflow-menu.ui.menu {
    position: relative !important;
    z-index: var(--anime-mobile-repo-menu-z) !important;
    overflow: visible !important;
    isolation: isolate !important;
    transform: none !important;
    contain: none !important;
    clip-path: none !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-items,
  .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-items {
    overflow: visible !important;
    max-width: 100% !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-button,
  .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-button {
    position: relative !important;
    z-index: var(--anime-z-navbar-dropdown-button) !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-popup,
  .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-popup {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: var(--anime-mobile-repo-popup-z) !important;
    min-width: 136px !important;
    max-width: min(240px, calc(100vw - (var(--anime-mobile-edge-x) * 2))) !important;
    max-height: min(74vh, 30rem) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    isolation: isolate !important;
    border: 1px solid var(--anime-popup-border) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: 0 28px 72px rgba(30, 61, 92, 0.32), 0 0 0 1px rgba(255, 255, 255, 0.66), var(--anime-glass-inset-highlight) !important;
    backdrop-filter: blur(24px) saturate(1.24);
    -webkit-backdrop-filter: blur(24px) saturate(1.24);
    pointer-events: auto !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-popup > .item,
  .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-popup > .item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 36px !important;
    padding: 9px 12px !important;
    white-space: nowrap !important;
  }

  /*
    Everything below the repo unit menu must stay lower. The exact z-index is
    intentionally small because the secondary-nav stack is now near the top of
    the root stacking context.
  */
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content-left,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content-right,
  html[data-theme="anime-glass-light"] .repository.view.issue #diff-file-boxes,
  html[data-theme="anime-glass-light"] .repository.view.issue .diff-detail-box,
  html[data-theme="anime-glass-light"] .repository.view.issue .diff-file-box,
  html[data-theme="anime-glass-light"] .page-content.repository.diff .diff-detail-box,
  html[data-theme="anime-glass-light"] .page-content.repository.diff #diff-file-boxes,
  html[data-theme="anime-glass-light"] .page-content.repository.diff .diff-file-box,
  .repository.view.issue .ui.pull.tabs.container,
  .repository.view.issue .ui.container.pull.tabs,
  .repository.view.issue .issue-content,
  .repository.view.issue .issue-content-left,
  .repository.view.issue .issue-content-right,
  .repository.view.issue #diff-file-boxes,
  .repository.view.issue .diff-detail-box,
  .repository.view.issue .diff-file-box,
  .page-content.repository.diff .diff-detail-box,
  .page-content.repository.diff #diff-file-boxes,
  .page-content.repository.diff .diff-file-box {
    position: relative !important;
    z-index: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /*
    PR files/diff internal dropdowns still need to work, but they should not
    inherit repository unit menu sizing. Only raise their local menus.
  */
  html[data-theme="anime-glass-light"] .page-content.repository.diff :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) :is(.ui.dropdown, .ui.dropdown.button, .ui.icon.dropdown),
  html[data-theme="anime-glass-light"] .repository.view.issue :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) :is(.ui.dropdown, .ui.dropdown.button, .ui.icon.dropdown),
  .page-content.repository.diff :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) :is(.ui.dropdown, .ui.dropdown.button, .ui.icon.dropdown),
  .repository.view.issue :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) :is(.ui.dropdown, .ui.dropdown.button, .ui.icon.dropdown) {
    position: relative !important;
    z-index: var(--anime-z-dropdown) !important;
    overflow: visible !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository.diff :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) .ui.dropdown > .menu,
  html[data-theme="anime-glass-light"] .repository.view.issue :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) .ui.dropdown > .menu,
  .page-content.repository.diff :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) .ui.dropdown > .menu,
  .repository.view.issue :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) .ui.dropdown > .menu {
    z-index: var(--anime-z-dropdown-menu) !important;
  }

  /*
    Dashboard repository filter/list protection. Keep the mobile style aligned
    with the desktop glass card style and remove any black outline/frame caused
    by focus, forced-colors, table border or previous repository-page patches.
  */
  html[data-theme="anime-glass-light"] #dashboard-repo-list,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .dashboard-repos,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repos-search.ui.attached.segment,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.attached.segment,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.attached.table,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.attached.table.segment,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list,
  #dashboard-repo-list,
  #dashboard-repo-list .dashboard-repos,
  #dashboard-repo-list .repos-search.ui.attached.segment,
  #dashboard-repo-list .ui.attached.segment,
  #dashboard-repo-list .ui.attached.table,
  #dashboard-repo-list .ui.attached.table.segment,
  #dashboard-repo-list .repo-owner-name-list,
  #dashboard-repo-list .repository.list {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    border-color: var(--anime-mobile-card-border) !important;
    outline: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    border-radius: var(--anime-mobile-card-radius) !important;
    background: var(--anime-mobile-card-bg) !important;
    box-shadow: var(--anime-mobile-card-shadow) !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list,
  #dashboard-repo-list .repo-owner-name-list,
  #dashboard-repo-list .repository.list {
    overflow: hidden !important;
    background-clip: padding-box !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list :is(.dashboard-repos, .repo-owner-name-list, .repository.list, .ui.attached.segment, .ui.attached.table, .ui.attached.table.segment):is(:focus, :focus-visible, :focus-within),
  #dashboard-repo-list :is(.dashboard-repos, .repo-owner-name-list, .repository.list, .ui.attached.segment, .ui.attached.table, .ui.attached.table.segment):is(:focus, :focus-visible, :focus-within) {
    outline: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    border-color: var(--anime-mobile-card-border) !important;
    box-shadow: var(--anime-mobile-card-shadow) !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list :is(li, .item, a, .repo-list-link),
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list :is(li, .item, a, .repo-list-link),
  #dashboard-repo-list .repo-owner-name-list :is(li, .item, a, .repo-list-link),
  #dashboard-repo-list .repository.list :is(li, .item, a, .repo-list-link) {
    outline: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    border-color: rgba(95, 139, 180, 0.12) !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list :is(li, .item):hover,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repo-owner-name-list :is(li, .item).active,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list :is(li, .item):hover,
  html[data-theme="anime-glass-light"] #dashboard-repo-list .repository.list :is(li, .item).active,
  #dashboard-repo-list .repo-owner-name-list :is(li, .item):hover,
  #dashboard-repo-list .repo-owner-name-list :is(li, .item).active,
  #dashboard-repo-list .repository.list :is(li, .item):hover,
  #dashboard-repo-list .repository.list :is(li, .item).active {
    background: rgba(103, 217, 206, 0.14) !important;
    box-shadow: inset 2px 0 0 rgba(71, 163, 255, 0.42) !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter,
  #dashboard-repo-list overflow-menu.repos-filter {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 2.35rem !important;
    margin: 0 !important;
    padding: 0 2px 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items::-webkit-scrollbar,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    min-height: 30px !important;
    padding: 7px 8px !important;
    border: 0 !important;
    outline: none !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-popup,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-popup {
    z-index: var(--anime-mobile-repo-popup-z) !important;
  }
}

@media (max-width: 420px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-edge-x: 14px;
  }
}

@media (max-width: 360px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-edge-x: 12px;
  }
}


/*
  v82 mobile source hard fix

  This is a final hard override for the three persistent mobile issues:
  1. page gutters disappear again on repository / PR files pages;
  2. repository overflow-menu popup is covered by the PR tabs / diff toolbar;
  3. dashboard repository filter/list gets a black frame and differs from desktop.

  Source facts used:
  - Gitea repo header has ".secondary-nav > .ui.container > overflow-menu.ui.secondary.pointing.menu".
  - overflow-menu.ts creates ".overflow-menu-button" and ".overflow-menu-popup" as direct children of the same overflow-menu element.
  - Gitea base.css uses --page-margin-x as the global horizontal page margin variable.

  Current design decision:
  Keep repository overflow popups inside the official overflow-menu component
  flow. The later source-alignment guard caps layer values and prevents PR
  tabs/diff cards from covering the popup without viewport-fixed positioning.
*/
@media (max-width: 991.98px) {
  html[data-theme="anime-glass-light"] {
    --page-margin-x: 16px;
    --anime-mobile-edge-x: 16px;
    --anime-mobile-safe-width: calc(100vw - 32px);
    --anime-mobile-card-radius: 10px;
    --anime-mobile-card-border: rgba(95, 139, 180, 0.18);
    --anime-mobile-card-bg: rgba(255, 255, 255, 0.34);
    --anime-mobile-card-bg-strong: rgba(255, 255, 255, 0.48);
    --anime-mobile-card-shadow: 0 10px 26px rgba(51, 93, 132, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.52);
    --anime-mobile-popup-z: var(--anime-z-navbar-dropdown-menu);
  }

  html[data-theme="anime-glass-light"],
  html[data-theme="anime-glass-light"] body,
  html[data-theme="anime-glass-light"] #app,
  html[data-theme="anime-glass-light"] .full.height,
  html[data-theme="anime-glass-light"] .page-content {
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] body {
    overflow-x: hidden !important;
  }

  /*
    Real, non-negotiable mobile gutters.
    These selectors target the actual page classes, but also plain .repository
    descendants because some repository templates place the class on nested
    wrappers depending on the page type.
  */
  html[data-theme="anime-glass-light"] .page-content.dashboard,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds,
  html[data-theme="anime-glass-light"] .page-content.repository,
  html[data-theme="anime-glass-light"] .repository.view.issue,
  html[data-theme="anime-glass-light"] .repository.diff,
  .page-content.dashboard,
  .page-content.dashboard.feeds,
  .page-content.repository,
  .repository.view.issue,
  .repository.diff {
    padding-right: var(--anime-mobile-edge-x) !important;
    padding-left: var(--anime-mobile-edge-x) !important;
    box-sizing: border-box !important;
  }

  /*
    Every primary mobile content block should now be 100% of the padded page,
    not another 100vw block.
  */
  html[data-theme="anime-glass-light"] :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) > .ui.container,
  html[data-theme="anime-glass-light"] :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) > .ui.container:not(.fluid),
  html[data-theme="anime-glass-light"] :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) > .ui.container.fluid,
  html[data-theme="anime-glass-light"] :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) > .ui.container.fluid.padded,
  html[data-theme="anime-glass-light"] :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) > .secondary-nav,
  html[data-theme="anime-glass-light"] :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) > .secondary-nav > .ui.container,
  html[data-theme="anime-glass-light"] .repository .header-wrapper > .ui.container,
  html[data-theme="anime-glass-light"] .repository .repo-header > .ui.container,
  html[data-theme="anime-glass-light"] .repository .ui.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content-left,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content-right,
  html[data-theme="anime-glass-light"] .repository.view.issue #diff-file-boxes,
  html[data-theme="anime-glass-light"] .repository.view.issue .diff-detail-box,
  html[data-theme="anime-glass-light"] .page-content.repository.diff .diff-detail-box,
  html[data-theme="anime-glass-light"] .page-content.repository.diff #diff-file-boxes,
  html[data-theme="anime-glass-light"] .page-content.repository.diff .diff-file-box,
  :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) > .ui.container,
  :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) > .ui.container:not(.fluid),
  :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) > .ui.container.fluid,
  :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) > .ui.container.fluid.padded,
  :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) > .secondary-nav,
  :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) > .secondary-nav > .ui.container,
  .repository .header-wrapper > .ui.container,
  .repository .repo-header > .ui.container,
  .repository .ui.tabs.container,
  .repository.view.issue .ui.pull.tabs.container,
  .repository.view.issue .ui.container.pull.tabs,
  .repository.view.issue .issue-content,
  .repository.view.issue .issue-content-left,
  .repository.view.issue .issue-content-right,
  .repository.view.issue #diff-file-boxes,
  .repository.view.issue .diff-detail-box,
  .page-content.repository.diff .diff-detail-box,
  .page-content.repository.diff #diff-file-boxes,
  .page-content.repository.diff .diff-file-box {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  /*
    Break repository unit overflow popup out of the local stacking chain.
    Use a fixed viewport popup only for the repository top secondary-nav menu.
    This avoids disturbing dashboard filters and diff-file kebab menus.
  */
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu.ui.menu,
  .page-content.repository > .secondary-nav,
  .page-content.repository > .secondary-nav > .ui.container,
  .page-content.repository > .secondary-nav overflow-menu,
  .page-content.repository > .secondary-nav overflow-menu.ui.menu {
    position: relative !important;
    z-index: var(--anime-z-pagebar) !important;
    overflow: visible !important;
    isolation: isolate !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
    contain: none !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-button,
  .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-button {
    position: relative !important;
    z-index: var(--anime-mobile-popup-z) !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-popup,
  .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-popup {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    z-index: var(--anime-mobile-popup-z) !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: min(52vh, 24rem) !important;
    margin: 8px 0 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    pointer-events: auto !important;
    isolation: isolate !important;
    border: 1px solid rgba(72, 117, 158, 0.34) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.86) !important;
    box-shadow: 0 28px 72px rgba(30, 61, 92, 0.34), 0 0 0 1px rgba(255, 255, 255, 0.68), var(--anime-glass-inset-highlight) !important;
    backdrop-filter: blur(24px) saturate(1.24);
    -webkit-backdrop-filter: blur(24px) saturate(1.24);
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-popup > .item,
  .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-popup > .item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 36px !important;
    padding: 9px 12px !important;
    white-space: nowrap !important;
  }

  /*
    Keep lower PR/diff content visually below the fixed popup.
  */
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.pull.tabs.container,
  html[data-theme="anime-glass-light"] .repository.view.issue .ui.container.pull.tabs,
  html[data-theme="anime-glass-light"] .repository.view.issue .issue-content,
  html[data-theme="anime-glass-light"] .repository.view.issue #diff-file-boxes,
  html[data-theme="anime-glass-light"] .repository.view.issue .diff-detail-box,
  html[data-theme="anime-glass-light"] .repository.view.issue .diff-file-box,
  html[data-theme="anime-glass-light"] .page-content.repository.diff .diff-detail-box,
  html[data-theme="anime-glass-light"] .page-content.repository.diff #diff-file-boxes,
  html[data-theme="anime-glass-light"] .page-content.repository.diff .diff-file-box,
  .repository.view.issue .ui.pull.tabs.container,
  .repository.view.issue .ui.container.pull.tabs,
  .repository.view.issue .issue-content,
  .repository.view.issue #diff-file-boxes,
  .repository.view.issue .diff-detail-box,
  .repository.view.issue .diff-file-box,
  .page-content.repository.diff .diff-detail-box,
  .page-content.repository.diff #diff-file-boxes,
  .page-content.repository.diff .diff-file-box {
    position: relative !important;
    z-index: 1 !important;
    transform: none !important;
  }

  /*
    Local diff/file dropdowns: do not apply fixed positioning; just keep their
    own menus above the file cards.
  */
  html[data-theme="anime-glass-light"] :is(.repository.view.issue, .page-content.repository.diff) :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) :is(.ui.dropdown, .ui.dropdown.button, .ui.icon.dropdown),
  :is(.repository.view.issue, .page-content.repository.diff) :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) :is(.ui.dropdown, .ui.dropdown.button, .ui.icon.dropdown) {
    position: relative !important;
    z-index: var(--anime-z-dropdown) !important;
    overflow: visible !important;
  }

  html[data-theme="anime-glass-light"] :is(.repository.view.issue, .page-content.repository.diff) :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) .ui.dropdown > .menu,
  :is(.repository.view.issue, .page-content.repository.diff) :is(.diff-detail-box, .diff-file-box, .diff-file-header, .diff-file-header-actions) .ui.dropdown > .menu {
    z-index: var(--anime-z-dropdown-menu) !important;
  }

  /*
    Dashboard project/repository filter final reset.
    Use a soft inset border through box-shadow instead of real borders. This
    removes the black frame seen on mobile while keeping a glass card edge.
  */
  html[data-theme="anime-glass-light"] #dashboard-repo-list :is(.dashboard-repos, .repos-search.ui.attached.segment, .ui.attached.segment, .ui.attached.table, .ui.attached.table.segment, .repo-owner-name-list, .repository.list),
  #dashboard-repo-list :is(.dashboard-repos, .repos-search.ui.attached.segment, .ui.attached.segment, .ui.attached.table, .ui.attached.table.segment, .repo-owner-name-list, .repository.list) {
    border: 0 !important;
    outline: 0 !important;
    outline-color: transparent !important;
    border-radius: var(--anime-mobile-card-radius) !important;
    background: var(--anime-mobile-card-bg) !important;
    box-shadow: inset 0 0 0 1px var(--anime-mobile-card-border), var(--anime-mobile-card-shadow) !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list :is(.dashboard-repos, .repo-owner-name-list, .repository.list, .ui.attached.table, .ui.attached.table.segment):is(:focus, :focus-visible, :focus-within),
  #dashboard-repo-list :is(.dashboard-repos, .repo-owner-name-list, .repository.list, .ui.attached.table, .ui.attached.table.segment):is(:focus, :focus-visible, :focus-within) {
    border: 0 !important;
    outline: 0 !important;
    outline-color: transparent !important;
    box-shadow: inset 0 0 0 1px var(--anime-mobile-card-border), var(--anime-mobile-card-shadow) !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list :is(.repo-owner-name-list, .repository.list) :is(li, tr, td, .item, a, .repo-list-link),
  #dashboard-repo-list :is(.repo-owner-name-list, .repository.list) :is(li, tr, td, .item, a, .repo-list-link) {
    border-color: rgba(95, 139, 180, 0.10) !important;
    outline: 0 !important;
    outline-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter,
  #dashboard-repo-list overflow-menu.repos-filter {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 2px 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    scrollbar-width: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items::-webkit-scrollbar,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    min-height: 30px !important;
    padding: 7px 8px !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

@media (max-width: 420px) {
  html[data-theme="anime-glass-light"] {
    --page-margin-x: 14px;
    --anime-mobile-edge-x: 14px;
    --anime-mobile-safe-width: calc(100vw - 28px);
  }
}

@media (max-width: 360px) {
  html[data-theme="anime-glass-light"] {
    --page-margin-x: 12px;
    --anime-mobile-edge-x: 12px;
    --anime-mobile-safe-width: calc(100vw - 24px);
  }
}


/*
  v83 mobile source-stable fix

  Why this block exists:
  v82 used a fixed popup for the repository unit overflow menu. In practice,
  repository pages contain many glass layers with backdrop-filter, sticky/relative
  headers and z-index contexts. A fixed popup can still be trapped by a filtered
  ancestor on mobile browsers.

  Source-based stable approach:
  Gitea's repository header renders:
    .secondary-nav > .ui.container > overflow-menu.ui.secondary.pointing.menu
  and overflow-menu.ts appends:
    .overflow-menu-button
    .overflow-menu-popup
  as direct children of that same overflow-menu.

  So on mobile we stop trying to float the repo unit popup above the diff page.
  Instead, render the repository unit overflow popup as an in-flow dropdown panel
  below the tab row. It expands the header area and cannot be covered by PR tabs,
  diff toolbars or file cards.
*/
@media (max-width: 991.98px) {
  html[data-theme="anime-glass-light"] {
    --page-margin-x: 16px;
    --anime-mobile-edge-x: 16px;
    --anime-mobile-safe-width: calc(100vw - 32px);
    --anime-mobile-card-radius: 10px;
    --anime-mobile-card-bg: rgba(255, 255, 255, 0.34);
    --anime-mobile-card-bg-strong: rgba(255, 255, 255, 0.48);
    --anime-mobile-card-shadow: 0 10px 26px rgba(51, 93, 132, 0.10), var(--anime-glass-inset-highlight);
  }

  html[data-theme="anime-glass-light"],
  html[data-theme="anime-glass-light"] body,
  html[data-theme="anime-glass-light"] #app,
  html[data-theme="anime-glass-light"] .full.height,
  html[data-theme="anime-glass-light"] .page-content,
  html[data-theme="anime-glass-light"] .repository {
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] body {
    overflow-x: hidden !important;
  }

  /*
    Real outer gutter. Use both padding on page wrappers and width reset on
    known fluid containers because Gitea diff pages frequently use fluid/padded
    containers.
  */
  html[data-theme="anime-glass-light"] :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff),
  :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) {
    padding-right: var(--anime-mobile-edge-x) !important;
    padding-left: var(--anime-mobile-edge-x) !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) :is(
    .ui.container,
    .ui.container.fluid,
    .ui.container.fluid.padded,
    .secondary-nav,
    .secondary-nav > .ui.container,
    .header-wrapper > .ui.container,
    .repo-header > .ui.container,
    .ui.tabs.container,
    .ui.pull.tabs.container,
    .ui.container.pull.tabs,
    .issue-content,
    .issue-content-left,
    .issue-content-right,
    #diff-file-boxes,
    .diff-detail-box,
    .diff-file-box
  ),
  :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) :is(
    .ui.container,
    .ui.container.fluid,
    .ui.container.fluid.padded,
    .secondary-nav,
    .secondary-nav > .ui.container,
    .header-wrapper > .ui.container,
    .repo-header > .ui.container,
    .ui.tabs.container,
    .ui.pull.tabs.container,
    .ui.container.pull.tabs,
    .issue-content,
    .issue-content-left,
    .issue-content-right,
    #diff-file-boxes,
    .diff-detail-box,
    .diff-file-box
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  /*
    Some repository pages place the secondary-nav as a direct child of the
    repository wrapper rather than matching .page-content.repository > ...
    Keep the selector broad enough for both layouts.
  */
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) > .secondary-nav,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav,
  :is(.page-content.repository, .repository) > .secondary-nav,
  :is(.page-content.repository, .repository) .secondary-nav {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: var(--anime-z-pagebar) !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
  }

  /*
    Repository unit overflow menu:
    Render popup as an in-flow panel on mobile. It is still controlled by
    Gitea's inline display:none/display:'' toggling, but when visible it takes
    layout space, so lower PR/diff content cannot cover it.
  */
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: var(--anime-z-navbar-dropdown) !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-items,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-items,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-items,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-items {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
    max-width: calc(100% - 42px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-items::-webkit-scrollbar,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-items::-webkit-scrollbar,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-items::-webkit-scrollbar,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-items::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-button,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-button,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-button,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-button {
    position: relative !important;
    z-index: var(--anime-z-navbar-dropdown-menu) !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    margin-left: auto !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-popup,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-popup,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-popup,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-popup {
    position: static !important;
    order: 20 !important;
    flex: 1 0 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: min(52vh, 24rem) !important;
    margin: 8px 0 0 !important;
    padding: 6px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: var(--anime-z-navbar-dropdown-menu) !important;
    border: 1px solid rgba(72, 117, 158, 0.28) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: 0 16px 36px rgba(30, 61, 92, 0.20), var(--anime-glass-inset-highlight) !important;
    backdrop-filter: blur(22px) saturate(1.2);
    -webkit-backdrop-filter: blur(22px) saturate(1.2);
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-popup > .item,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-popup > .item,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-popup > .item,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-popup > .item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 38px !important;
    padding: 9px 10px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
  }

  /*
    Lower PR/diff content does not need large z-index anymore.
  */
  html[data-theme="anime-glass-light"] :is(.repository.view.issue, .page-content.repository.diff) :is(
    .ui.pull.tabs.container,
    .ui.container.pull.tabs,
    .issue-content,
    .issue-content-left,
    .issue-content-right,
    #diff-file-boxes,
    .diff-detail-box,
    .diff-file-box
  ),
  :is(.repository.view.issue, .page-content.repository.diff) :is(
    .ui.pull.tabs.container,
    .ui.container.pull.tabs,
    .issue-content,
    .issue-content-left,
    .issue-content-right,
    #diff-file-boxes,
    .diff-detail-box,
    .diff-file-box
  ) {
    position: relative !important;
    z-index: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /*
    Dashboard repository list/filter hard reset.
    Remove all real borders/outlines from the mobile list and keep only a soft
    shadow edge, so the black frame cannot appear.
  */
  html[data-theme="anime-glass-light"] #dashboard-repo-list :is(
    .dashboard-repos,
    .repos-search.ui.attached.segment,
    .ui.attached.segment,
    .ui.attached.table,
    .ui.attached.table.segment,
    .repo-owner-name-list,
    .repository.list
  ),
  #dashboard-repo-list :is(
    .dashboard-repos,
    .repos-search.ui.attached.segment,
    .ui.attached.segment,
    .ui.attached.table,
    .ui.attached.table.segment,
    .repo-owner-name-list,
    .repository.list
  ) {
    border: 0 !important;
    outline: 0 !important;
    outline-color: transparent !important;
    border-radius: var(--anime-mobile-card-radius) !important;
    background: var(--anime-mobile-card-bg) !important;
    box-shadow: var(--anime-mobile-card-shadow) !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list :is(
    .dashboard-repos,
    .repo-owner-name-list,
    .repository.list,
    .ui.attached.table,
    .ui.attached.table.segment
  ):is(:focus, :focus-visible, :focus-within),
  #dashboard-repo-list :is(
    .dashboard-repos,
    .repo-owner-name-list,
    .repository.list,
    .ui.attached.table,
    .ui.attached.table.segment
  ):is(:focus, :focus-visible, :focus-within) {
    border: 0 !important;
    outline: 0 !important;
    outline-color: transparent !important;
    box-shadow: var(--anime-mobile-card-shadow) !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list :is(.repo-owner-name-list, .repository.list) :is(li, tr, td, .item, a, .repo-list-link),
  #dashboard-repo-list :is(.repo-owner-name-list, .repository.list) :is(li, tr, td, .item, a, .repo-list-link) {
    border-color: rgba(95, 139, 180, 0.10) !important;
    outline: 0 !important;
    outline-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter,
  #dashboard-repo-list overflow-menu.repos-filter {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items.tw-justify-center {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 2px 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    scrollbar-width: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items::-webkit-scrollbar,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item,
  #dashboard-repo-list overflow-menu.repos-filter > .overflow-menu-items > .item {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    min-height: 30px !important;
    padding: 7px 8px !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

@media (max-width: 420px) {
  html[data-theme="anime-glass-light"] {
    --page-margin-x: 14px;
    --anime-mobile-edge-x: 14px;
    --anime-mobile-safe-width: calc(100vw - 28px);
  }
}

@media (max-width: 360px) {
  html[data-theme="anime-glass-light"] {
    --page-margin-x: 12px;
    --anime-mobile-edge-x: 12px;
    --anime-mobile-safe-width: calc(100vw - 24px);
  }
}


/*
  v84 mobile repo unit overflow-menu grid fix

  Fixes the misplaced "..." button in repository unit tabs.
  Gitea repo header source uses:
    .secondary-nav > .ui.container > overflow-menu.ui.secondary.pointing.menu
  and overflow-menu.ts appends .overflow-menu-items, .overflow-menu-button and
  .overflow-menu-popup as direct children of the overflow-menu element.

  The previous flex-wrap approach let the button become a second-row flex item.
  This grid layout pins the visible tabs and the overflow button on the same row,
  while the popup stays as an in-flow full-width panel below them.
*/
@media (max-width: 991.98px) {
  html[data-theme="anime-glass-light"] {
    --page-margin-x: 16px;
    --anime-mobile-edge-x: 16px;
    --anime-mobile-menu-button-size: 38px;
  }

  /*
    Keep the mobile gutter stable. Page-level padding is the reliable layer;
    child containers are then full-width within that padded page.
  */
  html[data-theme="anime-glass-light"] :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff),
  :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) {
    padding-right: var(--anime-mobile-edge-x) !important;
    padding-left: var(--anime-mobile-edge-x) !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) :is(
    .ui.container,
    .ui.container.fluid,
    .ui.container.fluid.padded,
    .secondary-nav,
    .secondary-nav > .ui.container,
    .header-wrapper > .ui.container,
    .repo-header > .ui.container,
    .ui.tabs.container,
    .ui.pull.tabs.container,
    .ui.container.pull.tabs,
    .issue-content,
    .issue-content-left,
    .issue-content-right,
    #diff-file-boxes,
    .diff-detail-box,
    .diff-file-box
  ),
  :is(.page-content.dashboard, .page-content.dashboard.feeds, .page-content.repository, .repository.view.issue, .repository.diff) :is(
    .ui.container,
    .ui.container.fluid,
    .ui.container.fluid.padded,
    .secondary-nav,
    .secondary-nav > .ui.container,
    .header-wrapper > .ui.container,
    .repo-header > .ui.container,
    .ui.tabs.container,
    .ui.pull.tabs.container,
    .ui.container.pull.tabs,
    .issue-content,
    .issue-content-left,
    .issue-content-right,
    #diff-file-boxes,
    .diff-detail-box,
    .diff-file-box
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  /*
    Only repository unit navigation. Do not touch dashboard repos-filter or diff
    toolbar overflow menus.
  */
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--anime-mobile-menu-button-size) !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
      "items button"
      "popup popup" !important;
    align-items: stretch !important;
    column-gap: 4px !important;
    row-gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: var(--anime-z-navbar-dropdown) !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-items,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-items,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-items,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-items {
    grid-area: items !important;
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-items::-webkit-scrollbar,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-items::-webkit-scrollbar,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-items::-webkit-scrollbar,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-items::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-items > .item,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-items > .item,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-items > .item,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-items > .item {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-button,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-button,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-button,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-button {
    grid-area: button !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--anime-mobile-menu-button-size) !important;
    min-width: var(--anime-mobile-menu-button-size) !important;
    max-width: var(--anime-mobile-menu-button-size) !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    z-index: var(--anime-z-navbar-dropdown-menu) !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-popup,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-popup,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-popup,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-popup {
    grid-area: popup !important;
    position: static !important;
    order: initial !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: min(52vh, 24rem) !important;
    margin: 8px 0 0 !important;
    padding: 6px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: var(--anime-z-navbar-dropdown-menu) !important;
    border: 1px solid rgba(72, 117, 158, 0.28) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: 0 16px 36px rgba(30, 61, 92, 0.20), var(--anime-glass-inset-highlight) !important;
    backdrop-filter: blur(22px) saturate(1.2);
    -webkit-backdrop-filter: blur(22px) saturate(1.2);
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-popup > .item,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-popup > .item,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-popup > .item,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-popup > .item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 38px !important;
    padding: 9px 10px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
  }

  /*
    Keep dashboard repository filter/list reset after the repository-menu grid.
  */
  html[data-theme="anime-glass-light"] #dashboard-repo-list :is(
    .dashboard-repos,
    .repos-search.ui.attached.segment,
    .ui.attached.segment,
    .ui.attached.table,
    .ui.attached.table.segment,
    .repo-owner-name-list,
    .repository.list
  ),
  #dashboard-repo-list :is(
    .dashboard-repos,
    .repos-search.ui.attached.segment,
    .ui.attached.segment,
    .ui.attached.table,
    .ui.attached.table.segment,
    .repo-owner-name-list,
    .repository.list
  ) {
    border: 0 !important;
    outline: 0 !important;
    outline-color: transparent !important;
    border-radius: var(--anime-mobile-card-radius, 10px) !important;
    background: var(--anime-mobile-card-bg, rgba(255, 255, 255, 0.34)) !important;
    box-shadow: var(--anime-mobile-card-shadow, 0 10px 26px rgba(51, 93, 132, 0.10)) !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list overflow-menu.repos-filter,
  #dashboard-repo-list overflow-menu.repos-filter {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

@media (max-width: 420px) {
  html[data-theme="anime-glass-light"] {
    --page-margin-x: 14px;
    --anime-mobile-edge-x: 14px;
  }
}

@media (max-width: 360px) {
  html[data-theme="anime-glass-light"] {
    --page-margin-x: 12px;
    --anime-mobile-edge-x: 12px;
  }
}


/*
  v85 opacity + readability polish

  Goals:
  1. overflow-menu should keep the glass feeling and be a little lighter than
     normal cards, but not so transparent that text blends into the background.
  2. PC/desktop pages were too transparent overall. Make main surfaces more
     opaque and improve text contrast without destroying the anime-glass style.
  3. Keep the v84 mobile repository menu grid fix.
*/

/* Shared readability variables. */
html[data-theme="anime-glass-light"] {
  --anime-glass-bg: rgba(255, 255, 255, 0.36);
  --anime-glass-bg-strong: rgba(255, 255, 255, 0.50);
  --anime-glass-bg-soft: rgba(255, 255, 255, 0.26);
  --anime-surface-hover: rgba(255, 255, 255, 0.46);
  --anime-surface-active: rgba(71, 163, 255, 0.18);

  --anime-popup-bg: rgba(255, 255, 255, 0.62);
  --anime-popup-bg-strong: rgba(255, 255, 255, 0.72);
  --anime-popup-arrow-bg: rgba(255, 255, 255, 0.66);
  --anime-dropdown-long-bg: rgba(255, 255, 255, 0.68);

  --anime-readable-panel-bg: rgba(255, 255, 255, 0.44);
  --anime-readable-panel-bg-strong: rgba(255, 255, 255, 0.56);
  --anime-readable-panel-bg-soft: rgba(255, 255, 255, 0.34);
  --anime-readable-row-bg: rgba(255, 255, 255, 0.24);
  --anime-readable-row-hover: rgba(103, 217, 206, 0.18);

  /*
    overflow-menu is intentionally a bit more transparent than normal panels,
    but still readable.
  */
  --anime-overflow-menu-bg: rgba(255, 255, 255, 0.52);
  --anime-overflow-menu-bg-strong: rgba(255, 255, 255, 0.62);
  --anime-overflow-menu-item-hover: rgba(103, 217, 206, 0.18);
}

/* Desktop / tablet readability pass. */
@media (min-width: 768px) {
  html[data-theme="anime-glass-light"] :is(
    .ui.segment,
    .ui.segments,
    .ui.attached.segment,
    .ui.card,
    .ui.cards > .card,
    .ui.table,
    .ui.panel,
    .ui.message,
    .repository.file.list #repo-files-table,
    .repository .diff-file-box,
    .repository .file-view,
    .repository .markup,
    .repository .comment.form,
    .repository .timeline-item .content,
    .feeds .news,
    .commit-list,
    .branch-tag-choice,
    .runner-container,
    .settings .key.list .item
  ) {
    background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.06) 48%),
            var(--anime-readable-panel-bg) !important;
    border-color: rgba(95, 139, 180, 0.22) !important;
    box-shadow: 0 16px 40px rgba(51, 93, 132, 0.12), var(--anime-glass-inset-highlight) !important;
  }

  html[data-theme="anime-glass-light"] :is(
    .repository .header-wrapper,
    .repository .repo-header,
    .repo-header,
    .dashboard-navbar,
    .page-content.dashboard .dashboard-navbar,
    .page-content.dashboard.feeds .dashboard-navbar
  ) {
    background: var(--anime-readable-panel-bg-strong) !important;
    border-color: rgba(95, 139, 180, 0.22) !important;
  }

  html[data-theme="anime-glass-light"] :is(
    .page-content.dashboard .ui.attached.segment,
    .page-content.dashboard.feeds .ui.attached.segment,
    .page-content.dashboard .repos-search.ui.attached.segment,
    .page-content.dashboard.feeds .repos-search.ui.attached.segment,
    .page-content.dashboard .dashboard-repos,
    .page-content.dashboard.feeds .dashboard-repos,
    .page-content.dashboard .repository.list,
    .page-content.dashboard.feeds .repository.list,
    .page-content.dashboard .repo-owner-name-list,
    .page-content.dashboard.feeds .repo-owner-name-list,
    .page-content.dashboard .ui.attached.table,
    .page-content.dashboard.feeds .ui.attached.table
  ) {
    background: var(--anime-readable-panel-bg) !important;
    border-color: rgba(95, 139, 180, 0.22) !important;
  }

  html[data-theme="anime-glass-light"] :is(
    .page-content.dashboard .repository.list .item,
    .page-content.dashboard.feeds .repository.list .item,
    .page-content.dashboard .repo-owner-name-list .item,
    .page-content.dashboard.feeds .repo-owner-name-list .item,
    .page-content.dashboard #dashboard-repo-list .repo-owner-name-list li,
    .page-content.dashboard.feeds #dashboard-repo-list .repo-owner-name-list li,
    .ui.table tbody tr,
    .commit-list .commit-list-row
  ) {
    background: var(--anime-readable-row-bg) !important;
  }

  html[data-theme="anime-glass-light"] :is(
    .page-content.dashboard .repository.list .item:hover,
    .page-content.dashboard.feeds .repository.list .item:hover,
    .page-content.dashboard .repo-owner-name-list .item:hover,
    .page-content.dashboard.feeds .repo-owner-name-list .item:hover,
    .page-content.dashboard #dashboard-repo-list .repo-owner-name-list li:hover,
    .page-content.dashboard.feeds #dashboard-repo-list .repo-owner-name-list li:hover,
    .ui.table tbody tr:hover,
    .commit-list .commit-list-row:hover
  ) {
    background: var(--anime-readable-row-hover) !important;
  }

  html[data-theme="anime-glass-light"] :is(
    .ui.input > input,
    .ui.form input:not([type]),
    .ui.form input[type="date"],
    .ui.form input[type="datetime-local"],
    .ui.form input[type="email"],
    .ui.form input[type="number"],
    .ui.form input[type="password"],
    .ui.form input[type="search"],
    .ui.form input[type="text"],
    .ui.form input[type="time"],
    .ui.form input[type="url"],
    .ui.form textarea,
    .ui.selection.dropdown,
    .CodeMirror,
    .cm-editor
  ) {
    background: rgba(255, 255, 255, 0.52) !important;
    border-color: rgba(88, 132, 170, 0.32) !important;
  }
}

/* Global overflow-menu readability. */
html[data-theme="anime-glass-light"] overflow-menu {
  color: var(--anime-text) !important;
}

html[data-theme="anime-glass-light"] overflow-menu .overflow-menu-items {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(95, 139, 180, 0.16) !important;
}

html[data-theme="anime-glass-light"] overflow-menu .overflow-menu-popup {
  background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04) 52%),
          var(--anime-overflow-menu-bg) !important;
  border-color: rgba(72, 117, 158, 0.30) !important;
  color: var(--anime-text) !important;
  box-shadow: 0 20px 52px rgba(30, 61, 92, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.48), var(--anime-glass-inset-highlight) !important;
  backdrop-filter: blur(20px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.18) !important;
}

html[data-theme="anime-glass-light"] overflow-menu .overflow-menu-popup > .item,
html[data-theme="anime-glass-light"] overflow-menu .overflow-menu-popup > a.item {
  color: var(--anime-text-muted) !important;
  background: transparent !important;
}

html[data-theme="anime-glass-light"] overflow-menu .overflow-menu-popup > .item:hover,
html[data-theme="anime-glass-light"] overflow-menu .overflow-menu-popup > a.item:hover,
html[data-theme="anime-glass-light"] overflow-menu .overflow-menu-popup > .item:focus-visible,
html[data-theme="anime-glass-light"] overflow-menu .overflow-menu-popup > a.item:focus-visible {
  color: var(--anime-text) !important;
  background: var(--anime-overflow-menu-item-hover) !important;
}

/* Desktop repository unit overflow-menu: slightly clearer than before but still glassy. */
@media (min-width: 768px) {
  html[data-theme="anime-glass-light"] .page-content.repository .secondary-nav overflow-menu.ui.secondary.pointing.menu,
  html[data-theme="anime-glass-light"] .page-content.repository .secondary-nav overflow-menu.ui.secondary.menu,
  html[data-theme="anime-glass-light"] .repository .secondary-nav overflow-menu.ui.secondary.pointing.menu,
  html[data-theme="anime-glass-light"] .repository .secondary-nav overflow-menu.ui.secondary.menu {
    background: rgba(255, 255, 255, 0.22) !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-popup,
  html[data-theme="anime-glass-light"] .page-content.repository .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-popup,
  html[data-theme="anime-glass-light"] .repository .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-popup,
  html[data-theme="anime-glass-light"] .repository .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-popup {
    background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.04) 52%),
            var(--anime-overflow-menu-bg) !important;
  }
}

/* Mobile v84 repo menu grid: keep layout, only soften popup opacity/readability. */
@media (max-width: 991.98px) {
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-popup,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-popup,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-popup,
  :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-popup {
    background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04) 52%),
            var(--anime-overflow-menu-bg-strong) !important;
    color: var(--anime-text) !important;
    box-shadow: 0 18px 42px rgba(30, 61, 92, 0.20), var(--anime-glass-inset-highlight) !important;
  }

  html[data-theme="anime-glass-light"] #dashboard-repo-list :is(
    .dashboard-repos,
    .repos-search.ui.attached.segment,
    .ui.attached.segment,
    .ui.attached.table,
    .ui.attached.table.segment,
    .repo-owner-name-list,
    .repository.list
  ),
  #dashboard-repo-list :is(
    .dashboard-repos,
    .repos-search.ui.attached.segment,
    .ui.attached.segment,
    .ui.attached.table,
    .ui.attached.table.segment,
    .repo-owner-name-list,
    .repository.list
  ) {
    background: rgba(255, 255, 255, 0.38) !important;
  }
}


/*
  v87 stable rollback patch

  v86-clean removed too many accumulated repository/mobile patches. That caused
  repository PR pages to behave differently from v85. This version intentionally
  uses v85 as the functional baseline and only adds a small final guard.

  Goals:
  - Restore v85/v84 repository page behavior.
  - Keep the opacity/readability polish from v85.
  - Avoid the v86-clean broad selector that affected PR commit/file pages.
*/

/* Keep repository PR tab/table behavior close to v85. */
@media (max-width: 991.98px) {
  html[data-theme="anime-glass-light"] {
    --page-margin-x: 14px;
    --anime-mobile-edge-x: 14px;
  }

  /*
    Do not force all nested repository containers into the same layout contract.
    Only protect the outer page and the direct Gitea containers.
  */
  html[data-theme="anime-glass-light"] .page-content.repository,
  html[data-theme="anime-glass-light"] .page-content.dashboard,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds {
    padding-right: var(--anime-mobile-edge-x) !important;
    padding-left: var(--anime-mobile-edge-x) !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.repository > .ui.container.fluid,
  html[data-theme="anime-glass-light"] .page-content.repository > .ui.container.fluid.padded,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container,
  html[data-theme="anime-glass-light"] .page-content.dashboard > .ui.container.flex-container,
  html[data-theme="anime-glass-light"] .page-content.dashboard.feeds > .ui.container.flex-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  /*
    Keep v84 grid behavior for repo unit menu only. Do not apply it to pull tabs,
    commit tables, file tables or internal diff dropdowns.
  */
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--anime-mobile-menu-button-size, 38px) !important;
    grid-template-areas:
      "items button"
      "popup popup" !important;
    column-gap: 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    z-index: var(--anime-z-navbar-dropdown) !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-items,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-items {
    grid-area: items !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-items::-webkit-scrollbar,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-items::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-button,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-button {
    grid-area: button !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    width: var(--anime-mobile-menu-button-size, 38px) !important;
    min-width: var(--anime-mobile-menu-button-size, 38px) !important;
    max-width: var(--anime-mobile-menu-button-size, 38px) !important;
    margin: 0 !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    z-index: var(--anime-z-navbar-dropdown-menu) !important;
  }

  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.pointing.menu > .overflow-menu-popup,
  html[data-theme="anime-glass-light"] :is(.page-content.repository, .repository) .secondary-nav overflow-menu.ui.secondary.menu > .overflow-menu-popup {
    grid-area: popup !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 0 !important;
    z-index: var(--anime-z-navbar-dropdown-menu) !important;
  }

  /*
    Restore dashboard repository list from v85: no black frame, but keep glass card.
  */
  html[data-theme="anime-glass-light"] #dashboard-repo-list :is(
    .dashboard-repos,
    .repos-search.ui.attached.segment,
    .ui.attached.segment,
    .ui.attached.table,
    .ui.attached.table.segment,
    .repo-owner-name-list,
    .repository.list
  ) {
    border: 0 !important;
    outline: 0 !important;
    border-radius: var(--anime-mobile-card-radius, 10px) !important;
    background: rgba(255, 255, 255, 0.38) !important;
    box-shadow: var(--anime-mobile-card-shadow, 0 10px 26px rgba(51, 93, 132, 0.10), var(--anime-glass-inset-highlight)) !important;
  }
}

/* PC readability should stay unified but not override semantic diff colors too aggressively. */
@media (min-width: 992px) {
  html[data-theme="anime-glass-light"] .repository .diff-file-box {
    background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04) 48%),
            rgba(255, 255, 255, 0.40) !important;
  }

  html[data-theme="anime-glass-light"] .repository :is(.diff-added-row, .add-code, .added-code) {
    background-color: var(--color-diff-added-row-bg) !important;
  }

  html[data-theme="anime-glass-light"] .repository :is(.diff-removed-row, .del-code, .removed-code) {
    background-color: var(--color-diff-removed-row-bg) !important;
  }
}


/*
  v93 final upstream color token bridge

  Keep late Gitea v1.26 palette, ANSI console, and syntax highlighting tokens
  on the anime glass palette after older historical patches have run.
*/
html[data-theme="anime-glass-light"] {
  --color-red: #ff7eaa;
  --color-red-light: #ff9fc3;
  --color-red-dark-1: #f26898;
  --color-red-dark-2: #dd557f;
  --color-orange: #e99a3a;
  --color-orange-light: #f0b45f;
  --color-orange-dark-1: #cf8324;
  --color-orange-dark-2: #a8661b;
  --color-yellow: #e6b84a;
  --color-yellow-dark-1: #b98512;
  --color-olive: #8fbd4f;
  --color-green: var(--anime-accent-mint);
  --color-green-light: #a5e6bb;
  --color-green-dark-1: #55c780;
  --color-green-dark-2: #42ad69;
  --color-teal: var(--anime-accent-cyan);
  --color-blue: var(--anime-accent-blue);
  --color-blue-light: #82c3ff;
  --color-purple: #8b7cf6;
  --color-purple-dark-1: #6c5ce7;
  --color-pink: var(--anime-accent-pink);
  --color-grey: #697d92;
  --color-black: #172336;
  --color-white: #ffffff;
  --color-git: #f07b58;

  --color-red-badge: #e0567a;
  --color-red-badge-bg: rgba(224, 86, 122, 0.14);
  --color-red-badge-hover-bg: rgba(224, 86, 122, 0.26);
  --color-green-badge: #3fbf7f;
  --color-green-badge-bg: rgba(63, 191, 127, 0.14);
  --color-green-badge-hover-bg: rgba(63, 191, 127, 0.26);
  --color-yellow-badge: #c89424;
  --color-yellow-badge-bg: rgba(200, 148, 36, 0.14);
  --color-yellow-badge-hover-bg: rgba(200, 148, 36, 0.26);
  --color-orange-badge: #d88b2f;
  --color-orange-badge-bg: rgba(216, 139, 47, 0.14);
  --color-orange-badge-hover-bg: rgba(216, 139, 47, 0.26);

  --color-ansi-black: #263447;
  --color-ansi-red: #e0567a;
  --color-ansi-green: #3fbf7f;
  --color-ansi-yellow: #c89424;
  --color-ansi-blue: #2d8fe8;
  --color-ansi-magenta: #8b7cf6;
  --color-ansi-cyan: #22b8c7;
  --color-ansi-white: var(--color-console-fg-subtle);
  --color-ansi-bright-black: #607086;
  --color-ansi-bright-red: #ff7eaa;
  --color-ansi-bright-green: #76d99a;
  --color-ansi-bright-yellow: #e6b84a;
  --color-ansi-bright-blue: #63b2ff;
  --color-ansi-bright-magenta: #a99cff;
  --color-ansi-bright-cyan: #67d9ce;
  --color-ansi-bright-white: var(--color-console-fg);

  --color-syntax-keyword: #176fc2;
  --color-syntax-bool: #0f8fc7;
  --color-syntax-control: #8b66d9;
  --color-syntax-name: #7b5c1f;
  --color-syntax-type: #b14c82;
  --color-syntax-number: #1f78d1;
  --color-syntax-operator: #176fc2;
  --color-syntax-regexp: #8b66d9;
  --color-syntax-string: #2f8f5f;
  --color-syntax-comment: #607086;
  --color-syntax-invalid: #c43463;
  --color-syntax-link: var(--color-primary);
  --color-syntax-tag: #176fc2;
  --color-syntax-attribute: #6c5ce7;
  --color-syntax-property: #2060a0;
  --color-syntax-variable: #9a6700;
  --color-syntax-string-special: #7d8f1f;
  --color-syntax-escape: #9a6700;
  --color-syntax-entity: #6c5ce7;
  --color-syntax-preproc: #2d8f6a;
  --color-syntax-preproc-file: #1f78d1;
  --color-syntax-decorator: #2d8f6a;
  --color-syntax-namespace: #607086;
  --color-syntax-name-pseudo: #6c5ce7;
  --color-syntax-comment-special: #8b66d9;
  --color-syntax-text: inherit;
  --color-syntax-text-alt: #4c5d72;
  --color-syntax-punctuation: inherit;
  --color-syntax-whitespace: #9aa7b8;
  --color-syntax-diff-fg: #172336;
  --color-syntax-deleted-bg: rgba(255, 159, 195, 0.24);
  --color-syntax-inserted-bg: rgba(118, 217, 154, 0.22);
  --color-syntax-emph: #9a6700;
  --color-syntax-strong: inherit;
  --color-syntax-heading: #7b5c1f;
  --color-syntax-subheading: #2f8f5f;
  --color-syntax-output: #607086;
  --color-syntax-prompt: #9a6700;
  --color-syntax-traceback: #c43463;
  --color-syntax-matching-bracket-bg: rgba(103, 217, 206, 0.24);
  --color-syntax-nonmatching-bracket-bg: rgba(255, 126, 170, 0.22);
}


/*
  v94 official source alignment guard

  Gitea v1.26 uses overflow-menu as a relative flex component with the popup as
  a direct child. Earlier mobile patches used viewport-fixed popups and max z-index
  values to escape local glass stacking contexts. Keep the v84/v87 mobile grid
  behavior, but cap the layer values below modals and force repository unit-menu
  popups back into the component flow.
*/
@media (max-width: 991.98px) {
  html[data-theme="anime-glass-light"] {
    --anime-mobile-menu-z: var(--anime-z-navbar-dropdown);
    --anime-mobile-popup-z: var(--anime-z-navbar-dropdown-menu);
    --anime-mobile-repo-menu-z: var(--anime-z-navbar-dropdown);
    --anime-mobile-repo-popup-z: var(--anime-z-navbar-dropdown-menu);
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav > .ui.container {
    position: relative !important;
    z-index: var(--anime-z-pagebar) !important;
    overflow: visible !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu.ui.menu,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu.ui.secondary.menu,
  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu.ui.secondary.pointing.menu {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--anime-mobile-menu-button-size, 38px) !important;
    grid-template-areas:
      "items button"
      "popup popup" !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    z-index: var(--anime-z-navbar-dropdown) !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-items {
    grid-area: items !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-items::-webkit-scrollbar {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-button {
    grid-area: button !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    width: var(--anime-mobile-menu-button-size, 38px) !important;
    min-width: var(--anime-mobile-menu-button-size, 38px) !important;
    max-width: var(--anime-mobile-menu-button-size, 38px) !important;
    margin: 0 !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    z-index: var(--anime-z-navbar-dropdown-menu) !important;
  }

  html[data-theme="anime-glass-light"] .page-content.repository > .secondary-nav overflow-menu > .overflow-menu-popup {
    grid-area: popup !important;
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: min(52vh, 24rem) !important;
    margin: 8px 0 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: var(--anime-z-navbar-dropdown-menu) !important;
  }
}


/*
  v95 checkbox source contract guard

  Gitea v1.26 draws ordinary checkbox/radio controls with the real input
  element. Toggle/slider controls still hide that input and draw through the
  label pseudo-elements, and DashboardRepoList.vue intentionally marks filter
  inputs as tw-pointer-events-none so the parent menu item owns the click.
*/
html[data-theme="anime-glass-light"] {
  --checkbox-size: 14px;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible),
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible),
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible),
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) {
  position: relative;
  display: inline-block;
  min-width: var(--checkbox-size, 14px);
  min-height: var(--checkbox-size, 14px);
  padding: 1px;
  line-height: var(--checkbox-size, 14px);
  vertical-align: baseline;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) label,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) label,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) label,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) label {
  position: relative;
  display: block;
  min-height: var(--checkbox-size, 14px);
  margin-left: 20px !important;
  padding-left: 0 !important;
  color: var(--color-text, var(--anime-text)) !important;
  cursor: pointer;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) label::before,
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) label::after,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) label::before,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) label::after,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) label::before,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) label::after,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) label::before,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) label::after {
  display: none !important;
  content: none !important;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"],
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"],
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"],
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"],
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"],
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"],
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"],
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"] {
  position: absolute !important;
  top: 1px !important;
  left: 0 !important;
  z-index: 1 !important;
  display: inline-grid !important;
  place-content: center !important;
  width: var(--checkbox-size, 14px) !important;
  min-width: var(--checkbox-size, 14px) !important;
  height: var(--checkbox-size, 14px) !important;
  min-height: var(--checkbox-size, 14px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--anime-control-border, var(--color-input-border)) !important;
  background: var(--anime-control-bg, var(--color-input-background)) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), 0 4px 10px rgba(51, 93, 132, 0.08) !important;
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  print-color-adjust: exact;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"],
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"],
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"],
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"] {
  border-radius: 4px !important;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"],
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"],
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"],
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"] {
  border-radius: 50% !important;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]::before,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]::before,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]::before,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]::before {
  display: block !important;
  width: 5px;
  height: 9px;
  margin-top: -1px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  background: transparent !important;
  box-shadow: 1px 1px 0 rgba(18, 76, 128, 0.18);
  content: "" !important;
  transform: rotate(45deg) scale(0);
  transform-origin: center;
  transition: transform var(--anime-motion-fast) var(--anime-ease-standard);
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]::before,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]::before,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]::before,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]::before {
  display: block !important;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(18, 76, 128, 0.18);
  content: "" !important;
  transform: scale(0);
  transition: transform var(--anime-motion-fast) var(--anime-ease-standard);
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:is(:checked, .checked, :indeterminate, .indeterminate),
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:is(:checked, .checked),
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:is(:checked, .checked, :indeterminate, .indeterminate),
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:is(:checked, .checked),
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:is(:checked, .checked, :indeterminate, .indeterminate),
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:is(:checked, .checked),
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:is(:checked, .checked, :indeterminate, .indeterminate),
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:is(:checked, .checked) {
  border-color: rgba(47, 146, 236, 0.76) !important;
  background: var(--anime-control-checked-bg, var(--color-primary)) !important;
  box-shadow: var(--anime-control-checked-shadow, none) !important;
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:is(:checked, .checked)::before,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:is(:checked, .checked)::before,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:is(:checked, .checked)::before,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:is(:checked, .checked)::before {
  transform: rotate(45deg) scale(1);
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:is(:indeterminate, .indeterminate)::before,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:is(:indeterminate, .indeterminate)::before,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:is(:indeterminate, .indeterminate)::before,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="checkbox"]:is(:indeterminate, .indeterminate)::before {
  width: 9px;
  height: 2px;
  margin-top: 0;
  border: 0;
  border-radius: 999px;
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(18, 76, 128, 0.18);
  transform: scale(1);
}

html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:is(:checked, .checked)::before,
html[data-theme="anime-glass-light"] .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:is(:checked, .checked)::before,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:is(:checked, .checked)::before,
body .ui.radio.checkbox:not(.toggle):not(.slider):not(.invisible) input[type="radio"]:is(:checked, .checked)::before {
  transform: scale(1);
}

html[data-theme="anime-glass-light"] .ui.disabled.checkbox:not(.toggle):not(.slider):not(.invisible) label,
html[data-theme="anime-glass-light"] .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[disabled] ~ label,
body .ui.disabled.checkbox:not(.toggle):not(.slider):not(.invisible) label,
body .ui.checkbox:not(.toggle):not(.slider):not(.invisible) input[disabled] ~ label {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

html[data-theme="anime-glass-light"] :is(.ui.toggle.checkbox, .ui.slider.checkbox) input[type="checkbox"],
html[data-theme="anime-glass-light"] :is(.ui.toggle.checkbox, .ui.slider.checkbox) input[type="radio"],
body :is(.ui.toggle.checkbox, .ui.slider.checkbox) input[type="checkbox"],
body :is(.ui.toggle.checkbox, .ui.slider.checkbox) input[type="radio"] {
  opacity: 0 !important;
  pointer-events: auto !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox {
  display: grid !important;
  grid-template-columns: var(--repo-filter-check-size, 16px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 20px !important;
  padding: 0 !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input.tw-pointer-events-none,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input.tw-pointer-events-none {
  position: relative !important;
  inset: auto !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  place-self: center !important;
  width: var(--repo-filter-check-size, 16px) !important;
  min-width: var(--repo-filter-check-size, 16px) !important;
  height: var(--repo-filter-check-size, 16px) !important;
  min-height: var(--repo-filter-check-size, 16px) !important;
  pointer-events: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html[data-theme="anime-glass-light"] #dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input.tw-pointer-events-none + label,
#dashboard-repo-list .ui.dropdown.icon.button > .menu > .item > .ui.checkbox > input.tw-pointer-events-none + label {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 20px !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  overflow: hidden !important;
  line-height: 20px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  pointer-events: none !important;
}


/*
  v97 action input source contract guard

  Gitea's input module treats .ui.action.input as a single flex control: the
  text input drops the adjoining corner, and the following button/dropdown owns
  the opposite rounded edge. Keep that geometry after page-level glass rules.
*/
html[data-theme="anime-glass-light"] .ui.input {
  position: relative;
  display: inline-flex;
  color: var(--color-input-text, var(--anime-text)) !important;
  font-weight: var(--font-weight-normal, 400);
}

html[data-theme="anime-glass-light"] .ui.input > input {
  flex: 1 0 auto;
  max-width: 100%;
  margin: 0;
  outline: none;
  border: 1px solid var(--color-input-border) !important;
  border-radius: var(--border-radius, 8px) !important;
  background: var(--color-input-background) !important;
  color: var(--color-input-text, var(--anime-text)) !important;
  font-family: var(--fonts-regular, var(--fonts-proportional)) !important;
  line-height: var(--line-height-default, 1.4);
  text-align: start;
}

html[data-theme="anime-glass-light"] .ui.action.input {
  display: inline-flex !important;
  align-items: stretch !important;
  max-width: 100%;
}

html[data-theme="anime-glass-light"] .ui.action.input > .button,
html[data-theme="anime-glass-light"] .ui.action.input > .buttons {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  margin: 0 !important;
}

html[data-theme="anime-glass-light"] .ui.action.input > .button,
html[data-theme="anime-glass-light"] .ui.action.input > .buttons > .button {
  margin: 0 !important;
  padding-top: 0.78571429em;
  padding-bottom: 0.78571429em;
}

html[data-theme="anime-glass-light"] .ui.action.input .ui.ui.button {
  border-color: var(--color-input-border) !important;
  padding-top: 0;
  padding-bottom: 0;
}

html[data-theme="anime-glass-light"] .ui.action.input:not([class*="left action"]) > input,
html[data-theme="anime-glass-light"] .ui.action.input:not([class*="left action"]) > .ui.input > input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-color: transparent !important;
}

html[data-theme="anime-glass-light"] .ui.action.input > .dropdown:first-child,
html[data-theme="anime-glass-light"] .ui.action.input > .button:first-child,
html[data-theme="anime-glass-light"] .ui.action.input > .buttons:first-child > .button {
  border-radius: var(--border-radius, 8px) 0 0 var(--border-radius, 8px) !important;
}

html[data-theme="anime-glass-light"] .ui.action.input > .dropdown:not(:first-child),
html[data-theme="anime-glass-light"] .ui.action.input > .button:not(:first-child),
html[data-theme="anime-glass-light"] .ui.action.input > .buttons:not(:first-child) > .button {
  border-radius: 0 !important;
}

html[data-theme="anime-glass-light"] .ui.action.input > .dropdown:last-child,
html[data-theme="anime-glass-light"] .ui.action.input > .button:last-child,
html[data-theme="anime-glass-light"] .ui.action.input > .buttons:last-child > .button {
  border-radius: 0 var(--border-radius, 8px) var(--border-radius, 8px) 0 !important;
}

html[data-theme="anime-glass-light"] .ui.action.input:not([class*="left action"]) > input:focus + .ui.dropdown.selection,
html[data-theme="anime-glass-light"] .ui.action.input:not([class*="left action"]) > input:focus + .ui.dropdown.selection:hover,
html[data-theme="anime-glass-light"] .ui.action.input:not([class*="left action"]) > input:focus + .button,
html[data-theme="anime-glass-light"] .ui.action.input:not([class*="left action"]) > input:focus + .button:hover,
html[data-theme="anime-glass-light"] .ui.action.input:not([class*="left action"]) > input:focus + i.icon + .button,
html[data-theme="anime-glass-light"] .ui.action.input:not([class*="left action"]) > input:focus + i.icon + .button:hover {
  border-left-color: var(--color-primary) !important;
}

html[data-theme="anime-glass-light"] .ui.action.input:not([class*="left action"]) > input:focus {
  border-right-color: var(--color-primary) !important;
}

html[data-theme="anime-glass-light"] .ui.fluid.input {
  display: flex !important;
}

html[data-theme="anime-glass-light"] .ui.fluid.input > input {
  width: 0 !important;
}


/*
  v98 repo file search layer guard

  RepoFileSearch.vue teleports .file-search-popup to <body>. Keep it above repo
  cards/toolbars created by the theme, but below Gitea's official modal/toast
  layer. The classic .ui.search results share the same contract.
*/
html[data-theme="anime-glass-light"] .ui.search {
  position: relative;
}

html[data-theme="anime-glass-light"] .ui.search > .results,
html[data-theme="anime-glass-light"] .file-search-popup {
  z-index: var(--anime-z-search) !important;
  border: 1px solid var(--anime-popup-border, var(--color-secondary)) !important;
  background: var(--anime-popup-bg-strong, var(--color-menu)) !important;
  color: var(--color-text, var(--anime-text)) !important;
  box-shadow: var(--anime-popup-shadow, 0 6px 18px var(--color-shadow)) !important;
}

html[data-theme="anime-glass-light"] .file-search-popup {
  position: absolute;
  border-radius: var(--border-radius, 8px) !important;
  overflow-y: auto;
}

html[data-theme="anime-glass-light"] .file-search-results .item {
  color: var(--color-text, var(--anime-text)) !important;
  border-bottom-color: var(--color-secondary) !important;
  background: transparent !important;
}

html[data-theme="anime-glass-light"] .file-search-results .item:hover,
html[data-theme="anime-glass-light"] .file-search-results .item.selected {
  background: var(--color-hover, var(--anime-surface-hover)) !important;
}


/*
  v103 repository header source contract guard

  Gitea's repo header uses .repo-header as the surface and keeps .repo-title,
  .repo-buttons and .repo-button-row as flex layout contents. Do not turn those
  internal layout groups into independent glass cards.
*/
html[data-theme="anime-glass-light"] .repository :is(.repo-title, .repo-buttons, .repo-button-row),
html[data-theme="anime-glass-light"] :is(.repo-title, .repo-buttons, .repo-button-row) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="anime-glass-light"] .repository .repo-buttons,
html[data-theme="anime-glass-light"] .repository .repo-button-row,
html[data-theme="anime-glass-light"] .repo-button-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-theme="anime-glass-light"] .repo-button-row .ui.button,
html[data-theme="anime-glass-light"] .repo-view-container .ui.button.repo-view-file-tree-toggle {
  flex-shrink: 0 !important;
  min-height: 30px !important;
  margin: 0 !important;
}

html[data-theme="anime-glass-light"] .repo-button-row .repo-file-search-container .ui.input {
  height: 30px;
}


/*
  v105 swagger standalone guard

  templates/swagger/openapi-viewer.tmpl loads the current theme before
  swagger.css, without the normal Gitea page shell. Keep the API docs on a
  stable light surface instead of the global anime background layer.
*/
html[data-theme="anime-glass-light"]:has(#swagger-ui),
html[data-theme="anime-glass-light"] body:has(#swagger-ui) {
  background: var(--gitea-iframe-bgcolor, var(--color-box-body)) !important;
}

html[data-theme="anime-glass-light"] body:has(#swagger-ui)::before,
html[data-theme="anime-glass-light"] body:has(#swagger-ui)::after {
  display: none !important;
}

html[data-theme="anime-glass-light"] :is(#swagger-ui, .swagger-ui, .swagger-ui .scheme-container) {
  background: var(--gitea-iframe-bgcolor, var(--color-box-body)) !important;
}

html[data-theme="anime-glass-light"] .swagger-back-link {
  z-index: var(--anime-z-content-raised);
}

/*
  v107 official component layout guards

  These controls look like ordinary inputs, but official Gitea CSS gives them
  component-specific spacing and geometry. Keep the anime control styling from
  leaking into those layout contracts.
*/
html[data-theme="anime-glass-light"] .clone-buttons-combo {
  display: flex !important;
  align-items: stretch !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html[data-theme="anime-glass-light"] .clone-buttons-combo > .ui.button:not(:last-child) {
  border-right: 0 !important;
}

html[data-theme="anime-glass-light"] .ui.action.input.clone-buttons-combo input {
  border-radius: 0 !important;
}

html[data-theme="anime-glass-light"] .markup input[type="checkbox"] {
  margin-inline-end: 0.25em !important;
  margin-bottom: 0.25em !important;
  cursor: default !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  vertical-align: middle !important;
}

html[data-theme="anime-glass-light"] .markup .task-list-item input[type="checkbox"] {
  margin-inline: -1.4em 0.6em !important;
  margin-bottom: 0.25em !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

html[data-theme="anime-glass-light"] .markup .task-list-item input[type="checkbox"] + p {
  display: inline;
  margin-inline-start: -0.2em;
}

html[data-theme="anime-glass-light"] .color-picker-combo {
  display: flex;
  position: relative;
}

html[data-theme="anime-glass-light"] .color-picker-combo input {
  padding-left: 32px !important;
}

html[data-theme="anime-glass-light"] .color-picker-combo .preview-square {
  position: absolute;
  aspect-ratio: 1;
  width: 16px;
  height: 16px;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

html[data-theme="anime-glass-light"] .image-diff-container .diff-overlay input {
  max-width: 300px;
}

/*
  v108 editor fullscreen and expander layer guard

  EasyMDE and text-expander still use small local z-index values in upstream
  CSS. The theme's navbar/pagebar/dropdown scale is higher, so fullscreen
  editors and mention suggestions need mapped layers below modals and toasts.
*/
html[data-theme="anime-glass-light"] .EasyMDEContainer .CodeMirror-fullscreen {
  position: fixed !important;
  inset: 50px 0 0 !important;
  height: auto !important;
  z-index: var(--anime-z-editor-fullscreen) !important;
  border-right: 0 !important;
  border-bottom-right-radius: 0 !important;
  background: var(--color-body) !important;
}

html[data-theme="anime-glass-light"] .EasyMDEContainer .editor-toolbar.fullscreen {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 50px !important;
  z-index: var(--anime-z-editor-toolbar) !important;
  border: 0 !important;
  background: var(--color-body) !important;
  opacity: 1 !important;
}

html[data-theme="anime-glass-light"] .EasyMDEContainer .editor-toolbar.fullscreen .revert-to-textarea {
  display: none !important;
}

html[data-theme="anime-glass-light"] .EasyMDEContainer .editor-preview-full,
html[data-theme="anime-glass-light"] .EasyMDEContainer .editor-preview-side {
  z-index: var(--anime-z-editor-fullscreen) !important;
  background: var(--color-body) !important;
}

html[data-theme="anime-glass-light"] text-expander .suggestions,
html[data-theme="anime-glass-light"] .tribute-container {
  z-index: var(--anime-z-expander) !important;
  border: 1px solid var(--anime-popup-border, var(--color-secondary)) !important;
  background: var(--anime-popup-bg-strong, var(--color-menu)) !important;
  color: var(--color-text, var(--anime-text)) !important;
  box-shadow: var(--anime-popup-shadow, 0 6px 18px var(--color-shadow)) !important;
}

/*
  v109 form and editor checkbox alignment guard

  Gitea form.css and codeeditor.css intentionally keep these checkboxes aligned
  with their local labels/panels. Restore the local spacing after the global
  themed checkbox skin above.
*/
html[data-theme="anime-glass-light"] .ui.form input[type="checkbox"]:not(.hidden) {
  vertical-align: top !important;
}

html[data-theme="anime-glass-light"] .code-editor-container .cm-panel.cm-search input[type="checkbox"] {
  margin: 0 !important;
  cursor: pointer !important;
}

/*
  v105 forced-colors accessibility guard

  In Windows high-contrast mode, translucent glass layers and background images
  can erase contrast. This block intentionally stays last so system colors win
  over every theme token bridge and historical page patch above.
*/
@media (forced-colors: active) {
  html[data-theme="anime-glass-light"] {
    --color-body: Canvas;
    --color-box-header: Canvas;
    --color-box-body: Canvas;
    --color-text: CanvasText;
    --color-text-dark: CanvasText;
    --color-text-light: CanvasText;
    --color-input-text: CanvasText;
    --color-input-background: Canvas;
    --color-input-border: ButtonBorder;
    --color-menu: Canvas;
    --color-card: Canvas;
    --color-border: ButtonBorder;
    --color-nav-bg: Canvas;
    --color-nav-hover-bg: Highlight;
    --color-nav-text: CanvasText;
    --color-secondary-nav-bg: Canvas;
    --color-tooltip-bg: CanvasText;
    --color-tooltip-text: Canvas;
    --anime-control-border: ButtonBorder;
    --anime-control-bg: Canvas;
    --anime-control-hover-bg: Canvas;
    --anime-control-checked-bg: Highlight;
    --anime-control-checked-shadow: none;
    --anime-focus-ring: 0 0 0 2px Highlight;
    forced-color-adjust: auto;
  }

  html[data-theme="anime-glass-light"] body::before,
  html[data-theme="anime-glass-light"] body::after {
    display: none !important;
  }

  html[data-theme="anime-glass-light"] :is(
    .ui.segment,
    .ui.segments,
    .ui.attached.segment,
    .ui.card,
    .ui.cards > .card,
    .ui.table,
    .ui.menu,
    .ui.message,
    .ui.search > .results,
    .file-search-popup,
    .repository .diff-file-box,
    .repository .file-view,
    .repository .markup,
    overflow-menu .overflow-menu-popup
  ) {
    border-color: ButtonBorder !important;
    background: Canvas !important;
    color: CanvasText !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html[data-theme="anime-glass-light"] a {
    color: LinkText !important;
  }

  html[data-theme="anime-glass-light"] :is(.ui.primary.button, .ui.green.button, .ui.red.button, .ui.negative.button) {
    border-color: ButtonBorder !important;
    background: ButtonFace !important;
    color: ButtonText !important;
  }
}