body .cache-azzazel {
  width: 43px;
  height: 43px;
  object-fit: contain;
  flex: 0 0 auto;
  padding: 4px;
  background: #071707;
  border: 1px solid #1eaf29;
  clip-path: polygon(50% 0, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
}
body #cleanupLookupProgress { width: min(250px, 100%); height: 8px; }
body #cleanupVerifyProgress { display: block; width: min(320px, 100%); height: 8px; margin: 10px 0; }
body #cleanupVerifyProgress.hidden { display: none; }
body .library-cache-bar progress { height: 8px; }
/* AzzAzeL honeycomb theme — shared by the application pages. */
:root {
  color-scheme: dark;
  --bg: #030603;
  --panel: #071007;
  --panel2: #102316;
  --green: #b2f3a8;
  --green2: #208c2a;
  --neon: #63f45c;
  --text: #e5eee2;
  --muted: #afc1aa;
  --line: #276c2d;
  --button: #087b08;
  --button-hover: #0ba50b;
  --button-secondary: #173419;
  --button-text: #efffed;
  --info: #bd8537;
  --gold: #d9ac66;
}

body {
  color: var(--text);
  background-color: var(--bg);
  background-image:
    linear-gradient(90deg, rgba(2, 5, 2, .85), rgba(2, 5, 2, .59) 16%, rgba(2, 5, 2, .59) 84%, rgba(2, 5, 2, .85)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='24'%3E%3Cpath d='M7 1 L21 1 L27 12 L21 23 L7 23 L1 12Z' fill='%23061106' stroke='%2317501d' stroke-width='1'/%3E%3C/svg%3E");
  background-size: auto, 28px 24px;
}

body :is(h1, h2, h3),
body :is(.brand, .library-preview h3) {
  color: var(--neon);
  text-shadow: 0 0 8px rgba(23, 173, 28, .2);
}

body :is(header p, .table-head, th, .result-head strong, .history-heading, .monitoring-head) {
  color: var(--green);
}

body :is(section, .controls, .actions, .results, .access-panel, .sync-warning,
  .purpose, .state-summary > span, .library-cache-bar, .library-toolbar,
  .library-preview, .monitoring, .auto-settings, .review-settings,
  .toolbar, .filters, .summary, .preview, .step, .trial-card) {
  border-color: var(--line);
  background-color: rgba(5, 13, 6, .96);
}

body :is(.chat, .library-row, .row, td, .table-head, th) { border-color: #205b27; }
body :is(.table-wrap,.history-list,.cleanup-file-list,.cleanup-report-list,.cleanup-report-issues,.cleanup-origin-dialog > ul) { background:#09150e; background-image:none; }

/* The three introductory information panels share one row on wide windows. */
body .intro-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
  margin-bottom: 19px;
  align-items: stretch;
}
body .intro-cards > :is(section, .access-panel, .sync-warning, .purpose) {
  min-width: 0;
  height: 100%;
  margin: 0;
  align-items: flex-start;
  background: #0a1b0d;
}
body .intro-cards > .access-panel,
body .intro-cards > .sync-warning { flex-direction: column; }
body .intro-cards .access-actions { flex-wrap: wrap; flex: 0 1 auto; }
body .intro-cards .purpose { display: flex; flex-direction: column; }
body .intro-cards .purpose-item,
body .intro-cards .independence { width: 100%; }
body .intro-cards .independence { margin-top: auto; }
body .intro-cards > .hidden { display: none; }
body .intro-cards:not(:has(.sync-warning:not(.hidden))) { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* Spacious, flat rectangular panels. */
body :is(section, article, dialog, .quick-link, .access-panel, .sync-warning,
  .purpose, .state-summary > span, .library-cache-bar, .library-toolbar,
  .library-preview, .monitoring, .auto-settings, .review-settings,
  .toolbar, .filters, .summary, .preview, .step, .trial-card,
  .controls, .actions, .results, .info-tip, .viewer-meta span,
  .dev-warning, .danger-banner, .responsible-use, .install-row,
  .confirmation, .install-id, footer, .table-wrap, .mode-pill,
  .advanced-lock, .project-selection, .support-benefits,
  .installation-id, .support-steps, .library-preview-details span,
  .library-probe-report, .cleanup-summary, .operation-card) {
  border-radius: 0;
  box-shadow: none;
}
body :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border-radius: 0;
  box-shadow: none;
}
body :is(.brand-logo, header img, .library-preview img, pre) { border-radius: 0; }
body :is(.access-panel, .sync-warning, .purpose, .controls, .actions,
  .monitoring, .toolbar, .filters, .summary, .preview, .step, .trial-card,
  .review-settings, .auto-settings) { padding: 18px 20px; }
body .state-summary > span { padding: 13px 16px; }
body :is(dialog, .library-viewer-dialog) { padding: 25px 28px; }

/* One compact account-data strip replaces two repetitive cache panels. */
body .cache-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 14px 0;
  border: 1px solid var(--line);
  background: rgba(5, 13, 6, .96);
}
body .cache-overview:not(:has(> .library-cache-bar:not(.hidden))) { display: none; }
body .cache-overview > .library-cache-bar {
  min-width: 0;
  margin: 0;
  padding: 15px 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body .cache-overview > .library-cache-bar + .library-cache-bar:not(.hidden) {
  border-left: 1px solid var(--line);
}
body .cache-overview:has(> .library-cache-bar.hidden) { grid-template-columns: 1fr; }
body :is(#chatCacheInfo, #libraryCacheInfo) { flex: 1 1 180px; font-size: 13px; color: var(--text); }

/* One warm frame groups manual analysis and automation; monitoring stays separate. */
body section.workflow-panel {
  border: 2px solid #a86a25;
  background: rgba(29, 17, 7, .62);
  box-shadow: inset 0 0 0 1px rgba(239, 161, 58, .12);
  padding: 17px 20px;
}
body section.workflow-panel > section.controls,
body section.workflow-panel > section.actions {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}
body section.workflow-panel > section.actions {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #a86a25;
}
body section#monitoring {
  margin-top: 14px;
  border: 1px solid #1eaf29;
  background: rgba(5, 13, 6, .96);
  box-shadow: none;
  padding: 18px 20px;
}
body .tool-group-title {
  margin: 0 0 12px;
  color: #f2bd75;
  font: 700 17px/1.2 Georgia, serif;
  letter-spacing: .02em;
}
body .controls .tool-group-title { grid-column: 1 / -1; }
body .actions .review-settings { border-color: #9b6328; }
body .actions .auto-config-block {
  border: 2px solid #a86a25;
  background: rgba(5, 13, 6, .96);
  padding: 16px 18px;
}
body .actions .auto-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
body .actions .auto-row { flex: 1; margin: 0; padding: 0; border: 0; background: transparent; font-weight: 700; cursor: pointer; }
body .actions .auto-row > span { color: #f2bd75; }
body .actions .auto-settings {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px 18px;
  margin-top: 14px;
  padding: 16px 0 0;
  border: 0;
  border-top: 1px solid #80531c;
  background: transparent;
}
body .auto-days-field, body .auto-keyword-field { grid-column: span 2; }
body .auto-limit-field { grid-column: span 3; }
body #autoProtectKeywords { width: min(280px, 100%); border: 1px solid #328d40; background: #020702; }
body .auto-help { grid-column: 1 / -1; color: var(--muted); font-size: 12px; }
body .auto-help summary { cursor: pointer; color: #f2bd75; }
body .auto-help p { margin: 7px 0 0; }
body .auto-help a { color: #f2bd75; }
body .chat-filters {
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) minmax(220px, 1fr) minmax(180px, 1fr) auto;
  align-items: stretch;
  gap: 14px;
  margin: 16px 18px;
  padding: 0;
  border: 0;
  background: transparent;
}
body .chat-filters label {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 5px;
  min-width: 0;
  padding: 9px 12px;
  border: 1px solid #276c2d;
  background: #08160a;
}
body .chat-filters select, body .chat-filters input { min-width: 0; max-width: 100%; }
body .chat-filters #chatFilterProjectId { width:100%; max-width:100%; }
body .chat-filters #chatFilterProjectId.hidden { display:none; }
body .chat-filter-age-input { display: flex; align-items: center; gap: 8px; }
body #chatFilterText {
  width: 100%;
  min-width: 0;
  border: 2px solid #279637;
  background: #020702;
  color: var(--text);
}
body #chatFilterText::placeholder { color: #829b82; }
body #chatFilterText:focus-visible { outline: 2px solid #6af06b; outline-offset: 2px; }
body .chat-filter-note { display: inline-flex; align-items: center; align-self: end; gap: 7px; padding-bottom: 10px; white-space: nowrap; }
body .chat-filter-note .info-button { width: 18px; height: 18px; min-height: 18px; font-size: 11px; }
@media (max-width: 1080px) {
  body .chat-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 580px) {
  body .chat-filters { grid-template-columns: minmax(0, 1fr); }
}
body .chat-count-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 14px; }
body #countInfo { color: var(--muted); font-size: 12px; }
body #results #list { min-height: 318px; max-height: 318px; overflow-y: auto; }
body #results #list .chat.hidden { display: none; }

body #confirmDialog .dialog-actions { align-items: end; justify-content: center; flex-wrap: wrap; gap: 8px; }
body #confirmDialog .cleanup-pin {
  width: 120px;
  margin: 0;
  color: #fa6971;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}
body #confirmDialog .cleanup-pin-caption { display: flex; align-items: center; justify-content: center; gap: 5px; white-space: nowrap; }
body #confirmDialog .cleanup-pin-caption label { color: #fa6971; }
body #confirmDialog .cleanup-pin-caption .info-button { width: 18px; height: 18px; font-size: 11px; }
body #confirmDialog .cleanup-pin-caption .info-tip { top: auto; bottom: calc(100% + 8px); }
body #confirmDialog .cleanup-pin input {
  width: 120px;
  height: 36px;
  margin-top: 5px;
  border: 1px solid #d34d57;
  background: #16090b;
  color: #ffe4e6;
  text-align: center;
  letter-spacing: 4px;
}
body #confirmDialog .cleanup-pin input:focus-visible { outline-color: #fa6971; }
body #cleanupReferenceStatus:empty { display: none; }
body #confirmError:empty { display: none; }
body .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
body .protection-heading { display: inline-flex; align-items: center; gap: 5px; }
body .protection-heading .info-button { width: 18px; height: 18px; min-height: 18px; font-size: 11px; }
body #cleanupChatList,
body .cleanup-file-details[open] #cleanupFileList {
  border: 2px solid #169b32;
  background: rgba(5, 30, 9, .28);
}
body #cleanupMode {
  border: 2px solid #b23d48;
  background: rgba(30, 5, 8, .24);
}
body #cleanupChatList { padding: 3px 8px; }
body #cleanupMode { padding: 12px 15px; }
body #cleanupIndexStatus:empty { display: none; }
body .cleanup-consent-row { display: grid; grid-template-columns: minmax(0, 1fr) 18px; align-items: start; gap: 8px; }
body .cleanup-consent-row .cleanup-consent { display: inline-flex; align-items: flex-start; gap: 7px; min-width: 0; margin: 0; }
body .cleanup-consent-row .info-wrap { justify-self: end; }
body #confirmDialog .cleanup-consent { transition: color .2s ease, text-shadow .2s ease; }
body #confirmDialog .cleanup-consent.needs-authorization { color: #ff626d; animation: cleanupConsentBlink 1s steps(2,end) infinite; }
body #confirmDialog .cleanup-consent.needs-authorization input { accent-color: #ff3545; }
body #confirmDialog .cleanup-consent.authorized { color: #7dff8b; animation: none; text-shadow: 0 0 8px rgba(80,255,110,.35); }
body #confirmDialog .cleanup-consent.authorized input { accent-color: #16c83c; }
@keyframes cleanupConsentBlink { 50% { opacity: .45; text-shadow: 0 0 9px rgba(255,50,65,.8); } }
body .cleanup-file-details summary .info-button { width: 18px; height: 18px; min-height: 18px; font-size: 11px; }
body #confirmDialog :is(.cleanup-consent-row, .cleanup-file-details) .info-tip { top: auto; bottom: calc(100% + 8px); }
body #confirmDialog .cleanup-consent-row .info-tip {
  top: calc(100% + 8px);
  right: 0;
  bottom: auto;
  left: auto;
  width: min(320px, calc(100vw - 64px));
  max-width: calc(100vw - 64px);
  white-space: normal;
  overflow-wrap: anywhere;
}
body #confirmDialog .cleanup-consent-warning {
  margin: 8px 0 0;
  padding: 8px 11px;
  border: 1px solid #d34d57;
  background: #3b0a10;
  color: #ffe4e6;
  font-weight: 700;
}
body #confirmDialog .cleanup-consent-warning.hidden { display: none; }
body #confirmDialog .cleanup-consent-warning.visualization-note { border-color: #c08b2f; background: #241a08; color: #f3ca75; }
body #confirmDialog .cleanup-consent-arrow { display: inline-block; margin-right: 7px; color: #ff6470; font-size: 20px; line-height: 1; animation: cleanupConsentBlink .65s steps(2,end) infinite; }
body #confirmDialog .cleanup-consent-arrow.hidden { display: none; }
body #confirmDialog .cleanup-consent-warning.consent-guidance { border-color: #ff3545; box-shadow: 0 0 10px rgba(255,39,56,.35); }
@media (prefers-reduced-motion: reduce) {
  body #confirmDialog .cleanup-consent.needs-authorization,
  body #confirmDialog .cleanup-consent-arrow { animation: none; }
}
body #confirmDialog .cleanup-file-details summary .info-tip { left: 0; right: auto; }
body #confirmDialog .cleanup-consent { color: #f0ac58; font-weight: 650; }
body .cleanup-file-details summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border: 1px solid #a66a2c;
  color: #f3bf77;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
body .cleanup-file-details summary:hover,
body .cleanup-file-details summary:focus-visible { background: #35200e; color: #ffdfa2; }
body .cleanup-file-details[open] #cleanupFileList { margin-top: 9px; padding: 3px 8px; }
body #confirmDialog .azz-waiting-scene.compact { margin: 8px auto; }
body .cleanup-origin-heading { display: flex; align-items: center; gap: 8px; }
body .cleanup-origin-heading h2 { margin: 0; }
body .cleanup-origin-dialog > ul { border: 1px solid #a93f49; padding: 4px 11px; list-style: none; }
body .cleanup-origin-dialog > ul li { padding: 7px 2px; border-bottom: 1px solid #305639; overflow-wrap: anywhere; }
body .cleanup-origin-dialog > ul li:last-child { border-bottom: 0; }
body .cleanup-origin-dialog > p[role="status"] { margin: 10px 0; color: var(--green); }

/* Match the brown and gold treatment approved for the top three links. */
.quick-links .quick-link {
  border: 1px solid #aa7b32;
  border-radius: 0;
  background: linear-gradient(120deg, #211a10, #31210c);
  color: #f2deb9;
  box-shadow: none;
}
.quick-links .quick-link:hover,
.quick-links .quick-link:focus-visible {
  border-color: #e0ad57;
  color: #fff0d2;
  background: linear-gradient(120deg, #30220f, #472b0c);
}

/* Two nested polygons draw the angled edges as well as the horizontal edges. */
body :is(button, .button, .tabs a):not(.info-button):not(.sort-button):not(.library-sort-button):not(.app-tab):not(.link):not(.app-data-status):not(.cleanup-association):not([data-snake-direction]) {
  position: relative;
  isolation: isolate;
  border-radius: 0;
  border: 0;
  background: var(--button-edge, #ff9a19) !important;
  clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 50%,
    calc(100% - 13px) 100%, 13px 100%, 0 50%);
  min-height: 36px;
}
body :is(button, .button, .tabs a):not(.info-button):not(.sort-button):not(.library-sort-button):not(.app-tab):not(.link):not(.app-data-status):not(.cleanup-association):not([data-snake-direction])::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 2px;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  background: var(--button-face, #173419);
  pointer-events: none;
}
body :is(.info-button, .sort-button, .library-sort-button, [data-snake-direction]) { border: 1px solid #ff9a19; }
body #appAutoActivation.hidden { display: none; }

body :is(.primary, .green, .library-button, .project-button, .support-button, .dev-button, .tabs a.active) {
  --button-face: linear-gradient(100deg, #087c00, #00c900);
  color: #051005;
}
body :is(.primary, .green, .library-button, .project-button, .support-button, .dev-button, .tabs a.active):hover:not(:disabled) {
  --button-face: linear-gradient(100deg, #0a9600, #18e318);
}
body :is(.primary, .green, .library-button, .project-button, .tabs a.active):hover:not(:disabled) { color: #051005; }
body :is(.secondary, .button-secondary) {
  --button-face: #173419;
  background: #173419;
  color: #dff3da;
}
body :is(.secondary, .button-secondary):hover:not(:disabled) { --button-face: #244c27; }
body .danger { --button-face: #842e36; background: #842e36; color: #fff0f0; }
body .danger:hover:not(:disabled) { --button-face: #a43b44; background: #a43b44; color: white; }
body :is(button, a, input, select, summary):focus-visible {
  outline: 2px solid var(--neon);
  outline-offset: 3px;
}

/* Keep the orange frame visible around both checkbox states. */
body input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 0;
  border: 2px solid #ffac3d;
  background: #170d05;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(255, 172, 61, .65), 0 0 7px rgba(255, 138, 29, .4);
  cursor: pointer;
  vertical-align: middle;
}
body input[type="checkbox"]:checked {
  border-color: #ffac3d;
  background: #15dd1b;
  box-shadow: 0 0 0 1px rgba(255, 172, 61, .85), 0 0 8px rgba(255, 138, 29, .6);
}
body input[type="checkbox"]:checked::after {
  content: "✓";
  color: #061306;
  font: 900 13px/1 system-ui, sans-serif;
}
body input[type="checkbox"]:disabled { cursor: not-allowed; opacity: .45; }

body :is(dialog, .library-viewer-dialog) {
  border-color: #278d2d;
  background: #071007;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .7);
}
body .account-data-warning { border-color: var(--gold); }

body .operation-overlay {
  background: rgba(1, 5, 1, .9);
}
body .operation-card {
  border: 2px solid #13a623;
  border-radius: 0;
  background:
    linear-gradient(125deg, rgba(4, 14, 5, .96), rgba(1, 7, 2, .97)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='24'%3E%3Cpath d='M7 1 L21 1 L27 12 L21 23 L7 23 L1 12Z' fill='%23061106' stroke='%2317501d'/%3E%3C/svg%3E");
  clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 20px,
    100% calc(100% - 20px), calc(100% - 20px) 100%,
    20px 100%, 0 calc(100% - 20px), 0 20px);
  box-shadow: none;
}
body .operation-card img {
  filter: drop-shadow(0 0 12px rgba(0, 201, 0, .4));
}
body .operation-card h2 { color: var(--neon); }
body .operation-progress {
  display: block;
  width: min(250px, 100%);
  height: 6px;
  margin: 17px auto 0;
  accent-color: #00c900;
}
body .operation-progress::-webkit-progress-bar { background: #17391b; border-radius: 20px; }
body .operation-progress::-webkit-progress-value { background: linear-gradient(90deg, #087c00, #00c900); border-radius: 20px; }
body .operation-progress::-moz-progress-bar { background: #00c900; }
body :is(#libraryCacheProgress, #chatCacheProgress, #cleanupLookupProgress) { accent-color: #00c900; }

/* The character stays still; progress and particles travel only left to right. */
body .azz-waiting-scene {
  position: relative;
  width: min(310px, 72vw);
  height: min(310px, 72vw);
  margin: 0 auto 7px;
  flex: 0 0 auto;
  overflow: hidden;
}
body .azz-waiting-scene.compact { width: 112px; height: 112px; margin: 0; }
body .azz-waiting-scene.hidden { display: none; }
body .azz-waiting-scene > img {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  opacity: 0;
  pointer-events: none;
}
body .azz-waiting-scene > canvas { display: block; width: 100%; height: 100%; transform: scale(.94); transform-origin: center 56%; }
body .azz-waiting-stream { position: absolute; inset: 0; pointer-events: none; }
body .azz-waiting-particle {
  position: absolute;
  left: 28%;
  top: 52%;
  width: 14%;
  height: 14%;
  opacity: 0;
  animation: azz-chat-to-leaf-flow 4s linear infinite;
}
body .azz-waiting-particle > span { position: absolute; inset: 0; display: block; }
body .azz-waiting-particle svg { display: block; width: 100%; height: 100%; }
body .azz-waiting-particle .chat-icon { color: #fff1cc; filter: drop-shadow(0 0 9px #ff9d19); animation: azz-chat-morph-out 4s linear infinite; }
body .azz-waiting-particle .chat-icon svg path { fill: #492506; stroke: currentColor; stroke-width: 2.7; }
body .azz-waiting-particle .chat-icon svg circle { fill: currentColor; }
body .azz-waiting-particle .leaf-icon { color: #b8ff75; filter: drop-shadow(0 0 11px #39ff14); animation: azz-leaf-morph-in 4s linear infinite; }
body .azz-waiting-particle .leaf-icon svg path:first-child { fill: #39ff14; stroke: currentColor; stroke-width: 1.3; }
body .azz-waiting-particle .leaf-icon svg path:last-child { fill: none; stroke: #064206; stroke-width: 1.7; }
body .azz-waiting-palm-chat { position: absolute; left: 25.5%; top: 56%; width: 19%; height: 11%; color: #fff0c2; filter: drop-shadow(0 0 8px #ffa526); }
body .azz-waiting-palm-chat > span { position:absolute; display:block; width:43%; height:78%; }
body .azz-waiting-palm-chat > span:nth-child(1) { left:0; top:20%; transform:rotate(-9deg); }
body .azz-waiting-palm-chat > span:nth-child(2) { left:27%; top:0; transform:rotate(5deg); }
body .azz-waiting-palm-chat > span:nth-child(3) { left:55%; top:22%; transform:rotate(10deg); }
body .azz-waiting-palm-chat svg { display: block; width: 100%; height: 100%; }
body .azz-waiting-palm-chat svg path { fill: #492506; stroke: currentColor; stroke-width: 2.7; }
body .azz-waiting-palm-chat svg circle { fill: currentColor; }
body .azz-waiting-particle:nth-child(2) { animation-delay: -1.2s; }
body .azz-waiting-particle:nth-child(3) { animation-delay: -2.4s; }
body .azz-waiting-particle:nth-child(2) > span { animation-delay: -1.2s; }
body .azz-waiting-particle:nth-child(3) > span { animation-delay: -2.4s; }
body .azz-waiting-grove { display: block; position: absolute; inset: 0; }
body .azz-waiting-leaf-step { position: absolute; width: 6%; height: 6%; opacity: 0; transform: scale(.4); transition: opacity .25s, transform .25s; filter: drop-shadow(0 0 5px #39ff14); }
body .azz-waiting-leaf-step.visible { opacity: 1; transform: scale(1); }
body .azz-waiting-leaf-step svg { display: block; width: 100%; height: 100%; }
body .azz-waiting-leaf-step svg path:first-child { fill: #39ff14; stroke: #c1ff90; stroke-width: 1; }
body .azz-waiting-leaf-step svg path:last-child { fill: none; stroke: #063a06; stroke-width: 1.5; }
body .azz-waiting-leaf-step:nth-child(1) { left: 57%; top: 59%; transform: rotate(-25deg) scale(.4); }
body .azz-waiting-leaf-step:nth-child(2) { left: 62%; top: 54%; transform: rotate(18deg) scale(.4); }
body .azz-waiting-leaf-step:nth-child(3) { left: 67%; top: 58%; transform: rotate(-14deg) scale(.4); }
body .azz-waiting-leaf-step:nth-child(4) { left: 60%; top: 64%; transform: rotate(30deg) scale(.4); }
body .azz-waiting-leaf-step:nth-child(5) { left: 70%; top: 63%; transform: rotate(8deg) scale(.4); }
body .azz-waiting-leaf-step.visible:nth-child(1) { transform: rotate(-25deg) scale(1); }
body .azz-waiting-leaf-step.visible:nth-child(2) { transform: rotate(18deg) scale(1); }
body .azz-waiting-leaf-step.visible:nth-child(3) { transform: rotate(-14deg) scale(1); }
body .azz-waiting-leaf-step.visible:nth-child(4) { transform: rotate(30deg) scale(1); }
body .azz-waiting-leaf-step.visible:nth-child(5) { transform: rotate(8deg) scale(1); }
body .azz-waiting-ascending { position:absolute;inset:0; }
body .azz-waiting-ascending > span { position:absolute;top:57%;width:8%;height:8%;opacity:0; }
body .azz-waiting-ascending > span svg { display:block;width:100%;height:100%; }
body .azz-waiting-ascending-leaf { width:6%;height:6%;color:#baff8c;filter:drop-shadow(0 0 11px #39ff14); }
body .azz-waiting-ascending-leaf svg path:first-child { fill:#39ff14;stroke:#beff9a;stroke-width:1; }
body .azz-waiting-ascending-leaf svg path:last-child { fill:none;stroke:#064206;stroke-width:1.5; }
body .azz-waiting-ascending-leaf:nth-child(1) { left:62%;animation:azz-leaf-rise-right 4.3s ease-out infinite; }
body .azz-waiting-ascending-leaf:nth-child(2) { left:67%;animation:azz-leaf-rise-right 4.3s ease-out -2.1s infinite; }
body .azz-waiting-ascending-leaf:nth-child(3) { left:59%;animation:azz-leaf-rise-right 4.8s ease-out -3.2s infinite; }
body .azz-waiting-ascending > .azz-waiting-ascending-chat { top:40%;color:#ffdf9a;filter:drop-shadow(0 0 5px #ffae3c); }
body .azz-waiting-ascending-chat svg path { fill:#492506;stroke:currentColor;stroke-width:2.7; }
body .azz-waiting-ascending-chat svg circle { fill:currentColor; }
body .azz-waiting-ascending-chat:nth-child(4) { left:34%;animation:azz-chat-descend-left 4.8s ease-in-out -1.2s infinite; }
body .azz-waiting-ascending-chat:nth-child(5) { left:39%;animation:azz-chat-descend-left 5.2s ease-in-out -3.8s infinite; }
body .azz-waiting-ascending-chat:nth-child(6) { left:31%;animation:azz-chat-descend-left 4.6s ease-in-out -2.4s infinite; }
body progress.waiting-bound {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
@keyframes azz-chat-to-leaf-flow {
  0% { transform: translateX(0) scale(.9); opacity: 0; }
  12% { opacity: 1; }
  75% { opacity: 1; }
  100% { transform: translateX(250%) scale(.85); opacity: 0; }
}
@keyframes azz-chat-morph-out {
  0%, 40% { opacity: 1; transform: scale(1); }
  58%, 100% { opacity: 0; transform: scale(.35) rotate(-18deg); }
}
@keyframes azz-leaf-morph-in {
  0%, 40% { opacity: 0; transform: scale(.35) rotate(25deg); }
  60%, 100% { opacity: 1; transform: scale(1) rotate(0); }
}
@keyframes azz-leaf-rise-right {
  0%, 20% { transform:translate(0,0) scale(.6) rotate(-20deg);opacity:0; }
  35% { transform:translate(45%,-65%) scale(1) rotate(-12deg);opacity:1; }
  66% { transform:translate(180%,-350%) scale(1) rotate(25deg);opacity:1; }
  85%, 100% { transform:translate(290%,-650%) scale(.5) rotate(55deg);opacity:0; }
}
@keyframes azz-chat-descend-left {
  0%, 15% { transform:translate(20%,-35%) scale(.55) rotate(15deg);opacity:0; }
  35% { transform:translate(0,35%) scale(1) rotate(10deg);opacity:.9; }
  70% { transform:translate(-5%,170%) scale(1) rotate(-8deg);opacity:.9; }
  85%, 100% { transform:translate(-5%,230%) scale(.7) rotate(-12deg);opacity:0; }
}

@media (prefers-reduced-motion: reduce) {
  body .operation-progress, body .azz-waiting-particle, body .azz-waiting-particle > span, body .azz-waiting-ascending > span { animation: none; }
  body .azz-waiting-particle { opacity: 1; transform: translateX(180%); }
  body .azz-waiting-particle .chat-icon { opacity: 0; }
  body .azz-waiting-particle .leaf-icon { opacity: 1; }
}

@media (max-width: 1050px) {
  body .intro-cards { grid-template-columns: 1fr; }
  body .intro-cards:not(:has(.sync-warning:not(.hidden))) { grid-template-columns: 1fr; }
  body .cache-overview { grid-template-columns: 1fr; }
  body .cache-overview > .library-cache-bar + .library-cache-bar:not(.hidden) {
    border-left: 0;
    border-top: 1px solid var(--line);
  }
}

@media (max-width: 850px) {
  body { width: calc(100% - 32px); }
  body .actions .auto-settings { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body .auto-days-field, body .auto-limit-field, body .auto-keyword-field { grid-column: span 1; }
}

@media (max-width: 520px) {
  body .actions .auto-settings { grid-template-columns: 1fr; }
  body .auto-days-field, body .auto-limit-field, body .auto-keyword-field { grid-column: 1; }
}
/* Native AzzAzeL scrollbars: dark rails, amber grip, neon green on hover.
   Keep wheel, keyboard, drag and accessibility behaviour browser-native. */
:root { --azz-scroll-track:#040e08; --azz-scroll-thumb:#d78a1c; --azz-scroll-hover:#63f45c; }
* { scrollbar-width:thin; scrollbar-color:var(--azz-scroll-thumb) var(--azz-scroll-track); }
@supports selector(::-webkit-scrollbar) {
  * { scrollbar-width:auto; scrollbar-color:auto; }
  ::-webkit-scrollbar { width:12px; height:12px; cursor:pointer; }
  ::-webkit-scrollbar-track { background:var(--azz-scroll-track); border:1px solid #203c29; border-radius:8px; cursor:pointer; }
  ::-webkit-scrollbar-thumb { background:linear-gradient(180deg,#ffb52b,#b76b10); border:3px solid var(--azz-scroll-track); border-radius:8px; min-height:38px; min-width:38px; cursor:pointer; }
  ::-webkit-scrollbar-thumb:hover { background:linear-gradient(180deg,#a5ff71,var(--azz-scroll-hover)); }
  ::-webkit-scrollbar-thumb:active { background:var(--azz-scroll-hover); }
  ::-webkit-scrollbar-corner { background:var(--azz-scroll-track); }
  ::-webkit-scrollbar-button { display:none; }
}